/* ===== moodyblue design system (from prototype) ===== */
/* ============ moodyblue shared design system ============ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Montserrat:wght@400;500;600&display=swap');
:root{
  --blue:#3031bb;--blue2:#4a4dd3;--blue-soft:#f1f3fc;--ink:#15151f;--muted:#6c6c7a;
  --line:#e9e9f1;--cream:#efeae3;--card:#f7f6f3;--ok:#2f9e5b;--radius:18px;--max:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;letter-spacing:-.02em}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.eyebrow{font-family:'Poppins';font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;font-family:'Poppins';font-weight:600;font-size:15px;padding:14px 26px;border-radius:999px;border:0;cursor:pointer;transition:.2s}
.btn:hover{background:#26279b}
.btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.btn.ghost:hover{border-color:var(--ink)}
.btn.block{width:100%}
.btn.lg{padding:16px 30px;font-size:16px}
/* header */
.ann{background:var(--blue);color:#fff;text-align:center;font-size:13px;font-weight:500;padding:9px 16px}
header.site{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:'Poppins';font-weight:700;font-size:23px;color:var(--blue)}.logo span{color:var(--ink)}
.nav ul{display:flex;gap:30px;list-style:none}.nav ul a{font-family:'Poppins';font-weight:500;font-size:15px}.nav ul a:hover{color:var(--blue)}
.nav .right{display:flex;align-items:center;gap:16px}.nav .right a{font-size:19px;cursor:pointer}
@media(max-width:860px){.nav ul{display:none}}
.crumb{padding:16px 0;font-size:13px;color:var(--muted);font-family:'Poppins';font-weight:500}.crumb a:hover{color:var(--blue)}
/* page shell */
.pagehead{background:linear-gradient(180deg,var(--blue-soft),#fff);padding:40px 0 30px;text-align:center}
.pagehead h1{font-size:clamp(28px,4vw,42px);font-weight:700}
.pagehead p{color:var(--muted);margin-top:10px;font-size:16px}
.section{padding:50px 0}
.narrow{max-width:560px;margin:0 auto}
.mid{max-width:860px;margin:0 auto}
/* card / panel */
.panel{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff}
/* forms */
.field{margin-bottom:16px}
.field label{display:block;font-family:'Poppins';font-weight:600;font-size:13px;margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:13px 14px;font-family:'Montserrat';font-size:14.5px;background:#fff;color:var(--ink)}
.field input:focus,.field select:focus{outline:0;border-color:var(--blue)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.row2{grid-template-columns:1fr}}
.muted{color:var(--muted);font-size:13.5px}
.center{text-align:center}
/* tabs */
.tabs{display:flex;gap:6px;background:var(--blue-soft);border-radius:999px;padding:5px;width:max-content;margin:0 auto 24px}
.tabs button{border:0;background:transparent;font-family:'Poppins';font-weight:600;font-size:14px;padding:10px 24px;border-radius:999px;cursor:pointer;color:var(--muted)}
.tabs button.on{background:var(--blue);color:#fff}
/* accordion (faq/policy) */
.acc{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;padding:22px 4px;font-family:'Poppins';font-weight:600;font-size:17px;display:flex;justify-content:space-between;gap:16px}
.acc summary::-webkit-details-marker{display:none}
.acc .pm{color:var(--blue);font-size:22px;transition:.2s}.acc[open] .pm{transform:rotate(45deg)}
.acc .ans{color:var(--muted);font-size:14.5px;padding:0 4px 22px}
/* steps (checkout) */
.steps{display:flex;gap:8px;justify-content:center;margin-bottom:26px;font-family:'Poppins';font-weight:600;font-size:13px;color:var(--muted)}
.steps span.on{color:var(--blue)}
.steps i{color:var(--line)}
/* order summary */
.olist{display:grid;gap:14px}
.oitem{display:flex;gap:12px;align-items:center}
.oitem .oi{width:54px;height:54px;border-radius:10px;background:var(--blue-soft);background-size:cover;background-position:center;flex:0 0 54px}
.oitem .on{font-family:'Poppins';font-weight:600;font-size:14px}
.oitem .od{font-size:12.5px;color:var(--muted)}
.oitem .op{margin-left:auto;font-family:'Poppins';font-weight:700;font-size:14px}
.ototals{border-top:1px solid var(--line);margin-top:16px;padding-top:14px;display:grid;gap:8px;font-size:14px}
.ototals div{display:flex;justify-content:space-between}
.ototals .grand{font-family:'Poppins';font-weight:700;font-size:18px;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
/* footer */
footer.site{background:var(--cream);padding:50px 0 26px;margin-top:20px}
.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:34px}
.fcol h4{font-family:'Poppins';font-weight:600;font-size:15px;margin-bottom:10px}
.fcol ul{list-style:none;display:grid;gap:9px}.fcol ul a{font-size:14px;color:#4a4a55}.fcol ul a:hover{color:var(--blue)}
.fsign p{font-size:14px;color:#4a4a55;max-width:320px;margin-bottom:10px}
.finput{display:flex;background:#fff;border-radius:999px;padding:5px 6px 5px 18px;max-width:340px}
.finput input{flex:1;border:0;outline:0;background:none;font-family:'Montserrat';font-size:14px}
.finput button{border:0;background:none;font-family:'Poppins';font-weight:600;cursor:pointer;padding:8px 14px}
.fbottom{border-top:1px solid #d9d3ca;margin-top:38px;padding-top:22px;text-align:center;color:#6a6a72;font-size:13px}
@media(max-width:760px){.fcols{grid-template-columns:1fr 1fr}.fsign{grid-column:1/-1}}

/* ===== unified footer additions ===== */
footer.site .fcols{grid-template-columns:1.5fr 1fr 1fr 1.1fr}
.fsign h4,.fcol h4{font-family:'Poppins';font-weight:600;font-size:15px;margin-bottom:10px}
.fsub{font-family:'Poppins';font-weight:600;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#e07a5f;margin:6px 0 7px}
.fcol ul+.fsub{margin-top:16px}
.fsocials{display:flex;gap:10px;margin-top:16px}
.fsocials a{width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:14px;color:#3a3a48;border:1px solid #e3ddd3}
.fsocials a:hover{color:var(--blue);border-color:var(--blue)}
.fbottom{display:flex;flex-direction:column;align-items:center;gap:12px}
.fpay{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.fpay span{background:#fff;border:1px solid #e3ddd3;border-radius:6px;padding:4px 8px;font-size:10.5px;font-weight:700;font-family:'Poppins';color:#444}
.fcerts{display:flex;gap:10px;font-family:'Poppins';font-weight:700;color:#3a3a48}
.fcerts span{border:2px solid #3a3a48;border-radius:6px;padding:2px 8px;font-size:12px}
@media(max-width:760px){footer.site .fcols{grid-template-columns:1fr 1fr}.fsign{grid-column:1/-1}}

/* ===== nav ===== */
/* ===== shared hover-dropdown nav (loaded after each page's base CSS so it wins) ===== */
.mainnav{display:flex;gap:34px;list-style:none}
.mainnav>li{position:relative}
.mainnav>li>a{font-family:'Poppins';font-weight:500;font-size:15px;color:var(--ink);display:flex;align-items:center;gap:5px;padding:21px 0}
.mainnav>li>a:hover{color:var(--blue)}
.mainnav .car{font-size:13px;color:var(--muted);transition:.2s}
.hasdrop:hover .car{transform:rotate(180deg);color:var(--blue)}
.drop{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 34px 70px -34px rgba(20,20,40,.32);padding:16px;opacity:0;visibility:hidden;transition:opacity .16s ease;z-index:60}
.hasdrop:hover .drop,.hasdrop:focus-within .drop{opacity:1;visibility:visible}
.dropwrap{display:grid;gap:6px}
.drop.list{min-width:300px}
.drop .dlink{display:block;padding:11px 15px;border-radius:10px;font-family:'Poppins';font-weight:500;font-size:14px;color:#3a3a48}
.drop .dlink:hover{background:var(--blue-soft);color:var(--blue)}
.shopdrop{padding:22px 22px 16px}
.dcolset{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.dgroup .dh{font-family:'Poppins';font-weight:600;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#e07a5f;margin-bottom:8px;padding:0 12px}
.dgroup .dl{display:block;padding:9px 12px;border-radius:10px;min-width:200px}
.dgroup .dl:hover{background:var(--blue-soft)}
.dgroup .dl b{font-family:'Poppins';font-weight:600;font-size:14px;color:var(--ink);display:block}
.dgroup .dl span{font-size:11.5px;color:var(--muted);display:block;margin-top:2px}
.drop .dall{display:block;margin-top:10px;padding:12px 15px 4px;border-top:1px solid var(--line);font-family:'Poppins';font-weight:600;font-size:13.5px;color:var(--blue)}
@media(max-width:860px){.mainnav{display:none}}

/* ===== mobile hamburger menu (<=860px) ===== */
.navburger{display:none;background:none;border:0;font-size:25px;line-height:1;cursor:pointer;color:var(--ink);padding:4px 4px}
@media(max-width:860px){.navburger{display:block;order:-1}}
.mnav-back{position:fixed;inset:0;background:rgba(20,20,40,.45);opacity:0;visibility:hidden;transition:.2s;z-index:95}
.mnav-back.open{opacity:1;visibility:visible}
.mnav{position:fixed;top:0;left:0;height:100vh;width:86vw;max-width:360px;background:#fff;z-index:96;transform:translateX(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:30px 0 60px -40px rgba(0,0,0,.5)}
.mnav.open{transform:translateX(0)}
.mnav-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.mnav-head .lg{font-family:'Poppins';font-weight:700;font-size:19px;color:var(--blue)}.mnav-head .lg span{color:var(--ink)}
.mnav-head button{background:none;border:0;font-size:25px;cursor:pointer;color:var(--muted);line-height:1}
.mnav-body{flex:1;overflow-y:auto;padding:4px 0}
.mnav-acc{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;padding:15px 20px;font-family:'Poppins';font-weight:600;font-size:16px;color:var(--ink);cursor:pointer;border-bottom:1px solid var(--line)}
.mnav-acc>span{color:var(--blue);font-size:21px;transition:.2s;font-weight:400}
.mnav-acc.open>span{transform:rotate(45deg)}
.mnav-sub{display:none;background:var(--blue-soft);padding:6px 0 12px}
.mnav-sub.open{display:block}
.mnav-subh{font-family:'Poppins';font-weight:600;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#e07a5f;padding:11px 20px 3px}
.mnav-sub a{display:block;padding:9px 22px;font-family:'Poppins';font-weight:500;font-size:14.5px;color:#3a3a48}
.mnav-sub a:active{color:var(--blue)}
.mnav-link{display:block;padding:15px 20px;font-family:'Poppins';font-weight:600;font-size:16px;color:var(--ink);border-bottom:1px solid var(--line)}
.mnav-foot{border-top:1px solid var(--line);padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mnav-foot a{font-family:'Poppins';font-weight:600;font-size:14.5px;color:#3a3a48;cursor:pointer;display:flex;align-items:center;gap:7px}

/* mobile: keep only Cart icon on the right (search/wishlist/account live in the hamburger menu) */
@media(max-width:860px){
  .nav .right a:not([title="Cart"]){display:none}
  .nav .right{gap:0}
}

/* ===== homepage-specific ===== */

:root{
/* accent */
/* footer / cards bg */
--radius:22px;
  --max:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.disp{font-family:'Poppins',sans-serif;letter-spacing:-.02em}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.eyebrow{font-family:'Poppins';font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue2)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;font-family:'Poppins';font-weight:600;font-size:15px;padding:14px 26px;border-radius:999px;border:0;cursor:pointer;transition:.2s}
.btn:hover{background:#26279b;transform:translateY(-1px)}
.btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.section{padding:90px 0}
.section h2{font-size:clamp(28px,4vw,44px);font-weight:700;text-align:center;line-height:1.1}
.section .sub{text-align:center;color:var(--muted);max-width:640px;margin:14px auto 0;font-size:17px}

/* ---------- HEADER ---------- */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:'Poppins';font-weight:700;font-size:23px;color:var(--blue);letter-spacing:-.03em}
.logo span{color:var(--ink)}
.nav ul{display:flex;gap:30px;list-style:none}
.nav ul a{font-family:'Poppins';font-weight:500;font-size:15px;color:var(--ink)}
.nav ul a:hover{color:var(--blue)}
.nav .right{display:flex;align-items:center;gap:18px}
.nav .right .icn{font-size:19px}
@media(max-width:860px){.nav ul{display:none}}
/* ---- hover dropdown nav ---- */
.mainnav{display:flex;gap:34px;list-style:none}
.mainnav>li{position:relative}
.mainnav>li>a{font-family:'Poppins';font-weight:500;font-size:15px;color:var(--ink);display:flex;align-items:center;gap:5px;padding:21px 0}
.mainnav>li>a:hover{color:var(--blue)}
.car{font-size:13px;color:var(--muted);transition:.2s}
.hasdrop:hover .car{transform:rotate(180deg);color:var(--blue)}
.drop{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 34px 70px -34px rgba(20,20,40,.32);padding:16px;opacity:0;visibility:hidden;transition:opacity .16s ease;z-index:60}
.hasdrop:hover .drop,.hasdrop:focus-within .drop{opacity:1;visibility:visible}
.dropwrap{display:grid;gap:6px}
.dropwrap.g3{grid-template-columns:repeat(3,minmax(180px,1fr))}
.drop .dcol{display:block;padding:13px 15px;border-radius:12px}
.drop .dcol:hover{background:var(--blue-soft)}
.drop .dcol b{font-family:'Poppins';font-weight:600;font-size:14.5px;color:var(--ink);display:block}
.drop .dcol span{font-size:12px;color:var(--muted);display:block;margin-top:3px}
.drop.list{min-width:300px}
.drop .dlink{display:block;padding:11px 15px;border-radius:10px;font-family:'Poppins';font-weight:500;font-size:14px;color:#3a3a48}
.drop .dlink:hover{background:var(--blue-soft);color:var(--blue)}
/* shop multi-column groups */
.shopdrop{padding:22px 22px 16px}
.dcolset{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.dgroup .dh{font-family:'Poppins';font-weight:600;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#e07a5f;margin-bottom:8px;padding:0 12px}
.dgroup .dl{display:block;padding:9px 12px;border-radius:10px;min-width:200px}
.dgroup .dl:hover{background:var(--blue-soft)}
.dgroup .dl b{font-family:'Poppins';font-weight:600;font-size:14px;color:var(--ink);display:block}
.dgroup .dl span{font-size:11.5px;color:var(--muted);display:block;margin-top:2px}
.drop .dall{display:block;margin-top:10px;padding:12px 15px 4px;border-top:1px solid var(--line);font-family:'Poppins';font-weight:600;font-size:13.5px;color:var(--blue)}

/* announcement */
.ann{background:var(--blue);color:#fff;text-align:center;font-size:13px;font-weight:500;padding:9px 16px;letter-spacing:.02em}

/* ---------- HERO ---------- */
.hero{position:relative;background:#fff;padding:34px 36px 14px}
.hero img{width:100%;max-width:1240px;margin:0 auto;height:auto;display:block;border-radius:26px;box-shadow:0 34px 70px -42px rgba(20,20,40,.4)}
@media(max-width:760px){.hero{padding:16px 14px 6px}.hero img{border-radius:16px}}

/* trust strip */
.trust{background:var(--blue-soft);border-bottom:1px solid var(--line)}
.trust .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 44px;padding:18px 24px}
.trust div{display:flex;align-items:center;gap:9px;font-family:'Poppins';font-weight:500;font-size:14px;color:#3a3a48}
.trust .ic{width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:13px}

/* ---------- PRODUCT OPTIONS (S/A/M) ---------- */
.series{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
.scard{border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}
.scard:hover{transform:translateY(-6px);box-shadow:0 22px 50px -24px rgba(48,49,187,.5)}
.scard .pfull{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.scard .sfoot{margin-top:auto;padding:20px 24px 24px;display:flex;flex-direction:column;gap:13px}
.scard .price{font-family:'Poppins';font-weight:700;font-size:20px}
.scard .price small{font-weight:500;font-size:12.5px;color:var(--muted)}
.scard .explore{display:block;text-align:center;background:var(--blue);color:#fff;font-family:'Poppins';font-weight:600;padding:13px;border-radius:999px}
.scard .explore:hover{background:#26279b}
@media(max-width:860px){.series{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}

/* ---------- COMPARE ---------- */
.compare{background:var(--blue-soft)}
.toggle{display:flex;justify-content:center;gap:6px;margin:26px auto 0;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;width:max-content}
.toggle button{border:0;background:transparent;font-family:'Poppins';font-weight:600;font-size:14px;padding:9px 22px;border-radius:999px;cursor:pointer;color:var(--muted)}
.toggle button.active{background:var(--blue);color:#fff}
.tablewrap{max-width:980px;margin:34px auto 0;background:#fff;border-radius:24px;box-shadow:0 30px 70px -40px rgba(48,49,187,.4);overflow-x:auto}
table.cmp{width:100%;border-collapse:collapse;min-width:760px}
table.cmp th,table.cmp td{padding:16px 14px;text-align:center;font-size:14px;border-bottom:1px solid var(--line)}
table.cmp thead th{font-family:'Poppins';font-weight:600;font-size:13px;vertical-align:bottom;padding-top:38px}
table.cmp .rowlbl{text-align:left;font-family:'Poppins';font-weight:600;color:#3a3a48;white-space:nowrap}
table.cmp tbody td{font-family:'Poppins';font-weight:600;color:#3a3a48}
.col-us{background:linear-gradient(180deg,#eef0ff,#fff);position:relative}
thead .col-us{border-top-left-radius:0}
.brandcell{font-family:'Poppins'}
.brandcell .bn{display:block;font-weight:700;color:var(--blue);font-size:14px}
.brandcell .bt{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-top:2px}
.col-us .bn{color:var(--blue)}
.pill-best{display:inline-block;background:#d8f5e3;color:#1c7a45;border-radius:999px;padding:5px 12px;font-weight:700;font-size:14px}
.yes{color:#1c9d5a;font-size:17px}.no{color:#cf4b4b;font-size:17px}
.usflag{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:4px 12px;border-radius:999px;white-space:nowrap;font-family:'Poppins'}

/* ---------- FACTORY (Hims-style cards) ---------- */
.factory{background:#fff}
.fgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:50px}
.fcard{background:var(--card);border-radius:var(--radius);padding:34px 32px;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:150px;transition:.25s;cursor:default;position:relative;overflow:hidden}
.fcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(0,0,0,.3)}
.fcard .ftext h3{font-size:23px;font-weight:700;line-height:1.18}
.fcard .ftext p{color:var(--muted);font-size:14px;margin-top:9px;max-width:330px}
.fcard.span2{grid-column:1 / -1;background:linear-gradient(110deg,var(--blue),#5658e0);color:#fff}
.fcard.span2 .ftext p{color:rgba(255,255,255,.85);max-width:560px}
.kw-amber{color:#c98a3a}.kw-blue{color:var(--blue2)}.kw-green{color:#2f9e5b}.kw-violet{color:#7a52d8}
.fobj{width:96px;height:96px;flex:0 0 96px;border-radius:24px;display:grid;place-items:center;font-size:40px;background:#fff;box-shadow:0 14px 30px -12px rgba(0,0,0,.25)}
.fcard.span2 .fobj{background:rgba(255,255,255,.15);box-shadow:none}
.farrow{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;flex:0 0 34px}
.fcard.span2 .farrow{background:#fff;color:var(--blue)}
.frow{display:flex;align-items:center;gap:16px}
@media(max-width:780px){.fgrid{grid-template-columns:1fr}.fcard{padding:26px 24px}}

/* ---------- BLOG ---------- */
.blog{background:#fafafb}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px}
.bcard{background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line);transition:.25s}
.bcard:hover{transform:translateY(-5px);box-shadow:0 22px 50px -30px rgba(0,0,0,.25)}
.bcard .bimg{height:190px;background-size:cover;background-position:center;position:relative}
.bcard .cat{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);font-family:'Poppins';font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);padding:6px 12px;border-radius:999px}
.bcard .bbody{padding:22px 22px 26px}
.bcard .date{font-size:12px;color:var(--muted);font-family:'Poppins';font-weight:500;letter-spacing:.04em}
.bcard h3{font-size:19px;font-weight:600;margin:8px 0 10px;line-height:1.3}
.bcard p{font-size:14px;color:var(--muted)}
.bcard .more{display:inline-block;margin-top:14px;color:var(--blue);font-family:'Poppins';font-weight:600;font-size:14px}
@media(max-width:860px){.bgrid{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}

/* quiz banner */
.quiz{margin-top:46px;background:linear-gradient(115deg,var(--blue),#6466e6);border-radius:26px;padding:46px 44px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;flex-wrap:wrap}
.quiz h3{font-size:27px;font-weight:700}
.quiz p{color:rgba(255,255,255,.85);margin-top:8px;font-size:15.5px;max-width:520px}
.quiz .btn{background:#fff;color:var(--blue)}
.quiz .btn:hover{background:#eef0ff}

/* ---------- ABOUT ---------- */
.about .inner{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.about .pic{border-radius:24px;overflow:hidden;aspect-ratio:1/1;box-shadow:0 30px 70px -40px rgba(0,0,0,.4)}
.about .pic img{width:100%;height:100%;object-fit:cover}
.about h2{text-align:left;font-size:clamp(26px,3.4vw,38px)}
.about .lead{font-size:16px;color:#3a3a48;margin-top:18px}
.about ul{list-style:none;margin-top:22px;display:grid;gap:14px}
.about ul li{display:flex;gap:12px;font-size:14.5px}
.about ul li b{font-family:'Poppins'}
.about ul li .dot{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:700;margin-top:2px}
.about .btn{margin-top:26px}
@media(max-width:860px){.about .inner{grid-template-columns:1fr;gap:30px}}

/* ---------- FAQ ---------- */
.faq .list{max-width:860px;margin:44px auto 0}
.qa{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:24px 4px;font-family:'Poppins';font-weight:600;font-size:18px;color:var(--ink)}
.qa summary::-webkit-details-marker{display:none}
.qa summary::marker{content:''}
.qa .pm{font-size:24px;color:var(--blue);transition:.2s;flex:0 0 auto}
.qa[open] .pm{transform:rotate(45deg)}
.qa .ans{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--muted);font-size:15px}
.qa[open] .ans{max-height:340px}
.qa .ans p{padding:0 4px 24px}

/* ---------- FOOTER ---------- */
footer{background:var(--cream);padding:64px 0 30px;margin-top:0}
.fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;gap:40px}
.fsignup h4,.fcol h4{font-family:'Poppins';font-weight:600;font-size:16px;margin-bottom:8px}
.fsignup p{font-size:14px;color:#4a4a55;margin-bottom:10px;max-width:330px}
.finput{display:flex;align-items:center;background:#fff;border-radius:999px;padding:5px 6px 5px 20px;max-width:360px;margin-bottom:18px}
.finput input{flex:1;border:0;outline:0;font-family:'Montserrat';font-size:14px;background:none;color:#333}
.finput button{border:0;background:none;font-family:'Poppins';font-weight:600;font-size:14px;cursor:pointer;padding:9px 14px}
.socials{display:flex;gap:12px;margin-top:6px}
.socials a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:15px}
.fcol ul{list-style:none;display:grid;gap:11px}
.fcol ul a{font-size:14px;color:#4a4a55}.fcol ul a:hover{color:var(--blue)}
.certs{display:flex;gap:14px;align-items:center;margin-top:14px;font-family:'Poppins';font-weight:700;color:#3a3a48}
.certs span{border:2px solid #3a3a48;border-radius:6px;padding:3px 8px;font-size:13px}
.fbottom{border-top:1px solid #d9d3ca;margin-top:46px;padding-top:24px;text-align:center;color:#6a6a72;font-size:13px}
.pays{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.pays span{background:#fff;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:700;font-family:'Poppins';color:#444;border:1px solid #e3ddd3}
@media(max-width:860px){.fcols{grid-template-columns:1fr 1fr}.fsignup{grid-column:1/-1}}
@media(max-width:520px){.fcols{grid-template-columns:1fr}}

/* ---------- INLINE QUIZ ---------- */
.quizsec{background:var(--blue-soft)}
.qshell{max-width:760px;margin:32px auto 0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 30px 70px -50px rgba(48,49,187,.4)}
.qprog{display:flex;gap:8px;justify-content:center;margin-bottom:26px}
.qprog i{width:54px;height:6px;border-radius:999px;background:#dcdce8;transition:.3s}
.qprog i.on{background:var(--blue)}
.qnum{font-family:'Poppins';font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue2);text-align:center}
.qtext{font-size:clamp(20px,2.6vw,26px);font-weight:700;text-align:center;margin:10px 0 22px;font-family:'Poppins'}
.qopts{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}
.qopt{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:16px 18px;cursor:pointer;transition:.16s;font-family:'Montserrat'}
.qopt:hover{border-color:var(--blue);background:var(--blue-soft);transform:translateY(-2px)}
.qopt .ot{font-family:'Poppins';font-weight:600;font-size:15.5px;color:var(--ink)}
.qopt .od{font-size:13px;color:var(--muted);margin-top:4px}
.qback{margin:18px auto 0;display:block;background:none;border:0;color:var(--muted);font-family:'Poppins';font-weight:600;font-size:13.5px;cursor:pointer}
.qback:hover{color:var(--blue)}
.qres{text-align:center}
.qres .rl{font-family:'Poppins';font-weight:800;font-size:54px;line-height:1;margin:4px 0 6px}
.qres .rimg{width:160px;margin:6px auto 10px;border-radius:14px;overflow:hidden}
.qres .rn{font-size:22px;font-weight:700;font-family:'Poppins'}
.qres .rw{color:var(--muted);font-size:15px;max-width:440px;margin:10px auto 20px}
.qres .ralts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.qres .ralts a{border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-family:'Poppins';font-weight:600;font-size:13px;color:#3a3a48}
.qres .ralts a:hover{border-color:var(--blue);color:var(--blue)}
@media(max-width:680px){.qopts{grid-template-columns:1fr}}

/* ---------- SERIES CHARACTERISTIC CARDS (image-2 style) ---------- */
.serieslist{display:flex;flex-direction:column;gap:18px;margin-top:42px;max-width:940px;margin-inline:auto}
.srow{display:grid;grid-template-columns:210px 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;transition:.2s}
.srow:hover{box-shadow:0 22px 50px -30px rgba(48,49,187,.4);transform:translateY(-2px)}
.smedia{display:grid;place-items:center;padding:20px}
.srow-s .smedia{background:linear-gradient(160deg,#e8ecff,#f4f6ff)}
.srow-a .smedia{background:linear-gradient(160deg,#fbe9ef,#fff0f4)}
.srow-m .smedia{background:linear-gradient(160deg,#fdeede,#fff6ec)}
.smedia img{border-radius:12px;max-height:150px;width:auto}
.sbody{padding:24px 30px;display:flex;flex-direction:column}
.shead{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sletter{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-family:'Poppins';font-weight:800;font-size:20px}
.srow-s .sletter{background:#4a4dd3}.srow-a .sletter{background:#2f9e5b}.srow-m .sletter{background:#d98a2b}
.stitle{font-family:'Poppins';font-weight:700;font-size:17px}
.sformat{font-size:13px;color:var(--muted);font-family:'Poppins';font-weight:500;margin-top:1px}
.sspec{font-size:19px;font-weight:700;margin-bottom:6px}
.sline{color:var(--muted);font-size:14.5px}
.scta{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-family:'Poppins';font-weight:600;color:var(--blue);display:flex;justify-content:space-between;align-items:center;font-size:14.5px}
.sarrow{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:14px}
@media(max-width:680px){.srow{grid-template-columns:1fr}}

/* ===== MOBILE refinements (<=760px) ===== */
@media(max-width:760px){
  /* 1. remove the purple trust strip on mobile */
  .trust{display:none}
  /* 4. more breathing room: tighter section gaps, comfortable side padding */
  .section{padding:48px 0}
  .wrap{padding:0 20px}
  .section h2{font-size:26px}
  .section .sub{font-size:15px}
  /* 2. BLOG -> horizontal swipe (scroll-snap), not vertical stack */
  .bgrid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scroll-padding:0 20px}
  .bgrid::-webkit-scrollbar{display:none}
  .bgrid{scrollbar-width:none}
  .bgrid>.bcard{flex:0 0 82%;scroll-snap-align:center}
  /* 2. FACTORY -> horizontal swipe */
  .fgrid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin-top:30px}
  .fgrid::-webkit-scrollbar{display:none}
  .fgrid{scrollbar-width:none}
  .fcard{flex:0 0 80%;scroll-snap-align:center;min-height:auto}
  .fcard.span2{flex:0 0 90%}
  /* hint that it scrolls: peek next card via container padding */
  .bgrid,.fgrid{padding-left:2px;padding-right:20px}
}

/* ===== MOBILE: fix factory card proportions (stack vertically) ===== */
@media(max-width:760px){
  .fcard{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 22px;min-height:auto}
  .fcard .frow{flex-direction:column;align-items:flex-start;gap:12px}
  .fcard .fobj{width:58px;height:58px;flex:0 0 58px;font-size:27px;border-radius:16px}
  .fcard .ftext h3{font-size:20px;line-height:1.2}
  .fcard.span2 .ftext h3{font-size:21px}
  .fcard .ftext p{font-size:13.5px;max-width:none;margin-top:6px}
  .fcard .farrow{align-self:flex-end}
  .fcard.span2{flex:0 0 86%}
  .fcard{flex:0 0 84%}
}

/* ===== v2 inner-page skin: shape & type onto draft sections (color comes from theme scheme) ===== */
.mc-pdp-buy-now,.product-detail__buy-buttons button,.product-detail__buy-buttons a,
button[name="add"],.block-product-card__quick-add,.button,.btn{
  border-radius:999px !important;font-family:'Poppins',sans-serif !important;font-weight:600 !important;
}
.product-detail h1,.product-detail__sell-info h1,.block-product-card__title,.product-detail__price,.block-product-card__price{
  font-family:'Poppins',sans-serif !important;
}
.product-detail__price,.block-product-card__price{font-weight:700 !important}
.media-gallery__media,.media-gallery__image,.media-gallery__thumbnail-image,.block-product-card__image-wrapper{border-radius:16px !important;overflow:hidden}
.block-product-card{border:1px solid #e9e9f1 !important;border-radius:18px !important;background:#fff !important;transition:.2s}
.block-product-card:hover{box-shadow:0 20px 44px -30px rgba(48,49,187,.4);transform:translateY(-3px)}
.product-detail__variant-picker select,.product-detail__form select,.product-detail__form input[type="number"],
.product-detail__quantity-selector input{border-radius:11px !important;font-size:16px !important}
/* customer/account forms -> my field look */
.customer form input,.customer form select,form[action*="account"] input{border-radius:11px !important;font-size:15px !important}

/* ===== override draft moodycontacts (mc-) brand vars -> moodyblue ===== */
:root{
  --mc-font:'Montserrat',system-ui,sans-serif;
  --mc-navy:#15151f;--mc-navy-dark:#0d0d16;--mc-ink:#15151f;
  --mc-slate:#4a4a55;--mc-muted:#6c6c7a;
  --mc-line:#e9e9f1;--mc-soft-line:#f0f0f5;--mc-soft:#f7f9ff;--mc-cyan-soft:#f1f3fc;
  --mc-cyan:#3031bb;--mc-cyan-dark:#26279b;
  --mc-green:#3031bb;          /* kill the green -> brand blue */
  --mc-amber:#c98a3a;
  --mc-radius:14px;--mc-radius-lg:20px;
  --mc-shadow:0 22px 50px -30px rgba(48,49,187,.35);
}
/* mc headings -> my Poppins */
[class^="mc-"] h1,[class^="mc-"] h2,[class^="mc-"] h3,[class^="mc-"] h4,.mcsg h1,.mcsg h2,.mcsg h3{font-family:'Poppins',sans-serif !important}

/* ===== Series page (series-guide) -> my series.html look (bindings untouched) ===== */
.mcsg-container{max-width:1240px !important;margin:0 auto !important;padding:0 24px !important}
.mcsg-hero{display:grid !important;grid-template-columns:1.05fr 1fr !important;gap:40px !important;align-items:center !important;padding:34px 0 50px !important}
.mcsg-eyebrow{font-family:'Poppins' !important;font-weight:600 !important;font-size:13px !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--blue2) !important}
.mcsg-hero h1{font-family:'Poppins' !important;font-size:clamp(30px,4.4vw,48px) !important;font-weight:700 !important;line-height:1.05 !important;margin:10px 0 14px !important;color:var(--ink) !important}
.mcsg-copy p{color:#3a3a48 !important;font-size:17px !important}
.mcsg-visual{border-radius:22px !important;overflow:hidden !important;background:#fff !important;box-shadow:0 30px 60px -40px rgba(48,49,187,.5) !important}
.mcsg-visual img{border-radius:22px !important}
.mcsg-section-head{margin:0 0 28px !important}
.mcsg-section-head span,.mcsg-value-head span,.mcsg-why-head span{font-family:'Poppins' !important;font-weight:600 !important;font-size:13px !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--blue2) !important}
.mcsg-section-head h3{font-family:'Poppins' !important;font-size:clamp(24px,3vw,34px) !important;font-weight:700 !important;color:var(--ink) !important;margin-top:6px !important}
.mcsg-format-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:22px !important}
.mcsg-format-card{border:1px solid var(--line) !important;border-radius:22px !important;background:#fff !important;transition:.2s}
.mcsg-format-card:hover{box-shadow:0 22px 50px -30px rgba(48,49,187,.45) !important;transform:translateY(-3px)}
.mcsg-format-image{border-radius:18px 18px 0 0 !important;overflow:hidden;background:var(--blue-soft) !important}
.mcsg-format-body{padding:24px 26px 26px !important}
.mcsg-format-badge{display:inline-block !important;font-family:'Poppins' !important;font-weight:700 !important;font-size:11px !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#fff !important;background:#2f9ec9 !important;border-radius:7px !important;padding:5px 11px !important;margin-bottom:12px !important}
.mcsg-sort-monthly .mcsg-format-badge{background:var(--blue) !important}
.mcsg-sort-bundle .mcsg-format-badge{background:#2f9e5b !important}
.mcsg-format-body h4{font-family:'Poppins' !important;font-size:20px !important;font-weight:700 !important;margin:0 0 12px !important}
.mcsg-format-body h4 a{color:var(--ink) !important}
.mcsg-card-facts{display:flex !important;gap:28px !important;margin:0 0 14px !important}
.mcsg-card-facts span{font-family:'Poppins' !important;font-weight:600 !important;font-size:12px !important;color:var(--muted) !important;text-transform:uppercase !important;letter-spacing:.04em !important}
.mcsg-card-facts b{display:block !important;font-family:'Poppins' !important;font-size:17px !important;color:var(--ink) !important;margin-top:3px !important}
.mcsg-card-goodfor{color:var(--muted) !important;font-size:14.5px !important;margin-bottom:14px !important}
.mcsg-format-price{font-family:'Poppins' !important;font-weight:700 !important;font-size:24px !important;color:var(--ink) !important;margin:0 0 16px !important}
.mcsg-add-button,.mcsg-format-cta{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;background:var(--blue) !important;color:#fff !important;font-family:'Poppins' !important;font-weight:600 !important;border-radius:999px !important;padding:13px 24px !important;border:0 !important;width:100%;text-align:center}
.mcsg-add-button:hover,.mcsg-format-cta:hover{background:#26279b !important}
.mcsg-direct-add>summary{font-family:'Poppins' !important;font-weight:600 !important;color:var(--blue) !important;cursor:pointer;list-style:none}
.mcsg-direct-select,.mcsg-direct-form input{border:1.5px solid var(--line) !important;border-radius:11px !important;padding:12px !important;font-size:16px !important;font-family:'Montserrat' !important}
.mcsg-direct-note,.mcsg-bundle-note{font-size:12.5px !important;color:var(--muted) !important}
.mcsg-value-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important}
.mcsg-order-questions,.mcsg-spec-grid{margin-top:40px !important}
.mcsg-order-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important}
.mcsg-order-grid article{border:1px solid var(--line) !important;border-radius:14px !important;padding:20px !important}
.mcsg-order-grid strong{font-family:'Poppins' !important;color:var(--ink) !important}
@media(max-width:860px){.mcsg-hero,.mcsg-format-grid{grid-template-columns:1fr !important}.mcsg-value-grid,.mcsg-order-grid{grid-template-columns:1fr !important}}

/* ============================================================
   GLOBAL skin: make ALL draft pages look like moodyblue
   (CSS only — every backend binding/form left untouched)
   ============================================================ */
/* theme-wide buttons */
.button{border-radius:999px !important;font-family:'Poppins',sans-serif !important;font-weight:600 !important;background:var(--blue) !important;color:#fff !important;border:0 !important;transition:.2s}
.button:hover{background:#26279b !important}
.button--secondary{background:#fff !important;color:var(--ink) !important;border:1.5px solid var(--line) !important}
.button--secondary:hover{border-color:var(--ink) !important}
/* theme-wide inputs */
.field__input,select.field__input,textarea.field__input,.field input,.field select,.field textarea{border-radius:11px !important;font-size:16px !important;border:1.5px solid var(--line) !important;font-family:'Montserrat' !important}
.field__input:focus{border-color:var(--blue) !important;outline:0}
.field__label{font-family:'Poppins' !important;font-weight:600 !important;font-size:13px !important;color:var(--ink) !important}
/* collection product cards */
.block-product-card{border:1px solid var(--line) !important;border-radius:18px !important;background:#fff !important;overflow:hidden;transition:.2s}
.block-product-card:hover{box-shadow:0 20px 44px -30px rgba(48,49,187,.4) !important;transform:translateY(-3px)}
.block-product-card__image-wrapper,.block-product-card__image{border-radius:16px 16px 0 0 !important;overflow:hidden}
.block-product-card__title{font-family:'Poppins' !important;font-weight:600 !important;color:var(--ink) !important}
.block-product-card__price{font-family:'Poppins' !important;font-weight:700 !important;color:var(--ink) !important}
.block-product-card__quick-add{border-radius:999px !important;background:var(--blue) !important;color:#fff !important}
.block-product-card__discount-tag{background:var(--blue) !important;color:#fff !important;border-radius:7px !important}
.collection-card-border-shadow{border-radius:18px !important}
/* PDP */
.product-detail__sell-info h1,.product-detail h1{font-family:'Poppins' !important;font-weight:700 !important;color:var(--ink) !important}
.product-detail__price{font-family:'Poppins' !important;font-weight:700 !important;color:var(--ink) !important}
.media-gallery__media,.media-gallery__image,.media-gallery__thumbnail-image,.product-media-preview__image{border-radius:16px !important;overflow:hidden}
.mc-pdp-buy-now,.product-detail__buy-buttons .button{border-radius:999px !important;background:var(--blue) !important;color:#fff !important}
.mc-pdp-eye-note,.product-detail__inventory{color:var(--muted) !important}
/* customer account / login / register */
.customer__title{font-family:'Poppins' !important;font-weight:700 !important;color:var(--ink) !important}
.customer__submit,.customer .button{border-radius:999px !important;background:var(--blue) !important;color:#fff !important}
.customer__tab{font-family:'Poppins' !important;font-weight:600 !important}
.customer__jump-link,.customer__jump-link--between a{color:var(--blue) !important}
.customer-navbar__menu-item{font-family:'Poppins' !important;font-weight:600 !important}
.customer-container,.customer-card,.customer__inner{border-radius:18px !important}
/* collection filters */
.facets-filtering__active-button-inner,.facets-confirm,.facets-filtering__active-clear-all{border-radius:999px !important;font-family:'Poppins' !important;font-weight:600 !important}
/* cart */
.cart-item__name,.cart__subtotal,.cart-drawer__heading{font-family:'Poppins' !important}
.cart__checkout-button,.cart-drawer__checkout{border-radius:999px !important;background:var(--blue) !important;color:#fff !important;font-family:'Poppins' !important;font-weight:600 !important}
/* ===== 2026-06 brand-normalize native pages (search / login / register / account) ===== */
/* tame oversized headings to brand scale */
.customer__title{font-size:clamp(24px,3vw,30px) !important;letter-spacing:-.02em !important}
.main-search__title{font-family:'Poppins' !important;font-weight:700 !important;color:var(--ink) !important;font-size:clamp(26px,3.4vw,36px) !important;letter-spacing:-.02em !important}
.predictive-search__title,.main-search__count > h4{font-family:'Poppins' !important;font-weight:600 !important;font-size:18px !important;font-style:normal !important}
/* search page: collapse excessive whitespace */
.main-search__header{padding:36px 0 18px !important}
.main-search__body{padding-block:24px 56px !important}
/* search result product titles: smaller, not piled up */
.predictive-search__product-title{font-size:14px !important;line-height:1.4 !important;font-weight:600 !important}
.predictive-search__product-price{font-size:13px !important;color:var(--muted) !important}
.predictive-search__results,.main-search-results{gap:18px !important}
/* account heading fonts */
.customer-container h1,.customer-container h2,.customer-container h3{font-family:'Poppins' !important}
/* ===== search page (theme-search-box) brand polish ===== */
.main-search-box__form{border:1.5px solid var(--line) !important;border-radius:999px !important;max-width:560px;margin:0 auto;padding:6px 8px 6px 18px;background:#fff;box-shadow:0 18px 40px -34px rgba(20,20,40,.35)}
.main-search-box__form:focus-within{border-color:var(--blue) !important}
.main-search-box__input .field__input,.main-search-box .field__input{font-family:'Montserrat' !important;font-size:16px !important}
.main-search-box__close{background:var(--blue) !important;color:#fff !important;border-radius:50% !important}
/* predictive result items inside search box / predictive section */
.predictive-search__result-item a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px}
.predictive-search__result-item a:hover{background:var(--blue-soft)}
.predictive-search__product-image{width:52px !important;height:52px !important;object-fit:cover;border-radius:10px;background:var(--blue-soft)}
.predictive-search__product-price{color:var(--blue) !important;font-weight:600 !important}
/* native login/register: brand-blue submit, clean spacing */
.customer__submit,.customer .button.customer__submit{background:var(--blue) !important;border-radius:999px !important;color:#fff !important;font-family:'Poppins' !important;font-weight:600 !important}
.customer-login__form,.customer-register__form{display:flex;flex-direction:column;gap:6px}