:root{--mdw-bg:#071527;--mdw-bg2:#0b2138;--mdw-panel:#0e2944;--mdw-panel2:#102f4f;--mdw-text:#f2f8ff;--mdw-muted:#b7c9db;--mdw-cyan:#1bc7ff;--mdw-cyan2:#79e7ff;--mdw-line:rgba(121,231,255,.22);--mdw-card:rgba(255,255,255,.06);--mdw-shadow:0 18px 48px rgba(0,0,0,.35)}
body{background:radial-gradient(circle at top left,#123a60 0,#071527 42%,#050b14 100%);color:var(--mdw-text);font-family:Lato,Arial,Helvetica,sans-serif}.mdw-site a{color:var(--mdw-cyan)}.mdw-site a:hover{color:var(--mdw-cyan2)}.container{max-width:1180px}.mdw-topbar{background:#06101d;border-bottom:1px solid var(--mdw-line);color:var(--mdw-muted)}.mdw-topline{padding:8px 0;color:var(--mdw-cyan2);font-size:13px;letter-spacing:.04em}.mdw-logo-row{background:linear-gradient(135deg,#071527,#0d2844);border-bottom:1px solid var(--mdw-line)}.mdw-brand a{display:inline-flex;align-items:center;gap:12px;padding:10px 0;color:#fff!important;font-weight:900;font-size:24px;letter-spacing:.02em}.mdw-logo-mark{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid var(--mdw-cyan);border-radius:14px;background:rgba(27,199,255,.12);box-shadow:0 0 24px rgba(27,199,255,.25);font-size:15px;color:var(--mdw-cyan2)}.mdw-searchbox .searchbox-icon,.mdw-searchbox .searchbox-submit{background:linear-gradient(135deg,#008ed0,#1bc7ff);border-radius:8px;color:#02111e}.mdw-searchbox .searchbox-input{background:#eef8ff;border-color:var(--mdw-cyan);border-radius:8px;color:#071527}.mdw-nav{background:#07111f;border-top:1px solid var(--mdw-line);border-bottom:1px solid var(--mdw-line)}nav.ectmegamenu{background:transparent}nav.ectmegamenu>ul>li{background:transparent}nav.ectmegamenu>ul>li>a{color:#e8f7ff!important;font-weight:700;letter-spacing:.03em}nav.ectmegamenu>ul>li:hover,nav.ectmegamenu>ul>li.ectmega-is-open{background:rgba(27,199,255,.12)}nav.ectmegamenu>ul>li>a:hover{color:var(--mdw-cyan2)!important}.mdw-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--mdw-line);background:radial-gradient(circle at 80% 10%,rgba(27,199,255,.25),transparent 30%),linear-gradient(135deg,#071527,#0f3150 58%,#071527);padding:72px 0}.mdw-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.mdw-eyebrow{text-transform:uppercase;color:var(--mdw-cyan2);letter-spacing:.14em;font-weight:900;font-size:13px;margin:0 0 14px;padding:0}.mdw-hero h1{font-size:54px;line-height:1.02;margin:0 0 18px;padding:0;color:#fff;text-align:left}.mdw-hero p{padding:0;margin:0 0 22px;color:var(--mdw-muted);font-size:18px;line-height:1.65}.mdw-hero-card{background:rgba(255,255,255,.07);border:1px solid var(--mdw-line);border-radius:28px;padding:28px;box-shadow:var(--mdw-shadow);backdrop-filter:blur(8px)}.mdw-code-window{background:#06101d;border:1px solid var(--mdw-line);border-radius:18px;padding:18px;font-family:Consolas,monospace;color:#dff8ff}.mdw-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--mdw-cyan);box-shadow:0 0 16px var(--mdw-cyan);margin-right:7px}.mdw-actions{display:flex;gap:12px;flex-wrap:wrap}.mdw-button,input[type="button"].ectbutton,input[type="submit"].ectbutton,button.ectbutton,button.buybutton,button.detaillink,button.qbuybutton,input.buybutton,input.qbuybutton,input.detaillink{display:inline-block;border:0;border-radius:10px!important;background:linear-gradient(135deg,#009ad8,#1bc7ff)!important;color:#02111e!important;font-weight:900!important;padding:12px 18px!important;text-decoration:none!important;box-shadow:0 10px 28px rgba(27,199,255,.2);cursor:pointer;text-shadow:none!important}.mdw-button.ghost{background:transparent!important;color:var(--mdw-cyan2)!important;border:1px solid var(--mdw-line)!important;box-shadow:none}.midWrapper.mdw-main{background:transparent;padding:44px 0}.mdw-panel{background:rgba(255,255,255,.06);border:1px solid var(--mdw-line);border-radius:24px;padding:28px;box-shadow:var(--mdw-shadow);margin-bottom:26px}.mdw-panel h1,.mdw-panel h2,.mdw-section h2{color:#fff;padding:0;margin:0 0 14px;text-align:left}.mdw-panel p{color:var(--mdw-muted);padding:0}.mdw-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mdw-card{background:var(--mdw-card);border:1px solid var(--mdw-line);border-radius:20px;padding:22px}.mdw-card h3{padding:0;margin:0 0 8px;color:#fff}.mdw-card p{padding:0;margin:0;color:var(--mdw-muted)}.mdw-inner-title{background:linear-gradient(135deg,#081728,#103452);border-bottom:1px solid var(--mdw-line);padding:34px 0}.mdw-inner-title h1{padding:0;margin:0;color:#fff;text-align:left}.mdw-inner-title p{padding:0;margin:8px 0 0;color:var(--mdw-muted)}.mdw-content-shell{background:rgba(255,255,255,.96);color:#172333;border-radius:24px;padding:26px;box-shadow:var(--mdw-shadow);min-height:360px}.mdw-content-shell h1,.mdw-content-shell h2,.mdw-content-shell h3{color:#102033}.mdw-content-shell p{color:#24364a}.mdw-sidebar{background:rgba(255,255,255,.06);border:1px solid var(--mdw-line);border-radius:24px;padding:18px;color:var(--mdw-text)}.mdw-sidebar h2{font-size:18px;padding:0;margin:0 0 12px;color:#fff}.mdw-sidebar-box{margin-bottom:22px}.mdw-footer{background:#06101d;border-top:1px solid var(--mdw-line);color:var(--mdw-muted)}.mdw-footer h3{color:#fff}.mdw-footer a{color:var(--mdw-cyan2)!important}.project-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{background:rgba(255,255,255,.06);border:1px solid var(--mdw-line);border-radius:18px;padding:18px}.project-card h3{margin:0 0 7px;color:#fff}.project-status{display:inline-block;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:rgba(27,199,255,.12);border:1px solid var(--mdw-line);color:var(--mdw-cyan2);font-size:12px;font-weight:900;text-transform:uppercase}.project-card p{color:var(--mdw-muted);margin:0 0 10px;padding:0}.ectdp_minicartmainwrapper,.ectdp_minicartcontainer,div.minicartcnt{color:#172333}.mdw-content-shell div.product,.mdw-content-shell div.category,.mdw-content-shell div.csproduct{border-radius:16px;overflow:hidden}.mdw-content-shell div.prodname a,.mdw-content-shell div.csprodname a,.mdw-content-shell div.catname a{color:#071527}.mdw-content-shell div.prodname a:hover,.mdw-content-shell div.csprodname a:hover,.mdw-content-shell div.catname a:hover{background:#1bc7ff;color:#02111e}@media(max-width:900px){.mdw-hero-grid,.mdw-card-grid{grid-template-columns:1fr}.mdw-hero h1{font-size:40px}.project-showcase{grid-template-columns:1fr}.col-3,.col-9,.col-4,.col-8,.col-4a{width:100%;float:none}.mdw-topline{text-align:left}.mdw-content-shell{padding:18px}}@media(max-width:520px){.mdw-hero{padding:46px 0}.mdw-hero h1{font-size:32px}.mdw-actions{display:block}.mdw-button{display:block;text-align:center;margin-bottom:10px}}

/* V2 refinements */
.mdw-cart-mini:empty{display:none}
.mdw-content-shell .mdw-crosssell-spacer{margin-top:26px}
.mdw-content-shell div.cartcontentsdiv,
.mdw-content-shell div.cartmaincontents{color:#172333}
.mdw-content-shell div.ectdivhead,
.mdw-content-shell div.checkoutsteps,
.mdw-content-shell div.cartheading,
.mdw-content-shell div.cart2header,
.mdw-content-shell div.cart3header,
.mdw-content-shell div.cart4header{background:#f6fbff;border-color:#b7d8ee;border-radius:12px}
.mdw-content-shell div.cartlineitems > div:not(:last-child){border-bottom-color:#c8d7e5}
.mdw-content-shell div.scwrap,
.mdw-content-shell div.qbuywrapper,
.mdw-content-shell div.iuwrap{color:#172333}
@media(max-width:900px){.mdw-cart-mini{display:none}}

/* Fix legacy account popup text on dark theme */
.ectsoftwrapper,
.ectsoftwrapper *,
div.ectsoftwrapper,
div.ectsoftwrapper * {
    color: #111827;
}

.ectsoftwrapper input,
.ectsoftwrapper select,
.ectsoftwrapper textarea {
    color: #111827;
    background: #ffffff;
}

.ectsoftwrapper .softformheader {
    color: #111827;
}

.ectsoftwrapper label,
.ectsoftwrapper div {
    color: #111827;
}

.category .catname,
.category-title,
div.category a {
    font-size: 1.3rem;
    font-weight: 700;
    color: #0b2240;
    margin-bottom: 10px;
    display: block;
}


/* V3 content/download refinements */
.mdw-downloads h2,
.mdw-static-content h2 {
    margin-top: 0;
}
.mdw-download-group {
    border: 1px solid #c7d8e7;
    border-radius: 16px;
    margin: 18px 0;
    overflow: hidden;
    background: #ffffff;
}
.mdw-download-group h3 {
    margin: 0;
    padding: 14px 18px;
    background: #eef7ff;
    border-bottom: 1px solid #c7d8e7;
}
.mdw-download-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding: 16px 18px;
    border-top: 1px solid #edf3f8;
}
.mdw-download-row:first-of-type {
    border-top: 0;
}
.mdw-download-row span {
    display: block;
    color: #52677c;
    margin-top: 4px;
}
.mdw-card.light {
    background: #f7fbff;
    border-color: #c7d8e7;
}
.mdw-card.light h3 {
    color: #102033;
}
.mdw-card.light p {
    color: #30465c;
}
@media(max-width:700px){
    .mdw-download-row {
        display: block;
    }
    .mdw-download-row .mdw-button {
        margin-top: 12px;
    }
}

/* Murdock DevWorks logo/header refinement */
.mdw-brand a {
  gap: 10px;
  text-decoration: none !important;
}

.mdw-logo-img {
  display: inline-block;
  width: 56px;
  height: 56px;
  object-fit: contain;
  flex: 0 0 auto;
}

.mdw-brand-text {
  color: #ffffff;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.55);
  white-space: nowrap;
}

@media (max-width: 520px) {
  .mdw-logo-img {
    width: 42px;
    height: 42px;
  }

  .mdw-brand a {
    font-size: 20px;
  }
}


/* Launch polish - header spacing and project showcase readability */
.mdw-brand a {
  gap: 8px;
  padding: 12px 0;
  align-items: center;
  text-decoration: none !important;
}
.mdw-logo-img {
  width: 62px;
  height: 62px;
  object-fit: contain;
}
.mdw-brand-text {
  font-size: 23px;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: #ffffff;
  line-height: 1;
}
.project-showcase {
  gap: 18px;
}
.project-card {
  background: #f8fcff;
  border: 1px solid #bfefff;
  color: #102033;
}
.project-card h3 {
  color: #102033;
  font-weight: 900;
}
.project-card p {
  color: #30465c;
  line-height: 1.55;
}
.project-status {
  background: #dff8ff;
  border-color: #9beaff;
  color: #008bbd;
}
.project-card .mdw-button.ghost {
  background: #ffffff !important;
  border: 1px solid #7ddfff !important;
  color: #007da8 !important;
  box-shadow: none;
}
.project-card .mdw-button.ghost:hover {
  background: #e9faff !important;
  color: #005c7f !important;
}
@media (max-width: 520px) {
  .mdw-logo-img { width: 48px; height: 48px; }
  .mdw-brand-text { font-size: 20px; }
}


/* ============================================================
   MDW Launch Polish Patch - Sidebar, store cards, and downloads
   ============================================================ */
.mdw-sidebar {
  padding: 22px 20px;
}

.mdw-sidebar-box {
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(125,223,255,0.18);
  border-radius: 18px;
  padding: 16px 16px 18px;
  margin-bottom: 18px;
}

.mdw-sidebar h2 {
  text-align: center;
  margin-bottom: 14px;
  letter-spacing: .02em;
}

.mdw-sidebar ul,
.mdw-sidebar .ectmenu1 {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.mdw-sidebar li,
.mdw-sidebar .ectmenu1 li {
  list-style: none;
}

.mdw-sidebar a {
  display: block;
  text-align: left;
  padding: 9px 12px;
  border-radius: 10px;
  line-height: 1.35;
}

.mdw-sidebar .ectsub,
.mdw-sidebar .ectsub1,
.mdw-sidebar .ectsubverticalmenu2,
.mdw-sidebar .ectsubverticalmenu3 {
  background-position: right 12px center !important;
}

.mdw-sidebar input[type="text"],
.mdw-sidebar input[type="password"],
.mdw-sidebar input[type="email"],
.mdw-sidebar select {
  max-width: 100%;
  box-sizing: border-box;
}

.mdw-sidebar .ectdp_minicartmainwrapper,
.mdw-sidebar .ectdp_minicartcontainer,
.mdw-sidebar div.minicartcnt {
  background: #ffffff;
  border-radius: 14px;
  padding: 10px;
}

.mdw-content-shell div.prodname,
.mdw-content-shell div.detailname,
.mdw-content-shell div.catname {
  color: #102033;
  font-weight: 900;
}

.mdw-content-shell div.proddescription,
.mdw-content-shell div.detaildescription,
.mdw-content-shell div.catdesc,
.mdw-content-shell div.navdesc {
  color: #30465c;
  line-height: 1.55;
}

.mdw-content-shell div.prodprice,
.mdw-content-shell div.detailprice {
  color: #063f66;
  font-weight: 900;
}

.mdw-download-row .mdw-button {
  white-space: nowrap;
}

@media(max-width:900px){
  .mdw-sidebar {
    margin-top: 20px;
  }
}

/* ============================================================
   MDW Project Showcase Admin Sync + Status Color Polish
   Public showcase cards read from /admin/data/projects.json
   ============================================================ */
.project-showcase {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.project-card {
  background: #f8fcff;
  border: 1px solid #bfefff;
  border-left: 6px solid #bfefff;
  border-radius: 18px;
  color: #102033;
  padding: 18px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.04);
}
.project-card h3 {
  color: #102033;
  font-weight: 900;
  margin: 0 0 7px;
}
.project-card p {
  color: #30465c;
  line-height: 1.55;
  margin: 0 0 10px;
  padding: 0;
}
.project-status {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #dff8ff;
  border: 1px solid #9beaff;
  color: #008bbd;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.project-card.status-completed {
  border-color: #9beaff;
  border-left-color: #24bf75;
}
.project-card.status-completed .project-status {
  background: #dcfff0;
  border-color: #79e4ad;
  color: #008a4f;
}
.project-card.status-progress {
  border-color: #9beaff;
  border-left-color: #14aeea;
}
.project-card.status-progress .project-status {
  background: #dff8ff;
  border-color: #9beaff;
  color: #007fb2;
}
.project-card.status-planned {
  border-color: #ffd27c;
  border-left-color: #e38500;
}
.project-card.status-planned .project-status {
  background: #fff3d8;
  border-color: #ffce6a;
  color: #a76400;
}
.project-card.status-default {
  border-left-color: #9beaff;
}
.project-card .mdw-button.ghost {
  background: #ffffff !important;
  border: 1px solid #7ddfff !important;
  color: #007da8 !important;
  box-shadow: none;
}
.project-card .mdw-button.ghost:hover {
  background: #e9faff !important;
  color: #005c7f !important;
}
@media (max-width: 900px) {
  .project-showcase {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   MDW Product Detail Layout Polish
   Keep store component layout isolated from the website shell, but make
   the catalog-mode detail page read cleanly inside the MDW shell.
   ============================================================ */
.mdw-content-shell div.detailname h1 {
  color: #102033;
  margin-top: 0;
  margin-bottom: 12px;
}
.mdw-content-shell div.detaillistprice,
.mdw-content-shell div.detailprice {
  float: right;
  width: 53%;
  margin: 4px 1%;
  clear: right;
}
.mdw-content-shell div.detaillistprice {
  color: #5f6f82;
  font-size: 1.05em;
}
.mdw-content-shell div.detailprice {
  color: #063f66;
  font-size: 1.65em;
  font-weight: 900;
}
.mdw-content-shell div.detailshortdescription {
  color: #102033;
  background: #eef6fb;
  border-radius: 8px;
  line-height: 1.6;
}
.mdw-content-shell div.detaildescription {
  color: #102033;
  background: #ffffff;
  border: 1px solid #9aa9b8;
  border-radius: 8px;
  padding: 16px;
  margin-top: 18px;
}
.mdw-content-shell div.detaildescription h1,
.mdw-content-shell div.detaildescription h2,
.mdw-content-shell div.detaildescription h3,
.mdw-content-shell div.detaildescription p,
.mdw-content-shell div.detaildescription li {
  color: #102033;
}
@media(max-width: 900px) {
  .mdw-content-shell div.detailimage,
  .mdw-content-shell div.detailname,
  .mdw-content-shell div.detailshortdescription,
  .mdw-content-shell div.detaillistprice,
  .mdw-content-shell div.detailprice,
  .mdw-content-shell div.detailid,
  .mdw-content-shell div.detailsku,
  .mdw-content-shell div.detaildateadded,
  .mdw-content-shell div.detailmanufacturer {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .mdw-content-shell div.detailimage {
    min-height: 0;
  }
}

/* ============================================================
   MDW ECT Cart Row Control Fix v4
   Keep optional application core files untouched.
   - Hide the optional Move To button on the cart page.
   - Let ECT place the Update button in the Total column.
   - Stack Update above the total price so the row reads cleanly.
   ============================================================ */
.mdw-content-shell .cartaddtolist,
.mdw-content-shell .cartaddtolist * {
  display: none !important;
}

.mdw-content-shell .cartlinecheck {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
}

.mdw-content-shell .cartlinecheck .cartdelete {
  display: inline-block !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  line-height: 1;
}

.mdw-content-shell .cartlinetotal,
.mdw-content-shell [id^="cartlinetot"] {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
  min-height: 60px;
}

.mdw-content-shell .cartlinetotal .cartlineupdate,
.mdw-content-shell [id^="cartlinetot"] .cartlineupdate,
.mdw-content-shell .cartlinetotal input[value="Update"],
.mdw-content-shell [id^="cartlinetot"] input[value="Update"] {
  display: inline-block !important;
  position: static !important;
  float: none !important;
  margin: 0 0 4px 0 !important;
  padding: 9px 14px !important;
  min-width: 78px;
  max-width: 120px;
  text-align: center;
  white-space: nowrap;
}

.mdw-content-shell .cartlinetotal strong,
.mdw-content-shell [id^="cartlinetot"] strong {
  display: block;
  margin-top: 2px;
}


/* ============================================================
   MDW ECT Cart Quantity Field Fix v5
   Avoid browser number spinners/overlays and keep quantity input clean.
   ============================================================ */
.mdw-content-shell input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.mdw-content-shell input[type="number"]::-webkit-outer-spin-button,
.mdw-content-shell input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mdw-content-shell input[name*="quant"],
.mdw-content-shell input[id*="quant"],
.mdw-content-shell input[name*="qty"],
.mdw-content-shell input[id*="qty"] {
  autocomplete: off;
}

/* ============================================================
   MDW Store Template Polish v1.2
   Let the optional cart control product/category internals.
   MDW should frame the store, not squeeze ECT cards.
   ============================================================ */

/* Give the store more room without forcing product internals. */
.mdw-main > .container,
.mdw-site .midWrapper.mdw-main > .container {
  max-width: 96% !important;
  width: 96% !important;
}

/* Keep the MDW shell as a clean frame only. */
.mdw-content-shell {
  padding: 24px !important;
  overflow: visible !important;
}

/* Do not clip ECT product/category boxes or image navigators. */
.mdw-content-shell div.product,
.mdw-content-shell div.category,
.mdw-content-shell div.csproduct {
  overflow: visible !important;
  border-radius: 12px !important;
}

/* Restore ECT-style two-column product/category breathing room on desktop. */
.mdw-content-shell div.categories,
.mdw-content-shell div.products,
.mdw-content-shell div.csproducts {
  justify-content: space-between !important;
  gap: 14px 12px !important;
}

@media screen and (min-width: 64em) {
  .mdw-content-shell div.categories > div.category,
  .mdw-content-shell div.products > div.product,
  .mdw-content-shell div.csproducts > div.csproduct {
    flex: 0 0 49% !important;
    max-width: 49% !important;
    width: 49% !important;
    margin: 0 0 14px 0 !important;
  }
}

@media screen and (max-width: 63.99em) {
  .mdw-content-shell div.categories > div.category,
  .mdw-content-shell div.products > div.product,
  .mdw-content-shell div.csproducts > div.csproduct {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* Make product images readable again inside the wider cards. */
.mdw-content-shell div.prodimage,
.mdw-content-shell div.csprodimage,
.mdw-content-shell div.catimage {
  min-width: 150px;
}

.mdw-content-shell img.prodimage,
.mdw-content-shell img.csprodimage,
.mdw-content-shell img.catimage,
.mdw-content-shell img.allprodimages {
  max-width: 100% !important;
  height: auto !important;
}

/* Prevent global MDW button styling from turning ECT image PREV/NEXT into large product buttons. */
.mdw-content-shell div.prodimage input.ectbutton,
.mdw-content-shell div.prodimage input.previmg,
.mdw-content-shell div.prodimage input.nextimg,
.mdw-content-shell div.prodimage button.previmg,
.mdw-content-shell div.prodimage button.nextimg,
.mdw-content-shell div.csprodimage input.ectbutton,
.mdw-content-shell div.csprodimage input.previmg,
.mdw-content-shell div.csprodimage input.nextimg,
.mdw-content-shell div.csprodimage button.previmg,
.mdw-content-shell div.csprodimage button.nextimg,
.mdw-content-shell td.prodimage input.ectbutton,
.mdw-content-shell td.prodimage input.previmg,
.mdw-content-shell td.prodimage input.nextimg {
  display: inline-block !important;
  position: static !important;
  float: none !important;
  width: auto !important;
  min-width: 46px !important;
  max-width: 64px !important;
  padding: 6px 8px !important;
  margin: 3px 2px !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.mdw-content-shell div.prodimage .extraimage,
.mdw-content-shell div.csprodimage .extraimage,
.mdw-content-shell td.prodimage .extraimage {
  display: inline-block !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  color: #102033 !important;
}

/* Keep normal product action buttons full-width and readable. */
.mdw-content-shell div.detaillink input,
.mdw-content-shell div.qbuybutton input,
.mdw-content-shell div.addtocart input,
.mdw-content-shell div.csdetaillink input,
.mdw-content-shell div.csqbuybutton input,
.mdw-content-shell div.csaddtocart input {
  width: 100% !important;
  max-width: none !important;
}

/* Sidebar can be slightly wider but should not compress ECT cards. */
@media screen and (min-width: 1000px) {
  .mdw-main .col-9 { width: 78% !important; }
  .mdw-main .col-3 { width: 22% !important; }
}

/* Compact inner page title so store content starts sooner. */
.mdw-inner-title {
  padding: 24px 0 !important;
}
.mdw-inner-title h1 {
  font-size: 30px !important;
  line-height: 1.2 !important;
}
.mdw-inner-title p {
  display: inline-block;
  margin-left: 14px !important;
  font-size: 15px !important;
}


/* ============================================================
   MDW Light Marble / Gold Visual Test
   Visual refresh only. Store/cart structure unchanged.
   ============================================================ */
:root{
  --mdw-bg:#f6f3ed;
  --mdw-stone:#faf8f3;
  --mdw-stone2:#ece4d7;
  --mdw-navy:#17283c;
  --mdw-charcoal:#27313b;
  --mdw-muted-dark:#66727f;
  --mdw-gold:#d7a13f;
  --mdw-gold-light:#f6d27c;
  --mdw-gold-dark:#a86d19;
  --mdw-line-light:rgba(69,55,36,.14);
  --mdw-card-light:rgba(255,255,255,.82);
  --mdw-shadow-light:0 18px 48px rgba(52,43,31,.14);
}

body{
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.92), rgba(255,255,255,0) 28%),
    radial-gradient(circle at 85% 10%, rgba(214,180,112,.16), rgba(255,255,255,0) 24%),
    linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,.2)),
    repeating-linear-gradient(118deg, rgba(33,43,55,.035) 0px, rgba(33,43,55,.035) 1px, transparent 1px, transparent 42px),
    linear-gradient(135deg,#f7f4ee 0%,#ebe3d7 48%,#faf8f4 100%) !important;
  color:var(--mdw-charcoal) !important;
}

.mdw-site a{color:#7d551c}
.mdw-site a:hover{color:#a86d19}

.mdw-topbar{
  background:rgba(255,255,255,.72) !important;
  border-bottom:1px solid var(--mdw-line-light) !important;
  color:var(--mdw-muted-dark) !important;
  backdrop-filter:blur(8px);
}
.mdw-topline{
  color:#836222 !important;
  font-weight:900;
  letter-spacing:.06em;
}

.mdw-logo-row{
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(250,246,239,.82)) !important;
  border-bottom:1px solid var(--mdw-line-light) !important;
  box-shadow:0 8px 26px rgba(58,45,29,.08);
}
.mdw-brand a{
  color:var(--mdw-navy)!important;
}
.mdw-brand-text{
  color:var(--mdw-navy)!important;
  text-shadow:none!important;
  font-weight:900!important;
}
.mdw-logo-img{
  filter:drop-shadow(0 4px 9px rgba(50,38,19,.18));
}

.mdw-searchbox .searchbox-icon,
.mdw-searchbox .searchbox-submit{
  background:linear-gradient(180deg,var(--mdw-gold-light),var(--mdw-gold)) !important;
  border:1px solid var(--mdw-gold-dark) !important;
  color:#1f1605!important;
  box-shadow:0 0 14px rgba(215,161,63,.35), inset 0 1px 0 rgba(255,255,255,.6);
}
.mdw-searchbox .searchbox-input{
  background:#fff !important;
  border-color:#d8c7a8 !important;
  color:var(--mdw-navy)!important;
}

.mdw-nav{
  background:rgba(255,255,255,.84)!important;
  border-top:1px solid var(--mdw-line-light)!important;
  border-bottom:1px solid var(--mdw-line-light)!important;
  box-shadow:0 10px 28px rgba(58,45,29,.08);
  backdrop-filter:blur(8px);
}
nav.ectmegamenu>ul>li>a{
  color:var(--mdw-navy)!important;
  font-weight:900;
}
nav.ectmegamenu>ul>li:hover,
nav.ectmegamenu>ul>li.ectmega-is-open{
  background:rgba(215,161,63,.16)!important;
}
nav.ectmegamenu>ul>li>a:hover{
  color:#8a5b14!important;
}

.mdw-hero{
  background:
    radial-gradient(circle at 76% 12%, rgba(215,161,63,.24), rgba(255,255,255,0) 24%),
    radial-gradient(circle at 10% 0%, rgba(255,255,255,.85), rgba(255,255,255,0) 30%),
    linear-gradient(135deg,rgba(255,255,255,.82),rgba(247,241,231,.62)),
    repeating-linear-gradient(125deg, rgba(35,45,56,.045) 0px, rgba(35,45,56,.045) 1px, transparent 1px, transparent 36px),
    linear-gradient(135deg,#f8f4eb 0%,#e8ded0 53%,#fffdf8 100%) !important;
  border-bottom:1px solid var(--mdw-line-light)!important;
  padding:76px 0 70px;
}
.mdw-eyebrow{
  color:#9c6a18!important;
  font-weight:900;
}
.mdw-hero h1{
  color:var(--mdw-navy)!important;
  text-shadow:none;
}
.mdw-hero p{
  color:#526171!important;
}
.mdw-hero-card,
.mdw-panel,
.mdw-sidebar{
  background:var(--mdw-card-light)!important;
  border:1px solid rgba(143,113,62,.18)!important;
  box-shadow:var(--mdw-shadow-light)!important;
  backdrop-filter:blur(8px);
}
.mdw-code-window{
  background:#17283c!important;
  border:1px solid rgba(215,161,63,.34)!important;
  color:#f7f0df!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.mdw-dot{
  background:var(--mdw-gold-light)!important;
  box-shadow:0 0 16px rgba(246,210,124,.7)!important;
}

.mdw-panel h1,
.mdw-panel h2,
.mdw-section h2,
.mdw-sidebar h2{
  color:var(--mdw-navy)!important;
}
.mdw-panel p,
.mdw-card p,
.mdw-sidebar,
.mdw-sidebar p{
  color:#5f6b76!important;
}

.mdw-card,
.project-card{
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(143,113,62,.18)!important;
  box-shadow:0 12px 30px rgba(58,45,29,.08);
}
.mdw-card h3,
.project-card h3{
  color:var(--mdw-navy)!important;
}
.project-status{
  background:rgba(215,161,63,.16)!important;
  color:#835911!important;
  border-color:rgba(168,109,25,.28)!important;
}

.mdw-button,
input[type="button"].ectbutton,
input[type="submit"].ectbutton,
button.ectbutton,
button.buybutton,
button.detaillink,
button.qbuybutton,
input.buybutton,
input.qbuybutton,
input.detaillink{
  background:linear-gradient(180deg,#f8d77e 0%,#d7a13f 50%,#b8791b 100%)!important;
  color:#1f1605!important;
  border:1px solid #a86d19!important;
  border-radius:11px!important;
  box-shadow:
    0 0 15px rgba(215,161,63,.42),
    0 7px 16px rgba(67,48,14,.24),
    inset 0 1px 0 rgba(255,255,255,.58)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
}
.mdw-button:hover,
input[type="button"].ectbutton:hover,
input[type="submit"].ectbutton:hover,
button.ectbutton:hover,
button.buybutton:hover,
button.detaillink:hover,
button.qbuybutton:hover,
input.buybutton:hover,
input.qbuybutton:hover,
input.detaillink:hover{
  background:linear-gradient(180deg,#ffe394 0%,#e4ad4d 48%,#bd8425 100%)!important;
  color:#1f1605!important;
  box-shadow:
    0 0 22px rgba(246,210,124,.66),
    0 8px 18px rgba(67,48,14,.28),
    inset 0 1px 0 rgba(255,255,255,.68)!important;
}
.mdw-button.ghost{
  background:rgba(255,255,255,.6)!important;
  color:var(--mdw-navy)!important;
  border:1px solid rgba(143,113,62,.28)!important;
  box-shadow:none!important;
}

.midWrapper.mdw-main{
  background:transparent!important;
}
.mdw-inner-title{
  background:
    linear-gradient(135deg,rgba(255,255,255,.82),rgba(239,231,217,.72)),
    repeating-linear-gradient(125deg, rgba(35,45,56,.04) 0px, rgba(35,45,56,.04) 1px, transparent 1px, transparent 38px)!important;
  border-bottom:1px solid var(--mdw-line-light)!important;
}
.mdw-inner-title h1{
  color:var(--mdw-navy)!important;
}
.mdw-inner-title p{
  color:#5c6875!important;
}
.mdw-content-shell{
  background:rgba(255,255,255,.91)!important;
  color:#172333!important;
  border:1px solid rgba(143,113,62,.18);
  box-shadow:var(--mdw-shadow-light)!important;
}
.mdw-content-shell h1,
.mdw-content-shell h2,
.mdw-content-shell h3{
  color:var(--mdw-navy)!important;
}

.mdw-footer{
  background:#1a2635!important;
  border-top:1px solid rgba(215,161,63,.32)!important;
  color:#d2d8df!important;
}
.mdw-footer h3{color:#fff!important}
.mdw-footer a{color:#f6d27c!important}
.mdw-footer .mdw-button.ghost{
  background:transparent!important;
  color:#f6d27c!important;
  border-color:rgba(246,210,124,.45)!important;
}

.category .catname,
.category-title,
div.category a{
  color:var(--mdw-navy)!important;
}

@media(max-width:900px){
  .mdw-hero{padding:50px 0}
}

/* ============================================================
   MDW Light Marble / Gold Visual Test - Cooler White Refinement
   User requested: whiter stone, softer gray marble, less yellow,
   better page balance, keep gold buttons as accents only.
   ============================================================ */
:root{
  --mdw-bg:#f7f7f5;
  --mdw-stone:#fcfcfa;
  --mdw-stone2:#f1f1ee;
  --mdw-stone3:#e6e5e1;
  --mdw-navy:#142845;
  --mdw-charcoal:#25313f;
  --mdw-muted-dark:#627082;
  --mdw-gold:#d3a24c;
  --mdw-gold-light:#f3d48d;
  --mdw-gold-dark:#9b6a1b;
  --mdw-line-light:rgba(55,65,78,.12);
  --mdw-card-light:rgba(255,255,255,.88);
  --mdw-shadow-light:0 18px 46px rgba(32,39,48,.08);
}

body{
  background-color:#f7f7f5 !important;
  background-image:
    linear-gradient(115deg, rgba(90,100,114,.065) 0%, rgba(90,100,114,0) 18%),
    linear-gradient(55deg, rgba(130,138,150,.04) 0%, rgba(130,138,150,0) 26%),
    linear-gradient(168deg, rgba(86,96,108,.05) 0%, rgba(86,96,108,0) 12%),
    radial-gradient(circle at 14% 12%, rgba(255,255,255,.96), rgba(255,255,255,0) 24%),
    radial-gradient(circle at 82% 10%, rgba(255,255,255,.86), rgba(255,255,255,0) 22%),
    linear-gradient(135deg,#fbfbf9 0%,#f3f3f0 38%,#fcfcfb 100%) !important;
  color:var(--mdw-charcoal) !important;
}

/* slightly narrower content for better balance */
.mdw-main > .container,
.mdw-site .midWrapper.mdw-main > .container,
.mdw-hero .container,
.mdw-inner-title .container,
.mdw-logo-row .container,
.mdw-topbar .container,
.mdw-footer .container{
  width:min(92%, 1260px) !important;
  max-width:1260px !important;
}

.mdw-topbar{
  background:rgba(255,255,255,.84) !important;
  border-bottom:1px solid var(--mdw-line-light) !important;
  color:var(--mdw-muted-dark) !important;
}
.mdw-topline{
  color:#8c6a2d !important;
  font-weight:800;
}

.mdw-logo-row{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,248,245,.92)) !important;
  border-bottom:1px solid rgba(55,65,78,.10) !important;
  box-shadow:0 6px 20px rgba(38,46,58,.05);
}
.mdw-brand a,
.mdw-brand-text{
  color:var(--mdw-navy) !important;
}

.mdw-nav{
  background:rgba(255,255,255,.92) !important;
  border-top:1px solid rgba(55,65,78,.08) !important;
  border-bottom:1px solid rgba(55,65,78,.10) !important;
  box-shadow:0 8px 24px rgba(38,46,58,.045);
}
nav.ectmegamenu>ul>li>a{
  color:var(--mdw-navy) !important;
}
nav.ectmegamenu>ul>li:hover,
nav.ectmegamenu>ul>li.ectmega-is-open{
  background:rgba(211,162,76,.10) !important;
}
nav.ectmegamenu>ul>li>a:hover{
  color:#8d6318 !important;
}

.mdw-hero{
  background-color:#f7f7f5 !important;
  background-image:
    linear-gradient(125deg, rgba(98,110,122,.055) 0%, rgba(98,110,122,0) 20%),
    linear-gradient(42deg, rgba(145,152,161,.045) 0%, rgba(145,152,161,0) 18%),
    radial-gradient(circle at 84% 12%, rgba(255,255,255,.94), rgba(255,255,255,0) 22%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,246,242,.88)) !important;
  border-bottom:1px solid var(--mdw-line-light) !important;
}
.mdw-eyebrow{ color:#8c6a2d !important; }
.mdw-hero h1,
.mdw-inner-title h1,
.mdw-panel h1,
.mdw-panel h2,
.mdw-section h2,
.mdw-sidebar h2,
.mdw-content-shell h1,
.mdw-content-shell h2,
.mdw-content-shell h3{
  color:var(--mdw-navy) !important;
}
.mdw-hero p,
.mdw-panel p,
.mdw-card p,
.mdw-sidebar,
.mdw-sidebar p,
.mdw-inner-title p{
  color:var(--mdw-muted-dark) !important;
}

.mdw-hero-card,
.mdw-panel,
.mdw-sidebar,
.mdw-content-shell,
.mdw-card,
.project-card{
  background:rgba(255,255,255,.90) !important;
  border:1px solid rgba(70,80,92,.10) !important;
  box-shadow:var(--mdw-shadow-light) !important;
}

.mdw-code-window{
  background:#142845 !important;
  border:1px solid rgba(211,162,76,.24) !important;
  color:#f7f2e7 !important;
}
.mdw-dot{
  background:var(--mdw-gold-light) !important;
  box-shadow:0 0 14px rgba(243,212,141,.58) !important;
}

/* gold buttons stay premium accents */
.mdw-button,
input[type="button"].ectbutton,
input[type="submit"].ectbutton,
button.ectbutton,
button.buybutton,
button.detaillink,
button.qbuybutton,
input.buybutton,
input.qbuybutton,
input.detaillink{
  background:linear-gradient(180deg,#f5d991 0%, #deb05b 52%, #bf8427 100%) !important;
  color:#1d1506 !important;
  border:1px solid var(--mdw-gold-dark) !important;
  box-shadow:0 0 14px rgba(211,162,76,.24), 0 6px 16px rgba(42,34,19,.14), inset 0 1px 0 rgba(255,255,255,.62) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
}
.mdw-button:hover,
input[type="button"].ectbutton:hover,
input[type="submit"].ectbutton:hover,
button.ectbutton:hover,
button.buybutton:hover,
button.detaillink:hover,
button.qbuybutton:hover,
input.buybutton:hover,
input.qbuybutton:hover,
input.detaillink:hover{
  background:linear-gradient(180deg,#f8df9f 0%, #e4b45f 52%, #c58a2d 100%) !important;
  box-shadow:0 0 18px rgba(211,162,76,.34), 0 8px 18px rgba(42,34,19,.16), inset 0 1px 0 rgba(255,255,255,.68) !important;
}
.mdw-button.ghost{
  background:rgba(255,255,255,.82) !important;
  color:var(--mdw-navy) !important;
  border:1px solid rgba(70,80,92,.15) !important;
  box-shadow:none !important;
}

.mdw-inner-title{
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(245,245,241,.88)) !important;
  border-bottom:1px solid var(--mdw-line-light) !important;
}

/* featured products / catalog balance */
.mdw-panel .products,
.mdw-panel .csproducts,
.mdw-content-shell .products,
.mdw-content-shell .csproducts{
  justify-content:center !important;
  gap:20px 16px !important;
}

@media screen and (min-width: 64em) {
  .mdw-panel div.csproducts > div.csproduct,
  .mdw-panel div.products > div.product,
  .mdw-content-shell div.csproducts > div.csproduct,
  .mdw-content-shell div.products > div.product {
    flex:0 0 31.5% !important;
    max-width:31.5% !important;
    width:31.5% !important;
  }
}

.mdw-content-shell div.product,
.mdw-content-shell div.csproduct,
.mdw-panel div.product,
.mdw-panel div.csproduct{
  background:#fff !important;
  border:1px solid rgba(70,80,92,.11) !important;
  border-radius:16px !important;
  box-shadow:0 10px 24px rgba(37,49,63,.05);
}

.mdw-footer{
  background:#162434 !important;
  border-top:1px solid rgba(211,162,76,.22) !important;
  color:#d4dae1 !important;
}
.mdw-footer a{ color:#f3d48d !important; }

/* keep mobile clean */
@media(max-width:900px){
  .mdw-main > .container,
  .mdw-site .midWrapper.mdw-main > .container,
  .mdw-hero .container,
  .mdw-inner-title .container,
  .mdw-logo-row .container,
  .mdw-topbar .container,
  .mdw-footer .container{
    width:94% !important;
  }
}


/* ============================================================
   MDW Light Marble / Gold Visual Test v3
   Theme-only pass: cooler true-white marble, gray stone veining,
   reduced yellow tint. Product-card sizing intentionally left
   mostly alone for a later ECT/layout pass.
   ============================================================ */
:root{
  --mdw-marble-white:#fbfbfa;
  --mdw-marble-off:#f3f3f1;
  --mdw-marble-line:rgba(57,68,80,.13);
  --mdw-navy:#10243b;
  --mdw-ink:#1d2b3a;
  --mdw-muted-dark:#5f6f80;
  --mdw-gold:#d4a24a;
  --mdw-gold-light:#f4d890;
  --mdw-gold-dark:#996818;
  --mdw-card-white:rgba(255,255,255,.88);
  --mdw-soft-shadow:0 18px 48px rgba(24,34,45,.09);
}

/* Make the marble visible without turning the whole site yellow. */
body{
  background-color:#f8f8f6 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.58), rgba(255,255,255,.58)),
    url('../images/theme/mdw-white-marble-bg.png') !important;
  background-size:cover !important;
  background-attachment:fixed !important;
  background-position:center top !important;
  color:var(--mdw-ink) !important;
}

/* Keep main area stone-like instead of beige. */
.midWrapper.mdw-main,
.mdw-hero,
.mdw-inner-title{
  background-color:transparent !important;
  background-image:
    linear-gradient(rgba(255,255,255,.70), rgba(255,255,255,.70)),
    url('../images/theme/mdw-white-marble-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  border-color:var(--mdw-marble-line) !important;
}

/* Better centered page balance, still compatible with ECT pages. */
.mdw-main > .container,
.mdw-site .midWrapper.mdw-main > .container,
.mdw-hero .container,
.mdw-inner-title .container{
  width:min(90%, 1220px) !important;
  max-width:1220px !important;
}

.mdw-topbar,
.mdw-logo-row,
.mdw-nav{
  background:rgba(255,255,255,.88) !important;
  border-color:rgba(57,68,80,.10) !important;
  box-shadow:0 6px 20px rgba(24,34,45,.04) !important;
}
.mdw-logo-row{
  background:rgba(255,255,255,.94) !important;
}
.mdw-topline{
  color:#806126 !important;
}
.mdw-brand a,
.mdw-brand-text,
nav.ectmegamenu>ul>li>a{
  color:var(--mdw-navy) !important;
}

/* Glassy white panels on top of the marble. */
.mdw-hero-card,
.mdw-panel,
.mdw-sidebar,
.mdw-content-shell,
.mdw-card,
.project-card{
  background:var(--mdw-card-white) !important;
  border:1px solid rgba(57,68,80,.12) !important;
  box-shadow:var(--mdw-soft-shadow) !important;
  backdrop-filter:blur(5px);
}

.mdw-hero{
  padding-top:72px !important;
  padding-bottom:68px !important;
}
.mdw-eyebrow{
  color:#5f7185 !important;
  letter-spacing:.14em !important;
}
.mdw-hero h1,
.mdw-inner-title h1,
.mdw-panel h1,
.mdw-panel h2,
.mdw-section h2,
.mdw-sidebar h2,
.mdw-content-shell h1,
.mdw-content-shell h2,
.mdw-content-shell h3{
  color:var(--mdw-navy) !important;
}
.mdw-hero p,
.mdw-panel p,
.mdw-card p,
.mdw-sidebar,
.mdw-sidebar p,
.mdw-inner-title p,
.mdw-content-shell p{
  color:var(--mdw-muted-dark) !important;
}

/* Terminal box stays navy so the page still has contrast. */
.mdw-code-window{
  background:#142941 !important;
  color:#f7f4ee !important;
  border:1px solid rgba(212,162,74,.26) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.mdw-dot{
  background:var(--mdw-gold-light) !important;
  box-shadow:0 0 12px rgba(244,216,144,.55) !important;
}

/* Gold buttons: good glow, less heavy yellow cast. */
.mdw-button,
input[type="button"].ectbutton,
input[type="submit"].ectbutton,
button.ectbutton,
button.buybutton,
button.detaillink,
button.qbuybutton,
input.buybutton,
input.qbuybutton,
input.detaillink{
  background:linear-gradient(180deg,#f6dc96 0%,#d7a64e 54%,#b77b22 100%) !important;
  color:#1b1407 !important;
  border:1px solid var(--mdw-gold-dark) !important;
  box-shadow:
    0 0 12px rgba(212,162,74,.28),
    0 6px 14px rgba(52,39,18,.16),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
}
.mdw-button:hover,
input[type="button"].ectbutton:hover,
input[type="submit"].ectbutton:hover,
button.ectbutton:hover,
button.buybutton:hover,
button.detaillink:hover,
button.qbuybutton:hover,
input.buybutton:hover,
input.qbuybutton:hover,
input.detaillink:hover{
  background:linear-gradient(180deg,#fae3a8 0%,#dfb15b 54%,#bf852b 100%) !important;
  box-shadow:
    0 0 16px rgba(212,162,74,.38),
    0 7px 16px rgba(52,39,18,.18),
    inset 0 1px 0 rgba(255,255,255,.70) !important;
}
.mdw-button.ghost{
  background:rgba(255,255,255,.72) !important;
  color:var(--mdw-navy) !important;
  border:1px solid rgba(57,68,80,.16) !important;
  box-shadow:none !important;
}

/* Give the featured/home panels a stone-white read. */
.mdw-panel{
  border-radius:24px !important;
}
.mdw-card{
  background:rgba(255,255,255,.72) !important;
}

/* Footer gives the light site a grounded finish. */
.mdw-footer{
  background:#162536 !important;
  border-top:1px solid rgba(212,162,74,.26) !important;
  color:#d7dde4 !important;
}
.mdw-footer h3{ color:#fff !important; }
.mdw-footer a{ color:#f4d890 !important; }

/* Mobile keeps the same look. */
@media(max-width:900px){
  body{ background-attachment:scroll !important; }
  .mdw-main > .container,
  .mdw-site .midWrapper.mdw-main > .container,
  .mdw-hero .container,
  .mdw-inner-title .container{
    width:94% !important;
  }
}


/* ============================================================
   MDW Light Marble / Transparent Page Test v4
   Uses a real background image behind transparent page panels.
   To change the whole site look later, replace:
   images/theme/mdw-marble-background.jpg
   ============================================================ */
:root{
  --mdw-marble-white:#fbfbf8;
  --mdw-panel-glass:rgba(255,255,255,.78);
  --mdw-panel-glass-strong:rgba(255,255,255,.88);
  --mdw-border-soft:rgba(56,66,78,.15);
  --mdw-navy:#0f243c;
  --mdw-ink:#1c2c3c;
  --mdw-muted-dark:#5d6e80;
  --mdw-gold:#d2a04a;
  --mdw-gold-light:#f4da95;
  --mdw-gold-dark:#946115;
  --mdw-shadow-glass:0 18px 48px rgba(24,34,45,.10);
}

/* One real background image behind the whole site. */
html,
body{
  min-height:100%;
}
body{
  background:#f8f8f5 url('../images/theme/mdw-marble-background.jpg') center top / cover fixed no-repeat !important;
  color:var(--mdw-ink) !important;
}

/* Let the background show through the main wrappers. */
.mainWrapper,
.mdw-site,
.midWrapper.mdw-main,
.mdw-hero,
.mdw-inner-title{
  background:transparent !important;
}

/* Keep top areas light but transparent enough to feel part of the marble site. */
.mdw-topbar{
  background:rgba(255,255,255,.72) !important;
  border-bottom:1px solid rgba(56,66,78,.10) !important;
  backdrop-filter:blur(7px);
  color:var(--mdw-muted-dark) !important;
}
.mdw-logo-row{
  background:rgba(255,255,255,.76) !important;
  border-bottom:1px solid rgba(56,66,78,.10) !important;
  backdrop-filter:blur(8px);
  box-shadow:0 8px 24px rgba(24,34,45,.05) !important;
}
.mdw-nav{
  background:rgba(255,255,255,.82) !important;
  border-top:1px solid rgba(56,66,78,.08) !important;
  border-bottom:1px solid rgba(56,66,78,.12) !important;
  backdrop-filter:blur(8px);
  box-shadow:0 8px 22px rgba(24,34,45,.05) !important;
}
.mdw-topline{
  color:#806028 !important;
  font-weight:900;
}
.mdw-brand a,
.mdw-brand-text,
nav.ectmegamenu>ul>li>a{
  color:var(--mdw-navy) !important;
}
nav.ectmegamenu>ul>li:hover,
nav.ectmegamenu>ul>li.ectmega-is-open{
  background:rgba(210,160,74,.12) !important;
}
nav.ectmegamenu>ul>li>a:hover{
  color:#835811 !important;
}

/* More balanced centered site width. */
.mdw-main > .container,
.mdw-site .midWrapper.mdw-main > .container,
.mdw-hero .container,
.mdw-inner-title .container,
.mdw-logo-row .container,
.mdw-topbar .container,
.mdw-footer .container{
  width:min(90%, 1220px) !important;
  max-width:1220px !important;
}

/* Hero is transparent, not a solid block. */
.mdw-hero{
  border-bottom:1px solid rgba(56,66,78,.13) !important;
  padding:72px 0 68px !important;
}
.mdw-eyebrow{
  color:#50657a !important;
}
.mdw-hero h1,
.mdw-inner-title h1,
.mdw-panel h1,
.mdw-panel h2,
.mdw-section h2,
.mdw-sidebar h2,
.mdw-content-shell h1,
.mdw-content-shell h2,
.mdw-content-shell h3{
  color:var(--mdw-navy) !important;
}
.mdw-hero p,
.mdw-panel p,
.mdw-card p,
.mdw-sidebar,
.mdw-sidebar p,
.mdw-inner-title p,
.mdw-content-shell p{
  color:var(--mdw-muted-dark) !important;
}

/* Transparent/glass page panels. */
.mdw-hero-card,
.mdw-panel,
.mdw-sidebar,
.mdw-content-shell{
  background:var(--mdw-panel-glass) !important;
  border:1px solid var(--mdw-border-soft) !important;
  box-shadow:var(--mdw-shadow-glass) !important;
  backdrop-filter:blur(7px);
}

.mdw-card,
.project-card,
.mdw-content-shell div.product,
.mdw-content-shell div.csproduct,
.mdw-content-shell div.category,
.mdw-panel div.product,
.mdw-panel div.csproduct,
.mdw-panel div.category{
  background:rgba(255,255,255,.70) !important;
  border:1px solid rgba(56,66,78,.14) !important;
  box-shadow:0 10px 26px rgba(24,34,45,.06) !important;
}

/* Terminal remains dark/navy for contrast. */
.mdw-code-window{
  background:#13283f !important;
  color:#f7f2e8 !important;
  border:1px solid rgba(210,160,74,.28) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.mdw-dot{
  background:var(--mdw-gold-light) !important;
  box-shadow:0 0 12px rgba(244,218,149,.55) !important;
}

/* Gold buttons: visible accent, not overpowering the marble. */
.mdw-button,
input[type="button"].ectbutton,
input[type="submit"].ectbutton,
button.ectbutton,
button.buybutton,
button.detaillink,
button.qbuybutton,
input.buybutton,
input.qbuybutton,
input.detaillink{
  background:linear-gradient(180deg,#f7dda0 0%,#d5a44e 52%,#b57920 100%) !important;
  color:#1b1407 !important;
  border:1px solid var(--mdw-gold-dark) !important;
  box-shadow:
    0 0 13px rgba(210,160,74,.30),
    0 6px 14px rgba(48,34,13,.16),
    inset 0 1px 0 rgba(255,255,255,.66) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.36) !important;
}
.mdw-button:hover,
input[type="button"].ectbutton:hover,
input[type="submit"].ectbutton:hover,
button.ectbutton:hover,
button.buybutton:hover,
button.detaillink:hover,
button.qbuybutton:hover,
input.buybutton:hover,
input.qbuybutton:hover,
input.detaillink:hover{
  background:linear-gradient(180deg,#fae6b1 0%,#ddb05b 52%,#bf842a 100%) !important;
  box-shadow:
    0 0 18px rgba(210,160,74,.40),
    0 7px 16px rgba(48,34,13,.18),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}
.mdw-button.ghost{
  background:rgba(255,255,255,.70) !important;
  color:var(--mdw-navy) !important;
  border:1px solid rgba(56,66,78,.18) !important;
  box-shadow:none !important;
}

/* Inner page title floats over marble instead of becoming a stripe. */
.mdw-inner-title{
  border-bottom:1px solid rgba(56,66,78,.12) !important;
}

/* Footer anchors the page. */
.mdw-footer{
  background:rgba(16,31,47,.96) !important;
  border-top:1px solid rgba(210,160,74,.26) !important;
  color:#d7dde4 !important;
}
.mdw-footer h3{ color:#fff !important; }
.mdw-footer a{ color:#f4da95 !important; }

@media(max-width:900px){
  body{ background-attachment:scroll !important; }
  .mdw-main > .container,
  .mdw-site .midWrapper.mdw-main > .container,
  .mdw-hero .container,
  .mdw-inner-title .container,
  .mdw-logo-row .container,
  .mdw-topbar .container,
  .mdw-footer .container{
    width:94% !important;
  }
}


/* ============================================================
   MDW Marble Transparent Test v5
   Smooth hero-to-content transition: remove the dividing line
   below the hero so the marble background flows continuously.
   ============================================================ */
.mdw-hero{
  border-bottom:0 !important;
  box-shadow:none !important;
}

.midWrapper.mdw-main{
  padding-top:38px !important;
}

/* Keep the panels floating over the marble instead of sitting below a hard divider. */
.mdw-panel:first-child{
  margin-top:0 !important;
}

/* Inner store/page title dividers can stay subtle, but not heavy. */
.mdw-inner-title{
  border-bottom:1px solid rgba(56,66,78,.08) !important;
}


/* ============================================================
   MDW Header Test v6
   Front header cleanup:
   - Logo/name moved into the upper header row.
   - Login/cart/search moved to the right.
   - Separate large logo row removed.
   - Menu bar stays clean/white.
   - Marble background can show behind the top header.
   ============================================================ */
.mdw-topbar,
.mdw-logo-row,
.logo_cont.mdw-logo-row,
.logo_row{
  display:none !important;
}

.mdw-headtop{
  background:rgba(255,255,255,.72) !important;
  border-bottom:1px solid rgba(56,66,78,.10) !important;
  backdrop-filter:blur(8px);
  box-shadow:0 8px 24px rgba(24,34,45,.045);
}

.mdw-headtop-inner{
  min-height:86px;
  display:grid;
  grid-template-columns:minmax(250px,1fr) minmax(260px,.9fr) minmax(330px,1fr);
  align-items:center;
  gap:18px;
}

.mdw-brand-main a{
  display:inline-flex !important;
  align-items:center;
  gap:12px;
  padding:0 !important;
  color:var(--mdw-navy) !important;
  text-decoration:none !important;
}

.mdw-brand-main .mdw-logo-img{
  width:56px !important;
  height:56px !important;
  object-fit:contain;
  filter:drop-shadow(0 4px 8px rgba(24,34,45,.15));
}

.mdw-brand-main .mdw-brand-text{
  font-size:23px !important;
  color:var(--mdw-navy) !important;
  text-shadow:none !important;
  font-weight:900 !important;
  line-height:1.05;
  white-space:nowrap;
}

.mdw-headtagline{
  text-align:center;
  color:#77591e;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1.35;
  text-transform:none;
}

.mdw-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}

/* Keep ECT mini login/cart compact in the new header. */
.mdw-head-actions .mdw-login-mini,
.mdw-head-actions .mdw-cart-mini{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  min-width:0;
}

.mdw-head-actions .mdw-cart-mini:empty{
  display:none !important;
}

/* Search in header should be compact and not stretch the whole row. */
.mdw-head-actions .mdw-searchbox{
  float:none !important;
  min-width:118px !important;
  width:118px !important;
  height:38px !important;
  overflow:visible;
}

.mdw-head-actions .mdw-searchbox.searchbox-open{
  width:280px !important;
}

.mdw-head-actions .searchbox-icon,
.mdw-head-actions .searchbox-submit{
  width:118px !important;
  height:36px !important;
  line-height:36px !important;
  border-radius:9px !important;
}

.mdw-head-actions .searchbox-input{
  height:36px !important;
  border-radius:9px !important;
  padding-right:122px !important;
}

/* Menu remains its own clean white bar. */
.mdw-nav{
  background:rgba(255,255,255,.90) !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(56,66,78,.13) !important;
  box-shadow:0 5px 18px rgba(24,34,45,.04) !important;
}

nav.ectmegamenu>ul>li>a{
  padding-top:13px !important;
  padding-bottom:13px !important;
}

/* Remove old top-row spacing assumptions on mobile. */
@media(max-width:1050px){
  .mdw-headtop-inner{
    grid-template-columns:1fr;
    gap:10px;
    padding-top:14px;
    padding-bottom:14px;
    text-align:center;
  }

  .mdw-brand-main a,
  .mdw-head-actions{
    justify-content:center;
  }

  .mdw-head-actions{
    flex-wrap:wrap;
  }
}

@media(max-width:520px){
  .mdw-brand-main .mdw-logo-img{
    width:46px !important;
    height:46px !important;
  }
  .mdw-brand-main .mdw-brand-text{
    font-size:20px !important;
  }
  .mdw-headtagline{
    font-size:11px;
  }
}


/* ============================================================
   MDW Header Test v7
   Header polish:
   - Upper logo/action row is transparent over the marble.
   - Menu remains a clean light bar.
   - Action area spacing adjusted so login/cart/search do not crowd.
   ============================================================ */
.mdw-headtop{
  background:rgba(255,255,255,.30) !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  backdrop-filter:blur(3px);
}

.mdw-headtop-inner{
  min-height:78px !important;
  grid-template-columns:minmax(260px,1fr) minmax(300px,.95fr) minmax(420px,1.1fr) !important;
  gap:24px !important;
}

.mdw-brand-main .mdw-logo-img{
  width:52px !important;
  height:52px !important;
}

.mdw-brand-main .mdw-brand-text{
  font-size:23px !important;
}

.mdw-headtagline{
  color:#74581f !important;
  background:rgba(255,255,255,.28);
  border-radius:999px;
  padding:4px 12px;
  justify-self:center;
}

.mdw-head-actions{
  gap:14px !important;
  align-items:center !important;
}

.mdw-head-actions .mdw-login-mini{
  white-space:nowrap;
}

.mdw-head-actions .mdw-cart-mini{
  white-space:nowrap;
}

/* Let cart sit below/right only if ECT injects it awkwardly; keep it compact. */
.mdw-head-actions .mdw-cart-mini,
.mdw-head-actions .mdw-cart-mini *{
  max-height:38px;
}

/* Search gets a little more room in the action row. */
.mdw-head-actions .mdw-searchbox{
  width:150px !important;
  min-width:150px !important;
}

.mdw-head-actions .mdw-searchbox.searchbox-open{
  width:300px !important;
}

.mdw-head-actions .searchbox-icon,
.mdw-head-actions .searchbox-submit{
  width:150px !important;
}

.mdw-head-actions .searchbox-input{
  padding-right:154px !important;
}

/* Keep menu clean, slightly warmer white but not marble patterned. */
.mdw-nav{
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(8px);
  border-top:1px solid rgba(56,66,78,.08) !important;
  border-bottom:1px solid rgba(56,66,78,.14) !important;
  box-shadow:0 6px 18px rgba(24,34,45,.045) !important;
}

@media(max-width:1160px){
  .mdw-headtop-inner{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding-top:14px;
    padding-bottom:14px;
  }
  .mdw-brand-main a,
  .mdw-head-actions{
    justify-content:center !important;
  }
  .mdw-head-actions{
    flex-wrap:wrap;
  }
}


/* ============================================================
   MDW Header Test v8
   Action-area cleanup:
   - Login/cart live together in a small top row.
   - Search sits below/right with enough room.
   - Prevents ECT mini cart/login from overlapping the search.
   ============================================================ */
.mdw-headtop-inner{
  grid-template-columns:minmax(270px,1fr) minmax(290px,.9fr) minmax(390px,1fr) !important;
  min-height:82px !important;
}

.mdw-head-actions{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:7px !important;
  min-width:390px;
}

.mdw-mini-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-height:24px;
  line-height:1.1;
  white-space:nowrap;
}

.mdw-mini-actions .mdw-login-mini,
.mdw-mini-actions .mdw-cart-mini{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  position:static !important;
  float:none !important;
  min-width:0;
  max-height:32px;
}

/* Keep ECT-generated mini text/buttons compact. */
.mdw-mini-actions .mdw-login-mini *,
.mdw-mini-actions .mdw-cart-mini *{
  line-height:1.1 !important;
}

.mdw-mini-actions .mdw-cart-mini:empty{
  display:none !important;
}

.mdw-head-actions .mdw-searchbox{
  float:none !important;
  clear:none !important;
  position:relative !important;
  width:150px !important;
  min-width:150px !important;
  height:36px !important;
  margin:0 !important;
  overflow:hidden !important;
}

.mdw-head-actions .mdw-searchbox.searchbox-open{
  width:300px !important;
}

.mdw-head-actions .searchbox-icon,
.mdw-head-actions .searchbox-submit{
  width:150px !important;
  height:36px !important;
  line-height:36px !important;
  border-radius:9px !important;
}

.mdw-head-actions .searchbox-input{
  height:36px !important;
  border-radius:9px !important;
  padding-right:154px !important;
}

/* The old cart strip from ECT sometimes adds a background; soften it in this header. */
.mdw-head-actions .mdw-cart-mini .ectdp_minicartopen,
.mdw-head-actions .mdw-cart-mini .ectdp_minicartmainwrapper,
.mdw-head-actions .mdw-cart-mini .ectdp_minicartcontainer{
  background:rgba(212,160,74,.30) !important;
  border-radius:3px !important;
  margin:0 !important;
}

/* Keep the center tagline from fighting with the right side. */
.mdw-headtagline{
  max-width:300px;
  justify-self:center;
}

/* Medium screens: stack cleanly instead of crowding. */
@media(max-width:1220px){
  .mdw-headtop-inner{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding-top:12px;
    padding-bottom:12px;
  }

  .mdw-head-actions{
    align-items:center !important;
    min-width:0;
  }

  .mdw-mini-actions{
    justify-content:center;
    flex-wrap:wrap;
  }
}


/* ============================================================
   MDW Header Test v9
   Remove header mini cart:
   - The ECT mini "View Cart" block was crowding the header and
     linking poorly on test subfolders.
   - Keep the normal CART item in the main menu.
   ============================================================ */
.mdw-head-actions{
  min-width:310px !important;
  gap:8px !important;
}

.mdw-mini-actions{
  justify-content:flex-end !important;
}

.mdw-head-actions .mdw-cart-mini{
  display:none !important;
}

.mdw-head-actions .mdw-searchbox{
  margin-top:2px !important;
}

/* With cart removed, give login/search cleaner alignment. */
@media(min-width:1221px){
  .mdw-head-actions{
    align-items:flex-end !important;
  }
}


/* ============================================================
   MDW Header Test v10
   Header simplification:
   - Removed upper quick-search box.
   - Kept Search in the main menu.
   - Tagline stays on one line when space allows.
   - Right side now only handles login.
   ============================================================ */
.mdw-headtop-inner{
  grid-template-columns:minmax(300px,1fr) minmax(470px,1.1fr) minmax(210px,1fr) !important;
  min-height:76px !important;
  gap:22px !important;
}

.mdw-headtagline{
  max-width:none !important;
  white-space:nowrap !important;
  font-size:13px !important;
  letter-spacing:.075em !important;
  padding:5px 16px !important;
  line-height:1.15 !important;
}

.mdw-head-actions{
  min-width:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

.mdw-mini-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  white-space:nowrap !important;
}

.mdw-head-actions .mdw-searchbox{
  display:none !important;
}

/* Keep login from crowding the top edge. */
.mdw-login-mini{
  line-height:1.1 !important;
}

/* Medium screens: stack gracefully and allow tagline to wrap only when needed. */
@media(max-width:1160px){
  .mdw-headtop-inner{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
  }

  .mdw-headtagline{
    white-space:normal !important;
    justify-self:center !important;
    text-align:center !important;
  }

  .mdw-head-actions,
  .mdw-mini-actions{
    justify-content:center !important;
  }
}


/* ============================================================
   MDW Header/Layout Test v11
   - Uses supplied marble background image.
   - Uses supplied MDW logo image in the header.
   - Widens desktop content so ECT pages do not feel squeezed.
   ============================================================ */

/* Header logo image / wordmark */
.mdw-brand-main a{
  gap:0 !important;
}
.mdw-logo-wordmark{
  display:block;
  width:250px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 3px 8px rgba(24,34,45,.12));
}
.mdw-brand-main .mdw-logo-img,
.mdw-brand-main .mdw-brand-text{
  display:none !important;
}

/* Wider desktop site frame */
.mdw-main > .container,
.mdw-site .midWrapper.mdw-main > .container,
.mdw-hero .container,
.mdw-inner-title .container,
.mdw-logo-row .container,
.mdw-topbar .container,
.mdw-headtop .container,
.mdw-footer .container{
  width:min(94%, 1460px) !important;
  max-width:1460px !important;
}

/* Header columns adjusted for real logo image */
.mdw-headtop-inner{
  grid-template-columns:minmax(280px,1.1fr) minmax(470px,1fr) minmax(210px,.8fr) !important;
}

/* Give inner ECT layouts more practical room */
@media screen and (min-width: 1000px) {
  .mdw-main .col-9 {
    width:76% !important;
  }
  .mdw-main .col-3 {
    width:24% !important;
  }
}

/* Right sidebar should not feel too skinny */
.mdw-sidebar{
  min-width:220px;
  padding-left:24px !important;
  padding-right:24px !important;
}

.mdw-sidebar-box,
.mdw-sidebar .mdw-sidebar-box{
  padding-left:18px !important;
  padding-right:18px !important;
}

/* Main content panel can use the wider layout */
.mdw-content-shell,
.mdw-panel{
  padding-left:34px !important;
  padding-right:34px !important;
}

/* Product/category pages: let two-column cards breathe better */
@media screen and (min-width: 64em) {
  .mdw-content-shell div.categories > div.category,
  .mdw-content-shell div.products > div.product,
  .mdw-content-shell div.csproducts > div.csproduct {
    flex:0 0 48.5% !important;
    max-width:48.5% !important;
    width:48.5% !important;
  }
}

/* The single-product listing page still needs more image visibility later,
   but don't let images get tiny because of older overrides. */
.mdw-content-shell div.prodimage,
.mdw-content-shell div.csprodimage,
.mdw-panel div.prodimage,
.mdw-panel div.csprodimage{
  min-width:190px !important;
}

.mdw-content-shell img.prodimage,
.mdw-content-shell img.csprodimage,
.mdw-content-shell img.allprodimages,
.mdw-panel img.prodimage,
.mdw-panel img.csprodimage,
.mdw-panel img.allprodimages{
  max-width:210px !important;
  height:auto !important;
}

/* Keep the gold buttons from overpowering wider cards */
.mdw-content-shell div.detaillink input,
.mdw-content-shell div.qbuybutton input,
.mdw-content-shell div.addtocart input,
.mdw-content-shell div.csdetaillink input,
.mdw-content-shell div.csqbuybutton input,
.mdw-content-shell div.csaddtocart input {
  max-width:260px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Mobile */
@media(max-width:1160px){
  .mdw-logo-wordmark{
    width:240px;
    margin-left:auto;
    margin-right:auto;
  }
}
@media(max-width:900px){
  .mdw-main > .container,
  .mdw-site .midWrapper.mdw-main > .container,
  .mdw-hero .container,
  .mdw-inner-title .container,
  .mdw-logo-row .container,
  .mdw-topbar .container,
  .mdw-headtop .container,
  .mdw-footer .container{
    width:94% !important;
  }
  .mdw-content-shell,
  .mdw-panel{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}


/* ============================================================
   MDW Header/Product Image Test v12
   - Restores header to small logo mark + typed Murdock DevWorks.
   - Makes ECT product/detail images larger without editing ECT core.
   ============================================================ */

/* Undo v11 wordmark-only header behavior */
.mdw-logo-wordmark{
  display:none !important;
}
.mdw-brand-main a{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
}
.mdw-brand-main .mdw-logo-img{
  display:block !important;
  width:58px !important;
  height:58px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 3px 8px rgba(24,34,45,.13));
}
.mdw-brand-main .mdw-brand-text{
  display:inline-block !important;
  color:var(--mdw-navy) !important;
  text-shadow:none !important;
  font-size:23px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}

/* Product listing image balance */
.mdw-content-shell div.prodimage,
.mdw-content-shell div.csprodimage,
.mdw-panel div.prodimage,
.mdw-panel div.csprodimage,
.mdw-content-shell td.prodimage,
.mdw-panel td.prodimage{
  min-width:240px !important;
  width:240px !important;
  max-width:260px !important;
  text-align:center !important;
  vertical-align:top !important;
}

.mdw-content-shell img.prodimage,
.mdw-content-shell img.csprodimage,
.mdw-content-shell img.allprodimages,
.mdw-panel img.prodimage,
.mdw-panel img.csprodimage,
.mdw-panel img.allprodimages,
.mdw-content-shell td.prodimage img,
.mdw-panel td.prodimage img{
  max-width:230px !important;
  width:auto !important;
  height:auto !important;
}

/* Detail page: give product image side real space */
.mdw-content-shell div.detailimage{
  width:43% !important;
  min-width:320px !important;
  text-align:center !important;
  padding:12px !important;
  box-sizing:border-box !important;
}

.mdw-content-shell div.detailimage img,
.mdw-content-shell div.detailimage img.detailimage,
.mdw-content-shell div.detailimage img.allprodimages{
  max-width:360px !important;
  width:100% !important;
  height:auto !important;
}

/* Keep detail text beside it at reasonable width */
.mdw-content-shell div.detailname,
.mdw-content-shell div.detailshortdescription,
.mdw-content-shell div.detaillistprice,
.mdw-content-shell div.detailprice,
.mdw-content-shell div.detailid,
.mdw-content-shell div.detailsku,
.mdw-content-shell div.detaildateadded,
.mdw-content-shell div.detailmanufacturer,
.mdw-content-shell div.detailquantity,
.mdw-content-shell div.detailaddtocart{
  width:52% !important;
  max-width:52% !important;
  box-sizing:border-box !important;
}

/* Product action buttons should not visually overpower the image */
.mdw-content-shell div.detaillink input,
.mdw-content-shell div.qbuybutton input,
.mdw-content-shell div.addtocart input,
.mdw-content-shell div.csdetaillink input,
.mdw-content-shell div.csqbuybutton input,
.mdw-content-shell div.csaddtocart input,
.mdw-content-shell button.detaillink,
.mdw-content-shell button.qbuybutton,
.mdw-content-shell input.detaillink,
.mdw-content-shell input.qbuybutton{
  max-width:220px !important;
  min-height:38px !important;
  padding-top:9px !important;
  padding-bottom:9px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Add-to-cart on detail page can stay wider, but not huge */
.mdw-content-shell div.detailaddtocart input,
.mdw-content-shell input.addtocart,
.mdw-content-shell button.addtocart{
  max-width:420px !important;
}

/* Prev/next image buttons remain compact */
.mdw-content-shell div.prodimage input.ectbutton,
.mdw-content-shell div.prodimage input.previmg,
.mdw-content-shell div.prodimage input.nextimg,
.mdw-content-shell div.csprodimage input.ectbutton,
.mdw-content-shell div.csprodimage input.previmg,
.mdw-content-shell div.csprodimage input.nextimg,
.mdw-content-shell td.prodimage input.ectbutton,
.mdw-content-shell td.prodimage input.previmg,
.mdw-content-shell td.prodimage input.nextimg,
.mdw-content-shell div.detailimage input.ectbutton,
.mdw-content-shell div.detailimage input.previmg,
.mdw-content-shell div.detailimage input.nextimg{
  width:auto !important;
  min-width:54px !important;
  max-width:76px !important;
  padding:7px 10px !important;
  font-size:12px !important;
}

/* Mobile reset */
@media(max-width:900px){
  .mdw-content-shell div.detailimage,
  .mdw-content-shell div.detailname,
  .mdw-content-shell div.detailshortdescription,
  .mdw-content-shell div.detaillistprice,
  .mdw-content-shell div.detailprice,
  .mdw-content-shell div.detailid,
  .mdw-content-shell div.detailsku,
  .mdw-content-shell div.detaildateadded,
  .mdw-content-shell div.detailmanufacturer,
  .mdw-content-shell div.detailquantity,
  .mdw-content-shell div.detailaddtocart{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    float:none !important;
  }
  .mdw-content-shell div.detailimage img{
    max-width:320px !important;
  }
}


/* ============================================================
   MDW Header Final v13
   Based on restored live v12.
   Narrow change only:
   - use new shadow/depth MDW image mark
   - keep Murdock DevWorks as live text
   - keep existing marble/menu/product sizing
   ============================================================ */
.mdw-brand-main .mdw-logo-img{
  display:block !important;
  width:76px !important;
  height:44px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 4px 7px rgba(16,36,60,.17)) !important;
}
.mdw-brand-main .mdw-brand-text{
  display:inline-block !important;
  color:var(--mdw-navy) !important;
  text-shadow:none !important;
  font-size:23px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}
.mdw-brand-main a{
  gap:11px !important;
}
@media(max-width:900px){
  .mdw-brand-main .mdw-logo-img{
    width:70px !important;
    height:40px !important;
  }
  .mdw-brand-main .mdw-brand-text{
    font-size:21px !important;
  }
}


/* ============================================================
   MDW Header Final v14
   - Corrected logo PNG color/alpha export.
   - Removed divider line under inner page headers before ECT content.
   ============================================================ */

/* Use the corrected colored MDW mark. */
.mdw-brand-main .mdw-logo-img{
  width:76px !important;
  height:44px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 4px 7px rgba(16,36,60,.18)) !important;
}

/* Remove the horizontal line under Products/Categories/Downloads page headers. */
.mdw-inner-title{
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* Keep spacing clean after removing the divider. */
.mdw-inner-title + .midWrapper,
.mdw-inner-title + .mdw-main{
  border-top:0 !important;
}

/* If ECT/template wrappers add the same divider, suppress it in this theme. */
.midWrapper.mdw-main{
  border-top:0 !important;
}

@media(max-width:900px){
  .mdw-brand-main .mdw-logo-img{
    width:70px !important;
    height:40px !important;
  }
}


/* ============================================================
   MDW Product Display Final v15
   Software products need wide screenshots, not tiny square-item
   previews. This keeps the current theme/header and improves
   catalog product selling cards.
   ============================================================ */

/* Product/listing cards: make room for wide screenshots */
.mdw-content-shell div.product,
.mdw-content-shell div.csproduct,
.mdw-panel div.product,
.mdw-panel div.csproduct{
  width:100% !important;
  max-width:620px !important;
  min-height:260px !important;
  padding:16px !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:320px minmax(210px, 1fr) !important;
  gap:18px !important;
  align-items:center !important;
}

/* Center product cards nicely in the wide white content panel */
.mdw-content-shell div.products,
.mdw-content-shell div.csproducts,
.mdw-panel div.products,
.mdw-panel div.csproducts{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  gap:22px !important;
}

/* ECT image containers */
.mdw-content-shell div.prodimage,
.mdw-content-shell div.csprodimage,
.mdw-panel div.prodimage,
.mdw-panel div.csprodimage,
.mdw-content-shell td.prodimage,
.mdw-panel td.prodimage{
  width:320px !important;
  min-width:320px !important;
  max-width:320px !important;
  text-align:center !important;
  vertical-align:middle !important;
  grid-row:1 / span 6 !important;
}

/* Let rectangular software screenshots be visible. */
.mdw-content-shell img.prodimage,
.mdw-content-shell img.csprodimage,
.mdw-content-shell img.allprodimages,
.mdw-panel img.prodimage,
.mdw-panel img.csprodimage,
.mdw-panel img.allprodimages,
.mdw-content-shell td.prodimage img,
.mdw-panel td.prodimage img{
  max-width:300px !important;
  width:300px !important;
  height:auto !important;
  object-fit:contain !important;
  border-radius:6px !important;
}

/* Make product name/price/buttons align like a software card */
.mdw-content-shell div.prodname,
.mdw-content-shell div.csprodname,
.mdw-panel div.prodname,
.mdw-panel div.csprodname,
.mdw-content-shell .prodname,
.mdw-panel .prodname{
  text-align:left !important;
  font-size:18px !important;
  line-height:1.2 !important;
  margin-bottom:7px !important;
}

.mdw-content-shell div.prodprice,
.mdw-content-shell div.csprodprice,
.mdw-panel div.prodprice,
.mdw-panel div.csprodprice,
.mdw-content-shell .prodprice,
.mdw-panel .prodprice{
  text-align:left !important;
  font-size:16px !important;
  margin:4px 0 8px !important;
}

/* Product buttons should be strong but not larger than the product image. */
.mdw-content-shell button.detaillink,
.mdw-content-shell button.qbuybutton,
.mdw-content-shell input.detaillink,
.mdw-content-shell input.qbuybutton,
.mdw-panel button.detaillink,
.mdw-panel button.qbuybutton,
.mdw-panel input.detaillink,
.mdw-panel input.qbuybutton{
  width:100% !important;
  max-width:250px !important;
  min-height:38px !important;
  margin:5px 0 !important;
  display:block !important;
}

/* If ECT uses carousel prev/next under the image, keep it close and compact. */
.mdw-content-shell .ectmultiimage,
.mdw-panel .ectmultiimage,
.mdw-content-shell .ectimagebuttons,
.mdw-panel .ectimagebuttons{
  text-align:center !important;
  max-width:300px !important;
}

/* Product detail page: make the main screenshot a true selling preview. */
.mdw-content-shell div.detailimage{
  width:46% !important;
  min-width:380px !important;
  text-align:center !important;
  padding:16px !important;
  box-sizing:border-box !important;
}

.mdw-content-shell div.detailimage img,
.mdw-content-shell div.detailimage img.detailimage,
.mdw-content-shell div.detailimage img.allprodimages{
  max-width:520px !important;
  width:100% !important;
  height:auto !important;
  border-radius:8px !important;
}

/* Mobile: stack screenshot above product info. */
@media(max-width:900px){
  .mdw-content-shell div.product,
  .mdw-content-shell div.csproduct,
  .mdw-panel div.product,
  .mdw-panel div.csproduct{
    max-width:100% !important;
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }

  .mdw-content-shell div.prodimage,
  .mdw-content-shell div.csprodimage,
  .mdw-panel div.prodimage,
  .mdw-panel div.csprodimage,
  .mdw-content-shell td.prodimage,
  .mdw-panel td.prodimage{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    grid-row:auto !important;
  }

  .mdw-content-shell img.prodimage,
  .mdw-content-shell img.csprodimage,
  .mdw-content-shell img.allprodimages,
  .mdw-panel img.prodimage,
  .mdw-panel img.csprodimage,
  .mdw-panel img.allprodimages,
  .mdw-content-shell td.prodimage img,
  .mdw-panel td.prodimage img{
    max-width:100% !important;
    width:100% !important;
  }

  .mdw-content-shell div.detailimage{
    width:100% !important;
    min-width:0 !important;
  }
}


/* ============================================================
   MDW Product Display Final v16
   Restores a more compact ECT-style product listing while making
   software screenshots more useful. Goal: more products visible
   per screen, image fills its preview area better.
   ============================================================ */

/* Undo the v15 wide two-column grid cards. */
.mdw-content-shell div.product,
.mdw-content-shell div.csproduct,
.mdw-panel div.product,
.mdw-panel div.csproduct{
  display:block !important;
  width:360px !important;
  max-width:360px !important;
  min-height:0 !important;
  padding:14px !important;
  box-sizing:border-box !important;
  text-align:center !important;
}

/* Let multiple products fit across the content area. */
.mdw-content-shell div.products,
.mdw-content-shell div.csproducts,
.mdw-panel div.products,
.mdw-panel div.csproducts{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:18px !important;
}

/* Product image area: compact, but wide enough for software screenshots. */
.mdw-content-shell div.prodimage,
.mdw-content-shell div.csprodimage,
.mdw-panel div.prodimage,
.mdw-panel div.csprodimage,
.mdw-content-shell td.prodimage,
.mdw-panel td.prodimage{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 auto 10px !important;
  padding:0 !important;
  text-align:center !important;
  vertical-align:top !important;
  background:transparent !important;
}

/* Image should fill most of the preview box instead of floating tiny inside it. */
.mdw-content-shell img.prodimage,
.mdw-content-shell img.csprodimage,
.mdw-content-shell img.allprodimages,
.mdw-panel img.prodimage,
.mdw-panel img.csprodimage,
.mdw-panel img.allprodimages,
.mdw-content-shell td.prodimage img,
.mdw-panel td.prodimage img{
  display:block !important;
  width:100% !important;
  max-width:320px !important;
  height:auto !important;
  max-height:185px !important;
  object-fit:contain !important;
  margin:0 auto !important;
  border-radius:7px !important;
}

/* Keep multi-image prev/next compact and near the image. */
.mdw-content-shell .ectmultiimage,
.mdw-panel .ectmultiimage,
.mdw-content-shell .ectimagebuttons,
.mdw-panel .ectimagebuttons{
  max-width:320px !important;
  margin:5px auto 8px !important;
  text-align:center !important;
}

/* Product text below image, compact enough for more products on screen. */
.mdw-content-shell div.prodname,
.mdw-content-shell div.csprodname,
.mdw-panel div.prodname,
.mdw-panel div.csprodname,
.mdw-content-shell .prodname,
.mdw-panel .prodname{
  text-align:center !important;
  font-size:17px !important;
  line-height:1.15 !important;
  margin:8px 0 5px !important;
}

.mdw-content-shell div.prodprice,
.mdw-content-shell div.csprodprice,
.mdw-panel div.prodprice,
.mdw-panel div.csprodprice,
.mdw-content-shell .prodprice,
.mdw-panel .prodprice{
  text-align:center !important;
  font-size:15px !important;
  margin:3px 0 7px !important;
}

/* Product buttons: full card width, but shorter. */
.mdw-content-shell button.detaillink,
.mdw-content-shell button.qbuybutton,
.mdw-content-shell input.detaillink,
.mdw-content-shell input.qbuybutton,
.mdw-panel button.detaillink,
.mdw-panel button.qbuybutton,
.mdw-panel input.detaillink,
.mdw-panel input.qbuybutton{
  width:100% !important;
  max-width:260px !important;
  min-height:34px !important;
  margin:5px auto !important;
  display:block !important;
}

/* Make the card itself look less like a gray empty box. */
.mdw-content-shell div.product,
.mdw-content-shell div.csproduct,
.mdw-panel div.product,
.mdw-panel div.csproduct{
  background:rgba(255,255,255,.70) !important;
  border:1px solid rgba(56,66,78,.14) !important;
  box-shadow:0 8px 22px rgba(24,34,45,.055) !important;
}

/* Sidebar contrast/padding: a little clearer and shorter without changing layout. */
.mdw-sidebar{
  background:rgba(255,255,255,.84) !important;
  border:1px solid rgba(31,48,68,.16) !important;
  box-shadow:0 10px 28px rgba(24,34,45,.07) !important;
  padding:18px !important;
}
.mdw-sidebar .sidebox,
.mdw-sidebar .ectsidebox,
.mdw-sidebar .sideBox{
  padding:14px !important;
  margin-bottom:14px !important;
  border-color:rgba(31,48,68,.16) !important;
}

/* Mobile: product card fills available width. */
@media(max-width:900px){
  .mdw-content-shell div.product,
  .mdw-content-shell div.csproduct,
  .mdw-panel div.product,
  .mdw-panel div.csproduct{
    width:100% !important;
    max-width:100% !important;
  }

  .mdw-content-shell img.prodimage,
  .mdw-content-shell img.csprodimage,
  .mdw-content-shell img.allprodimages,
  .mdw-panel img.prodimage,
  .mdw-panel img.csprodimage,
  .mdw-panel img.allprodimages,
  .mdw-content-shell td.prodimage img,
  .mdw-panel td.prodimage img{
    max-width:100% !important;
    max-height:none !important;
  }
}


/* ============================================================
   MDW Footer + CMS Page Regions v17
   ============================================================ */
html, body{
  min-height:100%;
}
.mdw-site{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.mdw-site .midWrapper.mdw-main{
  flex:1 0 auto;
}
.mdw-footer{
  flex:0 0 auto;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  margin-top:28px;
  padding:28px 0 18px;
  background:linear-gradient(135deg,rgba(12,31,51,.96),rgba(19,48,78,.96)) !important;
  border-top:1px solid rgba(255,255,255,.18) !important;
  color:#d8e6f2 !important;
  box-shadow:0 -12px 34px rgba(11,24,40,.10);
}
.mdw-footer-grid{
  display:grid;
  grid-template-columns:1.35fr repeat(4,1fr);
  gap:26px;
  align-items:start;
}
.mdw-footer h3{
  margin:0 0 10px !important;
  padding:0 !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1.2;
}
.mdw-footer p{
  color:#d8e6f2 !important;
  margin:0 0 12px !important;
  padding:0 !important;
  line-height:1.55;
}
.mdw-footer ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.mdw-footer li{
  margin:0 0 7px !important;
  padding:0 !important;
}
.mdw-footer a{
  color:#f2d18b !important;
  text-decoration:none !important;
  font-weight:700;
}
.mdw-footer a:hover{
  color:#fff !important;
  text-decoration:underline !important;
}
.mdw-footer .mdw-button.ghost{
  display:inline-block !important;
  color:#f2d18b !important;
  border-color:rgba(242,209,139,.55) !important;
  background:rgba(255,255,255,.04) !important;
}
.mdw-footer .copyright_text{
  border-top:1px solid rgba(255,255,255,.14);
  margin-top:20px;
  padding-top:14px;
  color:#b9c8d6 !important;
  font-size:13px;
}
.mdw-cms-region{
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(203,213,225,.95) !important;
  border-radius:18px !important;
  padding:22px 24px !important;
  margin:0 0 26px !important;
  box-shadow:0 14px 34px rgba(15,35,55,.08) !important;
  color:#38516a !important;
  line-height:1.65 !important;
}
.mdw-cms-region:empty{
  display:none;
}
.mdw-cms-region p{
  margin:0 0 .85rem !important;
  color:#38516a !important;
}
.mdw-cms-region p:last-child{
  margin-bottom:0 !important;
}
.mdw-cms-region h1,
.mdw-cms-region h2,
.mdw-cms-region h3{
  margin-top:0 !important;
  color:#0f2742 !important;
}
.mdw-cms-region a{
  color:#0e4a78 !important;
  font-weight:800 !important;
}
.mdw-cms-region ul,
.mdw-cms-region ol{
  margin-top:.5rem !important;
  margin-bottom:.5rem !important;
  padding-left:1.35rem !important;
}
.mdw-sitemap-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.mdw-sitemap .mdw-card ul{
  margin:8px 0 0 0 !important;
  padding:0 !important;
  list-style:none !important;
}
.mdw-sitemap .mdw-card li{
  margin:0 0 8px !important;
  padding:0 !important;
}
.mdw-sitemap .mdw-card a{
  color:#0e4a78 !important;
  font-weight:800;
}
@media(max-width:1000px){
  .mdw-footer-grid{grid-template-columns:repeat(2,1fr);}
  .mdw-sitemap-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .mdw-footer-grid,
  .mdw-sitemap-grid{grid-template-columns:1fr;}
  .mdw-footer{padding-bottom:78px;}
}

/* Homepage recommended products: standard ECT product listing, capped at six. */
.mdw-featured-products .catnavandcheckout,
.mdw-featured-products .catnavigation,
.mdw-featured-products .pagenumbers,
.mdw-featured-products .prodfiltercontainer {
  display: none !important;
}

.mdw-featured-products table.products {
  width: 100% !important;
  margin: 0;
}


/* ============================================================
   MDW Website v0.3.7 - Public downloads search and group filter
   ============================================================ */
.mdw-download-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 260px);
    gap: 16px;
    align-items: end;
    padding: 18px;
    margin: 22px 0 8px;
    border: 1px solid #c7d8e7;
    border-radius: 16px;
    background: #f7fbff;
}
.mdw-download-tools label {
    display: block;
    margin-bottom: 7px;
    color: #18314b;
    font-size: 14px;
    font-weight: 800;
}
.mdw-download-search-wrap {
    position: relative;
}
.mdw-download-search,
.mdw-download-group-filter {
    display: block;
    width: 100%;
    min-height: 46px;
    margin: 0;
    border: 1px solid #9fb9cf;
    border-radius: 10px;
    background: #ffffff;
    color: #172333;
    font: inherit;
}
.mdw-download-search {
    padding: 10px 76px 10px 13px;
}
.mdw-download-group-filter {
    padding: 10px 38px 10px 13px;
}
.mdw-download-search:focus,
.mdw-download-group-filter:focus {
    outline: 3px solid rgba(27, 199, 255, .22);
    border-color: #008ed0;
}
.mdw-download-clear {
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
    border: 0;
    padding: 6px 8px;
    background: transparent;
    color: #17678c;
    font-weight: 800;
    cursor: pointer;
}
.mdw-download-clear:hover {
    color: #073e5b;
    text-decoration: underline;
}
.mdw-download-results-status {
    min-height: 22px;
    margin: 8px 2px 0;
    color: #52677c !important;
    font-size: 14px;
}
.mdw-download-no-results {
    margin: 18px 0 0;
    padding: 24px;
    border: 1px dashed #9fb9cf;
    border-radius: 16px;
    background: #f7fbff;
    color: #24364a;
    text-align: center;
}
.mdw-download-no-results span {
    display: block;
    margin-top: 5px;
    color: #52677c;
}
.mdw-download-group[hidden],
.mdw-download-row[hidden],
.mdw-download-no-results[hidden],
.mdw-download-clear[hidden] {
    display: none !important;
}
@media (max-width: 700px) {
    .mdw-download-tools {
        grid-template-columns: 1fr;
    }
    .mdw-download-search,
    .mdw-download-group-filter {
        min-height: 50px;
        font-size: 16px;
    }
}

/* WebTools foundation v0.2.0 — SiteManager Pro generated appearance support */
.mdw-headtop{background:var(--mdw-header-bg,#071527)}
.mdw-nav{background:var(--mdw-nav-bg,#07111f)}
.mdw-panel,.mdw-sidebar,.mdw-hero-card{background:var(--mdw-panel,rgba(255,255,255,.06));border-radius:var(--mdw-panel-radius,24px)}
.mdw-card,.project-card{background:var(--mdw-card,rgba(255,255,255,.06));border-radius:var(--mdw-panel-radius,20px)}
.mdw-button{border-radius:var(--mdw-button-radius,10px)!important}
.mdw-managed-hero-image{display:block;width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:calc(var(--mdw-panel-radius,24px) - 6px)}
.mdw-module-slider{padding:22px 0 0;background:transparent}.mdw-module-slider .container{max-width:var(--mdw-content-width,1180px)}

/* ============================================================
   WebTools 0.3.0 Storefront Homepage Audition
   Homepage uses the SiteManager Pro appearance variables so colors,
   panel opacity, widths, fonts, and accents remain admin-controlled.
   ============================================================ */
.mdw-storefront-home{
  position:relative;
  padding-bottom:12px;
}
.storefront-hero{
  position:relative;
  padding:74px 0 64px;
  overflow:hidden;
}
.storefront-hero::before,
.storefront-hero::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(1px);
}
.storefront-hero::before{
  width:520px;height:520px;right:-180px;top:-260px;
  background:radial-gradient(circle,rgba(210,160,74,.16),rgba(210,160,74,0) 68%);
}
.storefront-hero::after{
  width:460px;height:460px;left:-220px;bottom:-270px;
  background:radial-gradient(circle,rgba(23,96,126,.10),rgba(23,96,126,0) 70%);
}
.storefront-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:68px;
  align-items:center;
}
.storefront-hero-copy{max-width:690px}
.storefront-hero-copy .mdw-eyebrow,
.storefront-section .mdw-eyebrow{
  margin:0 0 14px;
  color:var(--mdw-cyan2)!important;
  font-size:13px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.storefront-hero-copy h1{
  margin:0 0 20px;
  padding:0;
  color:var(--mdw-heading)!important;
  font-family:var(--mdw-heading-font)!important;
  font-size:clamp(46px,5vw,78px);
  line-height:.98;
  letter-spacing:-.045em;
  max-width:760px;
}
.storefront-lead{
  margin:0 0 26px!important;
  padding:0!important;
  color:var(--mdw-text)!important;
  font-size:19px!important;
  line-height:1.65!important;
  max-width:650px;
}
.storefront-actions{margin-bottom:26px}
.storefront-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.storefront-proof-row span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid var(--mdw-line);
  border-radius:999px;
  background:var(--mdw-panel);
  color:var(--mdw-heading);
  font-size:13px;
  font-weight:800;
  box-shadow:0 7px 20px rgba(12,31,48,.05);
}
.storefront-proof-row span::before{
  content:"✓";
  margin-right:6px;
  color:var(--mdw-cyan2);
  font-weight:900;
}
.storefront-hero-visual{
  position:relative;
  min-width:0;
  padding:18px 12px 38px 22px;
}
.browser-shell{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(30,55,78,.20);
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 52px rgba(18,34,50,.15);
}
.browser-shell-large{transform:none}
.browser-bar{
  height:34px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 13px;
  background:#edf1f2;
  border-bottom:1px solid rgba(30,55,78,.12);
  color:#627182;
  font-size:11px;
  font-weight:800;
}
.browser-bar i{
  display:block;width:8px;height:8px;border-radius:50%;background:#d2a04a;
}
.browser-bar i:nth-child(2){opacity:.72}
.browser-bar i:nth-child(3){opacity:.46}
.browser-bar span{margin-left:auto;letter-spacing:.04em}
.browser-shell img{
  display:block;
  width:100%;
  height:auto;
}
.browser-shell-large img{
  aspect-ratio:16/8.8;
  object-fit:cover;
  object-position:center top;
}
.hero-preview-note{
  position:absolute;
  right:34px;
  bottom:2px;
  min-width:205px;
  padding:13px 16px;
  border:1px solid var(--mdw-line);
  border-radius:15px;
  background:var(--mdw-panel);
  box-shadow:0 16px 30px rgba(18,34,50,.14);
}
.hero-preview-note strong,.hero-preview-note span{display:block}
.hero-preview-note strong{color:var(--mdw-heading);font-size:15px}
.hero-preview-note span{margin-top:3px;color:var(--mdw-muted);font-size:12px}
.hero-style-chip{
  position:absolute;
  z-index:3;
  width:142px;
  min-height:72px;
  padding:13px;
  border-radius:16px;
  box-shadow:0 14px 30px rgba(18,34,50,.13);
  border:1px solid rgba(30,55,78,.16);
}
.hero-style-chip strong,.hero-style-chip small{display:block}
.hero-style-chip strong{font-size:15px}
.hero-style-chip small{font-size:11px;margin-top:4px;opacity:.78}
.chip-lumina{
  left:-10px;bottom:-3px;background:rgba(250,246,237,.96);color:#262521;
}
.chip-blueprint{
  right:-5px;top:4px;background:rgba(9,48,79,.96);color:#e8f5ff;
}
.storefront-section{
  padding:58px 0;
}
.storefront-featured{
  border-top:1px solid var(--mdw-line);
  border-bottom:1px solid var(--mdw-line);
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06));
}
.storefront-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:48px;
  align-items:end;
  margin-bottom:30px;
}
.storefront-section-head h2,
.storefront-admin-copy h2,
.storefront-closing-panel h2{
  margin:0;
  padding:0;
  color:var(--mdw-heading)!important;
  font-family:var(--mdw-heading-font)!important;
  font-size:clamp(34px,3.3vw,54px);
  line-height:1.05;
  letter-spacing:-.03em;
}
.storefront-section-head>p,
.storefront-admin-copy>p,
.storefront-closing-panel p{
  margin:0;
  padding:0;
  color:var(--mdw-text)!important;
  line-height:1.65;
  font-size:16px;
}
.template-showcase-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.template-showcase-card{
  overflow:hidden;
  border:1px solid var(--mdw-line);
  border-radius:var(--mdw-panel-radius);
  background:var(--mdw-panel);
  box-shadow:0 16px 38px rgba(18,34,50,.09);
  transition:transform .18s ease,box-shadow .18s ease;
}
.template-showcase-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 46px rgba(18,34,50,.13);
}
.template-card-media{
  margin:14px 14px 0;
  border-radius:16px;
  box-shadow:none;
}
.template-card-media img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center top;
}
.template-card-copy{padding:19px 21px 22px}
.template-type{
  display:inline-block;
  margin-bottom:8px;
  color:var(--mdw-cyan2);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.template-card-copy h3{
  margin:0 0 8px;
  color:var(--mdw-heading)!important;
  font-size:24px;
  line-height:1.1;
}
.template-card-copy p{
  min-height:76px;
  margin:0;
  color:var(--mdw-text)!important;
  font-size:14px;
  line-height:1.55;
}
.template-card-actions{margin-top:16px;padding-top:14px;border-top:1px solid var(--mdw-line)}
.template-card-actions a{
  color:var(--mdw-heading)!important;
  font-weight:900;
  text-decoration:none;
}
.template-card-actions a span{color:var(--mdw-cyan2);padding-left:5px}
.template-art{position:relative;aspect-ratio:16/9;overflow:hidden}
.lumina-art{
  background:linear-gradient(145deg,#fffdf8 0%,#f4efe4 48%,#e5d6bc 100%);
  color:#262521;
}
.lumina-wordmark{position:absolute;top:17px;left:18px;font-size:12px;letter-spacing:.16em;font-weight:900}
.lumina-wordmark small{display:block;font-size:6px;letter-spacing:.24em;margin-top:2px}
.lumina-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.86);box-shadow:inset 0 0 24px rgba(255,255,255,.9),0 10px 20px rgba(90,70,35,.08);background:rgba(255,255,255,.22);backdrop-filter:blur(3px)}
.orb-one{width:132px;height:132px;right:12px;top:18px}
.orb-two{width:86px;height:86px;right:92px;bottom:5px}
.lumina-copy{position:absolute;left:24px;top:64px;z-index:2}
.lumina-copy span{display:block;color:#aa7b30;font-size:7px;letter-spacing:.16em;font-weight:900}
.lumina-copy strong{display:block;margin-top:5px;font-family:Georgia,serif;font-size:28px;line-height:.92;font-weight:500}
.lumina-copy em{display:block;margin-top:5px;color:#b28748;font-family:Georgia,serif;font-size:15px}
.lumina-project{position:absolute;right:18px;bottom:15px;width:46%;height:38%;border-radius:36px 12px 36px 12px;background:linear-gradient(145deg,#756f64,#d7c7aa 48%,#6d756e);opacity:.75}
.blueprint-art{
  color:#fff;
  background-color:#0b3152;
  background-image:linear-gradient(rgba(123,190,231,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(123,190,231,.12) 1px,transparent 1px),linear-gradient(145deg,#0a2843,#0f446d);
  background-size:18px 18px,18px 18px,100% 100%;
}
.blueprint-topline{position:absolute;left:0;right:0;top:0;padding:8px 13px;background:#071f35;color:#c7e9fb;font-size:6px;letter-spacing:.13em}
.blueprint-brand{position:absolute;top:35px;left:18px;font-weight:900;letter-spacing:.06em;font-size:12px}
.blueprint-brand small{display:block;color:#d6a44d;font-size:6px;letter-spacing:.18em}
.blueprint-copy{position:absolute;left:23px;bottom:22px;z-index:3}
.blueprint-copy span{display:block;color:#e4b45b;font-size:7px;letter-spacing:.12em;font-weight:900}
.blueprint-copy strong{display:block;margin:4px 0 9px;font-size:24px;line-height:.96}
.blueprint-copy b{display:inline-block;padding:6px 9px;background:#d7a44d;color:#09233b;font-size:7px;border-radius:4px}
.blueprint-lines{position:absolute;right:15px;top:43px;width:44%;height:61%;border:1px solid rgba(181,223,248,.48);clip-path:polygon(3% 72%,25% 53%,25% 36%,45% 20%,63% 39%,79% 25%,97% 43%,97% 93%,3% 93%)}
.storefront-center-action{text-align:center;margin-top:26px}
.storefront-admin-section{padding-top:72px;padding-bottom:72px}
.storefront-admin-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:54px;
  align-items:center;
}
.storefront-admin-image img{aspect-ratio:16/9;object-fit:cover;object-position:center top}
.storefront-admin-copy{padding:8px 0}
.storefront-admin-copy h2{margin-bottom:16px}
.storefront-admin-copy>p{margin-bottom:22px}
.storefront-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 18px;
  margin:0 0 26px;
}
.storefront-check-grid span{
  position:relative;
  padding-left:25px;
  color:var(--mdw-heading);
  font-size:13px;
  font-weight:800;
}
.storefront-check-grid span::before{
  content:"✓";
  position:absolute;left:0;top:-1px;
  width:18px;height:18px;border-radius:50%;
  background:var(--mdw-cyan);
  color:var(--mdw-button-text);
  display:grid;place-items:center;
  font-size:10px;
}
.storefront-levels{
  border-top:1px solid var(--mdw-line);
  border-bottom:1px solid var(--mdw-line);
  background:linear-gradient(135deg,rgba(14,43,67,.035),rgba(210,160,74,.055));
}
.compact-head{margin-bottom:26px}
.storefront-level-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.storefront-level-grid article{
  min-height:245px;
  display:flex;
  flex-direction:column;
  padding:25px;
  border:1px solid var(--mdw-line);
  border-radius:var(--mdw-panel-radius);
  background:var(--mdw-panel);
  box-shadow:0 12px 30px rgba(18,34,50,.07);
}
.level-number{color:var(--mdw-cyan2);font-size:12px;font-weight:900;letter-spacing:.12em}
.storefront-level-grid h3{margin:28px 0 10px;color:var(--mdw-heading)!important;font-size:22px}
.storefront-level-grid p{margin:0;color:var(--mdw-text)!important;line-height:1.55;font-size:14px}
.storefront-level-grid strong{margin-top:auto;padding-top:20px;color:var(--mdw-cyan2);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.storefront-tools{padding-bottom:68px}
.storefront-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.storefront-tool-card{
  display:grid;
  grid-template-columns:52px 1fr auto;
  gap:14px;
  align-items:center;
  padding:18px;
  border:1px solid var(--mdw-line);
  border-radius:18px;
  background:var(--mdw-panel);
  text-decoration:none!important;
  box-shadow:0 10px 26px rgba(18,34,50,.06);
}
.storefront-tool-card>span{width:52px;height:52px;border-radius:14px;background:var(--mdw-heading);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;letter-spacing:.05em}
.storefront-tool-card strong,.storefront-tool-card small{display:block}
.storefront-tool-card strong{color:var(--mdw-heading);font-size:17px}
.storefront-tool-card small{margin-top:3px;color:var(--mdw-muted);font-size:12px}
.storefront-tool-card b{color:var(--mdw-cyan2);font-size:22px}
.storefront-closing{padding-top:18px;padding-bottom:72px}
.storefront-closing-panel{
  display:grid;
  grid-template-columns:1fr auto;
  gap:34px;
  align-items:center;
  padding:36px 40px;
  border:1px solid var(--mdw-line);
  border-radius:var(--mdw-panel-radius);
  background:var(--mdw-panel);
  box-shadow:0 18px 42px rgba(18,34,50,.10);
}
.storefront-closing-panel h2{max-width:860px;margin-bottom:10px;font-size:clamp(30px,3vw,46px)}
.storefront-closing-panel .mdw-eyebrow{margin-bottom:10px}
/* ModuleManager homepage showcase: keep the optional module visually inside
   the same translucent panel language as the rest of WebTools. */
.mdw-module-stage{padding:34px 0 30px}
.mdw-module-stage>.container{position:relative;z-index:2}
.mdw-module-panel{
  padding:22px;
  border:1px solid var(--mdw-line);
  border-radius:var(--mdw-panel-radius);
  background:var(--mdw-panel);
  box-shadow:0 18px 42px rgba(18,34,50,.10);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.mdw-module-panel .module-manager-slideshow{margin:0 auto;max-width:100%}
.mdw-module-panel .slideshow-page{margin:0 auto}
@media(max-width:700px){
  .mdw-module-stage{padding:20px 0 24px}
  .mdw-module-panel{padding:10px;border-radius:16px}
}

@media(max-width:1100px){
  .storefront-hero-grid{grid-template-columns:1fr 1fr;gap:34px}
  .template-showcase-grid{gap:15px}
  .template-card-copy p{min-height:96px}
  .storefront-admin-grid{gap:34px}
}
@media(max-width:900px){
  .storefront-hero{padding:52px 0}
  .storefront-hero-grid,.storefront-admin-grid,.storefront-section-head,.storefront-closing-panel{grid-template-columns:1fr}
  .storefront-hero-copy{max-width:none}
  .storefront-hero-visual{padding-top:8px}
  .template-showcase-grid,.storefront-level-grid,.storefront-tool-grid{grid-template-columns:1fr}
  .template-card-copy p{min-height:0}
  .storefront-section-head{gap:12px;align-items:start}
  .storefront-admin-image{order:2}.storefront-admin-copy{order:1}
  .storefront-level-grid article{min-height:0}
  .storefront-closing-panel .mdw-actions{justify-content:flex-start}
}
@media(max-width:600px){
  .storefront-hero-copy h1{font-size:42px}
  .storefront-hero-visual{padding-left:0;padding-right:0;padding-bottom:48px}
  .hero-style-chip{display:none}
  .hero-preview-note{right:12px;bottom:3px}
  .storefront-section{padding:44px 0}
  .storefront-section-head h2,.storefront-admin-copy h2{font-size:35px}
  .storefront-check-grid{grid-template-columns:1fr}
  .storefront-closing-panel{padding:28px 23px}
  .storefront-tool-card{grid-template-columns:46px 1fr auto;padding:14px}
  .storefront-tool-card>span{width:46px;height:46px}
}

/* ModuleManager inline contract: WebTools supplies the outer showroom panel;
   the module owns only its internal slideshow presentation. */
.mdw-module-panel .module-manager-placement--inline{width:100%;max-width:100%;min-width:0}
.mdw-module-panel .module-manager-slideshow--inline{width:100%;max-width:none;margin:0}
.mdw-module-panel .module-manager-slideshow--inline .slideshow-page{width:100%;max-width:none;margin:0;padding:0}


/* WebTools 0.3.8 — optional ModuleManager content belongs inside the existing
   hero visual slot. The host chooses placement; the module only fills it. */
.storefront-hero-visual--module{padding:18px 12px 38px 22px}
.storefront-module-shell{
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(30,55,78,.20);
  border-radius:18px;
  background:var(--mdw-panel);
  box-shadow:0 22px 52px rgba(18,34,50,.15);
}
.storefront-module-shell>.module-manager-placement--inline,
.storefront-module-shell>.module-manager-slideshow{width:100%;max-width:100%;min-width:0;margin:0}
@media(max-width:900px){
  .storefront-hero-visual--module{padding:8px 0 28px}
}

/* ============================================================
   WebTools 0.3.9 — Hero surface continuity
   - The hero must use the same site background tone as the section below.
   - Decorative hero tint overlays are disabled.
   - Remove the divider line between hero and Featured Website Designs.
   ============================================================ */
.storefront-hero{
  background:transparent !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
.storefront-hero::before,
.storefront-hero::after{
  display:none !important;
  content:none !important;
}
.storefront-featured{
  border-top:0 !important;
}


/* ============================================================
   WebTools 0.4.0 — Independent dark storefront
   The public site intentionally uses a different visual language from the
   Murdock DevWorks corporate site. SiteManager Pro variables remain the source
   of truth so colors, opacity, fonts, sizing and layout can be changed without
   editing this stylesheet.
   ============================================================ */
.webtools-header{
  position:sticky;top:0;z-index:80;
  background:var(--mdw-header-bg)!important;
  border-bottom:1px solid var(--mdw-line);
  box-shadow:0 12px 36px rgba(0,0,0,.20);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.webtools-header-inner{display:flex;align-items:center;gap:34px;min-height:82px}
.webtools-brand{flex:0 0 auto;min-width:210px}
.webtools-brand a{display:grid!important;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;text-decoration:none!important;line-height:1!important}
.webtools-brand .mdw-logo-img{grid-row:1/3;width:auto;max-width:50px;max-height:44px;object-fit:contain}
.webtools-wordmark{font-family:var(--mdw-heading-font)!important;font-size:var(--mdw-wordmark-size);font-weight:900;letter-spacing:-.03em;color:var(--mdw-heading)!important}
.webtools-wordmark::after{content:".";color:var(--mdw-cyan2)}
.webtools-brand small{display:block;margin-top:5px;color:var(--mdw-muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;white-space:nowrap}
.webtools-nav-slot{min-width:0;flex:1;display:flex;justify-content:flex-end}
.webtools-nav-slot .mdw-menu{width:100%}
.webtools-nav-slot .mdw-menu-list{display:flex;justify-content:flex-end}
.webtools-nav-slot .mdw-menu-root{justify-content:flex-end;gap:2px}
.webtools-nav-slot .mdw-menu-root>li>a{padding:12px 13px!important;border-radius:var(--mdw-button-radius);font-size:14px;font-weight:750;letter-spacing:.01em;background:transparent!important}
.webtools-nav-slot .mdw-menu-root>li>a:hover,.webtools-nav-slot .mdw-menu-root>li.is-active>a{background:var(--mdw-card)!important;color:var(--mdw-cyan2)!important}
.webtools-nav-slot .mdw-submenu{background:rgba(10,15,18,.98)!important;border:1px solid var(--mdw-line)!important;border-radius:12px!important;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.webtools-nav-slot .mdw-submenu a{color:var(--mdw-nav-text)!important}

.mdw-storefront-home{background:transparent}
.storefront-hero{padding:68px 0 52px!important;background:transparent!important}
.storefront-hero-frame{display:grid;gap:28px}
.storefront-hero-copy{max-width:900px!important;text-align:center;margin:0 auto}
.storefront-hero-copy .mdw-eyebrow{margin-bottom:13px!important;color:var(--mdw-cyan2)!important;font-size:12px!important;letter-spacing:.2em!important}
.storefront-hero-copy h1{margin:0!important;color:var(--mdw-heading)!important;font-family:var(--mdw-heading-font)!important;font-size:clamp(var(--mdw-hero-heading-min),6vw,var(--mdw-hero-heading-max))!important;line-height:.98!important;letter-spacing:-.045em!important;font-weight:900!important;text-wrap:balance}
.storefront-lead{max-width:760px;margin:20px auto 0!important;color:var(--mdw-muted)!important;font-size:calc(18px + (var(--mdw-base-text-size) - 17px))!important;line-height:1.65!important}
.storefront-hero-visual{width:min(100%,1180px);margin:2px auto 0;padding:0!important;min-width:0}
.storefront-module-shell,.browser-shell-large{border:1px solid var(--mdw-line)!important;border-radius:var(--mdw-panel-radius)!important;background:var(--mdw-panel)!important;box-shadow:0 28px 70px rgba(0,0,0,.34)!important;overflow:hidden}
.storefront-module-shell{padding:10px}
.storefront-shop-actions{justify-content:center;margin-top:0!important}
.storefront-shop-actions .mdw-button{min-width:190px;text-align:center}
.storefront-hero--split .storefront-hero-frame{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);align-items:center;column-gap:46px}
.storefront-hero--split .storefront-hero-copy{text-align:left;margin:0;max-width:none!important}
.storefront-hero--split .storefront-lead{margin:18px 0 0!important}
.storefront-hero--split .storefront-hero-visual{width:100%;margin:0}
.storefront-hero--split .storefront-shop-actions{grid-column:1/-1}

.storefront-section{padding:68px 0;background:transparent!important;color:var(--mdw-text)!important}
.storefront-section-head h2,.storefront-admin-copy h2,.storefront-closing-panel h2{font-family:var(--mdw-heading-font)!important;color:var(--mdw-heading)!important;font-size:clamp(var(--mdw-section-heading-min),4vw,var(--mdw-section-heading-max));line-height:1.02;letter-spacing:-.035em}
.storefront-section-head>p,.storefront-admin-copy>p,.storefront-closing-panel p{color:var(--mdw-muted)!important}
.template-showcase-card,.storefront-level-grid article,.storefront-tool-card,.storefront-closing-panel{
  border:1px solid var(--mdw-line)!important;background:var(--mdw-card)!important;color:var(--mdw-text)!important;
  border-radius:var(--mdw-panel-radius)!important;box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)
}
.template-showcase-card:hover{transform:translateY(-4px);border-color:var(--mdw-cyan)!important;box-shadow:0 24px 56px rgba(0,0,0,.34)!important}
.template-card-copy h3,.storefront-level-grid h3,.storefront-tool-card strong{color:var(--mdw-heading)!important;font-family:var(--mdw-heading-font)!important}
.template-card-copy p,.storefront-level-grid p,.storefront-tool-card small{color:var(--mdw-muted)!important}
.template-type,.level-number{color:var(--mdw-cyan2)!important}
.template-card-actions a{color:var(--mdw-link)!important}
.storefront-admin-section{border-top:1px solid var(--mdw-line);border-bottom:1px solid var(--mdw-line);background:rgba(0,0,0,.12)!important}
.storefront-admin-image{border-color:var(--mdw-line)!important;background:var(--mdw-panel)!important;box-shadow:0 24px 60px rgba(0,0,0,.28)!important}
.storefront-check-grid span{color:var(--mdw-text)!important}
.storefront-check-grid span::before{background:var(--mdw-cyan)!important;color:var(--mdw-button-text)!important}
.storefront-levels{border-color:var(--mdw-line)!important;background:transparent!important}
.storefront-tool-card>span{background:rgba(46,159,154,.18)!important;border:1px solid rgba(101,199,194,.30);color:var(--mdw-cyan2)!important}
.storefront-tool-card b{color:var(--mdw-cyan2)!important}
.storefront-closing-panel{padding:40px 42px!important}

.mdw-button,input[type="button"].ectbutton,input[type="submit"].ectbutton,button.ectbutton,button.buybutton,button.detaillink,button.qbuybutton,input.buybutton,input.qbuybutton,input.detaillink{
  background:var(--mdw-cyan)!important;color:var(--mdw-button-text)!important;border-radius:var(--mdw-button-radius)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important
}
.mdw-button:hover{background:var(--mdw-cyan2)!important}
.mdw-button.ghost{background:transparent!important;color:var(--mdw-link)!important;border:1px solid var(--mdw-line)!important}
.mdw-button.ghost:hover{background:var(--mdw-card)!important;border-color:var(--mdw-cyan)!important}

.mdw-inner-title{background:transparent!important;border-bottom:0!important;padding:22px 0 16px!important}
.mdw-inner-title h1{color:var(--mdw-heading)!important;font-family:var(--mdw-heading-font)!important;font-size:var(--mdw-inner-heading-size)!important;line-height:1.08!important;letter-spacing:-.025em}
.mdw-inner-title p{margin-top:5px!important;color:var(--mdw-text)!important;font-size:14px!important;line-height:1.4!important}
.mdw-content-shell,.mdw-panel,.mdw-sidebar{background:var(--mdw-panel)!important;color:var(--mdw-text)!important;border:1px solid var(--mdw-line)!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important;backdrop-filter:blur(10px)}
.mdw-content-shell h1,.mdw-content-shell h2,.mdw-content-shell h3,.mdw-panel h1,.mdw-panel h2,.mdw-panel h3{color:var(--mdw-heading)!important}
.mdw-content-shell p,.mdw-content-shell li,.mdw-panel p,.mdw-panel li{color:var(--mdw-text)!important}

.mdw-footer{background:rgba(5,8,10,.95)!important;border-top:1px solid var(--mdw-line)!important;color:var(--mdw-muted)!important}
.mdw-footer h3{color:var(--mdw-heading)!important}
.webtools-operator-note{opacity:.70;margin-left:.3em}

/* Optional dynamic catalog accordion. It stays off by default for this site. */
.storefront-catalog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.storefront-catalog-layout.has-sidebar{grid-template-columns:250px minmax(0,1fr)}
.storefront-category-sidebar{position:sticky;top:104px;padding:18px;border:1px solid var(--mdw-line);border-radius:var(--mdw-panel-radius);background:var(--mdw-panel);box-shadow:0 18px 46px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.storefront-sidebar-title{font-family:var(--mdw-heading-font);font-weight:900;color:var(--mdw-heading);font-size:18px;margin-bottom:4px}
.storefront-category-all,.storefront-category-leaf,.storefront-category-group summary{display:block;padding:10px 8px;border-bottom:1px solid var(--mdw-line);text-decoration:none!important}
.storefront-category-all{color:var(--mdw-cyan2)!important;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storefront-category-leaf{color:var(--mdw-nav-text)!important;font-size:14px}
.storefront-category-leaf:hover,.storefront-category-leaf.is-active{color:var(--mdw-cyan2)!important;background:rgba(46,159,154,.10)}
.storefront-category-group{margin:0}
.storefront-category-group summary{list-style:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;cursor:pointer}
.storefront-category-group summary::-webkit-details-marker{display:none}
.storefront-category-group summary a{color:var(--mdw-nav-text)!important;text-decoration:none!important;font-weight:750}
.storefront-category-group summary span{color:var(--mdw-cyan2);font-weight:900;transition:transform .18s ease}
.storefront-category-group[open]>summary span{transform:rotate(45deg)}
.storefront-category-children{padding-left:12px;border-left:1px solid var(--mdw-line)}

@media(max-width:980px){
  .webtools-header{position:relative}.webtools-header-inner{display:block;padding-top:14px;padding-bottom:10px}.webtools-brand{min-width:0;margin-bottom:10px}.webtools-brand a{display:inline-grid!important}.webtools-nav-slot{display:block}.webtools-nav-slot .mdw-menu-list{justify-content:flex-start}.webtools-nav-slot .mdw-menu-root{justify-content:flex-start}
  .storefront-hero--split .storefront-hero-frame{grid-template-columns:1fr}.storefront-hero--split .storefront-hero-copy{text-align:center}.storefront-hero--split .storefront-lead{margin:18px auto 0!important}
  .storefront-catalog-layout.has-sidebar{grid-template-columns:1fr}.storefront-category-sidebar{position:relative;top:auto}
}
@media(max-width:640px){
  .webtools-wordmark{font-size:25px}.webtools-brand small{white-space:normal}.storefront-hero{padding:46px 0 36px!important}.storefront-hero-frame{gap:20px}.storefront-hero-copy h1{font-size:var(--mdw-hero-heading-min)!important}.storefront-lead{font-size:var(--mdw-base-text-size)!important}.storefront-module-shell{padding:5px}.storefront-shop-actions .mdw-button{width:100%}.storefront-section{padding:48px 0}.storefront-closing-panel{padding:28px 22px!important}
}

/* ============================================================
   WebTools 0.4.3 — Compact ecommerce storefront homepage
   Homepage = orientation + slideshow + MDWCart featured products.
   Detailed selling/explanation belongs on product and information pages.
   ============================================================ */
.webtools-header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
}
.webtools-header-inner{min-height:68px!important}
.webtools-brand .mdw-logo-img{max-height:38px!important;max-width:44px!important}
.webtools-wordmark{font-size:clamp(23px,2vw,29px)!important}
.webtools-brand small{margin-top:3px!important;font-size:9px!important;letter-spacing:.10em!important}

.storefront-home-compact{padding-bottom:0!important}
.storefront-home-compact .storefront-hero{
  padding:24px 0 34px!important;
  border:0!important;
  background:transparent!important;
}
.storefront-home-compact .storefront-hero-frame{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:17px!important;
}
.storefront-home-compact .storefront-hero-copy{
  width:min(100%,900px)!important;
  max-width:900px!important;
  margin:0 auto!important;
  text-align:center!important;
}
.storefront-home-compact .storefront-hero-copy .mdw-eyebrow{
  margin:0 0 6px!important;
  color:var(--mdw-muted)!important;
  font-size:10px!important;
  line-height:1.3!important;
  letter-spacing:.17em!important;
}
.storefront-home-compact .storefront-hero-copy h1{
  margin:0!important;
  color:var(--mdw-cyan2)!important;
  font-family:var(--mdw-heading-font)!important;
  font-size:clamp(29px,3.2vw,44px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  font-weight:850!important;
}
.storefront-home-compact .storefront-lead{
  max-width:760px!important;
  margin:8px auto 0!important;
  color:var(--mdw-text)!important;
  font-size:calc(var(--mdw-base-text-size) - 1px)!important;
  line-height:1.45!important;
}
.storefront-home-compact .storefront-hero-visual{
  width:min(100%,880px)!important;
  max-width:880px!important;
  margin:0 auto!important;
  padding:0!important;
}
.storefront-home-compact .storefront-module-shell,
.storefront-home-compact .browser-shell-large{
  padding:5px!important;
  border-radius:calc(var(--mdw-panel-radius) - 2px)!important;
  border:1px solid var(--mdw-line)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
}

.storefront-featured-products{
  padding:22px 0 48px!important;
  border:0!important;
  background:transparent!important;
}
.storefront-featured-products-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:0 8px 18px;
  padding:0;
}
.storefront-featured-products-head h2{
  margin:0!important;
  padding:0!important;
  color:var(--mdw-heading)!important;
  font-family:var(--mdw-heading-font)!important;
  font-size:clamp(24px,2.5vw,32px)!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}
.storefront-featured-products-head>a{
  flex:0 0 auto;
  color:var(--mdw-cyan2)!important;
  font-size:13px;
  font-weight:850;
  text-decoration:none!important;
}
.storefront-featured-products-head>a:hover{text-decoration:underline!important}
.storefront-featured-products .mdw-featured-products{margin:0}
.storefront-featured-products .mdw-catalog{padding-bottom:0}

/* The short homepage has no decorative section divider lines. */
.storefront-home-compact .storefront-section,
.storefront-home-compact .storefront-featured,
.storefront-home-compact .storefront-admin-section,
.storefront-home-compact .storefront-levels,
.storefront-home-compact .storefront-tools,
.storefront-home-compact .storefront-closing{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

@media(max-width:980px){
  .webtools-header{position:sticky!important;top:0!important}
  .webtools-header-inner{min-height:0!important;padding-top:10px!important;padding-bottom:8px!important}
  .storefront-home-compact .storefront-hero{padding:18px 0 28px!important}
  .storefront-home-compact .storefront-hero-visual{width:min(100%,820px)!important}
}
@media(max-width:640px){
  .storefront-home-compact .storefront-hero{padding:16px 0 22px!important}
  .storefront-home-compact .storefront-hero-frame{gap:12px!important}
  .storefront-home-compact .storefront-hero-copy h1{font-size:28px!important}
  .storefront-home-compact .storefront-lead{font-size:15px!important;line-height:1.4!important}
  .storefront-featured-products{padding:14px 0 34px!important}
  .storefront-featured-products-head{align-items:flex-end;margin-bottom:13px}
  .storefront-featured-products-head h2{font-size:24px!important}
  .storefront-featured-products-head>a{font-size:12px}
}

/* ============================================================
   WebTools 0.4.5 — Corrected template-store split homepage
   Website/store copy on the left; compact ModuleManager showcase on right.
   ============================================================ */
.storefront-home-shop .storefront-hero {
  padding: 24px 0 28px !important;
}
.storefront-home-shop .storefront-shop-frame {
  display: grid !important;
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr) !important;
  gap: 32px !important;
  align-items: center !important;
}
.storefront-home-shop .storefront-shop-copy {
  min-width: 0;
  text-align: left !important;
}
.storefront-home-shop .storefront-shop-copy .mdw-eyebrow {
  margin: 0 0 7px !important;
  color: var(--mdw-muted) !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
  letter-spacing: .16em !important;
}
.storefront-home-shop .storefront-shop-copy h1 {
  margin: 0 !important;
  color: var(--mdw-cyan2) !important;
  font-family: var(--mdw-heading-font) !important;
  font-size: clamp(27px, 2.8vw, 38px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
  font-weight: 850 !important;
  text-wrap: balance;
}
.storefront-home-shop .storefront-shop-copy .storefront-lead {
  max-width: 520px !important;
  margin: 11px 0 0 !important;
  color: var(--mdw-text) !important;
  font-size: calc(var(--mdw-base-text-size) - 1px) !important;
  line-height: 1.48 !important;
}
.storefront-home-shop .storefront-hero-visual {
  width: min(100%, 680px) !important;
  max-width: 680px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  min-width: 0 !important;
}
.storefront-home-shop .storefront-module-shell,
.storefront-home-shop .browser-shell-large {
  padding: 4px !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.26) !important;
}
.storefront-quick-categories {
  margin-top: 18px;
  width: min(100%, 390px);
  padding: 14px 16px 12px;
  border: 1px solid var(--mdw-line);
  border-radius: var(--mdw-panel-radius);
  background: var(--mdw-card);
  box-shadow: 0 12px 30px rgba(0,0,0,.16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.storefront-quick-categories h2 {
  margin: 0 0 6px !important;
  padding: 0 !important;
  color: var(--mdw-heading) !important;
  font-family: var(--mdw-heading-font) !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
}
.storefront-quick-categories ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
.storefront-quick-categories li {
  margin: 0 !important;
  padding: 0 !important;
}
.storefront-quick-categories li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 2px;
  border-bottom: 1px solid var(--mdw-line);
  color: var(--mdw-nav-text) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 750;
}
.storefront-quick-categories li:last-child a {
  border-bottom: 0;
}
.storefront-quick-categories li a:hover {
  color: var(--mdw-cyan2) !important;
  padding-left: 5px;
}
.storefront-quick-categories li a span {
  color: var(--mdw-cyan2);
  font-weight: 900;
}
.storefront-all-categories {
  display: inline-block;
  margin-top: 8px;
  color: var(--mdw-cyan2) !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 850;
}
.storefront-all-categories:hover {
  text-decoration: underline !important;
}
.storefront-home-shop .storefront-featured-products {
  padding-top: 14px !important;
}
@media (max-width: 980px) {
  .storefront-home-shop .storefront-shop-frame {
    grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr) !important;
    gap: 22px !important;
  }
  .storefront-home-shop .storefront-hero-visual {
    width: min(100%, 640px) !important;
  }
}
@media (max-width: 760px) {
  .storefront-home-shop .storefront-shop-frame {
    grid-template-columns: 1fr !important;
  }
  .storefront-home-shop .storefront-shop-copy {
    text-align: center !important;
  }
  .storefront-home-shop .storefront-shop-copy .storefront-lead {
    margin: 10px auto 0 !important;
  }
  .storefront-quick-categories {
    margin: 17px auto 0;
    text-align: left;
  }
  .storefront-home-shop .storefront-hero-visual {
    margin: 0 auto !important;
    width: min(100%, 680px) !important;
  }
}
@media (max-width: 640px) {
  .storefront-home-shop .storefront-hero {
    padding: 16px 0 21px !important;
  }
  .storefront-home-shop .storefront-shop-frame {
    gap: 17px !important;
  }
  .storefront-home-shop .storefront-shop-copy h1 {
    font-size: 27px !important;
  }
  .storefront-quick-categories {
    padding: 13px 14px 11px;
  }
}

/* ============================================================
   WebTools 0.4.6 — compact footer + live demo directory
   ============================================================ */
.mdw-footer{
  margin-top:18px!important;
  padding:18px 0 10px!important;
}
.mdw-footer-grid{
  gap:22px!important;
}
.mdw-footer h3{
  margin-bottom:6px!important;
  font-size:16px!important;
  line-height:1.15!important;
}
.mdw-footer p{
  margin-bottom:8px!important;
  line-height:1.4!important;
  font-size:14px!important;
}
.mdw-footer li{
  margin-bottom:4px!important;
  line-height:1.25!important;
}
.mdw-footer a{
  font-size:14px!important;
}
.mdw-footer .mdw-button.ghost{
  padding:8px 12px!important;
  margin-top:2px!important;
  font-size:13px!important;
}
.mdw-footer .copyright_text{
  margin-top:12px!important;
  padding-top:9px!important;
  font-size:12px!important;
  line-height:1.35!important;
}

.live-demos-page{padding-top:28px!important;padding-bottom:42px!important}
.live-demos-intro{max-width:820px;margin:0 0 22px;padding:0}
.live-demos-intro .mdw-eyebrow{margin:0 0 6px!important;font-size:10px!important;letter-spacing:.15em!important}
.live-demos-intro h1{margin:0!important;padding:0!important;color:var(--mdw-heading)!important;font-family:var(--mdw-heading-font)!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.08!important}
.live-demos-intro>p:last-child{margin:9px 0 0!important;color:var(--mdw-text)!important;line-height:1.5!important;max-width:760px}
.live-demos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.live-demo-card{min-width:0;overflow:hidden;border:1px solid var(--mdw-line);border-radius:var(--mdw-panel-radius);background:var(--mdw-card);box-shadow:0 14px 34px rgba(0,0,0,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.live-demo-image{display:block;aspect-ratio:16/10;overflow:hidden;background:rgba(0,0,0,.2)}
.live-demo-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.live-demo-image:hover img{transform:scale(1.015)}
.live-demo-card-body{padding:15px}
.live-demo-card h2{margin:0 0 6px!important;padding:0!important;color:var(--mdw-heading)!important;font-family:var(--mdw-heading-font)!important;font-size:20px!important;line-height:1.2!important}
.live-demo-card p{margin:0 0 12px!important;padding:0!important;color:var(--mdw-text)!important;font-size:14px!important;line-height:1.45!important}
.live-demo-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.live-demo-actions .mdw-button{padding:8px 11px!important;font-size:12px!important;box-shadow:none!important}
.live-demos-empty{max-width:760px;margin:0!important}
@media(max-width:900px){.live-demos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .mdw-footer{padding:16px 0 60px!important}
  .mdw-footer-grid{gap:16px!important}
  .live-demos-page{padding-top:20px!important}
  .live-demos-grid{grid-template-columns:1fr}
}

/* ============================================================
   WebTools 0.4.25 - Public Downloads contrast ownership
   Keep light download panels readable regardless of host theme.
   ============================================================ */
.mdw-download-group h3 {
    color: #102033 !important;
    text-shadow: none !important;
}
.mdw-download-row,
.mdw-download-row > div {
    color: #24364a !important;
}
.mdw-download-row strong {
    color: #18314b !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
.mdw-download-row span {
    color: #52677c !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* v0.4.31 final public-page polish: compact content pages and Contact module. */
.mdw-contact-intro{max-width:760px;margin:0 0 16px}
.mdw-contact-intro h2{margin-bottom:6px!important}
.mdw-contact-intro p{margin:0!important}
.mdw-contact-module{width:100%;min-width:0;margin:0}
.mdw-contact-module .module-manager-placement{width:100%!important;max-width:100%!important;margin:0!important}
.mdw-contact-module iframe{display:block;width:100%!important;max-width:100%!important}
.mdw-contact-fallback{padding:18px 20px;border:1px solid var(--mdw-line);border-radius:calc(var(--mdw-panel-radius) * .7);background:rgba(255,255,255,.04)}
.mdw-contact-fallback h3{margin:0 0 7px!important}
.mdw-contact-fallback p{margin:6px 0!important}
.mdw-contact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.mdw-contact-links a{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--mdw-line);border-radius:calc(var(--mdw-panel-radius) * .6);background:rgba(255,255,255,.04);text-decoration:none!important}
.mdw-contact-links strong{color:var(--mdw-heading)}
.mdw-contact-links span{color:var(--mdw-muted);font-size:.9rem;line-height:1.35}

.mdw-support-page .mdw-card-grid,.mdw-about-page .mdw-card-grid{gap:12px;margin-top:14px}
.mdw-support-page .mdw-card,.mdw-about-page .mdw-card{padding:15px 17px!important;border-radius:calc(var(--mdw-panel-radius) * .7)!important}
.mdw-support-page .mdw-card h3,.mdw-about-page .mdw-card h3{margin-bottom:5px!important;font-size:1.05rem!important}
.mdw-support-page .mdw-card p,.mdw-about-page .mdw-card p{line-height:1.4!important}
.mdw-support-page .mdw-card p+p{margin-top:10px!important}
.mdw-support-page .mdw-button{padding:9px 13px!important;font-size:.9rem!important}

/* Breadcrumbs already supply their own visual separation; avoid a second line. */
.mdw-breadcrumbs{border-bottom:0!important;padding-bottom:3px!important;margin-bottom:10px!important}

@media(max-width:720px){
  /* Mobile navigation must remain readable on the dark header/menu surface. */
  .webtools-nav-slot .mdw-menu-toggle{color:#f4f7f8!important;background:transparent!important}
  .webtools-nav-slot .mdw-menu-toggle-icon{color:#f4f7f8!important}
  .webtools-nav-slot .mdw-menu.is-open .mdw-menu-list{background:rgba(7,11,14,.98)!important;border-color:var(--mdw-line)!important}
  .webtools-nav-slot .mdw-menu-root>li>a{color:#f4f7f8!important;border-color:rgba(255,255,255,.09)!important;background:transparent!important}
  .webtools-nav-slot .mdw-menu-root>li>a:hover,
  .webtools-nav-slot .mdw-menu-root>li>a:focus-visible{color:var(--mdw-cyan2)!important;background:rgba(255,255,255,.06)!important}
  .webtools-nav-slot .mdw-menu-root>li.is-active>a{color:var(--mdw-cyan2)!important;background:rgba(46,159,154,.12)!important}
  .webtools-nav-slot .mdw-submenu,.webtools-nav-slot .mdw-submenu .mdw-submenu{background:rgba(14,20,24,.98)!important}
  .webtools-nav-slot .mdw-submenu a{color:#eef3f5!important;border-color:rgba(255,255,255,.07)!important}
  .webtools-nav-slot .mdw-submenu a:hover,.webtools-nav-slot .mdw-submenu a:focus-visible{color:var(--mdw-cyan2)!important;background:rgba(255,255,255,.06)!important}
  .mdw-contact-links{grid-template-columns:1fr}
}

/* 0.4.32 SiteManager-managed informational pages */
.mdw-rich-content{min-width:0}
.mdw-rich-content>:first-child{margin-top:0!important}
.mdw-rich-content>:last-child{margin-bottom:0!important}
.mdw-rich-content h2,.mdw-rich-content h3,.mdw-rich-content h4{color:var(--mdw-heading)!important;text-shadow:none!important}
.mdw-rich-content h2{margin:0 0 12px!important}
.mdw-rich-content h3{margin:18px 0 7px!important}
.mdw-rich-content p,.mdw-rich-content li,.mdw-rich-content blockquote{color:var(--mdw-text)!important;line-height:1.6!important}
.mdw-rich-content p{margin:0 0 12px!important}
.mdw-rich-content ul,.mdw-rich-content ol{margin:8px 0 14px 22px!important;padding:0!important}
.mdw-rich-content a{color:var(--mdw-link)!important}
.mdw-rich-content hr{border:0;border-top:1px solid var(--mdw-line);margin:18px 0}

.mdw-contact-grid{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(420px,1.22fr);gap:22px;align-items:start}
.mdw-contact-grid.single{grid-template-columns:minmax(0,760px)}
.mdw-contact-information,.mdw-contact-form-column{min-width:0}
.mdw-contact-information{padding:3px 0}
.mdw-contact-details{display:grid;gap:9px;margin-top:18px;padding-top:15px;border-top:1px solid var(--mdw-line)}
.mdw-contact-details div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:baseline}
.mdw-contact-details span{font-weight:800;color:var(--mdw-heading)}
.mdw-contact-details a{overflow-wrap:anywhere}
.mdw-contact-form-column{border:1px solid var(--mdw-line);border-radius:calc(var(--mdw-panel-radius) * .75);background:rgba(255,255,255,.035);padding:14px}
.mdw-contact-form-heading{margin:0 0 10px 2px}
.mdw-contact-form-heading h3{margin:0 0 3px!important;font-size:1.05rem!important}
.mdw-contact-form-heading p{margin:0!important;color:var(--mdw-muted)!important;font-size:.9rem;line-height:1.4!important}
.mdw-contact-module{width:100%;min-width:0;margin:0!important}
.mdw-contact-module .module-manager-placement{width:100%!important;max-width:100%!important;margin:0!important}
.mdw-contact-module iframe{display:block;width:100%!important;max-width:100%!important;border-radius:10px}
.mdw-contact-fallback{margin-top:16px}

.mdw-about-page .mdw-card-grid,.mdw-support-page .mdw-card-grid{margin-top:16px}
.mdw-about-page .mdw-card,.mdw-support-page .mdw-card{min-height:0!important}

@media(max-width:900px){
  .mdw-contact-grid{grid-template-columns:1fr;gap:16px}
  .mdw-contact-form-column{padding:10px}
}
@media(max-width:520px){
  .mdw-contact-details div{grid-template-columns:1fr;gap:2px}
}

/* ============================================================
   WebTools 0.4.37 - Project status pill color clarity
   Keep project-state colors distinct and readable on the dark storefront.
   ============================================================ */
.project-card .project-status{
  border-width:1px!important;
  border-style:solid!important;
  font-weight:900!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
.project-card.status-completed .project-status{
  background:#d8f3e4!important;
  color:#173d2c!important;
  border-color:#76b994!important;
}
.project-card.status-progress .project-status{
  background:#dcefff!important;
  color:#173e5b!important;
  border-color:#75a9ce!important;
}
.project-card.status-planned .project-status{
  background:#fff0c9!important;
  color:#553e12!important;
  border-color:#d4ad55!important;
}
.project-card.status-hidden .project-status{
  background:#ffe0e5!important;
  color:#632433!important;
  border-color:#d58a98!important;
}
.project-card.status-default .project-status{
  background:#e8eef3!important;
  color:#2f4354!important;
  border-color:#9eafbd!important;
}

/* ============================================================
   WebTools 0.4.58 - Public storefront consistency polish
   Keep public information pages visually aligned with the storefront
   without changing SiteManager Pro, MDWCart, or ModuleManager logic.
   ============================================================ */

/* Shared public information-page rhythm. */
.mdw-inner-title {
    padding-top: 24px !important;
    padding-bottom: 12px !important;
}

.mdw-inner-title .container {
    max-width: 1180px;
}

/* 0.4.63: Keep public page titles modest so page content starts sooner.
   Page titles are navigation/orientation; the product or page content should
   carry the visual emphasis. The size still follows SiteManager Pro's
   heading-scale control through --mdw-inner-heading-size. */
.mdw-inner-title {
    padding: 14px 0 8px !important;
}

.mdw-inner-title h1 {
    margin-bottom: 3px !important;
    font-size: var(--mdw-inner-heading-size) !important;
    line-height: 1.08 !important;
}

.mdw-inner-title p {
    max-width: 820px;
    margin: 3px 0 0 !important;
    color: var(--mdw-muted) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.midWrapper.mdw-main {
    padding-top: 12px !important;
    padding-bottom: 36px !important;
}

.mdw-content-shell {
    padding: 24px 26px !important;
    min-height: 0 !important;
    border-radius: var(--mdw-panel-radius) !important;
}

.mdw-static-content,
.mdw-downloads {
    font-family: var(--mdw-body-font, Lato, Arial, Helvetica, sans-serif) !important;
}

.mdw-static-content h2,
.mdw-downloads h2 {
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: var(--mdw-heading) !important;
    font-family: var(--mdw-heading-font) !important;
    font-size: clamp(22px, 2vw, 28px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
}

.mdw-static-content h3,
.mdw-downloads h3 {
    font-family: var(--mdw-heading-font) !important;
}

.mdw-static-content p,
.mdw-static-content li,
.mdw-downloads > p {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.mdw-rich-content {
    max-width: 900px;
}

.mdw-rich-content h3 {
    font-size: 18px !important;
}

/* About and Support cards: compact, readable, and consistent with the site. */
.mdw-about-page .mdw-card-grid,
.mdw-support-page .mdw-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px !important;
    margin-top: 18px !important;
}

.mdw-about-page .mdw-card.light,
.mdw-support-page .mdw-card.light {
    background: rgba(255,255,255,.045) !important;
    border: 1px solid var(--mdw-line) !important;
    box-shadow: none !important;
}

.mdw-about-page .mdw-card.light h3,
.mdw-support-page .mdw-card.light h3 {
    color: var(--mdw-heading) !important;
}

.mdw-about-page .mdw-card.light p,
.mdw-support-page .mdw-card.light p {
    color: var(--mdw-text) !important;
}

/* Contact page: balance the information and form columns without excess space. */
.mdw-contact-grid {
    grid-template-columns: minmax(250px, .82fr) minmax(420px, 1.18fr) !important;
    gap: 20px !important;
}

.mdw-contact-form-column {
    padding: 16px !important;
    box-shadow: none !important;
}

.mdw-contact-details {
    margin-top: 16px !important;
    padding-top: 14px !important;
}

/* Public Downloads: use the storefront's dark panel language instead of the
   older light/blue document styling. Inputs remain light for easy scanning. */
.mdw-downloads > p:first-of-type {
    max-width: 820px;
    margin-top: 0 !important;
    color: var(--mdw-muted) !important;
}

.mdw-download-tools {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 250px) !important;
    gap: 14px !important;
    margin: 18px 0 8px !important;
    padding: 14px !important;
    border: 1px solid var(--mdw-line) !important;
    border-radius: calc(var(--mdw-panel-radius) * .72) !important;
    background: rgba(255,255,255,.035) !important;
}

.mdw-download-tools label {
    color: var(--mdw-heading) !important;
    font-size: 13px !important;
}

.mdw-download-search,
.mdw-download-group-filter {
    min-height: 42px !important;
    border-color: rgba(180,205,220,.75) !important;
    border-radius: var(--mdw-button-radius) !important;
    background: #ffffff !important;
    color: #172333 !important;
    box-shadow: none !important;
}

.mdw-download-search {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.mdw-download-group-filter {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.mdw-download-results-status {
    min-height: 18px !important;
    margin: 6px 2px 0 !important;
    color: var(--mdw-muted) !important;
    font-size: 13px !important;
}

.mdw-download-group {
    margin: 14px 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--mdw-line) !important;
    border-radius: calc(var(--mdw-panel-radius) * .72) !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: none !important;
}

.mdw-download-group h3 {
    margin: 0 !important;
    padding: 11px 15px !important;
    border-bottom: 1px solid var(--mdw-line) !important;
    background: rgba(255,255,255,.045) !important;
    color: var(--mdw-heading) !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

.mdw-download-row {
    gap: 16px !important;
    padding: 13px 15px !important;
    border-top: 1px solid rgba(255,255,255,.075) !important;
    color: var(--mdw-text) !important;
}

.mdw-download-row > div {
    min-width: 0;
    color: var(--mdw-text) !important;
}

.mdw-download-row strong {
    color: var(--mdw-heading) !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
}

.mdw-download-row span {
    margin-top: 3px !important;
    color: var(--mdw-muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.mdw-download-action {
    flex: 0 0 auto;
    margin: 0 !important;
}

.mdw-download-action .mdw-button {
    min-width: 116px;
    padding: 9px 12px !important;
    font-size: 12px !important;
    text-align: center;
    box-shadow: none !important;
}

.mdw-download-no-results {
    border-color: var(--mdw-line) !important;
    background: rgba(255,255,255,.035) !important;
    color: var(--mdw-heading) !important;
}

.mdw-download-no-results span {
    color: var(--mdw-muted) !important;
}

/* Keep public buttons consistent across informational pages. */
.mdw-static-content .mdw-button,
.mdw-downloads .mdw-button,
.live-demo-actions .mdw-button {
    line-height: 1.2 !important;
    text-decoration: none !important;
}

/* Footer: preserve the compact five-column layout but tighten its visual rhythm. */
.mdw-footer-grid {
    align-items: start;
}

.mdw-footer ul {
    margin-top: 0 !important;
}

.mdw-footer .mdw-footer-brand p {
    max-width: 300px;
}

@media (max-width: 900px) {
    .mdw-about-page .mdw-card-grid,
    .mdw-support-page .mdw-card-grid {
        grid-template-columns: 1fr !important;
    }

    .mdw-contact-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 700px) {
    .mdw-content-shell {
        padding: 18px !important;
    }

    .mdw-inner-title {
        padding-top: 18px !important;
    }

    .mdw-download-tools {
        grid-template-columns: 1fr !important;
    }

    .mdw-download-row {
        display: block !important;
    }

    .mdw-download-action {
        margin-top: 10px !important;
    }

    .mdw-download-action .mdw-button {
        width: 100%;
    }
}

/* WebTools 0.4.65 — public action/button consistency.
   Primary actions use the SiteManager Pro accent. Secondary actions use the
   current dark card surface so informational pages read as one storefront. */
.mdw-site .mdw-button,
.mdw-site input[type="button"].ectbutton,
.mdw-site input[type="submit"].ectbutton,
.mdw-site button.ectbutton,
.mdw-site button.buybutton,
.mdw-site button.detaillink,
.mdw-site button.qbuybutton,
.mdw-site input.buybutton,
.mdw-site input.qbuybutton,
.mdw-site input.detaillink{
  border:1px solid var(--mdw-button-bg)!important;
  background:var(--mdw-button-bg)!important;
  color:var(--mdw-button-text)!important;
  -webkit-text-fill-color:var(--mdw-button-text)!important;
  text-decoration:none!important;
  text-shadow:none!important;
  box-shadow:0 6px 16px rgba(0,0,0,.18)!important;
}
.mdw-site .mdw-button:hover,
.mdw-site input[type="button"].ectbutton:hover,
.mdw-site input[type="submit"].ectbutton:hover,
.mdw-site button.ectbutton:hover,
.mdw-site button.buybutton:hover,
.mdw-site button.detaillink:hover,
.mdw-site button.qbuybutton:hover,
.mdw-site input.buybutton:hover,
.mdw-site input.qbuybutton:hover,
.mdw-site input.detaillink:hover{
  border-color:var(--mdw-button-hover)!important;
  background:var(--mdw-button-hover)!important;
}
.mdw-site .mdw-button.ghost{
  border:1px solid rgba(228,234,237,.32)!important;
  border-color:color-mix(in srgb,var(--mdw-text) 32%,transparent)!important;
  background:var(--mdw-card)!important;
  color:var(--mdw-text)!important;
  -webkit-text-fill-color:var(--mdw-text)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
}
.mdw-site .mdw-button.ghost:hover,
.mdw-site .mdw-button.ghost:focus-visible{
  border-color:var(--mdw-button-bg)!important;
  background:var(--mdw-card)!important;
  color:var(--mdw-heading)!important;
  -webkit-text-fill-color:var(--mdw-heading)!important;
}
.mdw-site .mdw-button:focus-visible{
  outline:3px solid color-mix(in srgb,var(--mdw-button-bg) 38%,transparent)!important;
  outline-offset:2px!important;
}

/* WebTools customer-account utility */
.webtools-account-slot{flex:0 0 auto;display:flex;align-items:center;margin-left:-20px}
.webtools-account-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 11px;border-radius:var(--mdw-button-radius,8px);color:#f4f7f8!important;text-decoration:none!important;font-size:13px;font-weight:750;white-space:nowrap;background:transparent;border:1px solid transparent}
.webtools-account-link:hover,.webtools-account-link:focus-visible,.webtools-account-link.is-active{color:var(--mdw-cyan2)!important;background:var(--mdw-card)!important;border-color:rgba(255,255,255,.06)}
@media(max-width:900px){.webtools-account-slot{margin:8px 0 0;justify-content:flex-start}.webtools-account-link{padding-left:0;padding-right:0;background:transparent!important;border-color:transparent!important}}

/* WebTools 0.4.75 — Newsletter Pro site-wide footer signup. */
.mdw-footer-newsletter{
  padding:26px 0 24px;
  margin-bottom:24px;
  border-bottom:1px solid var(--mdw-line);
}
.mdw-footer-newsletter .module-manager-placement{
  overflow:visible!important;
}
.mdw-footer-newsletter .nlp-inline{
  --module-accent-color:var(--mdw-button-bg,#82592f);
  --module-link-color:var(--mdw-link,#65c7c2);
  max-width:none;
  display:grid;
  grid-template-columns:minmax(210px,.72fr) minmax(360px,1.28fr);
  align-items:center;
  gap:10px 24px;
  padding:18px 20px;
  background:rgba(255,255,255,.045);
  border:1px solid var(--mdw-line);
  border-radius:var(--mdw-panel-radius,18px);
  color:var(--mdw-text);
}
.mdw-footer-newsletter .nlp-inline h2{
  margin:0;
  padding:0;
  color:var(--mdw-heading);
  font-family:var(--mdw-heading-font,inherit);
  font-size:20px;
  line-height:1.2;
  text-align:left;
}
.mdw-footer-newsletter .nlp-inline form{
  margin:0;
  width:100%;
  display:flex;
  align-items:stretch;
  gap:10px;
}
.mdw-footer-newsletter .nlp-inline input[type=email]{
  min-height:44px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:var(--mdw-button-radius,8px);
  background:#fff;
  color:#172333;
  font:inherit;
}
.mdw-footer-newsletter .nlp-inline button{
  min-height:44px;
  padding:10px 18px;
  border:1px solid var(--mdw-button-bg,#82592f);
  border-radius:var(--mdw-button-radius,8px);
  background:var(--mdw-button-bg,#82592f);
  color:var(--mdw-button-text,#fff);
  font:inherit;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.mdw-footer-newsletter .nlp-inline button:hover,
.mdw-footer-newsletter .nlp-inline button:focus-visible{
  border-color:var(--mdw-button-hover,#6b4826);
  background:var(--mdw-button-hover,#6b4826);
}
.mdw-footer-newsletter .nlp-inline-msg,
.mdw-footer-newsletter .nlp-inline-error,
.mdw-footer-newsletter .nlp-inline > p{
  grid-column:1/-1;
  margin:0;
}
@media(max-width:760px){
  .mdw-footer-newsletter .nlp-inline{
    grid-template-columns:1fr;
    gap:12px;
  }
}
@media(max-width:520px){
  .mdw-footer-newsletter .nlp-inline form{
    flex-direction:column;
  }
  .mdw-footer-newsletter .nlp-inline button{
    width:100%;
  }
}


/* WebTools 0.4.76 — Newsletter Pro compact card on Contact page. */
.mdw-contact-newsletter{
  margin-top:28px;
  width:100%;
}
.mdw-contact-newsletter .module-manager-placement{
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.mdw-contact-newsletter .nlp-inline{
  --module-accent-color:var(--mdw-button-bg,#82592f);
  --module-link-color:var(--mdw-link,#65c7c2);
  max-width:none;
  padding:18px 18px 17px;
  border:1px solid var(--mdw-line);
  border-radius:calc(var(--mdw-panel-radius) * .72);
  background:rgba(255,255,255,.045);
  color:var(--mdw-text);
}
.mdw-contact-newsletter .nlp-inline h2{
  color:var(--mdw-heading);
  font-family:var(--mdw-heading-font,inherit);
  font-size:1.12rem;
}
.mdw-contact-newsletter .nlp-inline-description{
  color:var(--mdw-muted);
  font-size:.9rem;
  line-height:1.45;
}
.mdw-contact-newsletter .nlp-inline input[type=text],
.mdw-contact-newsletter .nlp-inline input[type=email]{
  min-height:42px;
  border-radius:var(--mdw-button-radius,8px);
}
.mdw-contact-newsletter .nlp-inline button{
  min-height:42px;
  border:1px solid var(--mdw-button-bg,#82592f);
  border-radius:var(--mdw-button-radius,8px);
  background:var(--mdw-button-bg,#82592f);
  color:var(--mdw-button-text,#fff);
  font-weight:800;
}
.mdw-contact-newsletter .nlp-inline button:hover,
.mdw-contact-newsletter .nlp-inline button:focus-visible{
  border-color:var(--mdw-button-hover,#6b4826);
  background:var(--mdw-button-hover,#6b4826);
}
@media(max-width:900px){
  .mdw-contact-newsletter{margin-top:18px;}
}


/* WebTools 0.4.77 — public finishing audit: readability and category consistency. */
.mdw-about-page .mdw-rich-content,
.mdw-contact-page .mdw-rich-content,
.mdw-contact-page .mdw-contact-details,
.mdw-downloads,
.mdw-search-page {
  font-size: 16px;
  line-height: 1.65;
}
.mdw-about-page .mdw-rich-content p,
.mdw-contact-page .mdw-rich-content p,
.mdw-downloads p,
.mdw-search-page p {
  line-height: 1.65;
}
.mdw-about-page .mdw-card p,
.mdw-contact-page .mdw-contact-form-heading p,
.mdw-download-row span,
.mdw-download-results-status,
.mdw-download-no-results span {
  font-size: 15px;
  line-height: 1.55;
}
.mdw-contact-page .mdw-contact-details span,
.mdw-download-tools label,
.mdw-search-page label {
  font-size: 14px;
}
.mdw-site .mdw-category-card h2 a,
.mdw-site .mdw-category-card h2 a:visited {
  color:#172033 !important;
  -webkit-text-fill-color:#172033 !important;
}
.mdw-site .mdw-category-card h2 a:hover,
.mdw-site .mdw-category-card h2 a:focus-visible {
  color:#172033 !important;
  -webkit-text-fill-color:#172033 !important;
  text-decoration:underline;
}
@media(max-width:700px){
  .mdw-about-page .mdw-rich-content,
  .mdw-contact-page .mdw-rich-content,
  .mdw-contact-page .mdw-contact-details,
  .mdw-downloads,
  .mdw-search-page { font-size:15px; }
}

/* ============================================================
   WebTools 0.4.82 - Store-wide page intro readability panel
   Adds a subtle translucent panel behind public page titles and
   subtitles so the textured site background does not compete with
   orientation text. This intentionally leaves product/content cards,
   ModuleManager output, and page body layouts unchanged.
   ============================================================ */
.mdw-inner-title .container {
    box-sizing: border-box;
    background: rgba(9, 12, 14, .34);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 14px;
    padding: 13px 18px 12px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

@media (max-width: 700px) {
    .mdw-inner-title .container {
        padding: 12px 14px 11px !important;
        border-radius: 12px;
    }
}

/* ============================================================
   WebTools 0.4.83 - Readability panels for text-heavy public copy
   Applies the same restrained translucent treatment used in the
   page intro area to About, Support, and the Contact information
   block. Existing modules/cards remain visually independent.
   ============================================================ */
.mdw-about-page > .mdw-rich-content,
.mdw-support-page > .mdw-rich-content,
.mdw-contact-copy-panel {
    box-sizing: border-box;
    background: rgba(9, 12, 14, .30);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 12px;
    padding: 16px 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .10);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.mdw-about-page > .mdw-rich-content,
.mdw-support-page > .mdw-rich-content {
    max-width: none;
}

.mdw-about-page > .mdw-rich-content > :first-child,
.mdw-support-page > .mdw-rich-content > :first-child,
.mdw-contact-copy-panel .mdw-rich-content > :first-child {
    margin-top: 0 !important;
}

.mdw-about-page > .mdw-rich-content > :last-child,
.mdw-support-page > .mdw-rich-content > :last-child,
.mdw-contact-copy-panel .mdw-rich-content > :last-child {
    margin-bottom: 0 !important;
}

.mdw-contact-copy-panel .mdw-contact-details {
    margin-bottom: 0 !important;
}

@media (max-width: 700px) {
    .mdw-about-page > .mdw-rich-content,
    .mdw-support-page > .mdw-rich-content,
    .mdw-contact-copy-panel {
        padding: 14px;
        border-radius: 11px;
    }
}

/* ============================================================
   WebTools 0.4.84 - Public typography readability pass
   Uses the FAQ module's easy-to-read text as the visual benchmark.
   Improves size, weight, line spacing, and contrast for text-heavy
   public copy without changing page structure or module typography.
   ============================================================ */

/* Main explanatory copy on public information pages. */
.mdw-about-page > .mdw-rich-content,
.mdw-support-page > .mdw-rich-content,
.mdw-contact-copy-panel .mdw-rich-content,
.mdw-contact-copy-panel .mdw-contact-details,
.mdw-downloads,
.mdw-search-page {
    font-size: 17px !important;
    line-height: 1.72 !important;
}

.mdw-about-page > .mdw-rich-content p,
.mdw-about-page > .mdw-rich-content li,
.mdw-support-page > .mdw-rich-content p,
.mdw-support-page > .mdw-rich-content li,
.mdw-contact-copy-panel .mdw-rich-content p,
.mdw-contact-copy-panel .mdw-rich-content li,
.mdw-contact-copy-panel .mdw-contact-details,
.mdw-downloads p,
.mdw-search-page p {
    color: var(--mdw-text) !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.72 !important;
}

/* Secondary descriptions remain subordinate, but no longer tiny. */
.mdw-about-page .mdw-card p,
.mdw-download-row span,
.mdw-download-results-status,
.mdw-download-no-results span,
.mdw-contact-page .mdw-contact-form-heading p {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Contact labels and download/search labels need to remain clearly legible. */
.mdw-contact-copy-panel .mdw-contact-details span,
.mdw-download-tools label,
.mdw-search-page label {
    font-size: 15px !important;
    line-height: 1.45 !important;
}

/* Page subtitle: a little larger and brighter, while staying secondary. */
.mdw-inner-title p {
    color: var(--mdw-text) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

/* Preserve the same readable scale on phones instead of shrinking it back down. */
@media (max-width: 700px) {
    .mdw-about-page > .mdw-rich-content,
    .mdw-support-page > .mdw-rich-content,
    .mdw-contact-copy-panel .mdw-rich-content,
    .mdw-contact-copy-panel .mdw-contact-details,
    .mdw-downloads,
    .mdw-search-page,
    .mdw-about-page > .mdw-rich-content p,
    .mdw-about-page > .mdw-rich-content li,
    .mdw-support-page > .mdw-rich-content p,
    .mdw-support-page > .mdw-rich-content li,
    .mdw-contact-copy-panel .mdw-rich-content p,
    .mdw-contact-copy-panel .mdw-rich-content li,
    .mdw-contact-copy-panel .mdw-contact-details,
    .mdw-downloads p,
    .mdw-search-page p {
        font-size: 16px !important;
        line-height: 1.68 !important;
    }

    .mdw-inner-title p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
}


/* Sites-N-Tools public brand treatment.
   Keep existing WebTools-era class names internally to avoid needless layout risk. */
.sitesntools-wordmark {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1;
}

.sitesntools-wordmark .snt-sites,
.sitesntools-wordmark .snt-tools {
  letter-spacing: -0.045em;
}

.sitesntools-wordmark .snt-join {
  display: inline-block;
  margin: 0 0.12em;
  font-size: 0.72em;
  font-weight: 700;
  letter-spacing: 0.02em;
  opacity: 0.88;
  transform: translateY(-0.04em);
}

.webtools-brand > a small {
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-size: 0.68rem;
}

@media (max-width: 600px) {
  .sitesntools-wordmark {
    letter-spacing: -0.045em;
  }

  .sitesntools-wordmark .snt-join {
    margin-inline: 0.09em;
  }
}

.sitesntools-wordmark::after { content: none!important; }


/* ============================================================
   Sites-N-Tools 0.4.82 — Wide desktop storefront and header fit
   - Use the wider SiteManager content setting on large screens.
   - Keep the full desktop navigation on one line.
   - Stack the text-only wordmark/tagline cleanly until a logo is added.
   - Give the homepage showcase more useful room without going edge-to-edge.
   ============================================================ */
.webtools-brand--text-only {
  min-width: 235px;
}
.webtools-brand--text-only > a {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0 !important;
}
.webtools-brand--text-only > a small {
  margin-top: 5px !important;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .webtools-header-inner {
    gap: 24px !important;
  }
  .webtools-nav-slot .mdw-menu-list,
  .webtools-nav-slot .mdw-menu-root {
    flex-wrap: nowrap !important;
  }
  .webtools-nav-slot .mdw-menu-root > li > a {
    white-space: nowrap;
  }
  .webtools-account-slot {
    margin-left: 0 !important;
  }
  .storefront-home-shop .storefront-shop-frame {
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr) !important;
    gap: 44px !important;
  }
  .storefront-home-shop .storefront-hero-visual {
    width: min(100%, 860px) !important;
    max-width: 860px !important;
  }
  .storefront-home-shop .storefront-shop-copy .storefront-lead {
    max-width: 600px !important;
  }
  .storefront-quick-categories {
    width: min(100%, 440px);
  }
}

/* Medium desktops and tablets get a deliberate two-row header instead of
   an accidental wrapped menu. The existing mobile menu still takes over at
   720px and below. */
@media (min-width: 721px) and (max-width: 1199px) {
  .webtools-header-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 20px !important;
    padding-top: 9px !important;
    padding-bottom: 8px !important;
  }
  .webtools-brand {
    margin: 0 !important;
  }
  .webtools-nav-slot {
    grid-column: 1 / -1;
    grid-row: 2;
    display: block !important;
  }
  .webtools-nav-slot .mdw-menu-list,
  .webtools-nav-slot .mdw-menu-root {
    justify-content: flex-start !important;
  }
  .webtools-account-slot {
    grid-column: 2;
    grid-row: 1;
    margin: 0 !important;
    justify-content: flex-end;
  }
}

@media (max-width: 720px) {
  .webtools-brand--text-only {
    min-width: 0;
  }
  .webtools-brand--text-only > a small {
    white-space: normal;
  }
}

/* ============================================================
   Sites-N-Tools 0.4.83 — Centered desktop navigation
   Keep the brand anchored left and My Account anchored right while the
   primary navigation is centered in the full desktop header.
   ============================================================ */
@media (min-width: 1200px) {
  .webtools-header-inner {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px !important;
  }

  .webtools-brand {
    justify-self: start;
  }

  .webtools-nav-slot {
    justify-self: center;
    width: auto;
    min-width: 0;
    display: block !important;
  }

  .webtools-nav-slot .mdw-menu {
    width: auto;
  }

  .webtools-nav-slot .mdw-menu-list,
  .webtools-nav-slot .mdw-menu-root {
    justify-content: center !important;
    flex-wrap: nowrap !important;
  }

  .webtools-account-slot {
    justify-self: end;
    margin-left: 0 !important;
  }
}

/* ============================================================
   Sites-N-Tools 0.5.0 — custom storefront redesign prototype
   Deliberately separates the store's public identity from sellable templates.
   ============================================================ */

/* Rich background first: keep surfaces light and selective rather than boxing
   every region into a flat panel. */
.mdw-site{
  position:relative;
  min-height:100vh;
}
.mdw-site::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 52% 14%,rgba(37,83,111,.15),transparent 34%),
    linear-gradient(180deg,rgba(3,8,12,.04),rgba(3,8,12,.28));
}

/* Header: storefront utility bar rather than template-style boxed navigation. */
.webtools-header{
  background:rgba(5,10,14,.86)!important;
  border-top:1px solid rgba(210,177,143,.34)!important;
  border-bottom:1px solid rgba(210,177,143,.20)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.22)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}
.webtools-header-inner{min-height:82px!important}
.webtools-brand--text-only{min-width:260px!important}
.sitesntools-wordmark{
  color:#fffaf1!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(26px,2vw,34px)!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
}
.sitesntools-wordmark .snt-join{
  color:#d39a67!important;
  font-size:.58em!important;
  margin:0 .16em!important;
  letter-spacing:.08em!important;
}
.webtools-brand > a small{
  color:#c7beb3!important;
  font-size:.65rem!important;
  letter-spacing:.15em!important;
}
.webtools-nav-slot .mdw-menu-root>li>a{
  position:relative;
  padding:15px 12px!important;
  background:transparent!important;
  color:#eee9e1!important;
  font-size:14px!important;
  font-weight:700!important;
}
.webtools-nav-slot .mdw-menu-root>li>a::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:8px;
  height:1px;
  background:#d08a55;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.webtools-nav-slot .mdw-menu-root>li>a:hover,
.webtools-nav-slot .mdw-menu-root>li.is-active>a{
  color:#fffaf1!important;
  background:transparent!important;
}
.webtools-nav-slot .mdw-menu-root>li>a:hover::after,
.webtools-nav-slot .mdw-menu-root>li.is-active>a::after{transform:scaleX(1)}
.webtools-account-link{
  min-height:38px!important;
  padding:8px 13px!important;
  border:1px solid rgba(210,177,143,.30)!important;
  border-radius:999px!important;
  color:#eee9e1!important;
  background:rgba(255,255,255,.025)!important;
}
.webtools-account-link:hover,.webtools-account-link:focus-visible,.webtools-account-link.is-active{
  border-color:#c47a45!important;
  color:#fffaf1!important;
  background:rgba(196,122,69,.10)!important;
}

/* Homepage hero: open composition with no large category panel. */
.storefront-home-shop .storefront-hero{
  padding:58px 0 42px!important;
}
.storefront-home-shop .storefront-shop-frame{
  grid-template-columns:minmax(380px,.82fr) minmax(0,1.18fr)!important;
  gap:64px!important;
  align-items:center!important;
}
.storefront-home-shop .storefront-shop-copy .mdw-eyebrow{
  margin-bottom:12px!important;
  color:#d7a16f!important;
  font-size:11px!important;
  letter-spacing:.20em!important;
}
.storefront-home-shop .storefront-shop-copy h1{
  max-width:680px!important;
  color:#fffaf1!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(42px,4.2vw,70px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:700!important;
  text-shadow:0 2px 18px rgba(0,0,0,.22)!important;
}
.storefront-home-shop .storefront-shop-copy .storefront-lead{
  max-width:620px!important;
  margin-top:20px!important;
  color:#e8e2da!important;
  font-size:18px!important;
  line-height:1.65!important;
}
.storefront-shop-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:25px;
}
.storefront-shop-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 18px;
  border-radius:5px;
  font-weight:800;
  text-decoration:none!important;
}
.storefront-shop-primary{
  border:1px solid #b86e3b;
  background:#b86e3b;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(0,0,0,.18);
}
.storefront-shop-primary:hover{background:#9d592e!important;border-color:#9d592e!important;color:#fff!important}
.storefront-shop-secondary{
  border:1px solid rgba(238,233,225,.36);
  background:rgba(4,10,14,.20);
  color:#f3eee7!important;
}
.storefront-shop-secondary:hover{border-color:#d08a55;color:#fff!important;background:rgba(4,10,14,.34)!important}
.storefront-category-rail{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:8px 16px;
  max-width:670px;
  margin-top:25px;
  padding-top:15px;
  border-top:1px solid rgba(210,177,143,.24);
}
.storefront-category-rail__label{
  flex:0 0 auto;
  color:#bfb6ab;
  font-size:12px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.storefront-category-rail__links{
  display:flex;
  flex:1 1 300px;
  flex-wrap:wrap;
  gap:7px 16px;
}
.storefront-category-rail__links a{
  color:#f1ebe3!important;
  font-size:13px;
  font-weight:700;
  text-decoration:none!important;
}
.storefront-category-rail__links a:hover{color:#d99b64!important;text-decoration:underline!important}
.storefront-home-shop .storefront-hero-visual{
  width:min(100%,900px)!important;
  max-width:900px!important;
}
.storefront-home-shop .storefront-module-shell,
.storefront-home-shop .browser-shell-large{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(210,177,143,.32)!important;
  border-radius:10px!important;
  background:rgba(5,10,14,.22)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.34)!important;
}

/* Featured section: simple heading and a compact single product row on wide screens. */
.storefront-featured-products{
  padding:28px 0 56px!important;
  background:linear-gradient(180deg,transparent,rgba(2,7,11,.16))!important;
}
.storefront-featured-products-head{
  margin:0 0 17px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(210,177,143,.22)!important;
}
.storefront-featured-products-head h2{
  color:#fffaf1!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(28px,2.4vw,38px)!important;
  font-weight:700!important;
}
.storefront-featured-products-head>a{color:#d99b64!important}
@media(min-width:1100px){
  .storefront-featured-products .mdw-catalog--featured .mdw-catalog__grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
  }
}

/* Interior titles should sit on the background, not inside a large flat title card. */
.mdw-inner-title{
  padding:28px 0 8px!important;
  background:transparent!important;
  border:0!important;
}
.mdw-inner-title .container{
  max-width:var(--mdw-content-width)!important;
  padding:0 22px 15px!important;
  border:0!important;
  border-bottom:1px solid rgba(210,177,143,.24)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.mdw-inner-title h1{
  color:#fffaf1!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(30px,2.7vw,42px)!important;
  font-weight:700!important;
}
.mdw-inner-title p{color:#d3ccc3!important;font-size:15px!important}

/* Product/catalog shell: let the page background breathe around the cart. */
.storefront-catalog-layout>.mdw-content-shell{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Footer stays substantial enough to feel intentional without becoming a large panel. */
.mdw-footer{
  margin-top:26px!important;
  background:rgba(4,9,13,.86)!important;
  border-top:1px solid rgba(210,177,143,.28)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
.mdw-footer h3{color:#fffaf1!important}
.mdw-footer a{color:#d7a16f!important}

@media(max-width:980px){
  .storefront-home-shop .storefront-shop-frame{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .storefront-home-shop .storefront-shop-copy{max-width:760px!important}
  .storefront-home-shop .storefront-hero-visual{margin:0!important;width:min(100%,860px)!important}
}
@media(max-width:720px){
  .webtools-header-inner{padding-top:12px!important;padding-bottom:9px!important}
  .webtools-nav-slot .mdw-menu-root>li>a::after{display:none}
  .webtools-menu-slot{width:100%}
  .storefront-home-shop .storefront-hero{padding:34px 0 30px!important}
  .storefront-home-shop .storefront-shop-copy{text-align:left!important}
  .storefront-home-shop .storefront-shop-copy h1{font-size:clamp(36px,11vw,50px)!important}
  .storefront-home-shop .storefront-shop-copy .storefront-lead{margin-left:0!important;margin-right:0!important;font-size:16px!important}
  .storefront-shop-actions{display:grid;grid-template-columns:1fr 1fr}
  .storefront-category-rail{display:block}
  .storefront-category-rail__links{margin-top:9px}
}
@media(max-width:520px){
  .storefront-shop-actions{grid-template-columns:1fr}
  .mdw-inner-title .container{padding-left:16px!important;padding-right:16px!important}
}


/* ============================================================
   Sites-N-Tools 0.5.1 — storefront warmth pass
   Preserve the approved wide scale, larger header and compact product cards.
   Add warmth and purchase confidence without introducing flat hero panels.
   ============================================================ */
.storefront-home-shop .storefront-hero{
  background:
    radial-gradient(ellipse at 19% 38%,rgba(188,103,52,.13),transparent 34%),
    radial-gradient(ellipse at 74% 24%,rgba(37,82,108,.12),transparent 38%)!important;
}
.storefront-home-shop .storefront-shop-copy{
  position:relative;
}
.storefront-home-shop .storefront-shop-copy::before{
  content:"";
  position:absolute;
  left:-2px;
  top:-24px;
  width:78px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#c97a43,rgba(201,122,67,0));
  opacity:.95;
}
.storefront-home-shop .storefront-shop-copy .mdw-eyebrow{
  color:#e0aa78!important;
}
.storefront-home-shop .storefront-shop-copy h1{
  max-width:720px!important;
  text-shadow:0 3px 24px rgba(0,0,0,.34)!important;
}
.storefront-home-shop .storefront-shop-copy .storefront-lead{
  max-width:650px!important;
  color:#f0e9df!important;
}
.storefront-shop-primary{
  background:#c5763e!important;
  border-color:#c5763e!important;
  box-shadow:0 10px 26px rgba(0,0,0,.24),0 0 0 1px rgba(255,224,196,.06) inset!important;
}
.storefront-shop-primary:hover,
.storefront-shop-primary:focus-visible{
  background:#ab6234!important;
  border-color:#ab6234!important;
}
.storefront-shop-secondary{
  background:rgba(5,10,14,.30)!important;
  border-color:rgba(238,225,211,.42)!important;
}
.storefront-category-rail{
  margin-top:27px!important;
  padding-top:17px!important;
  border-top-color:rgba(224,170,120,.30)!important;
}
.storefront-category-rail__label{
  color:#d7a16f!important;
}
.storefront-confidence-line{
  display:flex;
  flex-wrap:wrap;
  gap:8px 0;
  margin-top:18px;
  color:#cfc5b8;
  font-size:12px;
  font-weight:700;
  letter-spacing:.025em;
}
.storefront-confidence-line span{
  display:inline-flex;
  align-items:center;
}
.storefront-confidence-line span+span::before{
  content:"";
  width:4px;
  height:4px;
  margin:0 11px;
  border-radius:50%;
  background:#c5763e;
  box-shadow:0 0 0 3px rgba(197,118,62,.10);
}
.storefront-home-shop .storefront-module-shell,
.storefront-home-shop .browser-shell-large{
  border-color:rgba(224,170,120,.38)!important;
  box-shadow:0 26px 64px rgba(0,0,0,.39),0 0 38px rgba(109,65,35,.08)!important;
}
.storefront-featured-products-head h2{
  text-shadow:0 2px 16px rgba(0,0,0,.26);
}
@media(max-width:720px){
  .storefront-home-shop .storefront-shop-copy::before{
    top:-18px;
    width:62px;
  }
  .storefront-confidence-line{
    font-size:11px;
  }
}
@media(max-width:520px){
  .storefront-confidence-line{
    display:grid;
    gap:7px;
  }
  .storefront-confidence-line span+span::before{
    margin-left:0;
  }
}

/* ============================================================
   Sites-N-Tools 0.5.2 — marble, header warmth, hero balance pass
   Preserve the approved wide scale, larger header, hero copy and compact cards.
   ============================================================ */

/* Give the storefront header a little more warmth and separation without
   turning it into a flat banner or borrowing a sellable template treatment. */
.webtools-header{
  background:
    linear-gradient(90deg,rgba(7,12,16,.94),rgba(12,17,20,.92) 52%,rgba(8,13,16,.94))!important;
  border-top-color:rgba(224,170,120,.36)!important;
  border-bottom-color:rgba(224,170,120,.28)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.28),0 1px 0 rgba(224,170,120,.08) inset!important;
}
.webtools-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 7%,rgba(203,124,70,.42) 29%,rgba(224,170,120,.22) 52%,rgba(203,124,70,.38) 73%,transparent 94%);
}
.sitesntools-wordmark{
  text-shadow:0 2px 16px rgba(0,0,0,.28)!important;
}

/* Rebalance the hero slightly: keep the page large, but give the storefront
   copy a little more authority so the slideshow does not dominate the opening. */
.storefront-home-shop .storefront-shop-frame{
  grid-template-columns:minmax(420px,.90fr) minmax(0,1.10fr)!important;
  gap:54px!important;
}
.storefront-home-shop .storefront-shop-copy h1{
  max-width:740px!important;
}
.storefront-home-shop .storefront-shop-copy .storefront-lead{
  max-width:670px!important;
}
.storefront-home-shop .storefront-hero-visual{
  width:min(100%,850px)!important;
  max-width:850px!important;
  justify-self:end!important;
}
.storefront-home-shop .storefront-module-shell,
.storefront-home-shop .browser-shell-large{
  border-color:rgba(224,170,120,.44)!important;
  box-shadow:0 26px 62px rgba(0,0,0,.40),0 0 42px rgba(117,70,39,.10)!important;
}

/* The marble should remain the visual field. Keep the page treatment light so
   a future SiteManager background choice can still change the store's mood. */
.mdw-site::after{
  background:
    radial-gradient(circle at 50% 13%,rgba(42,91,119,.10),transparent 36%),
    radial-gradient(circle at 17% 31%,rgba(169,92,47,.07),transparent 31%),
    linear-gradient(180deg,rgba(3,8,12,.02),rgba(3,8,12,.22))!important;
}

@media(max-width:1180px){
  .storefront-home-shop .storefront-shop-frame{
    grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)!important;
    gap:38px!important;
  }
  .storefront-home-shop .storefront-hero-visual{
    width:min(100%,790px)!important;
  }
}
@media(max-width:980px){
  .storefront-home-shop .storefront-shop-frame{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .storefront-home-shop .storefront-hero-visual{
    width:min(100%,860px)!important;
    max-width:860px!important;
    justify-self:start!important;
  }
}

/* ============================================================
   Sites-N-Tools 0.5.3 — header opacity + featured divider polish
   Keep the approved scale, marble, hero balance and compact cards unchanged.
   ============================================================ */

/* Let just a trace of the marble read through the storefront header. */
.webtools-header{
  background:
    linear-gradient(90deg,rgba(7,12,16,.88),rgba(12,17,20,.85) 52%,rgba(8,13,16,.88))!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}

/* The Featured Products section should be separated by breathing room rather
   than a visible rule across the page. */
.storefront-featured-products-head{
  border-top:0!important;
}

/* ============================================================
   Sites-N-Tools 0.5.8 - About gold-border polish
   Adds a restrained warm-gold hairline around the approved About reading surface.
   ============================================================ */

/* ============================================================
   Sites-N-Tools 0.5.7 - About reading-page experiment
   The About page is intentionally treated as a reading surface rather than
   white copy over a textured photograph. Content remains SiteManager-editable.
   ============================================================ */

/* A single warm reading sheet for the long About copy. */
.mdw-about-page > .mdw-rich-content {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: clamp(24px, 3vw, 38px) clamp(24px, 4vw, 54px) !important;
    border: 1px solid rgba(211, 154, 103, .58) !important;
    border-radius: 14px !important;
    background: rgba(248, 244, 236, .96) !important;
    color: #20262d !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .18) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.mdw-about-page > .mdw-rich-content p,
.mdw-about-page > .mdw-rich-content li {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    color: #29323a !important;
    font-size: 17px !important;
    font-weight: 450 !important;
    line-height: 1.78 !important;
}

.mdw-about-page > .mdw-rich-content p + p {
    margin-top: 18px !important;
}

.mdw-about-page > .mdw-rich-content h2,
.mdw-about-page > .mdw-rich-content h3,
.mdw-about-page > .mdw-rich-content h4,
.mdw-about-page > .mdw-rich-content strong {
    color: #8a542b !important;
}

.mdw-about-page > .mdw-rich-content a,
.mdw-about-page > .mdw-rich-content a:visited {
    color: #74451f !important;
    text-decoration-color: rgba(116, 69, 31, .42) !important;
}

/* Keep the three About highlights, but remove the boxed-card appearance. */
.mdw-about-page .mdw-card-grid {
    max-width: 1180px;
    margin: 24px auto 0 !important;
    gap: 0 !important;
    border-top: 1px solid rgba(238, 223, 201, .34);
    border-bottom: 1px solid rgba(238, 223, 201, .28);
}

.mdw-about-page .mdw-card.light {
    position: relative;
    padding: 18px 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(7, 13, 17, .20) !important;
    box-shadow: none !important;
}

.mdw-about-page .mdw-card.light + .mdw-card.light::before {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 1px;
    background: rgba(238, 223, 201, .28);
}

.mdw-about-page .mdw-card.light h3 {
    margin-bottom: 7px !important;
    color: #f2c58e !important;
    font-size: 17px !important;
    letter-spacing: .01em !important;
}

.mdw-about-page .mdw-card.light p {
    margin: 0 !important;
    color: #eef0ee !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
}

@media (max-width: 900px) {
    .mdw-about-page .mdw-card-grid {
        gap: 0 !important;
    }

    .mdw-about-page .mdw-card.light + .mdw-card.light::before {
        top: 0;
        right: 24px;
        bottom: auto;
        left: 24px;
        width: auto;
        height: 1px;
    }
}

@media (max-width: 700px) {
    .mdw-about-page > .mdw-rich-content {
        padding: 22px 20px !important;
        border-radius: 11px !important;
    }

    .mdw-about-page > .mdw-rich-content p,
    .mdw-about-page > .mdw-rich-content li {
        font-size: 16px !important;
        line-height: 1.72 !important;
    }

    .mdw-about-page .mdw-card.light {
        padding: 16px 18px !important;
    }
}