/*
 * Medlive Storefront — design system and components.
 * Sections 1–2 are the approved prototype styles (tokens, layout, components).
 * Section 3 adapts Storefront and WooCommerce markup to the same system.
 */

/* ===== 1–2. Tokens, layout and components (from the approved prototype) ===== */
/* Layout: navy utility bar + white sticky header + navy nav; content in a 1320px column; navy footer. */
:root{
  --navy:#08294D; --red:#E60023; --red-dk:#C2001D; --blue:#145DA0;
  --bg:#FFFFFF; --text:#1A2330; --muted:#465161; --line:#D5DEE9; --soft:#F1F5FA; --soft2:#E4EDF7; --red-ink:#C4001E; --navy-deep:#061F3B; --sky:#7FB6EA; --success:#17713F;
  --surface:#FFFFFF; --heading:#08294D; --link:#145DA0; --band:#08294D; --band2:#0B3463; --on-band:#FFFFFF; --on-band-muted:#C9D8EA;
  --ok-bg:#E3F4EA; --ok:#17713F; --warn-bg:#FFF2D6; --warn:#8A5A00; --bad-bg:#FDE4E7; --bad:#B0001B; --info-bg:#E2EEFB; --info:#145DA0; --vio-bg:#E3E9F2; --vio:#08294D; --grey-bg:#ECEFF3; --grey:#4A5562;
  --shadow:0 1px 2px rgba(8,41,77,.06),0 4px 14px rgba(8,41,77,.06);
  --f-body:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r:10px; --wrap:1320px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0A1320; --text:#E3E9F1; --muted:#B0BDCC; --line:#22344A; --soft:#101E30; --soft2:#152740;
  --surface:#0F1B2B; --heading:#EEF3F9; --red-ink:#FF6B80; --link:#7DB4EA; --band:#071A31; --band2:#0C2747; --on-band:#FFFFFF; --on-band-muted:#9FB4CC;
  --ok-bg:#103524; --ok:#7FDCA6; --warn-bg:#3A2C0C; --warn:#F3C76A; --bad-bg:#3D1219; --bad:#FF97A4; --info-bg:#11294A; --info:#8CC0F2; --vio-bg:#1A2C44; --vio:#C9D8EA; --grey-bg:#1E2A38; --grey:#B5C0CC;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0A1320; --text:#E3E9F1; --muted:#B0BDCC; --line:#22344A; --soft:#101E30; --soft2:#152740;
  --surface:#0F1B2B; --heading:#EEF3F9; --red-ink:#FF6B80; --link:#7DB4EA; --band:#071A31; --band2:#0C2747; --on-band:#FFFFFF; --on-band-muted:#9FB4CC;
  --ok-bg:#103524; --ok:#7FDCA6; --warn-bg:#3A2C0C; --warn:#F3C76A; --bad-bg:#3D1219; --bad:#FF97A4; --info-bg:#11294A; --info:#8CC0F2; --vio-bg:#1A2C44; --vio:#C9D8EA; --grey-bg:#1E2A38; --grey:#B5C0CC;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25); color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:15px;line-height:1.55;text-rendering:optimizeLegibility;font-kerning:normal}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{color:var(--heading);line-height:1.15;margin:0;text-wrap:balance;letter-spacing:-.015em}
h1{font-size:clamp(30px,4.2vw,46px);font-weight:800;letter-spacing:-.03em}
h2{font-size:clamp(22px,2.4vw,28px);font-weight:800}
h3{font-size:17px;font-weight:700}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
.sr{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0}
.field{position:relative}
.two>*,.grid>*,.acct>*,.shop>*{min-width:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mono{font-family:var(--f-mono);font-size:13px;font-weight:500;letter-spacing:0}
.muted{color:var(--muted)}
.num{font-variant-numeric:tabular-nums}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 18px;font-weight:700;font-size:14.5px;border:1.5px solid transparent;cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.btn .ico{width:18px;height:18px}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-dk)}
.btn-navy{background:#08294D;color:#fff;border-color:#08294D}.btn-navy:hover{background:#0B3463}
.btn-line{background:var(--surface);color:var(--link);border-color:var(--link)}.btn-line:hover{background:var(--soft)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover{background:var(--soft)}
.btn-sm{padding:7px 12px;font-size:13px}
.btn-block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.link-btn{background:none;border:0;padding:0;color:var(--link);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:inherit}
.link-btn:hover{text-decoration:underline}

/* utility bar */
.util{background:var(--navy-deep);color:#fff;font-size:13.5px}
.util .wrap{display:flex;align-items:center;gap:22px;min-height:40px;padding-block:4px}
.util a{color:#fff}
.util-item{display:flex;align-items:center;gap:8px;line-height:1.2}
.util-item small{display:block;color:#C9D8EA;font-size:12px}
.util-item>span{white-space:nowrap}
.util .ico{width:18px;height:18px}
.util .push{margin-left:auto}
.country{display:flex;align-items:center;gap:6px}
.country select{background:#0B3463;color:#fff;border:1px solid #2C5585;border-radius:6px;padding:4px 8px;font-size:13px}
@media (max-width:1100px){.util .hide-md{display:none}}
@media (max-width:640px){.util .hide-sm{display:none}.util .wrap{gap:12px}}

/* header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--surface);box-shadow:0 1px 0 var(--line)}
.hdr-main .wrap{display:flex;align-items:center;gap:22px;padding-block:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none!important;flex:none}
.logo .lmark{width:60px;height:60px;flex:none}
.logo-txt b{display:block;font-size:29px;line-height:.9;color:var(--red);font-weight:800;letter-spacing:-.04em}
.logo-txt span{display:block;font-size:14.5px;font-weight:700;color:var(--lm-w2);line-height:1.2;letter-spacing:-.01em;margin-top:2px}
.logo-txt em{display:block;font-style:normal;font-size:10.5px;font-weight:600;color:var(--lm-w2);letter-spacing:.02em;margin-top:1px}
.hsearch{flex:1;display:flex;min-width:0;border:1.5px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface);position:relative}
.hsearch:focus-within{border-color:var(--blue)}
.hsearch select{border:0;border-right:1px solid var(--line);background:var(--soft);padding:0 10px;font-weight:600;font-size:13px;max-width:150px}
.hsearch input{flex:1;border:0;padding:11px 14px;min-width:0;background:transparent;outline:none}
.hsearch button{background:var(--red);color:#fff;border:0;width:52px;display:grid;place-items:center;cursor:pointer}
.hsearch button:hover{background:var(--red-dk)}
.hdr-acts{display:flex;gap:20px;flex:none}
.hact{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none!important;position:relative;line-height:1.2}
.hact .ico{width:28px;height:28px;color:var(--heading)}
.hact b{display:block;font-size:14px;color:var(--link);font-weight:700}
.hact small{display:block;font-size:13px;color:var(--muted)}
.badge{position:absolute;top:-7px;left:11px;background:var(--red);color:#fff;font-size:12px;font-weight:800;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px;border:2px solid var(--surface)}
.burger{display:none;background:none;border:0;padding:6px;cursor:pointer;color:var(--heading)}
.burger .ico{width:28px;height:28px}
.nav{background:#08294D;position:relative}
.nav .wrap{display:flex;align-items:stretch;gap:2px;min-height:46px}
.nav a,.nav button.navlink{color:#fff;font-size:14px;font-weight:600;padding:0 14px;display:flex;align-items:center;gap:7px;text-decoration:none!important;background:none;border:0;cursor:pointer}
.nav a:hover,.nav button.navlink:hover{background:#0B3463}
.nav a.on{box-shadow:inset 0 -3px 0 var(--red)}
.nav .depbtn{background:var(--red);padding:0 18px}
.nav .depbtn:hover{background:var(--red-dk)}
.nav .spacer{margin-left:auto}
.mega{position:absolute;left:0;right:0;top:100%;z-index:55;background:var(--surface);border-top:3px solid var(--red);box-shadow:0 18px 40px rgba(8,41,77,.18)}
.mega{max-height:calc(100vh - 190px);overflow:auto}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 28px;padding-block:24px}
.mcol .mh{display:flex;gap:10px;align-items:center;font-weight:800;color:var(--heading);font-size:14.5px;margin-bottom:8px}
.mcol .mh .ico{color:var(--blue);width:22px;height:22px}
.mcol ul{list-style:none;margin:0;padding:0 0 0 32px;display:grid;gap:6px}
.mcol li a{color:var(--muted);font-size:14px}
.mcol li a:hover{color:var(--link)}
.mega-foot{background:var(--soft);border-top:1px solid var(--line)}
.mega-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;font-weight:600;flex-wrap:wrap}
.mega-foot span{display:flex;gap:8px;align-items:center}
@media (max-width:1100px){.mega-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1180px){.hdr-acts .hact small{display:none}.nav a.opt{display:none}}
@media (max-width:900px){
  .nav,.hdr-acts .hact.myacct{display:none}
  .burger{display:block}
  .hdr-main .wrap{flex-wrap:wrap;gap:12px}
  .search-wrap{order:5;flex-basis:100%}
  .logo-txt em,.logo-af{display:none}
  .hdr-acts{margin-left:auto;gap:14px}
  .hact b{display:none}
  .logo .lmark{width:42px;height:42px}.logo-txt b{font-size:22px}.logo-txt span{font-size:13px}
}
/* mobile drawer */
.drawer-bg{position:fixed;inset:0;background:rgba(4,16,32,.55);z-index:80}
.drawer{position:fixed;inset:0 auto 0 0;width:min(340px,88vw);background:var(--surface);z-index:81;overflow:auto;padding:calc(16px + env(safe-area-inset-top,0px)) 0 calc(24px + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px)}
.drawer h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:16px 20px 6px}
.drawer a{display:flex;gap:12px;align-items:center;padding:11px 20px;color:var(--text);font-weight:600}
.drawer a .ico{color:var(--blue)}
.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:0 12px 8px 20px;border-bottom:1px solid var(--line)}
.drawer-top button{background:none;border:0;padding:8px;cursor:pointer;color:var(--text)}

/* generic */
main{min-height:50vh}
.crumbs{font-size:13px;color:var(--muted);padding-block:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs a{color:var(--link)}
.crumbs .ico{width:13px;height:13px}
.section{padding-block:36px}
.section-tight{padding-block:22px}
.sec-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.sec-head p{color:var(--muted);margin-top:4px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.pad{padding:20px}
.grid{display:grid;gap:16px}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}
.p-ok{background:var(--ok-bg);color:var(--ok)} .p-warn{background:var(--warn-bg);color:var(--warn)} .p-bad{background:var(--bad-bg);color:var(--bad)} .p-info{background:var(--info-bg);color:var(--info)} .p-vio{background:var(--vio-bg);color:var(--vio)} .p-grey{background:var(--grey-bg);color:var(--grey)}
.note{display:flex;gap:12px;align-items:flex-start;background:var(--info-bg);color:var(--text);border-radius:10px;padding:13px 16px;font-size:14px}
.note .ico{color:var(--info);margin-top:1px}
.note.warn{background:var(--warn-bg)} .note.warn .ico{color:var(--warn)}
.note.ok{background:var(--ok-bg)} .note.ok .ico{color:var(--ok)}
.note.bad{background:var(--bad-bg)} .note.bad .ico{color:var(--bad)}
.icon-tile{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--soft2);color:var(--blue)}
.icon-tile .ico{width:24px;height:24px}
.icon-tile.navy{background:#08294D;color:#fff}
.icon-tile.red{background:var(--red);color:#fff}
.tick{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.tick li{display:flex;gap:10px;align-items:flex-start}
.tick li .ico{color:var(--ok);width:18px;height:18px;margin-top:2px}

/* page hero (inner pages) */
.phero{background:var(--soft);border-bottom:1px solid var(--line)}
.phero .wrap:not(.crumbs){display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:28px;align-items:center;padding-block:10px 30px}
.phero h1+.sub{font-size:21px;font-weight:700;color:var(--heading);margin-top:6px}
.phero p.lead{margin-top:12px;max-width:62ch;font-size:16px}
.phero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.navy-panel{background:#08294D;color:#fff;border-radius:14px;padding:22px 24px;display:grid;gap:16px}
.navy-panel .row{display:flex;gap:14px;align-items:center}
.navy-panel .row .ico{width:30px;height:30px;color:#fff}
.navy-panel b{display:block;font-size:15.5px}
.navy-panel small{display:block;color:#C9D8EA;font-size:13px}
@media (max-width:860px){.phero .wrap:not(.crumbs){grid-template-columns:1fr}}

/* home hero */
.hero{background:radial-gradient(120% 140% at 0% 0%,var(--soft) 0%,var(--soft) 45%,var(--soft2) 100%);border-bottom:1px solid var(--line);overflow:hidden;position:relative}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:34px;align-items:center;padding-block:46px;position:relative}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.hero h1{font-size:clamp(36px,5.4vw,62px);margin-top:12px;line-height:1.02}
.hero h1 span{color:var(--red)}
.hero p.lead{font-size:18px;margin-top:16px;max-width:52ch}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero .ctas .btn{padding:14px 22px;font-size:15.5px}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:28px;font-size:13.5px;color:var(--muted)}
.hero-facts span{display:flex;align-items:center;gap:7px}
.hero-facts .ico{width:17px;height:17px;color:var(--blue)}
.hero-panels{display:grid;gap:12px}
.hpanel{background:#08294D;color:#fff;border-radius:14px;padding:20px 22px;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;text-decoration:none!important;transition:transform .15s,background .15s;position:relative}
.hpanel:hover{background:#0B3463;transform:translateX(-3px)}
.hpanel .ico{width:30px;height:30px;grid-row:span 3;margin-top:2px}
.hpanel b{font-size:18px}
.hpanel small{color:#C9D8EA;font-size:14px}
.hpanel span.go{color:#fff;font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:6px;margin-top:6px}
.hpanel span.go .ico{width:16px;height:16px;grid-row:auto;margin:0}
.hpanel.redline{box-shadow:inset 4px 0 0 var(--red)}
.hero-art{position:absolute;right:-90px;top:-60px;width:420px;opacity:.07;pointer-events:none;color:var(--heading)}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;padding-block:30px}.hero-art{display:none}}

/* service strip */
.svc{border-bottom:1px solid var(--line);background:var(--surface)}
.svc .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.svc .it{display:flex;gap:14px;align-items:center;padding:18px 16px;border-right:1px solid var(--line)}
.svc .it:last-child{border-right:0}
.svc b{display:block;color:var(--heading);font-size:14.5px}
.svc small{display:block;color:var(--muted);font-size:13px;line-height:1.35}
.svc .ico{width:30px;height:30px;color:var(--blue)}
@media (max-width:900px){.svc .wrap{grid-template-columns:1fr 1fr}.svc .it:nth-child(2){border-right:0}.svc .it:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:520px){.svc .wrap{grid-template-columns:1fr}.svc .it{border-right:0;border-bottom:1px solid var(--line)}}

/* departments */
.depts{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.dept{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 14px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;color:var(--text);text-decoration:none!important;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;font:inherit}
.dept:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-2px)}
.dept .dico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--soft2);color:var(--blue)}
.dept .dico .ico{width:30px;height:30px}
.dept b{font-size:14.5px;color:var(--heading);line-height:1.25}
.dept small{font-size:13px;color:var(--link);font-weight:600;display:flex;align-items:center;gap:4px}
.dept small .ico{width:14px;height:14px}
@media (max-width:1100px){.depts{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){.depts{grid-template-columns:repeat(3,1fr)}}
@media (max-width:480px){.depts{grid-template-columns:repeat(2,1fr)}}

/* procurement centre */
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.proc a{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none!important}
.proc a:hover{border-color:var(--blue);box-shadow:var(--shadow)}
.proc b{display:block;color:var(--heading);font-size:15.5px}
.proc small{display:block;color:var(--muted);font-size:13px;line-height:1.35}
@media (max-width:1000px){.proc{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.proc{grid-template-columns:1fr}}

/* products */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.pcard:hover{box-shadow:var(--shadow);border-color:#C6D3E3}
.pimg{aspect-ratio:4/3;max-width:100%;background:linear-gradient(160deg,var(--soft) 0%,var(--soft2) 100%);display:grid;place-items:center;position:relative;color:var(--blue);cursor:pointer;border:0;width:100%}
.pimg .ico{width:64px;height:64px;stroke-width:1.3}
.pimg .tag{position:absolute;top:10px;left:10px}
.pbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.pbody .dep{font-size:13px;color:var(--muted);font-weight:600;letter-spacing:.01em}
.pbody h3{font-size:15px;line-height:1.3}
.pbody h3 button{all:unset;cursor:pointer;color:var(--heading)}
.pbody h3 button:hover{color:var(--link);text-decoration:underline}
.pbody .meta{font-size:13px;color:var(--muted)}
.price{font-size:20px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.price small{font-size:13px;color:var(--muted);font-weight:600;margin-left:4px;letter-spacing:0}
.por{font-size:16px;font-weight:800;color:var(--heading)}
.por small{font-size:13px;color:var(--muted);font-weight:600;margin-left:4px}
.pacts{display:grid;gap:8px;margin-top:auto;padding-top:8px}
.qty{display:inline-flex;align-items:stretch;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.qty button{width:34px;background:var(--soft);border:0;cursor:pointer;display:grid;place-items:center;color:var(--heading)}
.qty button .ico{width:16px;height:16px}
.qty input{width:44px;text-align:center;border:0;font-weight:700;background:transparent;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.buyrow{display:flex;gap:8px}
.buyrow .btn{flex:1;padding:9px 10px;font-size:13.5px}

/* sectors */
.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sector{display:flex;gap:16px;padding:20px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.sector p{color:var(--muted);font-size:14px;margin-top:4px}
@media (max-width:900px){.sectors{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sectors{grid-template-columns:1fr}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.step{padding:22px 22px 22px 0;position:relative}
.step .n{width:36px;height:36px;border-radius:50%;background:#08294D;color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:14px;position:relative;z-index:1}
.step:not(:last-child)::after{content:"";position:absolute;top:40px;left:40px;right:0;height:2px;background:var(--line)}
.step p{color:var(--muted);font-size:14px;margin-top:6px}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}.step:nth-child(2)::after{display:none}}
@media (max-width:500px){.steps{grid-template-columns:1fr}.step::after{display:none}}
.band{background:#08294D;color:#fff}
.band h2,.band h3{color:#fff}
.band .muted{color:#C9D8EA}
.band .step .n{background:var(--red)}
.band .step p{color:#C9D8EA}
.band .step::after{background:#24507F!important}

/* faq */
.faqs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 16px}
.faqs details{border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.faqs summary{list-style:none;cursor:pointer;padding:12px 16px;font-weight:600;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14.5px}
.faqs summary::-webkit-details-marker{display:none}
.faqs summary .ico{color:var(--link);width:18px;height:18px;transition:transform .2s}
.faqs details[open] summary .ico{transform:rotate(45deg)}
.faqs details p{padding:0 16px 14px;color:var(--muted);font-size:14px}
@media (max-width:900px){.faqs{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.faqs{grid-template-columns:1fr}}
.faq-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;justify-content:space-between;flex-wrap:wrap}
.faq-head h2{display:flex;align-items:center;gap:10px}
.faq-head h2 .ico{width:30px;height:30px;color:var(--heading)}

/* resources */
.res{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.res a{display:block;padding:18px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface);text-decoration:none!important}
.res a:hover{border-color:var(--blue)}
.res b{display:flex;gap:8px;align-items:center;color:var(--heading)}
.res b .ico{color:var(--blue)}
.res p{color:var(--muted);font-size:13.5px;margin-top:6px}
@media (max-width:900px){.res{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.res{grid-template-columns:1fr}}

/* shop */
.shop{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}
.side{display:grid;gap:16px;position:sticky;top:150px}
.side .card{overflow:hidden}
.side .hd{background:#08294D;color:#fff;padding:12px 16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.side .bd{padding:10px 8px}
.side .bd.pad16{padding:14px 16px;display:grid;gap:14px}
.catlink{display:flex;gap:10px;align-items:center;width:100%;padding:8px 10px;border-radius:7px;background:none;border:0;cursor:pointer;color:var(--text);text-align:left;font-size:14px}
.catlink .ico{color:var(--blue);width:18px;height:18px}
.catlink:hover{background:var(--soft)}
.catlink.on{background:var(--soft2);font-weight:700;color:var(--heading)}
.catlink .ct{margin-left:auto;font-size:13px;color:var(--muted)}
.chk{display:flex;gap:9px;align-items:center;font-size:14px;cursor:pointer}
.chk input{width:17px;height:17px;accent-color:var(--blue)}
.flabel{font-size:13px;font-weight:700;color:var(--heading)}
.shop-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.shop-bar h1{font-size:28px}
.shop-bar .ct{color:var(--muted);font-size:14px}
.shop-bar .push{margin-left:auto;display:flex;gap:10px;align-items:center}
.sel{border:1.5px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--surface);font-size:14px}
.cat-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px;scrollbar-width:thin}
.cat-chip{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:96px;padding:12px 6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;font-size:13px;font-weight:600;text-align:center;line-height:1.2;color:var(--text)}
.cat-chip .ico{width:26px;height:26px;color:var(--blue)}
.cat-chip.on{border-color:var(--blue);background:var(--soft2)}
.empty{text-align:center;padding:48px 20px;border:1.5px dashed var(--line);border-radius:12px;display:grid;gap:12px;justify-items:center}
.empty .ico{width:44px;height:44px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.chip{border:1px solid var(--line);border-radius:20px;padding:6px 12px;background:var(--surface);cursor:pointer;font-size:13px;font-weight:600;color:var(--link)}
.chip:hover{border-color:var(--blue)}
.filter-toggle{display:none}
@media (max-width:960px){
  .shop{grid-template-columns:1fr}
  .side{position:static;display:none}
  .side.open{display:grid}
  .filter-toggle{display:inline-flex}
}

/* product detail */
.pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) 340px;gap:26px;align-items:start}
.gallery{display:grid;grid-template-columns:76px 1fr;gap:12px}
.thumbs{display:grid;gap:10px;align-content:start}
.thumbs button{aspect-ratio:1;border:1.5px solid var(--line);border-radius:8px;background:var(--soft);display:grid;place-items:center;color:var(--blue);cursor:pointer}
.thumbs button.on{border-color:var(--blue)}
.thumbs .ico{width:30px;height:30px;stroke-width:1.4}
.mainimg{aspect-ratio:1;max-width:100%;border:1px solid var(--line);border-radius:12px;background:linear-gradient(160deg,var(--soft),var(--soft2));display:grid;place-items:center;color:var(--blue);position:relative}
.mainimg .ico{width:46%;height:46%;stroke-width:1}
.mainimg .cap{position:absolute;bottom:12px;left:12px;right:12px;font-size:13px;color:var(--muted);text-align:center;font-weight:500}
.pd-info h1{font-size:clamp(24px,2.6vw,32px)}
.kv{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13.5px;color:var(--muted);margin-top:8px}
.kv b{color:var(--text);font-weight:600}
.buybox{border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:14px;background:var(--surface);position:sticky;top:150px}
.buybox .price{font-size:32px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;margin-top:34px}
.tabs button{background:none;border:0;padding:12px 16px;font-weight:600;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap;display:flex;gap:8px;align-items:center;font-size:14.5px}
.tabs button.on{color:var(--heading);border-bottom-color:var(--red)}
.tabs button .ico{width:18px;height:18px}
.spec{width:100%;border-collapse:collapse;font-size:14px}
.spec th,.spec td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.spec th{width:38%;color:var(--muted);font-weight:600;background:var(--soft)}
@media (max-width:1180px){.pd{grid-template-columns:1fr 1fr}.buybox{grid-column:1/-1;position:static}}
@media (max-width:760px){.pd{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(5,1fr);order:2}}

/* stepper */
.stepper{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.stepper .s{display:flex;align-items:center;gap:8px;color:var(--muted)}
.stepper .s i{font-style:normal;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-weight:700}
.stepper .s.on{color:var(--red-ink);font-weight:700}.stepper .s.on i{background:var(--red);border-color:var(--red);color:#fff}
.stepper .s.done{color:var(--link)}.stepper .s.done i{background:var(--blue);border-color:var(--blue);color:#fff}
.stepper .bar{width:42px;height:2px;background:var(--line)}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding-block:6px 20px}
.page-head p{color:var(--muted);margin-top:4px}

/* tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
table.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.tbl th{background:var(--soft);text-align:left;padding:11px 14px;font-size:13px;color:var(--heading);font-weight:700;white-space:nowrap}
.tbl td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle}
.tbl td.r,.tbl th.r{text-align:right}
.tbl .prod{display:flex;gap:12px;align-items:center}
.tbl .thumb{width:54px;height:54px;border-radius:8px;background:var(--soft);display:grid;place-items:center;color:var(--blue);flex:none}
.tbl .thumb .ico{width:28px;height:28px;stroke-width:1.4}
.tbl tr.sub td{background:var(--soft);padding:16px}
.two{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
@media (max-width:1000px){.two{grid-template-columns:1fr}}
.sumrow{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:14.5px}
.sumrow.total{border-top:1px solid var(--line);margin-top:6px;padding-top:14px;font-size:18px;font-weight:800;color:var(--heading)}
.sumrow.total .v{color:var(--red);font-size:24px}

/* forms */
.form{display:grid;gap:16px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.frow.three{grid-template-columns:1fr 1fr 1fr}
@media (max-width:640px){.frow,.frow.three{grid-template-columns:1fr}}
.field{display:grid;gap:6px;min-width:0}
.field label{font-size:13.5px;font-weight:700;color:var(--heading)}
.field label i{color:var(--red);font-style:normal}
.field input,.field select,.field textarea{border:1.5px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface);width:100%;font-size:14.5px}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(20,93,160,.15)}
.field.err input,.field.err select,.field.err textarea{border-color:var(--bad)}
.field .msg{font-size:13px;color:var(--bad);display:none}
.field.err .msg{display:block}
.field .hint{font-size:13px;color:var(--muted)}
.choice{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;cursor:pointer}
.choice:has(input:checked){border-color:var(--blue);background:var(--soft)}
.choice input{margin-top:3px;accent-color:var(--blue);width:17px;height:17px}
.choice b{display:block;color:var(--heading)}
.choice small{color:var(--muted)}
.drop{border:2px dashed var(--line);border-radius:10px;padding:20px;text-align:center;display:grid;gap:8px;justify-items:center;cursor:pointer;background:var(--soft)}
.drop:hover{border-color:var(--blue)}
.drop .ico{width:30px;height:30px;color:var(--blue)}
.filelist{display:grid;gap:6px;font-size:13.5px}
.filelist div{display:flex;gap:8px;align-items:center}
.sec-num{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.sec-num i{font-style:normal;width:32px;height:32px;border-radius:50%;background:#08294D;color:#fff;display:grid;place-items:center;font-weight:800;flex:none}

/* account */
.acct{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start;padding-bottom:40px}
.acct-side{position:sticky;top:150px}
.who{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}
.avatar{width:50px;height:50px;border-radius:50%;background:var(--soft2);display:grid;place-items:center;color:var(--blue)}
.avatar .ico{width:26px;height:26px}
.who b{display:block;color:var(--heading)}
.who small{display:flex;gap:5px;align-items:center;color:var(--ok);font-weight:700;font-size:13px}
.who small .ico{width:14px;height:14px}
.acct-nav{padding:8px;display:grid;gap:2px}
.acct-nav a{display:flex;gap:11px;align-items:center;padding:9px 12px;border-radius:8px;color:var(--text);font-size:14.5px;text-decoration:none!important}
.acct-nav a:hover{background:var(--soft)}
.acct-nav a.on{background:#08294D;color:#fff;font-weight:700}
.acct-nav a.on .ico{color:#fff}
.acct-nav .ico{color:var(--heading);width:19px;height:19px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.stat{display:flex;gap:14px;align-items:center;padding:16px}
.stat .circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}
.stat .circle .ico{width:24px;height:24px}
.stat b{font-size:24px;color:var(--heading);display:block;line-height:1.1;font-variant-numeric:tabular-nums}
.stat small{color:var(--muted);font-size:13px}
.seg{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;margin-bottom:16px}
.seg button{background:none;border:0;padding:11px 14px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;font-size:14.5px}
.seg button.on{color:var(--heading);border-bottom-color:var(--red)}
.timeline{display:grid;gap:0;font-size:13.5px}
.timeline .t{display:grid;grid-template-columns:22px 1fr;gap:10px;padding-bottom:14px;position:relative}
.timeline .t::before{content:"";position:absolute;left:10px;top:20px;bottom:0;width:2px;background:var(--line)}
.timeline .t:last-child::before{display:none}
.timeline .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:var(--surface);display:grid;place-items:center;position:relative;z-index:1}
.timeline .t.done .dot{background:var(--blue);border-color:var(--blue);color:#fff}
.timeline .dot .ico{width:12px;height:12px;stroke-width:3}
.timeline b{color:var(--heading)}
.qa{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.qa a{display:grid;justify-items:center;gap:8px;padding:16px 8px;border:1px solid var(--line);border-radius:10px;text-align:center;font-size:13px;color:var(--text);text-decoration:none!important}
.qa a:hover{border-color:var(--blue)}
.qa .ico{width:28px;height:28px;color:var(--blue)}
@media (max-width:960px){.acct{grid-template-columns:1fr}.acct-side{position:static}.acct-nav{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}

/* legal grid */
.legal{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.toc{position:sticky;top:150px;padding:16px}
.toc ol{margin:10px 0 0;padding:0 0 0 22px;display:grid;gap:4px;font-size:14px}
.toc a{color:var(--text)}
.toc a:hover{color:var(--link)}
.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.lcell{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:14px;scroll-margin-top:160px}
.lcell:nth-child(3n){border-right:0}
.lcell .ico{width:32px;height:32px;color:var(--heading);stroke-width:1.6}
.lcell h3{font-size:16px}
.lcell p{font-size:14px;color:var(--muted);margin-top:4px}
.lcell details summary{list-style:none;cursor:pointer;margin-top:8px;display:inline-flex;gap:6px;align-items:center;border:1.5px solid var(--link);color:var(--link);border-radius:6px;padding:3px 10px;font-size:13px;font-weight:700}
.lcell details summary::-webkit-details-marker{display:none}
.lcell details[open] summary{background:var(--soft)}
.lcell details div{font-size:13.5px;margin-top:10px;color:var(--text)}
@media (max-width:1100px){.lgrid{grid-template-columns:1fr 1fr}.lcell:nth-child(3n){border-right:1px solid var(--line)}.lcell:nth-child(2n){border-right:0}}
@media (max-width:860px){.legal{grid-template-columns:1fr}.toc{position:static}}
@media (max-width:600px){.lgrid{grid-template-columns:1fr}.lcell{border-right:0!important}}

/* contact */
.contact3{display:grid;grid-template-columns:320px minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.cinfo{display:grid;gap:18px}
.cinfo .row{display:flex;gap:14px}
.cinfo b{display:block;color:var(--heading)}
.cinfo .big{font-weight:800;color:var(--heading);font-size:16px}
.mapbox{aspect-ratio:16/10;max-width:100%;border-radius:12px;border:1px solid var(--line);position:relative;overflow:hidden;background:
  linear-gradient(90deg,transparent 48%,var(--line) 48%,var(--line) 52%,transparent 52%) 0 0/120px 120px,
  linear-gradient(0deg,transparent 48%,var(--line) 48%,var(--line) 52%,transparent 52%) 0 0/120px 120px,var(--soft)}
.mapbox .pin{position:absolute;left:44%;top:38%;color:var(--red)}
.mapbox .pin .ico{width:36px;height:36px;fill:var(--red);stroke:#fff}
.mapcard{position:absolute;left:52%;top:18%;right:12px;background:var(--surface);border-radius:8px;padding:10px 12px;box-shadow:var(--shadow);font-size:13px}
@media (max-width:1100px){.contact3{grid-template-columns:1fr 1fr}.contact3>.cinfo{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
@media (max-width:700px){.contact3{grid-template-columns:1fr}}

/* footer */
.foot{background:#08294D;color:#D6E2F0;margin-top:30px;font-size:14px}
.foot .wrap{padding-block:34px 18px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr 1.5fr;gap:28px}
.foot h4{color:#fff;font-size:14.5px;margin-bottom:10px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.foot a{color:#D6E2F0}
.foot a:hover{color:#fff}
.foot .row{display:flex;gap:10px;margin-bottom:8px}
.foot .row .ico{color:#fff;margin-top:2px}
.foot .news{display:flex;border-radius:8px;overflow:hidden;margin-top:10px}
.foot .news input{flex:1;min-width:0;border:0;padding:10px 12px;background:#fff;color:#20272F}
.foot .news button{background:var(--red);color:#fff;border:0;padding:0 16px;font-weight:700;cursor:pointer}
.foot-grid>*{min-width:0}
.foot .news input{width:100%}
.foot-bot{border-top:1px solid #24507F;margin-top:26px;padding-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;font-size:13px}
.paylogos{display:flex;gap:16px;align-items:center;font-weight:800;color:#fff;letter-spacing:.02em}
.paylogos span{border:1px solid #2C5585;border-radius:6px;padding:4px 10px;font-size:13px}
.foot .logo-txt b,.on-navy .logo-txt b{color:#fff}.foot .logo-txt span,.on-navy .logo-txt span{color:#fff}.foot .logo-txt em,.on-navy .logo-txt em{color:#C9D8EA}
@media (max-width:1000px){.foot-grid{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:600px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child,.foot-grid>div:last-child{grid-column:1/-1}}

/* toast / modal */
.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#08294D;color:#fff;padding:12px 18px;border-radius:10px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:100;font-weight:600;font-size:14px;max-width:calc(100vw - 32px)}
.toast .ico{color:#7FDCA6}
.modal-bg{position:fixed;inset:0;background:rgba(4,16,32,.55);z-index:90;display:grid;place-items:center;padding:16px}
.modal{background:var(--surface);border-radius:14px;max-width:560px;width:100%;max-height:90vh;overflow:auto;padding:24px;display:grid;gap:14px}
.demo-flag{background:var(--warn-bg);color:var(--warn);font-size:13px;font-weight:600}
.demo-flag .wrap{display:flex;gap:10px;align-items:center;padding-block:6px}
.demo-flag .ico{width:16px;height:16px}
.demo-flag button{margin-left:auto;background:none;border:0;color:inherit;cursor:pointer;font-weight:700}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}



.wa{position:fixed;right:max(18px,calc(env(safe-area-inset-right,0px) + 12px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:8px;background:#1A7F45;color:#fff;border-radius:999px;padding:12px 18px 12px 14px;font-weight:700;font-size:14.5px;box-shadow:0 10px 24px rgba(8,41,77,.25);text-decoration:none!important}
.wa:hover{background:#156B3A}
.wa{gap:0;padding:14px}.wa span{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .2s ease,margin .2s ease}
.wa:hover span,.wa:focus-visible span{max-width:150px;margin-left:8px}
@media(max-width:600px){.cookie{padding:14px;gap:10px;font-size:13.5px}.cookie b{font-size:14.5px}.cookie .hier{flex-wrap:nowrap}.cookie .btn{flex:1}}
.wa .ico{width:22px;height:22px}
.wa.up{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
@media (max-width:760px){.wa span{display:none}.wa{padding:13px}[data-route="product"] .wa{display:none}}



/* ===== v6 accessibility & seo ===== */
.foot h2.fh{color:#fff;font-size:14.5px;margin-bottom:10px;letter-spacing:0}
.drawer .dh{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:16px 20px 6px}
.sec-num h2{font-size:17px;font-weight:700}
p a,.note a,li>span a,.muted a,.hint a,.sg-empty a{text-decoration:underline;text-underline-offset:2px}
.pair.bad{background:var(--surface);color:var(--text)}
.pair.bad b{color:var(--heading)}
.pair.bad small{color:var(--muted)}
.pair-sample{display:block;width:100%;height:58px;border-radius:8px;margin-bottom:4px}
.pair.bad .verdict.no{background:var(--bad-bg);color:var(--bad)}
h2.h3{font-size:17px;font-weight:700}
.sec-head h2.h3{padding-bottom:0}.sec-head h2.h3::after{display:none}
.pair .verdict.no{background:var(--bad-bg);color:var(--bad)}
.smap{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px;padding-bottom:30px}
.smap h2{font-size:18px;margin-bottom:10px}
.smap ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
/* ===== v5 depth ===== */
.unit{font-size:13px;color:var(--muted);font-weight:600}
.prow{display:flex;gap:8px;align-items:center}.prow input{width:100%;min-width:0}
.pchips{display:flex;flex-wrap:wrap;gap:6px}.pchips .chip{font-size:13px;padding:5px 10px}
.chip.on{background:#08294D;border-color:#08294D;color:#fff}
.fchips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-4px 0 16px}
.fchip{display:inline-flex;gap:4px;align-items:center;background:var(--soft2);border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 12px;font-size:13px;font-weight:600;color:var(--heading)}
.fchip button{border:0;background:none;cursor:pointer;color:var(--muted);display:grid;place-items:center;padding:3px;border-radius:50%}
.fchip button:hover{background:var(--surface);color:var(--bad)}
.fchip .ico{width:14px;height:14px}
.vt{display:inline-flex;border:1.5px solid var(--line);border-radius:8px;overflow:hidden}
.vt button{background:var(--surface);border:0;padding:7px 9px;cursor:pointer;color:var(--muted);display:grid;place-items:center}
.vt button.on{background:#08294D;color:#fff}
.vt .ico{width:18px;height:18px}
.more{display:grid;justify-items:center;gap:10px;margin-top:24px}
.morebar{width:220px;height:4px;background:var(--line);border-radius:2px;overflow:hidden;display:block}
.morebar span{display:block;height:100%;background:var(--blue)}
.dbanner{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:12px;padding:10px 18px 10px 10px;margin-bottom:18px;background:var(--soft);color:var(--text);text-decoration:none!important}
.dbanner:hover{border-color:var(--blue)}
.dbanner .ill{width:64px;height:auto;flex:none}
.dbanner span{display:grid;flex:1;min-width:0}
.dbanner b{color:var(--heading)}
.dbanner small{color:var(--muted);font-size:13px}
.dbanner>.ico{color:var(--link)}
.pgrid.list{grid-template-columns:1fr}
.pgrid.list .pcard{flex-direction:row}
.pgrid.list .pimg-wrap{width:210px;flex:none}
.pgrid.list .pimg{height:100%;aspect-ratio:auto;min-height:190px}
.pgrid.list .pbody{display:grid;grid-template-columns:minmax(0,1fr) 250px;column-gap:24px;align-content:center}
.pgrid.list .pbody>*{grid-column:1}
.pgrid.list .pbody h3{min-height:0;font-size:16.5px}
.pgrid.list .pacts{grid-column:2;grid-row:1/span 6;align-self:center;margin:0;padding:0}
@media (max-width:700px){.pgrid.list .pimg-wrap{width:120px}.pgrid.list .pimg{min-height:0}.pgrid.list .pbody{grid-template-columns:1fr}.pgrid.list .pacts{grid-column:1;grid-row:auto;padding-top:8px}.pgrid.list .ptools{display:none}}
.mainimg .zoomarea{all:unset;cursor:zoom-in;display:grid;place-items:center;width:100%;height:100%}
.mainimg .zoomarea:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;border-radius:12px}
.zoombtn{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--heading);pointer-events:none;box-shadow:var(--shadow)}
.zoombtn .ico{width:18px;height:18px}
.zoom{background:radial-gradient(circle at 50% 44%,var(--surface) 0%,var(--soft) 85%);border-radius:12px;display:grid;place-items:center;padding:24px}
.zoom .ill{width:min(100%,620px)}
.addr-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.checklist{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;display:grid;gap:10px}
.card.checklist{border-top:1px solid var(--line);margin-top:0}
.checklist ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.checklist li{display:flex;gap:10px;align-items:flex-start}
.checklist li .ico{color:var(--blue);width:18px;height:18px;margin-top:1px}
.cd{display:inline-flex;gap:5px;align-items:center;font-size:13px;font-weight:700;color:var(--ok)}
.cd.soon{color:var(--warn)}.cd.closed{color:var(--muted)}
.cd .ico{width:14px;height:14px}
.docs{display:flex;flex-wrap:wrap;gap:10px}
.doc{display:inline-flex;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;color:var(--heading)}
.doc small{color:var(--muted);font-weight:500;font-size:13px}
.doc .ico{color:var(--blue);width:18px;height:18px}
.addr{display:grid;gap:6px;align-content:start}
.addr-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.addr-h b{color:var(--heading);font-size:16px}
.addr p{font-size:14px}
.addr .ico{width:14px;height:14px;vertical-align:-2px}
.addr-acts{display:flex;gap:16px;margin-top:6px}
label.btn{cursor:pointer}
/* ===== v4 pages ===== */
@media (max-width:1000px){.two[style]{grid-template-columns:1fr!important}}
.chip{text-decoration:none!important;display:inline-flex;align-items:center;gap:4px}
.dhero{background:var(--soft);border-bottom:1px solid var(--line)}
.dgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:36px;align-items:center;padding-block:30px 36px}
.dhero h1{margin-top:10px}
.dhero .lead{font-size:17px;margin-top:12px;max-width:56ch}
.dplate.big{aspect-ratio:1/1;border-radius:20px;border:1px solid var(--line)}
.dplate.big .ill{width:70%}
.subgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.subtile{border:1px solid var(--line);border-radius:12px;padding:12px 12px 16px;display:grid;gap:8px;color:var(--text);text-decoration:none!important;background:var(--surface);transition:border-color .15s,box-shadow .15s}
.subtile:hover{border-color:var(--blue);box-shadow:var(--shadow)}
.subtile b{color:var(--heading);font-size:15px}
.subtile small{color:var(--link);font-weight:700;display:flex;gap:4px;align-items:center;font-size:13px}
.subtile small .ico{width:14px;height:14px}
.subtile .dplate .ill{width:62%}
@media (max-width:860px){.dgrid{grid-template-columns:1fr}.dplate.big{max-width:300px}}
@media (max-width:700px){.subgrid{grid-template-columns:1fr 1fr}}
.reo{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.reo:last-child{border-bottom:0}
.reo b{display:block;color:var(--heading);font-size:14px;line-height:1.3}
.reo small{display:block;color:var(--muted);font-size:13px}
.reo-p{display:flex;gap:10px;align-items:center;min-width:0}
.reo .btn{flex:none}
.faq-search{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:10px;padding:0 14px;background:var(--surface);max-width:640px;margin-bottom:24px}
.faq-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,93,160,.15)}
.faq-search input{border:0;outline:none;padding:13px 0;flex:1;min-width:0;background:transparent;font-size:15px}
.faq-search .ico{color:var(--muted)}
.faq-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start;padding-bottom:30px}
.faq-cat{scroll-margin-top:160px;margin-bottom:28px}
.faq-cat h2{font-size:21px;margin-bottom:12px}
.faqs.one{grid-template-columns:1fr}
.helpcard{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.helpcard .cr .ico{width:15px;height:15px}
@media (max-width:860px){.faq-layout{grid-template-columns:1fr}.faq-layout>.toc{display:none}}
.nbadge{margin-left:auto;background:var(--red);color:#fff;border-radius:10px;font-size:12px;font-weight:800;padding:1px 8px;line-height:1.5}
.acct-nav a.on .nbadge{background:#fff;color:#08294D}
a.card.stat{color:var(--text)}
a.card.stat:hover{border-color:var(--blue)}
.aphead{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.aphead b{color:var(--heading);font-size:16px}
.apamt{margin-left:auto;font-weight:800;font-size:20px;color:var(--heading)}
.apmeta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:13.5px;color:var(--muted)}
.apmeta span{display:inline-flex;gap:6px;align-items:center}
.apmeta .ico{width:15px;height:15px}
.aplines{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.apl{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:4px 10px 4px 4px;font-size:13.5px}
.apl .sg-img{width:34px;height:34px}.apl .sg-img .ill{width:30px}
.pill .ico{width:13px;height:13px}
.tbl.perm th.c,.tbl.perm td.c{text-align:center}
.perm .yes{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ok-bg);color:var(--ok)}
.perm .yes .ico{width:14px;height:14px;stroke-width:3}
.perm .no{color:var(--muted)}
.cookie{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:75;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(8,41,77,.2);padding:18px;display:grid;gap:12px;font-size:14px}
.cookie b{display:block;color:var(--heading);font-size:15px;margin-bottom:4px}
@media (max-width:760px){.cookie{right:max(16px,env(safe-area-inset-right,0px));max-width:none}.cookie~.wa{display:none}}
/* ===== colour system v3 ===== */
.stat .circle{background:var(--soft2)!important;color:var(--blue)}
.tri-c.light .tri-ic{background:#08294D}
.foot-bot{border-top-color:#1E4570}
.band .step .n{background:#fff;color:#08294D}
.band .step::after{background:#1E4570!important}
.sec-head h2::after{background:var(--red)}
.btn-line{border-width:1.5px}
.p-vio{background:var(--vio-bg);color:var(--vio)}
/* brand page */
.sw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.sw{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.sw-chip{height:96px;display:flex;align-items:flex-end;justify-content:space-between;padding:12px 14px;font-weight:800;font-size:15px}
.sw-chip span{font-family:var(--f-mono);font-weight:500;font-size:13px}
.sw-body{padding:12px 14px;display:grid;gap:8px;font-size:13.5px}
.sw-body p{color:var(--muted)}
.cr-row{display:flex;gap:6px;flex-wrap:wrap}
.cr{display:inline-flex;gap:6px;align-items:center;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:700;border:1px solid var(--line)}
.cr i{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.15)}
.cr.pass{color:var(--ok);background:var(--ok-bg);border-color:transparent}
.cr.large{color:var(--warn);background:var(--warn-bg);border-color:transparent}
.cr.fail{color:var(--bad);background:var(--bad-bg);border-color:transparent}
.pairs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.pair{border-radius:12px;padding:18px;display:grid;gap:6px;min-height:118px;border:1px solid var(--line)}
.pair b{font-size:17px}
.pair small{font-size:13px;font-weight:600}
.pair .verdict{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:800;background:#fff;color:#17713F;border-radius:20px;padding:2px 9px;justify-self:start}
.pair .verdict.no{color:#B0001B}
.pair .verdict .ico{width:14px;height:14px}
.ratio-bar{display:flex;height:16px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.ratio-bar span{display:block;height:100%}
.hier{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
/* ===== v2 premium layer ===== */
:root{--il-1:#145DA0;--il-2:#D6E6F7;--il-3:#E60023;--il-6:#5E97D1;--il-w:#FFFFFF;--il-ln:#08294D;--il-sh:rgba(8,41,77,.13)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--il-1:#3F86CC;--il-2:#1D3A5E;--il-3:#FF2E4C;--il-6:#6FA5DC;--il-w:#DCE7F3;--il-ln:#A9C6E6;--il-sh:rgba(0,0,0,.4)}}
:root[data-theme="dark"]{--il-1:#3F86CC;--il-2:#1D3A5E;--il-3:#FF2E4C;--il-6:#6FA5DC;--il-w:#DCE7F3;--il-ln:#A9C6E6;--il-sh:rgba(0,0,0,.4)}
.ill{display:block;overflow:visible}
img.ill{max-width:100%;height:auto}
.ill .o{fill:var(--il-w);stroke:var(--il-ln);stroke-width:2.5;stroke-linejoin:round}
.ill .o2{fill:var(--il-2);stroke:var(--il-1);stroke-width:2.5;stroke-linejoin:round}
.ill .f1{fill:var(--il-1)}.ill .f2{fill:var(--il-2)}.ill .f3{fill:var(--il-3)}.ill .f3d{fill:#B0001B}.ill .f4{fill:var(--il-w)}.ill .f4f{fill:#fff}.ill .f5{fill:#08294D}.ill .f5b{fill:#0F3B68}.ill .f6{fill:var(--il-6)}
.ill .s1{fill:none;stroke:var(--il-ln);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ill .s2{fill:none;stroke:var(--il-1);stroke-width:2;stroke-linecap:round}
.ill .s3{fill:none;stroke:var(--il-6);stroke-width:3.5;stroke-linecap:round}
.ill .s4{fill:none;stroke:var(--il-1);stroke-width:10;stroke-linecap:round}
.ill .s5{fill:none;stroke:var(--il-2);stroke-width:1.6}
.ill .s5b{fill:none;stroke:var(--il-6);stroke-width:2}
.ill .s6{fill:none;stroke:var(--il-ln);stroke-width:6;stroke-linecap:round}
.ill .s7{fill:none;stroke:var(--il-ln);stroke-width:7}
.ill .s8{fill:none;stroke:var(--il-1);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.ill .s9{fill:none;stroke:var(--il-ln);stroke-width:4}
.ill .sw{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.ill .sw2{fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.5}
.ill .sg{fill:none;stroke:#7DD3FC;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.ill .sr2{fill:none;stroke:#FF8FA0;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.ill .tx{font:800 13px var(--f-body);fill:#fff}.ill .tx2{font:700 10px var(--f-body);fill:#9FD3FF}.ill .tx3{font:600 8px var(--f-mono);fill:#9FD3FF}.ill .tx4{font:800 14px var(--f-body);fill:#7DD3FC}.ill .tx5{font:800 14px var(--f-body);fill:#FF8FA0}
.ill .shd{fill:var(--il-sh)}
:root{--lm-c:#08294D;--lm-cp:#FFFFFF;--lm-ko:#FFFFFF;--lm-w2:#145DA0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lm-c:#E3ECF7;--lm-cp:#08294D;--lm-ko:#0F1B2B;--lm-w2:#7DB4EA}}
:root[data-theme="dark"]{--lm-c:#E3ECF7;--lm-cp:#08294D;--lm-ko:#0F1B2B;--lm-w2:#7DB4EA}
.foot .logo,.on-navy .logo,.on-navy.lmark-demo{--lm-c:#FFFFFF;--lm-cp:#08294D;--lm-ko:#08294D}
.lmark .lm-c{fill:var(--lm-c)}
.lmark .lm-cp{fill:none;stroke:var(--lm-cp);stroke-width:2.8;stroke-linecap:round}
.lmark .lm-cap{fill:#E60023;stroke:var(--lm-ko);stroke-width:2.8}
.lmark .lm-burst{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round}
.lmark .lm-x{fill:none;stroke:#145DA0;stroke-width:2.8;stroke-linecap:round}
.logo-txt b{display:flex;align-items:flex-start}
.logo .logo-af{width:34px;height:35px;flex:none;margin:-6px 0 -12px 3px}
.logo-txt span,.logo-txt em{white-space:nowrap}
.logo-af path{fill:none;stroke-width:7.5;stroke-linejoin:round;stroke-linecap:round}
.logo-af .af-b{stroke:var(--lm-w2)}
.logo-af .af-r{stroke:var(--red)}
.foot .logo-af .af-b,.on-navy .logo-af .af-b{stroke:var(--sky)}
.logo:hover .lmark .lm-cap{fill:#F0002A}
/* logo section on brand page */
.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:16px}
.logo-tile{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.logo-stage{min-height:180px;display:grid;place-items:center;padding:28px 20px;overflow-x:auto;background:#FFFFFF;--lm-c:#08294D;--lm-cp:#FFFFFF;--lm-ko:#FFFFFF;--lm-w2:#145DA0}
.logo-stage.on-navy{background:#08294D;--lm-c:#FFFFFF;--lm-cp:#08294D;--lm-ko:#08294D}
.logo-stage .logo{pointer-events:none}
.logo-stage .logo-txt b{color:#E60023}
.logo-stage.on-navy .logo-txt b{color:#fff}
.logo-cap{padding:12px 14px;font-size:13.5px;color:var(--muted);display:grid;gap:2px}
.logo-cap b{color:var(--heading)}
.marks{display:flex;gap:22px;align-items:flex-end}
.marks svg{display:block;width:100%;height:auto}
.clear-demo{position:relative;padding:22px;outline:1.5px dashed #E60023;outline-offset:-1px;border-radius:4px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red-ink)}
.eyebrow .ico{width:16px;height:16px}
.sec-head h2{position:relative;padding-bottom:12px}
.sec-head h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:2px;background:var(--red)}
.section.alt,.section-tight.alt{background:var(--soft)}
.btn-white{background:#fff;color:#08294D}.btn-white:hover{background:#E8EFF8}
.btn-soft{background:var(--soft2);color:var(--link);border-color:transparent}.btn-soft:hover{background:var(--soft)}
/* hero */
.hero2{background:var(--soft);border-bottom:1px solid var(--line)}
.hgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.82fr) minmax(300px,.95fr);gap:28px;align-items:center;padding-block:40px}
.hcopy h1{font-size:clamp(38px,4.4vw,60px);line-height:1.02;margin-top:14px}
.hcopy h1 span{color:var(--red)}
.hcopy .lead{font-size:18px;margin-top:16px;max-width:44ch}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hcopy .ctas .btn{padding:14px 22px;font-size:15.5px}
.hcopy .hero-facts b{color:var(--heading)}
.hstage{position:relative;aspect-ratio:1/1.08;max-width:100%}
.orb{position:absolute;inset:6% 2%;border-radius:50%;background:radial-gradient(circle at 42% 36%,var(--surface) 0%,var(--soft2) 72%);box-shadow:inset 0 0 0 1px var(--line)}
.st{position:absolute;filter:drop-shadow(0 18px 22px rgba(8,41,77,.14))}
.st .ill{width:100%;height:auto}
.st1{left:16%;top:14%;width:62%}.st2{left:-4%;top:50%;width:44%}.st3{right:-2%;top:54%;width:40%}.st4{right:2%;top:2%;width:32%}
.flt{position:absolute;display:inline-flex;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--heading);box-shadow:var(--shadow);white-space:nowrap}
.flt .ico{width:15px;height:15px;color:var(--ok)}
.flt-a{left:0;top:6%}.flt-b{right:0;bottom:2%}
.hmap{background:#08294D;color:#fff;border-radius:16px;padding:24px;display:grid;gap:16px;box-shadow:0 20px 40px rgba(8,41,77,.22)}
.hmap h2{color:#fff;font-size:21px;line-height:1.25}
.hmap-body{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:center}
.hmap .tick{font-size:14px;gap:7px}.hmap .tick .ico{color:var(--sky)}
.hmap .btn{justify-self:start}
.afmap{width:100%;height:auto;display:block}
.afmap .land{fill:#145DA0;stroke:#5E97D1;stroke-width:1.5;stroke-linejoin:round}
.afmap .route{fill:none;stroke:#FF5C73;stroke-width:1.6;stroke-dasharray:4 4}
.afmap .city{fill:#E60023;stroke:#fff;stroke-width:1.6}
.afmap .pulse{fill:none;stroke:#FF5C73;stroke-width:1.5;animation:pulse 2.2s ease-out infinite}
.maplegend{display:flex;gap:10px;align-items:center;font-size:13.5px;color:#C9D8EA;margin-top:-4px}
.maplegend i{width:10px;height:10px;border-radius:50%;background:#E60023;box-shadow:0 0 0 2px #fff;flex:none}
@keyframes pulse{from{r:4px;opacity:.9}to{r:16px;opacity:0}}
@media (max-width:1200px){.hgrid{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.hstage{display:none}}
@media (max-width:820px){.hgrid{grid-template-columns:1fr;padding-block:28px}}
/* departments */
.dept{padding:12px 12px 16px;gap:10px}
.dplate{width:100%;aspect-ratio:5/4;border-radius:10px;background:radial-gradient(circle at 50% 42%,var(--surface) 0%,var(--soft2) 80%);display:grid;place-items:center}
.dplate .ill{width:74%;height:auto;transition:transform .3s ease}
.dept:hover .dplate .ill{transform:scale(1.06)}
.dept small{color:var(--muted);font-weight:500;font-size:13px}
/* three panels */
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tri-c{position:relative;overflow:hidden;border-radius:16px;padding:24px;display:grid;gap:16px;align-content:start;min-height:290px}
.tri-c.navy{background:#08294D;color:#fff}.tri-c.navy h3{color:#fff}.tri-c.navy small{color:#C9D8EA}
.tri-c.light{background:var(--soft2);border:1px solid var(--line)}
.tri-top{display:flex;gap:14px;align-items:center}
.tri-ic{width:52px;height:52px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex:none}
.tri-ic .ico{width:26px;height:26px}
.tri-c h3{font-size:20px}
.tri-c small{display:block;font-size:13.5px;color:var(--muted)}
.tri-c .tick{font-size:14.5px;position:relative;z-index:1;max-width:64%}
.tri-c.navy .tick .ico{color:var(--sky)}
.tri-c .btn{justify-self:start;position:relative;z-index:1}
.tri-ill{position:absolute;right:-8px;bottom:-4px;width:44%}
.tri-ill .ill{width:100%;height:auto}
@media (max-width:1000px){.tri{grid-template-columns:1fr}.tri-c{min-height:0}.tri-ill{width:28%}}
/* featured carousel */
.ftabs{display:flex;gap:6px;flex-wrap:wrap}
.ftabs button{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:700;font-size:13.5px;cursor:pointer;color:var(--text)}
.ftabs button.on{background:#08294D;border-color:#08294D;color:#fff}
.carousel{position:relative}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 12px}
.track::-webkit-scrollbar{display:none}
.track>*{scroll-snap-align:start}
@media (max-width:1180px){.track{grid-auto-columns:calc((100% - 48px)/4)}}
@media (max-width:900px){.track{grid-auto-columns:calc((100% - 32px)/3)}}
@media (max-width:640px){.track{grid-auto-columns:72%}}
.car-btn{position:absolute;top:34%;width:42px;height:42px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer;z-index:2;color:var(--heading)}
.car-btn.prev{left:-12px}.car-btn.next{right:-12px}
@media (max-width:640px){.car-btn{display:none}}
/* product card */
.pcard{border-radius:14px}
.pimg-wrap{position:relative}
.pimg{background:radial-gradient(circle at 50% 44%,var(--surface) 0%,var(--surface) 28%,var(--soft) 80%)}
.pimg .ill{width:60%;height:auto;transition:transform .35s ease}
.pcard:hover .pimg .ill{transform:scale(1.06) translateY(-2px)}
.pimg-wrap .tag{position:absolute;top:10px;left:10px;pointer-events:none}
.ptools{position:absolute;top:8px;right:8px;display:grid;gap:6px}
.tool{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--muted);box-shadow:0 1px 3px rgba(8,41,77,.08)}
.tool .ico{width:17px;height:17px}
.tool:hover{color:var(--link);border-color:var(--link)}
.tool.on[data-a="fav"]{color:var(--red);border-color:var(--red)}
.tool.on[data-a="fav"] .ico{fill:var(--red)}
.tool.on[data-a="cmp"]{color:#fff;background:var(--blue);border-color:var(--blue)}
.pbody h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.chip .ico{width:14px;height:14px;vertical-align:-2px}
/* sectors as links */
a.sector{color:var(--text);text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
a.sector:hover{border-color:var(--blue);box-shadow:var(--shadow)}
.sector .go{display:inline-flex;gap:4px;align-items:center;color:var(--link);font-weight:700;font-size:13.5px;margin-top:8px}
.sector .go .ico{width:15px;height:15px}
/* search suggest */
.search-wrap{flex:1;min-width:0;position:relative;display:flex}
.search-wrap .hsearch{flex:1}
.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(8,41,77,.18);padding:8px;z-index:70;max-height:70vh;overflow:auto}
.sg-h{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px}
.sg-d,.sg-p,.sg-all{display:flex;gap:12px;align-items:center;width:100%;padding:8px 10px;border-radius:8px;background:none;border:0;cursor:pointer;color:var(--text);text-align:left;font-size:14px;text-decoration:none!important}
.sg-d:hover,.sg-p:hover,.sg-all:hover{background:var(--soft)}
.sg-d .ico{color:var(--blue)}
.sg-img{width:44px;height:44px;border-radius:8px;background:var(--soft);display:grid;place-items:center;flex:none}
.sg-img .ill{width:38px;height:auto}
.sg-p b{display:block;font-weight:600;color:var(--heading)}
.sg-p small{color:var(--muted);font-size:13px}
.sg-pr{margin-left:auto;font-weight:800;color:var(--red-ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13.5px}
.sg-pr.q{color:var(--link)}
.sg-all{color:var(--link);font-weight:700;border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px}
.sg-empty{padding:14px 12px;color:var(--muted);font-size:14px}
mark{background:transparent;color:var(--link);font-weight:800}
@media (max-width:600px){.hsearch select{display:none}}
/* compare */
.cmpbar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(8,41,77,.12);padding-bottom:env(safe-area-inset-bottom,0px)}
.cmpbar .wrap{display:flex;align-items:center;gap:14px;padding-block:10px;flex-wrap:wrap}
.cmpbar b{color:var(--heading)}
.cmp-items{display:flex;gap:10px;flex:1;min-width:0;overflow-x:auto;padding:6px 6px 2px 0}
.cmp-it{position:relative;width:52px;height:52px;border-radius:8px;background:var(--soft);display:grid;place-items:center;flex:none}
.cmp-it .ill{width:44px;height:auto}
.cmp-it button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#08294D;color:#fff;border:0;display:grid;place-items:center;cursor:pointer;padding:0}
.cmp-it button .ico{width:12px;height:12px}
.cmp-pad{height:84px}
.modal.wide{max-width:min(1040px,100%)}
.tbl.cmp th{background:var(--soft);width:150px;vertical-align:top;white-space:normal}
.tbl.cmp td{min-width:200px;vertical-align:top}
.cmp-img{background:var(--soft);border-radius:10px;display:grid;place-items:center;padding:10px;margin-bottom:8px}
.cmp-img .ill{width:110px;height:auto}
/* product page */
.thumbs button{overflow:hidden}
.thumbs .ill{width:80%;height:auto}
.ill.v1{transform:scale(1.7) translate(6%,8%)}.ill.v2{transform:scale(1.7) translate(-10%,-4%)}.ill.v3{transform:scaleX(-1)}
.mainimg{background:radial-gradient(circle at 50% 44%,var(--surface) 0%,var(--soft) 85%)}
.mainimg .ill{width:74%;height:auto}
.pd-tools{display:flex;gap:8px;margin-top:14px}
.pd-tools .btn{padding:7px 12px;font-size:13px}
.pd-tools .on{color:var(--red);border-color:var(--red)}
.pfeat{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
.pfeat div{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;font-weight:600;color:var(--heading);line-height:1.3}
.pfeat .ico{color:var(--blue)}
.vol{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:8px}
.vol b{color:var(--heading)}
.vol .muted{font-size:13px}
.mbar{display:none}
@media (max-width:760px){
  .mbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:65;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(8,41,77,.12);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .mbar .price{font-size:20px}
  [data-route="product"] main{padding-bottom:76px}
  [data-route="product"] .cmpbar{display:none}
}
.tbl .thumb .ill{width:46px;height:auto}
.cat-chip{width:112px}
.cat-chip .ill{width:58px;height:auto}
.xs-row .pcard .pacts .btn-soft{display:none}
@media (max-width:900px){.search-wrap{order:5;flex:1 1 100%}}
@media (max-width:480px){.hmap-body{grid-template-columns:minmax(0,1fr) 112px}.hmap{padding:20px}}
@media (prefers-reduced-motion:reduce){.afmap .pulse{animation:none}}

/* ===== 3. Storefront & WooCommerce adapter ===== */
[hidden]{display:none!important}
body.medlive{overflow-x:clip;font-family:var(--f-body);color:var(--text);background:var(--bg)}
/* Zero-specificity defaults, so component rules (navy panels, buttons, nav) always win. */
:where(body.medlive) :where(h1,h2,h3,h4,h5,h6){font-family:var(--f-body)}
:where(body.medlive) a{color:var(--link)}
.medlive .site-content .col-full{max-width:var(--wrap);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.medlive .site-header{padding:0;margin:0;border:0;background:var(--surface)}
.medlive .site-content{padding-top:0}
.medlive .alignfull,.medlive .hero2,.medlive .svc,.medlive .band,.medlive .phero,.medlive .section.alt{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.page-template-template-medlive-home .site-content .col-full{max-width:none;padding:0}
.page-template-template-medlive-home .ml-home>.wrap{max-width:var(--wrap)}
.page-template-template-medlive-home .hero2,.page-template-template-medlive-home .svc,.page-template-template-medlive-home .band,.page-template-template-medlive-home .section.alt{margin-left:0;margin-right:0}
.medlive .skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#08294D;color:#fff;padding:10px 16px;border-radius:8px}
.medlive .skip-link:focus{left:16px}
.util a.util-item{color:#fff;text-decoration:none}
.util .push{margin-left:auto}
.medlive .util .country select{background:#0B3463;color:#fff;border:1px solid #2C5585;border-radius:6px;padding:4px 8px}
.drawer-country{padding:16px 20px}.medlive .drawer-country select{background:var(--soft);color:var(--text);border-color:var(--line)}
.drawer{display:block}.drawer[hidden]{display:none!important}
.mega[hidden]{display:none!important}
.muted-on-navy{color:#C9D8EA}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sticky{position:sticky;top:150px}
.small{font-size:13px}
.icon-tile.ok{background:var(--ok-bg);color:var(--ok)}
.confirm{max-width:720px;margin:24px auto;display:grid;gap:14px;justify-items:start}
.confirm h1{font-size:32px}
.checklist-list{margin:10px 0 16px;padding-left:18px;display:grid;gap:6px;font-size:14px}
.faq-topic{font-size:19px;margin:22px 0 10px}
.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:100}
.filein{border:2px dashed var(--line);border-radius:10px;padding:14px;background:var(--soft);width:100%}
.field .msg{display:block}
.field.err input,.field.err select,.field.err textarea{border-color:var(--bad)}
/* Storefront page chrome on Medlive pages */
.medlive .entry-header .entry-title{font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.02em}
.medlive .hentry{margin-bottom:24px}
.medlive .storefront-breadcrumb{padding:12px 0;margin:0;background:transparent}
.medlive .woocommerce-breadcrumb{font-size:13px;color:var(--muted)}
/* Buttons */
.medlive button,.medlive input[type=button],.medlive input[type=reset],.medlive input[type=submit],.medlive .button,.medlive .wc-block-components-button{border-radius:8px;font-weight:700;font-family:var(--f-body)}
.medlive .button,.medlive button.button,.medlive input[type=submit]{background:#08294D;color:#fff;border:0;padding:11px 18px}
.medlive .button:hover,.medlive input[type=submit]:hover{background:#0B3463;color:#fff}
.medlive .button.alt,.medlive button.single_add_to_cart_button,.medlive .add_to_cart_button,.medlive .checkout-button,.medlive #place_order{background:var(--red);color:#fff}
.medlive .button.alt:hover,.medlive button.single_add_to_cart_button:hover,.medlive .add_to_cart_button:hover,.medlive .checkout-button:hover,.medlive #place_order:hover{background:var(--red-dk);color:#fff}
.medlive .ml-rfq-btn{display:inline-flex;gap:6px;align-items:center;justify-content:center;margin-top:8px;width:100%}
.medlive .ml-rfq-btn .ico{width:16px;height:16px}
.medlive .ml-rfq-btn.btn-soft{background:var(--soft2);color:var(--link)}
.medlive .ml-rfq-btn.btn-navy{background:#08294D;color:#fff}
/* Product grid */
.medlive ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0 0 24px}
.medlive ul.products::before,.medlive ul.products::after{display:none}
.medlive ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 0 16px;display:flex;flex-direction:column;text-align:left;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.medlive ul.products li.product:hover{box-shadow:var(--shadow);border-color:#C6D3E3}
.medlive ul.products li.product img{margin:0 0 12px;aspect-ratio:1/1;object-fit:contain;background:radial-gradient(circle at 50% 44%,var(--surface) 0%,var(--surface) 28%,var(--soft) 80%);padding:12px;border-radius:0}
.medlive ul.products li.product .woocommerce-loop-product__title{font-size:15px;font-weight:700;color:var(--heading);padding:0 16px;margin:0 0 4px;line-height:1.3}
.medlive ul.products li.product .meta{display:block;padding:0 16px;font-size:13px;color:var(--muted);margin-bottom:6px}
.medlive ul.products li.product .price{padding:0 16px;margin:0 0 8px;font-size:20px;font-weight:800;color:var(--red);display:block}
.medlive ul.products li.product .price .vat,.medlive ul.products li.product .price small{font-size:12.5px;color:var(--muted);font-weight:600}
.medlive ul.products li.product .price .unit{display:block;font-size:13px}
.medlive ul.products li.product .button{margin:auto 16px 0;width:calc(100% - 32px)}
.medlive ul.products li.product .ml-rfq-btn{margin:8px 16px 0;width:calc(100% - 32px)}
.medlive .por{font-size:16px;font-weight:800;color:var(--heading)}
.medlive .por small{font-size:12.5px;color:var(--muted);font-weight:600}
.medlive .unit{font-size:13px;color:var(--muted);font-weight:600;display:block}
.medlive .onsale{background:var(--red);color:#fff;border:0;border-radius:20px}
/* Single product */
.medlive.single-product div.product .product_title{font-size:clamp(24px,2.6vw,32px);font-weight:800}
.medlive.single-product div.product p.price{font-size:32px;font-weight:800;color:var(--red)}
.medlive.single-product div.product .woocommerce-product-gallery{border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 50% 44%,var(--surface) 0%,var(--soft) 85%);padding:16px}
.medlive .ml-buy-extra{display:grid;gap:14px;margin:16px 0}
.medlive .ml-buy-extra .buyrow input{width:90px}
.medlive .woocommerce-tabs ul.tabs li a{font-weight:600;color:var(--muted)}
.medlive .woocommerce-tabs ul.tabs li.active a{color:var(--heading)}
.medlive table.shop_attributes th{background:var(--soft);color:var(--muted);font-weight:600}
/* Cart, checkout, account */
.medlive table.shop_table{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.medlive table.shop_table th{background:var(--soft);color:var(--heading)}
.medlive .cart_totals,.medlive #order_review,.medlive .woocommerce-MyAccount-navigation{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface)}
.medlive .woocommerce-MyAccount-navigation ul li a{padding:9px 12px;border-radius:8px;display:block;color:var(--text)}
.medlive .woocommerce-MyAccount-navigation ul li.is-active a{background:#08294D;color:#fff}
.medlive .woocommerce-message,.medlive .woocommerce-info,.medlive .woocommerce-error{border-radius:10px;background:var(--info-bg);color:var(--text);border-left:4px solid var(--blue)}
.medlive .woocommerce-error{background:var(--bad-bg);border-left-color:var(--bad)}
.medlive .woocommerce-message{background:var(--ok-bg);border-left-color:var(--ok)}
.medlive input[type=text],.medlive input[type=email],.medlive input[type=tel],.medlive input[type=number],.medlive input[type=password],.medlive input[type=search],.medlive input[type=date],.medlive select,.medlive textarea{border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 12px;box-shadow:none}
.medlive input:focus,.medlive select:focus,.medlive textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(20,93,160,.15)}
.medlive .hsearch input{border:0;padding:11px 14px;box-shadow:none}
.medlive .hsearch button{border-radius:0}
@media (max-width:900px){.sticky{position:static}}

/* Lead text inside navy bands */
.band .sec-head p{color:#C9D8EA}

/* Storefront adds side margins to .col-full on small screens; the Medlive layout handles gutters itself. */
.medlive .site-content .col-full{margin-left:auto;margin-right:auto}
.page-template-template-medlive-home .site-content .col-full{margin:0}

/* Quick Order: how-it-works cards */
.qo-how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.qo-h{font-size:15.5px;font-weight:700;margin-bottom:6px}
.qo-how .muted{font-size:14px}
@media(max-width:820px){.qo-how{grid-template-columns:1fr}}
/* Rank Math breadcrumbs */
.medlive .crumbs .rank-math-breadcrumb p{margin:0}
.medlive .crumbs .separator{margin:0 6px;color:var(--muted)}
/* Storefront adds 1.618em below every form; header forms must sit flush */
.medlive .hdr form,.medlive .util form,.medlive .drawer form{margin:0}

/* ===== Footer (reference layout) ===== */
.ft-svc{background:#EEF4FB;border-top:1px solid #DCE6F2;margin-top:40px}
.ft-svc .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.ft-svc .it{display:flex;align-items:center;gap:14px;padding:22px 20px;border-right:1px solid #D3DFEC}
.ft-svc .it:first-child{padding-left:0}.ft-svc .it:last-child{border-right:0}
.ft-svc .ico{width:34px;height:34px;color:#145DA0;flex:none;stroke-width:1.6}
.ft-svc b{display:block;color:#08294D;font-size:15px;line-height:1.3}
.ft-svc small{display:block;color:#145DA0;font-size:13.5px;margin-top:2px}
.ft-svc+.foot{margin-top:0}
.medlive .site-footer.foot{font-size:14px;line-height:1.55;padding:0;background:#08294D;color:#D6E2F0}
.medlive .site-footer a:not(.button){color:inherit}
.medlive .site-footer .ft-links a{color:#D6E2F0}.medlive .site-footer .ft-contact a,.medlive .site-footer address{color:#fff}.medlive .site-footer .ft-more{color:#8FC3FF}.medlive .site-footer .ft-legal a{color:#C9D8EA}.medlive .site-footer .ft-social a{color:#08294D}.medlive .site-footer .ft-social a:first-child{color:#fff}
.foot .ft-grid{display:grid;grid-template-columns:minmax(230px,1.2fr) max-content max-content max-content max-content minmax(250px,1.35fr);padding-block:40px 34px}
.ft-grid>*{min-width:0;padding:0 clamp(14px,1.35vw,24px);border-left:1px solid rgba(201,216,234,.16)}
.ft-grid>:first-child{padding-left:0;border-left:0}.ft-grid>:last-child{padding-right:0}
.ft-brand{padding-right:22px!important}.ft-brand .logo .lmark{width:52px;height:52px}.ft-brand .logo-txt b{font-size:26px}.ft-brand .logo-txt span{font-size:13.5px}.ft-brand .logo-txt em{font-size:10px}
.ft-brand p{margin:14px 0 0;color:#C9D8EA;font-size:13.5px;max-width:250px}
.foot .fh{font-size:15px;font-weight:700;color:#fff;margin:0 0 14px;letter-spacing:0}
.ft-links{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:13.5px}
.ft-links a{display:inline-flex;align-items:flex-start;gap:6px;color:#D6E2F0;text-decoration:none}
.ft-links a .ico{width:14px;height:14px;margin-top:4px;flex:none;color:#8FB3D9;transition:transform .15s}
.ft-links a:hover{color:#fff}.ft-links a:hover .ico{transform:translateX(2px);color:#fff}
.ft-contact{list-style:none;margin:0;padding:0;display:grid;gap:14px;font-size:13.5px}
.ft-contact li{display:flex;gap:10px;align-items:flex-start}
.ft-contact .ico{width:19px;height:19px;color:#fff;flex:none;margin-top:2px}
.ft-contact a{color:#fff;text-decoration:none;font-weight:600;overflow-wrap:anywhere}
.ft-contact a:hover{text-decoration:underline}
.ft-contact small{display:block;color:#C9D8EA;font-size:13px}
.ft-contact address{font-style:normal;color:#fff}
.ft-contact .ft-more{display:inline-block;margin-top:6px;font-weight:600;color:#8FC3FF;font-size:13.5px}
.ft-social{display:flex;flex-wrap:wrap;gap:10px}
.ft-social a{width:40px;height:40px;border-radius:50%;background:#fff;color:#08294D;display:grid;place-items:center;transition:transform .15s,background .15s}
.ft-social a:hover{transform:translateY(-2px);background:#E6EEF8}
.ft-social a:first-child{background:#1A7F45;color:#fff}.ft-social a:first-child:hover{background:#156B3A}
.ft-social .ico{width:19px;height:19px}
.ft-news p{margin:0 0 12px;color:#C9D8EA;font-size:13.5px}
.foot .news{margin-top:0;border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.foot .news input{height:46px;font-size:14px}
.foot .news button{padding:0 18px;font-size:14px}
.foot .news button:hover{background:#C4001E}
.ft-bot{background:#061F3B;color:#C9D8EA;font-size:13px}
.ft-bot .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;padding-block:16px}
.ft-legal{display:flex;gap:20px}.ft-legal a{color:#C9D8EA}.ft-legal a:hover{color:#fff}
.ft-pay{display:flex;gap:10px}
.ft-pay span:not(.sr){display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(201,216,234,.35);border-radius:7px;padding:6px 11px;color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.02em}
.ft-pay .ico{width:15px;height:15px}
@media (min-width:1361px){.ft-links a,.ft-contact a,.ft-contact small,.ft-contact address,.foot .fh{white-space:nowrap}}
.ft-sub{margin-top:22px!important}
@media (max-width:1360px){.foot .ft-grid{grid-template-columns:1.3fr 1fr 1fr 1.1fr;row-gap:34px}
 .ft-grid>*:nth-child(5){padding-left:0;border-left:0}
 .ft-news{grid-column:span 3}.ft-news .news{max-width:480px}}
@media (max-width:1200px){.ft-svc .wrap{grid-template-columns:1fr 1fr}.ft-svc .it{padding-left:0}.ft-svc .it:nth-child(2){border-right:0}.ft-svc .it:nth-child(-n+2){border-bottom:1px solid #D3DFEC}.ft-svc .it:nth-child(2n){padding-left:24px}}
@media (max-width:860px){.foot .ft-grid{grid-template-columns:1fr 1fr}.ft-grid>*{padding:0!important;border-left:0!important}.ft-brand,.ft-news{grid-column:1/-1}}
@media (max-width:600px){.foot .ft-grid{padding-block:32px 26px;row-gap:28px}.ft-grid>*:nth-child(4),.ft-grid>*:nth-child(5){grid-column:1/-1}
 .ft-svc .wrap{grid-template-columns:1fr}.ft-svc .it,.ft-svc .it:nth-child(2n){border-right:0;border-bottom:1px solid #D3DFEC;padding:16px 0}.ft-svc .it:last-child{border-bottom:0}
 .ft-bot .wrap{flex-direction:column;align-items:flex-start}}

/* Footer: neutralise Storefront defaults (address margin, link underlines, input styling) */
.medlive .site-footer address{margin:0}
.medlive .site-footer .ft-contact a.ft-more{color:#8FC3FF}
.medlive .site-footer a{text-decoration:none}
.medlive .site-footer .ft-legal a:hover,.medlive .site-footer .ft-contact a:hover{text-decoration:underline}
.medlive .site-footer .news{display:flex;max-width:100%;border-radius:8px;overflow:hidden;margin:0}
.medlive .site-footer .news input{flex:1;min-width:0;width:auto;margin:0;border:0;border-radius:0;box-shadow:none;background:#fff;color:#20272F;height:46px;padding:0 12px}
.medlive .site-footer .news button{flex:none;margin:0;border:0;border-radius:0;background:#E60023;color:#fff;font-weight:700;padding:0 18px;height:46px}
.medlive .site-footer .news button:hover{background:#C4001E}
.medlive .site-footer .ft-links,.medlive .site-footer .ft-contact{margin:0}

/* Home: popular searches + editorial block */
.popular{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:13px}
.popular>span{color:var(--muted);font-weight:600;margin-right:2px}
.popular a{padding:5px 11px;font-size:12.5px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--heading);font-weight:600;text-decoration:none!important;transition:border-color .15s,color .15s}
.popular a:hover{border-color:var(--blue);color:var(--blue)}
.edit{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;background:linear-gradient(180deg,var(--surface),var(--soft));border:1px solid var(--line);border-radius:20px;padding:44px}
.edit h2{font-size:clamp(26px,2.6vw,34px);margin:10px 0 14px}
.edit-copy p{color:var(--text);font-size:15.5px;line-height:1.7;margin:0 0 12px;max-width:62ch}
.edit-copy .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.edit-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.edit-stats div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 20px;box-shadow:0 1px 2px rgba(8,41,77,.04)}
.edit-stats b{display:block;font-size:30px;line-height:1;color:var(--heading);letter-spacing:-.03em;margin-bottom:8px}
.edit-stats div:first-child b{color:var(--red)}
.edit-stats span{display:block;color:var(--muted);font-size:13.5px;line-height:1.45}
@media(max-width:1000px){.edit{grid-template-columns:1fr;padding:30px}}
@media(max-width:560px){.edit{padding:22px;border-radius:16px}.edit-stats b{font-size:24px}.edit-stats div{padding:16px}}
.shop-intro{margin:-6px 0 16px;color:var(--muted);font-size:14.5px;max-width:80ch}
.guide{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:36px}
.guide h2{margin:8px 0 12px;font-size:clamp(22px,2.2vw,28px)}
.guide p{max-width:62ch;line-height:1.7;margin:0 0 10px}
.guide-tips{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}
.guide-tips h3{font-size:16px;margin-bottom:12px}
.guide-tips .tick{display:grid;gap:10px;font-size:14.5px}
@media(max-width:900px){.guide{grid-template-columns:1fr;padding:24px}}



/* Navy bar: 12 departments (desktop), procurement links (tablet) */
.nav .wrap{gap:0}
.nav a.dl{flex:1 1 auto;min-width:0;flex-direction:column;gap:0;justify-content:center;text-align:center;font-size:12.5px;font-weight:600;line-height:1.2;padding:6px 6px;min-height:52px;text-wrap:balance}
.nav a.alt{display:none}
.nav .depbtn{margin-right:6px;white-space:nowrap}
.util-proc{display:flex;align-items:center;gap:4px;margin-left:6px}
.util-proc a{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:6px;color:#fff;font-weight:600;font-size:13px;white-space:nowrap;text-decoration:none!important}
.util-proc a:hover{background:rgba(255,255,255,.1)}
.util-proc .ico{width:15px;height:15px;color:#8FC3FF}
.nav a.dl span{display:block;white-space:nowrap}
@media (max-width:1240px){.nav a.dl{display:none}.nav a.alt{display:flex}}
.util .util-tenders{display:none}
@media (max-width:1400px){.util-proc a:last-child{display:none}}
/* Shop landing banner + 6-up grid + pager */
.shop-hero{background:linear-gradient(180deg,var(--soft),var(--soft2));border-bottom:1px solid var(--line);margin-bottom:22px}
.sh-grid{display:grid;grid-template-columns:minmax(0,1.6fr) 220px minmax(0,.9fr);gap:20px 28px;align-items:center;padding-block:26px 20px}
.sh-copy h1{font-size:clamp(30px,3.2vw,44px);margin:0 0 10px}
.sh-copy p{font-size:16px;line-height:1.6;color:var(--text);max-width:64ch;margin:0}
.sh-trust{grid-column:1/-1;list-style:none;padding:16px 0 0;border-top:1px solid var(--line);margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.sh-trust li{display:flex;gap:10px;align-items:center;padding:0 14px;border-left:1px solid var(--line)}
.sh-trust li:first-child{padding-left:0;border-left:0}
.sh-trust .ico{width:30px;height:30px;color:#145DA0;flex:none;stroke-width:1.6}
.sh-trust b{display:block;color:var(--heading);font-size:13.5px;line-height:1.25}
.sh-trust small{display:block;color:var(--link);font-size:12.5px;line-height:1.3}
.sh-art{border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line);aspect-ratio:1;display:grid;place-items:center}
.sh-art img{width:100%;height:100%;object-fit:cover}
.sh-bulk{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 6px 20px rgba(8,41,77,.06)}
.sh-bulk b{display:block;font-size:22px;color:var(--heading);letter-spacing:-.01em}
.sh-bulk p{margin:6px 0 16px;color:var(--text)}
.sb-h{font-size:24px;margin:0}
.pager{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap;margin:26px 0 8px}
.pager button{min-width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--heading);font-weight:700;cursor:pointer;display:grid;place-items:center}
.pager button.on{background:#08294D;border-color:#08294D;color:#fff}
.pager button:disabled{opacity:.45;cursor:default}
.pager .ico{width:16px;height:16px}
.pager .muted{margin-left:auto;font-size:13.5px}
@media(max-width:1100px){.sh-grid{grid-template-columns:1fr 1fr}.sh-copy{grid-column:1/-1}.sh-art{display:none}.sh-bulk{grid-column:1/-1}.sh-trust{grid-template-columns:1fr 1fr;row-gap:14px}.sh-trust li:nth-child(3){padding-left:0;border-left:0}}
@media(max-width:600px){.sh-trust{grid-template-columns:1fr}.sh-trust li{padding-left:0;border-left:0}.pager .muted{margin-left:0;width:100%;text-align:center}}
/* Account dashboard (reference layout) */
.dstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dstat{display:flex;gap:12px;align-items:center;padding:16px;text-decoration:none!important;color:var(--text);min-width:0}
a.dstat:hover{border-color:var(--blue);box-shadow:0 4px 14px rgba(8,41,77,.06)}
.dstat .circle{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff!important;flex:none}
.dstat .circle .ico{width:22px;height:22px}
.c-red{background:#E60023!important}.c-blue{background:#145DA0!important}.c-green{background:#17713F!important}.c-navy{background:#08294D!important}.c-sky{background:#2E7BC4!important}
.dstat .dn{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.dstat b{font-size:24px;line-height:1;color:var(--heading);font-variant-numeric:tabular-nums}
.dstat em{font-style:normal;font-weight:700;color:var(--heading);font-size:14.5px}
.dstat small{display:block;color:var(--muted);font-size:12.5px;margin-top:4px;line-height:1.4}
.dbiz{grid-column:1/-1;background:linear-gradient(90deg,var(--soft),var(--surface))}
.dbiz>span{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;width:100%}
.dbiz em.big{font-size:16px}.dbiz small{margin:0}
.dbiz .btn{margin-left:auto}
.dgrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.dgrid3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
.dgrid3>:first-child{grid-column:1/-1}
.dgrid2>*,.dgrid3>*{min-width:0}
.dh{margin:0!important;padding-bottom:8px!important}
.tbl-wrap.flat{border:0;border-radius:0;overflow-x:auto}.dgrid2 .tbl,.dgrid3 .tbl{min-width:0}
.dgrid2 .tbl,.dgrid3 .tbl{font-size:13.5px}.dgrid2 .tbl th,.dgrid2 .tbl td{padding-inline:14px}
.dgrid2 .tbl td,.dgrid2 .tbl th,.dgrid3 .tbl td,.dgrid3 .tbl th{white-space:nowrap}
.dqa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dqa a{display:grid;justify-items:center;gap:8px;text-align:center;padding:14px 8px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:600;color:var(--heading);text-decoration:none!important;line-height:1.3}
.dqa a .ico{width:24px;height:24px;color:var(--blue)}
.dqa a:hover{border-color:var(--blue);background:var(--soft)}
.dinfo-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.dinfo-h h3{font-size:14.5px;margin:0}
.dinfo dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:12px 0 0;font-size:13.5px}
.dinfo dt{color:var(--muted)}.dinfo dd{margin:0;color:var(--heading);overflow-wrap:anywhere}
@media(max-width:1300px){.dstats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.dgrid2,.dgrid3{grid-template-columns:minmax(0,1fr)}.dgrid3>:first-child{grid-column:auto}}
@media(max-width:600px){.dstats{grid-template-columns:minmax(0,1fr)}.dqa{grid-template-columns:repeat(2,minmax(0,1fr))}.dbiz .btn{margin-left:0}}

/* Theme: nav labels, product grid 6-up, product info side by side */
.nav a.dl span{display:block;white-space:nowrap}
.medlive .util .util-tenders{display:none}
.medlive .shop-hero{margin:0 0 22px}
@media(min-width:1100px){.medlive ul.products.columns-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
 .medlive ul.products.columns-6 li.product .woocommerce-loop-product__title{font-size:14px;padding:0 12px}
 .medlive ul.products.columns-6 li.product .meta,.medlive ul.products.columns-6 li.product .price{padding:0 12px}
 .medlive ul.products.columns-6 li.product .price{font-size:19px}
 .medlive ul.products.columns-6 li.product .button{margin-left:12px;margin-right:12px;font-size:13px;padding-inline:8px}}
@media(min-width:768px) and (max-width:1099px){.medlive ul.products.columns-6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){
 .medlive.single-product .woocommerce-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:26px;border:0}
 .medlive.single-product .woocommerce-tabs ul.tabs{grid-column:1/-1;float:none;width:auto;display:flex;gap:4px;margin:0;padding:0 8px;background:var(--soft);border:0;border-bottom:1px solid var(--line);border-radius:12px 12px 0 0}
 .medlive.single-product .woocommerce-tabs ul.tabs li{display:inline-block;border:0;margin:0}
 .medlive.single-product .woocommerce-tabs ul.tabs li a{padding:14px 16px;box-shadow:inset 0 -3px 0 transparent}
 .medlive.single-product .woocommerce-tabs ul.tabs li.active a{box-shadow:inset 0 -3px 0 var(--red)}
 .medlive.single-product .woocommerce-tabs ul.tabs li::after{display:none}
 .medlive.single-product .woocommerce-tabs .panel{display:block!important;float:none;width:auto;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}
 .medlive.single-product .woocommerce-tabs .panel h2{font-size:17px;margin-bottom:12px}}

/* Priority markets panel */
.edit.mk{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}
.mk-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}
.mk-panel h3{font-size:18px;margin:0 0 6px}
.mk-panel>p.muted{font-size:13.5px;margin:0 0 14px;line-height:1.5}
.mk-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mk-list a{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--heading);font-weight:600;font-size:14px;cursor:pointer;text-align:left}
.mk-list a:hover{border-color:var(--blue);background:var(--soft)}
.mk-list a.on{border-color:#08294D;box-shadow:inset 0 0 0 1px #08294D;background:var(--soft)}
.mk-list .cc{display:inline-grid;place-items:center;min-width:30px;height:24px;border-radius:6px;background:#08294D;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.04em}
.mk-note{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.45}
.mk-note .ico{width:16px;height:16px;flex:none;margin-top:2px;color:var(--blue)}
@media(max-width:1000px){.edit.mk{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.edit.mk{padding:18px}.mk-panel{padding:16px}.mk-list{display:flex;flex-wrap:wrap;gap:6px}.mk-list a{width:auto;padding:7px 10px 7px 7px;gap:7px;font-size:13.5px;white-space:nowrap}.mk-list .cc{min-width:26px;height:22px;font-size:10.5px}.edit.mk .ctas .btn{width:100%;justify-content:center}}


.mk-list a{text-decoration:none!important}

/* Detected-country notice */
.geobar{background:#EAF2FB;border-bottom:1px solid #C9DCF0;color:var(--text);font-size:14px}
.geobar .wrap{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding-block:10px}
.geobar>.wrap>.ico{width:20px;height:20px;color:#145DA0;flex:none}
.geobar>.wrap>span:not(.geo-acts){flex:1 1 320px}
.geo-acts{display:flex;gap:8px;align-items:center}
.geo-acts .sel{height:36px;min-width:0;max-width:220px}
:root[data-theme="dark"] .geobar{background:#0C2747;border-color:#24507F}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .geobar{background:#0C2747;border-color:#24507F}}
.geobar .country{margin:0}.geobar .country select{background:#fff;color:var(--text);border-color:var(--line)}

/* Country pages */
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.ccard{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.ccard:hover{border-color:var(--blue);box-shadow:0 6px 18px rgba(8,41,77,.07)}
.ccard .cc,.mk-list .cc{display:inline-grid;place-items:center;min-width:34px;height:28px;border-radius:7px;background:#08294D;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;flex:none}
.ccard>span:nth-child(2){flex:1;min-width:0}
.ccard b{display:block;color:var(--heading);font-size:15.5px}
.ccard small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.ccard>.ico{width:18px;height:18px;color:var(--blue)}
.cfacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px}
.cfacts h3{display:flex;gap:10px;align-items:center;font-size:15.5px;margin:0 0 10px}
.cfacts h3 .ico{width:22px;height:22px;color:var(--blue);flex:none}
.cfacts p{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--text)}
.cfacts a{font-weight:600;display:inline-flex;align-items:center;gap:4px}
.cfacts a .ico{width:14px;height:14px}
.chips-sm{display:flex;flex-wrap:wrap;gap:6px}
.chips-sm span{padding:3px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--heading)}
.two-eq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.csteps{margin:12px 0 0;padding-left:20px;display:grid;gap:8px;font-size:14.5px;line-height:1.55}
.csrc{font-size:13px;color:var(--muted);line-height:1.7;padding:14px 16px;border:1px dashed var(--line);border-radius:12px}
.csrc a{color:var(--link);text-decoration:underline;text-underline-offset:2px}.cothers a{text-decoration:underline;text-underline-offset:2px}
.cothers{margin-top:14px;font-size:14px;line-height:1.9}
.mk-guides{margin:12px 0 0;font-size:14px;font-weight:600}.mk-guides a{display:inline-flex;align-items:center;gap:6px}.mk-guides .ico{width:15px;height:15px}
@media(max-width:800px){.two-eq{grid-template-columns:minmax(0,1fr)}}
.medlive .cfacts a{display:inline-flex}

/* Final polish */
label.chk a{text-decoration:underline;text-underline-offset:2px}label.chk:has(a){display:block;padding-left:28px;position:relative;line-height:1.5}label.chk:has(a)>input{position:absolute;left:0;top:3px;margin:0}
.two-eq .tick{margin-top:12px}
.dlinks a,.tbl td a{display:inline-flex;align-items:center;gap:5px}
/* Phones: account menu as a compact scrolling row */
@media(max-width:700px){
 .acct-side .who{padding:12px 14px}
 .acct-side .who .avatar{width:36px;height:36px}
 .acct-nav{display:flex!important;gap:6px;overflow-x:auto;padding:8px 10px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .acct-nav::-webkit-scrollbar{display:none}
 .acct-nav a{flex:none;white-space:nowrap;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;scroll-snap-align:start}
 .acct-nav a.on{border-color:#08294D}
 .acct-nav .ico{width:16px;height:16px}
}
@media(max-width:600px){.phero .sub{font-size:17px!important;line-height:1.35}.phero h1{font-size:clamp(30px,8.4vw,38px)}}
:root[data-theme="dark"] .ft-svc{background:var(--band,#071A31);border-color:#1E4570}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ft-svc{background:var(--band,#071A31);border-color:#1E4570}:root:not([data-theme="light"]) .ft-svc .it{border-color:#1E4570!important}:root:not([data-theme="light"]) .ft-svc b{color:#fff}:root:not([data-theme="light"]) .ft-svc small{color:#9CC3EE}:root:not([data-theme="light"]) .ft-svc .ico{color:#7FB6EA}}
.medlive .woocommerce-MyAccount-navigation ul{margin:0}
@media(max-width:700px){.medlive .woocommerce-MyAccount-navigation ul{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.medlive .woocommerce-MyAccount-navigation li{flex:none}.medlive .woocommerce-MyAccount-navigation li a{white-space:nowrap;padding:8px 12px;border:1px solid var(--line);border-radius:999px}}

/* ===== Reference match (v18): home + shop follow the approved screenshots ===== */
.util .wrap{gap:20px}
.util a.util-item{color:#fff;text-decoration:none}
.util a.util-item:hover span{text-decoration:underline}
.util-country{position:relative;cursor:pointer;font-weight:600}
.util-country select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.util-country:focus-within{outline:2px solid #fff;outline-offset:3px;border-radius:4px}
.util-country .uc-cd{width:14px!important;height:14px!important;opacity:.8}
.util-login{margin-left:auto;font-weight:600}
@media (max-width:1280px){.util .hide-lg{display:none}}
@media (max-width:640px){.util-country .uc-t{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.nav .depbtn{background:var(--red)!important}.nav .depbtn:hover{background:var(--red-dk)!important}
.nav a.dl{font-size:12.5px;font-weight:600;padding:0 9px;text-align:center;line-height:1.2}
.nav a.dl span{display:block}

/* hero */
.rh-hero{background:linear-gradient(100deg,var(--surface) 0%,var(--surface) 34%,var(--soft) 62%,var(--soft2) 100%);border-bottom:1px solid var(--line);overflow:hidden}
.rh-hgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.72fr) minmax(330px,.78fr);gap:0 24px;align-items:stretch;padding-block:24px 0}
.rh-copy{padding:22px 0 30px;align-self:center}
.rh-eyebrow{display:block;color:#08294D;font-weight:800;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase}
:root[data-theme="dark"] .rh-eyebrow{color:#9CC3EE}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rh-eyebrow{color:#9CC3EE}}
.rh-copy h1{font-size:clamp(34px,3.45vw,50px);line-height:1.02;letter-spacing:-.025em;margin-top:8px;color:var(--heading)}
.rh-copy h1 span{display:block;color:var(--red)}
.rh-lead{font-size:16px;line-height:1.6;margin-top:14px;max-width:60ch;color:var(--text)}
.rh-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.rh-ctas .btn{padding:11px 16px;font-size:14.5px}
.rh-ctas .btn .ico{width:16px;height:16px}
.rh-art{display:flex;align-items:flex-end;justify-content:center;margin-bottom:0}
.rh-art .ill{width:135%;max-width:none;height:auto;margin-bottom:-2px}
.rh-panel{background:#08294D;color:#fff;border-radius:14px 14px 0 0;padding:22px 22px 22px;display:grid;gap:14px;align-content:start;box-shadow:0 20px 40px rgba(8,41,77,.22);margin-top:2px;position:relative}
.rh-panel h2{color:#fff;font-size:21px;line-height:1.28}
.rh-pbody{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:8px;align-items:center}
.rh-checks{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14px;color:#E6EEF8}
.rh-checks li{display:flex;gap:10px;align-items:center}
.rh-checks .ico{flex:none;width:20px;height:20px;padding:4px;border-radius:50%;background:#22A55B;color:#fff;stroke-width:3.2}
.rh-map{position:relative}
.rh-map .afmap .land{fill:#1F6DB8}
.rh-orbit{position:absolute;inset:18% -10% 22% -14%;border:2px solid #E60023;border-radius:50%;transform:rotate(-24deg);border-left-color:transparent;border-bottom-color:rgba(230,0,35,.45);pointer-events:none}
.rh-panel .btn{justify-self:stretch;padding:12px 16px}
@media (max-width:1240px){.rh-hgrid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr)}.rh-art{display:none}.rh-panel{border-radius:14px;margin-block:22px}}
@media (max-width:860px){.rh-hgrid{grid-template-columns:minmax(0,1fr);padding-block:8px 0}.rh-copy{padding-bottom:6px}.rh-panel{margin-top:6px}}
@media (max-width:600px){.rh-copy h1{font-size:34px}.rh-lead{font-size:15px}.rh-ctas .btn{flex:1 1 100%}.rh-pbody{grid-template-columns:minmax(0,1fr) 92px}.rh-panel h2{font-size:19px}}

/* trust strip */
.rh-trust{background:var(--surface);border-bottom:1px solid var(--line)}
.rh-trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.rh-trust .it{display:flex;gap:12px;align-items:center;padding:14px 18px;border-left:1px solid var(--line)}
.rh-trust .it:first-child{border-left:0;padding-left:0}
.rh-trust .ico{width:34px;height:34px;color:var(--blue);flex:none;stroke-width:1.6}
.rh-trust b{display:block;color:var(--heading);font-size:15px}
.rh-trust small{display:block;color:var(--link);font-size:13px}
@media (max-width:900px){.rh-trust .wrap{grid-template-columns:1fr 1fr}.rh-trust .it:nth-child(3){border-left:0;padding-left:0}.rh-trust .it:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:520px){.rh-trust .wrap{grid-template-columns:1fr}.rh-trust .it{border-left:0!important;padding-left:0;border-bottom:1px solid var(--line)}.rh-trust .it:last-child{border-bottom:0}}

/* section heads */
.rh-sec{padding-block:26px 10px}
.rh-sec.rh-tight{padding-block:14px 6px}
.rh-head{display:flex;align-items:center;gap:18px;margin-bottom:14px;flex-wrap:wrap}
.rh-head h2{font-size:clamp(22px,2vw,26px);color:var(--heading);letter-spacing:-.01em}
.rh-rule{flex:1;height:2px;background:linear-gradient(90deg,var(--red),rgba(230,0,35,.15));min-width:40px}
.rh-head a{font-weight:700;font-size:14.5px;display:inline-flex;align-items:center;gap:6px;color:var(--link)}
.rh-head a .ico{width:16px;height:16px}

/* departments: one row of 12 */
.rh-depts{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
.rh-dept{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 6px 12px;text-decoration:none!important;transition:border-color .15s,box-shadow .15s,transform .15s}
.rh-dept:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-2px)}
.rh-dimg{display:grid;place-items:center;width:100%;aspect-ratio:1/0.9;border-radius:8px;background:radial-gradient(circle at 50% 45%,var(--surface) 20%,var(--soft) 85%)}
.rh-dimg .ill{width:80%;height:auto}
.rh-dept b{font-size:13px;line-height:1.25;color:var(--heading);font-weight:700}
.rh-dept b span{display:block}
@media (max-width:1100px){.rh-depts{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:700px){.rh-depts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
@media (max-width:440px){.rh-depts{grid-template-columns:repeat(3,minmax(0,1fr))}.rh-dept b{font-size:12.5px}}

/* three panels */
.rh-pans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rh-pan{position:relative;overflow:hidden;border-radius:12px;padding:20px 22px 22px;display:grid;gap:14px;align-content:start;min-height:250px;isolation:isolate}
.rh-pan.navy{background:linear-gradient(120deg,#08294D 0%,#0B3463 70%,#14497E 100%);color:#fff}
.rh-pan.light{background:linear-gradient(120deg,#EAF2FB,#DCE9F7);color:#20272F;border:1px solid #C9DBEF}
.rh-ptop{display:flex;gap:14px;align-items:center}
.rh-pic{width:56px;height:56px;border-radius:50%;background:var(--red);display:grid;place-items:center;flex:none;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.rh-pic .ico{width:26px;height:26px;color:#fff}
.rh-pan h3{font-size:22px;line-height:1.2}
.rh-pan.navy h3{color:#fff}.rh-pan.light h3{color:#08294D}
.rh-pan small{display:block;font-size:14px;margin-top:3px}
.rh-pan.navy small{color:#C9D8EA}.rh-pan.light small{color:#145DA0}
.rh-pl{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;max-width:62%;position:relative;z-index:1}
.rh-pl li{display:flex;gap:9px;align-items:flex-start}
.rh-pl .ico{width:16px;height:16px;flex:none;margin-top:2px;stroke-width:3}
.rh-pan.navy .rh-pl .ico{color:#fff}.rh-pan.light .rh-pl .ico{color:#17713F}
.rh-pan .btn{justify-self:start;position:relative;z-index:1;margin-top:4px}
.rh-pill-art{position:absolute;right:-4px;bottom:-4px;width:34%;max-width:170px;z-index:0;pointer-events:none}
.rh-pill-art .ill{width:100%;height:auto}
.rh-pan.navy .rh-pill-art{filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
@media (max-width:1100px){.rh-pans{grid-template-columns:1fr}.rh-pl{max-width:66%}.rh-pill-art{width:30%}}
@media (max-width:520px){.rh-pl{max-width:none}.rh-pill-art{display:none}.rh-pan h3{font-size:20px}}

/* featured */
.rh-fhead{gap:12px}
.rh-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-left:18px}
.rh-tabs button{border:1px solid var(--line);background:var(--soft2);color:var(--heading);font-weight:700;font-size:13.5px;padding:7px 22px;border-radius:6px;cursor:pointer}
.rh-tabs button.on{background:#08294D;border-color:#08294D;color:#fff}
.rh-push{margin-left:auto}
.rh-car .track{grid-auto-columns:calc((100% - 70px)/6);gap:14px}
.rh-car .car-btn{top:36%;width:36px;height:36px}
.rh-car .car-btn.prev{left:-18px}.rh-car .car-btn.next{right:-18px}
.rh-vat{font-size:13px;color:var(--muted);margin:6px 0 0}
@media (max-width:1240px){.rh-car .track{grid-auto-columns:calc((100% - 42px)/4)}}
@media (max-width:860px){.rh-car .track{grid-auto-columns:calc((100% - 28px)/3)}.rh-tabs{margin-left:0;order:3;width:100%}.rh-push{order:2}}
@media (max-width:600px){.rh-car .track{grid-auto-columns:calc((100% - 12px)/2);gap:12px}.rh-tabs button{padding:7px 14px}}

/* compact product cards (home carousel + shop grid) */
.rh-car .pcard,.shopgrid:not(.list) .pcard{border-radius:10px}
.rh-car .pimg,.shopgrid:not(.list) .pimg{aspect-ratio:1/0.78}
.rh-car .pimg .ill,.shopgrid:not(.list) .pimg .ill{width:62%}
.rh-car .pbody,.shopgrid:not(.list) .pbody{padding:10px 10px 12px;gap:5px}
.rh-car .pbody h3,.shopgrid:not(.list) .pbody h3{font-size:13.5px;font-weight:600;line-height:1.3;min-height:2.6em}
.rh-car .pbody h3 button,.shopgrid:not(.list) .pbody h3 button{color:var(--link)}
.pcard .meta.lv{display:none}
.pgrid.list .pcard .meta.lv{display:block}
.pline{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.rh-car .price,.shopgrid:not(.list) .price{font-size:18px}
.rh-car .por,.shopgrid:not(.list) .por{font-size:14.5px}
.instock:not(.product){display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#17713F;white-space:nowrap}
.instock:not(.product)::before{content:"";width:7px;height:7px;border-radius:50%;border:2px solid currentColor}
:root[data-theme="dark"] .instock{color:#5FD08E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .instock{color:#5FD08E}}
.stars{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.st-i{display:inline-flex;gap:1px}
.st-i i{width:14px;height:14px;background:#D0D7E1;-webkit-mask:var(--star) center/contain no-repeat;mask:var(--star) center/contain no-repeat}
.st-i i.f{background:#F5A623}
.st-i i.h{background:linear-gradient(90deg,#F5A623 50%,#D0D7E1 50%)}
.stars.big .st-i i{width:18px;height:18px}.stars.big{font-size:14px;font-weight:600}
:root{--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z'/%3E%3C/svg%3E")}
.pd-rate{display:flex;gap:16px;align-items:center;margin-top:8px;flex-wrap:wrap}
.rh-car .pacts,.shopgrid:not(.list) .pacts{gap:6px;padding-top:6px}
.rh-car .buyrow,.shopgrid:not(.list) .buyrow{gap:5px}
.rh-car .qty,.shopgrid:not(.list) .qty{border-width:1px;border-radius:6px;flex:none}
.rh-car .qty button,.shopgrid:not(.list) .qty button{width:24px}
.rh-car .qty button .ico,.shopgrid:not(.list) .qty button .ico{width:13px;height:13px}
.rh-car .qty input,.shopgrid:not(.list) .qty input{width:26px;font-size:13px}
.rh-car .buyrow .btn,.shopgrid:not(.list) .buyrow .btn{padding:7px 6px;font-size:12.5px;gap:4px;border-radius:6px;min-width:0}
.rh-car .buyrow .btn .ico,.shopgrid:not(.list) .buyrow .btn .ico{width:14px;height:14px}
.rh-car .pacts>.btn,.shopgrid:not(.list) .pacts>.btn{padding:7px 8px;font-size:12.5px;border-radius:6px}
.rh-car .pacts>.btn-soft,.shopgrid:not(.list) .pacts>.btn-soft{background:var(--soft2)}
.pbadge{position:absolute;top:8px;left:8px;font-size:11.5px;font-weight:800;color:#fff;padding:3px 9px;border-radius:4px;letter-spacing:.01em;pointer-events:none}
.b-navy{background:#08294D}.b-blue{background:#145DA0}.b-red{background:#C4001E}
.shopgrid:not(.list) .ptools,.rh-car .ptools{top:6px;right:6px;gap:4px}
.shopgrid:not(.list) .ptools .tool,.rh-car .ptools .tool{width:28px;height:28px;border:0;box-shadow:none;background:transparent}
.shopgrid:not(.list) .ptools .tool .ico,.rh-car .ptools .tool .ico{width:18px;height:18px;color:var(--link)}
.shopgrid:not(.list) .tool-cmp,.rh-car .tool-cmp{opacity:0;transition:opacity .15s}
.pcard:hover .tool-cmp,.pcard:focus-within .tool-cmp,.tool-cmp.on{opacity:1!important}
@media (hover:none){.shopgrid:not(.list) .tool-cmp,.rh-car .tool-cmp{opacity:1}}
.shopgrid:not(.list) .tool-cmp.on,.rh-car .tool-cmp.on{background:var(--blue)!important}
.shopgrid:not(.list) .tool-cmp.on .ico,.rh-car .tool-cmp.on .ico{color:#fff}

/* wholesale banner */
.rh-whole{background:linear-gradient(90deg,var(--soft) 0%,var(--soft2) 100%);border-block:1px solid var(--line);margin-top:22px}
.rh-wgrid{display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:24px;align-items:center;padding-block:0}
.rh-wimg{align-self:end;background:radial-gradient(circle at 50% 60%,var(--surface),transparent 70%);padding:10px 0 0}
.rh-wimg .ill{width:100%;height:auto;display:block}
.rh-wcopy{padding-block:18px}
.rh-wcopy h2{font-size:21px;color:var(--heading)}
.rh-wcopy p{font-size:14px;margin:6px 0 12px;max-width:86ch;color:var(--text)}
.rh-wfeat{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:13.5px;color:var(--heading);font-weight:600}
.rh-wfeat li{display:flex;align-items:center;gap:8px}
.rh-wfeat .ico{width:24px;height:24px;color:var(--blue);stroke-width:1.6}
.rh-wgrid>.btn{padding:13px 22px}
@media (max-width:1000px){.rh-wgrid{grid-template-columns:160px minmax(0,1fr)}.rh-wgrid>.btn{grid-column:1/-1;justify-self:start;margin-bottom:20px}}
@media (max-width:600px){.rh-wgrid{grid-template-columns:minmax(0,1fr)}.rh-wimg{display:none}.rh-wgrid>.btn{width:100%}}

.mk-solo{grid-template-columns:minmax(0,1fr)!important}
.mk-cols{columns:3 280px;column-gap:32px}
.mk-cols p{break-inside:avoid;max-width:none}

/* enquiries + flags */
.rh-enq{background:var(--surface);border-top:1px solid var(--line);padding-block:18px;margin-top:20px}
.rh-egrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.5fr) auto;gap:22px;align-items:center}
.rh-ecopy h2{font-size:18px;color:var(--heading);line-height:1.3}
.rh-ecopy p{font-size:13px;margin-top:4px;color:var(--text)}
.rh-flags{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 6px}
.rh-flags a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;color:var(--heading);text-decoration:none;text-align:center;line-height:1.15;font-weight:600}
.rh-flags a:hover span{text-decoration:underline}
.rh-flags img{width:36px;height:27px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(8,41,77,.15)}
.btn-blue{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-blue:hover{background:#0F4C85}
.rh-egrid>.btn{font-size:13.5px;padding:11px 14px}
@media (max-width:1240px){.rh-egrid{grid-template-columns:minmax(0,1fr) auto}.rh-flags{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(12,minmax(0,1fr))}}
@media (max-width:900px){.rh-flags{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:700px){.rh-egrid{grid-template-columns:minmax(0,1fr)}.rh-flags{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:12px}.rh-egrid>.btn{width:100%}}
@media (max-width:420px){.rh-flags{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ===== shop ===== */
.rh-shero{background:linear-gradient(100deg,var(--soft) 0%,var(--soft2) 100%);border-bottom:0;padding:0}
.rh-sgrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.7fr) minmax(300px,.85fr);grid-template-areas:"copy art bulk" "trust trust bulk";gap:6px 22px;align-items:center;padding-block:24px 18px}
.rh-scopy{grid-area:copy}
.rh-scopy h1{font-size:clamp(32px,3.6vw,48px);color:var(--heading);letter-spacing:-.02em;line-height:1.05}
.rh-scopy p{font-size:15.5px;line-height:1.55;margin-top:10px;max-width:68ch}
.rh-sart{grid-area:art;position:relative;height:190px;align-self:center}
.rh-sart .a1{position:absolute;inset:0 10% 8% 0;display:grid;place-items:center}
.rh-sart .a1 .ill{width:100%;height:auto;max-width:200px}
.rh-sart .a2{position:absolute;right:0;bottom:0;width:46%}
.rh-sart .a2 .ill{width:100%;height:auto}
.rh-sbulk{grid-area:bulk;align-self:stretch;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden}
.rh-sbulk b{display:block;font-size:21px;color:var(--heading)}
.rh-sbulk p{font-size:14.5px;margin:6px 0 14px}
.rh-sbulk .btn{padding:12px 18px}
.rh-clip{width:118px;flex:none;align-self:flex-start}
.rh-clip .ill{width:100%;height:auto}
.rh-strust{grid-area:trust;list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.rh-strust li{display:flex;gap:10px;align-items:center;padding:4px 14px;border-left:1px solid #C9DBEF}
.rh-strust li:first-child{border-left:0;padding-left:0}
.rh-strust .ico{width:30px;height:30px;color:var(--blue);flex:none;stroke-width:1.6}
.rh-strust b{display:block;font-size:13.5px;color:var(--heading)}
.rh-strust small{display:block;font-size:12.5px;color:var(--link);line-height:1.35}
@media (max-width:1240px){.rh-sgrid{grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);grid-template-areas:"copy bulk" "trust trust"}.rh-sart{display:none}}
@media (max-width:860px){.rh-sgrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "bulk" "trust"}.rh-strust{grid-template-columns:1fr 1fr;row-gap:12px}.rh-strust li:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:520px){.rh-strust{grid-template-columns:1fr}.rh-strust li{border-left:0;padding-left:0}.rh-clip{width:80px}.rh-sbulk{padding:18px}}

.rh-shop{grid-template-columns:240px minmax(0,1fr)!important;gap:22px!important}
.rh-side{top:150px}
.rh-side .card{border-radius:8px}
.rh-side .hd{font-size:15.5px;padding:11px 14px}
.rh-side .hd .ico{width:16px;height:16px}
.rh-cats{padding:6px!important}
.rh-cats .catlink{padding:6px 8px;font-size:14px}
.rh-cats .catlink span{flex:1}
.rh-cats .cl-go{width:14px!important;height:14px!important;color:var(--muted)!important}
.rh-filters{gap:12px!important}
.fset{border:0;margin:0;padding:0 0 12px;border-bottom:1px solid var(--line);display:grid;gap:9px;min-width:0}
.fset legend{font-weight:700;color:var(--heading);font-size:14.5px;padding:0;margin-bottom:6px}
.fnote{font-size:13px;margin:0}
.rh-range{position:relative;height:22px;margin:2px 4px}
.rh-range::before{content:"";position:absolute;left:0;right:0;top:9px;height:4px;border-radius:2px;background:var(--line)}
.rh-range::after{content:"";position:absolute;left:var(--lo);right:calc(100% - var(--hi));top:9px;height:4px;border-radius:2px;background:var(--blue)}
.rh-range input{position:absolute;inset:0;width:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;z-index:1}
.rh-range input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:var(--blue);border:3px solid #fff;box-shadow:0 0 0 1px var(--blue),0 1px 3px rgba(0,0,0,.25);cursor:pointer}
.rh-range input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--blue);border:3px solid #fff;box-shadow:0 0 0 1px var(--blue);cursor:pointer}
.rh-range input:focus-visible::-webkit-slider-thumb{outline:3px solid var(--link);outline-offset:2px}
.rh-prow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rh-rin{position:relative;display:block}
.rh-rin span{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--muted);font-size:14px}
.rh-rin input{width:100%;padding-left:24px!important}
.rh-brands{display:grid;grid-template-columns:auto auto;justify-content:start;gap:7px 14px}
.rh-brands .chk{font-size:13px;gap:7px}.rh-brands .chk input{width:15px;height:15px}
.rh-brands .chk[hidden]{display:none}
.rh-more{justify-self:start;font-size:13.5px;font-weight:700}
.facc{border-bottom:1px solid var(--line)}
.facc-h{all:unset;box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-weight:700;color:var(--heading);font-size:14.5px;cursor:pointer}
.facc-h:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:4px}
.facc-h .ico{width:16px;height:16px;transition:transform .15s}
.facc.open .facc-h .ico{transform:rotate(180deg)}
.facc-b{display:grid;gap:8px;padding:0 0 12px}
.facc-b[hidden]{display:none}
.rh-filters>.btn-red{padding:12px;font-size:15px;margin-top:4px}
.rh-bar{gap:10px 14px}
.rh-bar .sb-h,.rh-bar h1{font-size:clamp(22px,2.2vw,28px)!important}
.rh-bar .push{gap:8px!important;flex-wrap:wrap}
.rh-lbl{font-size:14px;font-weight:700;color:var(--heading);margin-left:6px}
.rh-bar .sel{padding-block:8px;font-size:14px}
.rh-vt button{display:flex!important;gap:6px;align-items:center;font-weight:700;font-size:13.5px;padding:7px 12px!important}
.rh-vt .ico{width:16px!important;height:16px!important}
.rh-strip{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px!important;overflow:visible!important;margin-bottom:16px}
.rh-strip .cat-chip{width:auto;padding:6px 4px 8px;font-size:12px;border-radius:8px;gap:4px}
.rh-strip .cat-chip .ill{width:80%;max-width:60px}
.rh-strip .cat-chip span span{display:block}
.shopgrid:not(.list){grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
.rh-pagerow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:22px 0 4px}
.rh-pagerow .pager{grid-column:2;margin:0}
.rh-pagerow>.muted{grid-column:3;justify-self:end;font-size:13.5px}
.pg-gap{min-width:24px;text-align:center;color:var(--muted);font-weight:700}
@media (max-width:1240px){.shopgrid:not(.list){grid-template-columns:repeat(4,minmax(0,1fr))!important}.rh-strip{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:960px){.rh-shop{grid-template-columns:minmax(0,1fr)!important}.shopgrid:not(.list){grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:700px){.shopgrid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important}.rh-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.rh-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.rh-vt button{padding:7px 9px!important}.rh-pagerow{grid-template-columns:minmax(0,1fr)}.rh-pagerow .pager{grid-column:1}.rh-pagerow>.muted{grid-column:1;justify-self:center}}
@media (max-width:420px){.rh-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* footer: one row of seven columns */
.ft6 .ft-grid{grid-template-columns:minmax(170px,1.1fr) auto auto auto minmax(120px,.8fr) auto minmax(190px,1.2fr)!important}
.ft6 .ft-news{grid-column:auto}
.ft6 .ft-grid>*{padding:0 clamp(8px,.85vw,16px)}
@media (min-width:1200px){.ft6{font-size:12.5px}.ft6 .ft-brand .logo-txt em{font-size:9px}.ft6 .ft-contact small{font-size:11.5px}.ft6 .ft-addr .ft-more{font-size:12.5px}.ft6 .ft-links{gap:4px}.ft6 .ft-brand .logo .lmark{width:44px;height:44px}.ft6 .ft-brand .logo-txt b{font-size:22px}.soc{width:32px;height:32px}.soc svg{width:16px;height:16px}.ft6 .news button{padding:0 12px}}
.ft6 .ft-brand{padding-right:18px!important}
.ft6 .ft-brand p{font-size:13px}
.ft6 .ft-addr{padding-top:30px}
.ft-soc{display:flex;gap:8px}
.soc{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;transition:transform .15s}
.soc:hover{transform:translateY(-2px)}
.soc svg{width:18px;height:18px}
.soc-facebook{background:#1877F2}.soc-linkedin{background:#0A66C2}.soc-youtube{background:#FF0000}
.soc-instagram{background:radial-gradient(circle at 30% 110%,#FFD600 0%,#FF7A00 25%,#FF0069 50%,#D300C5 75%,#7638FA 100%)}
.ft6 .ft-news p{font-size:13px}
.ft-pay .pm{border:0!important;padding:0!important}
.ft-pay .pm svg{display:block}
.pm-visa svg{width:52px;height:28px;color:#fff}
.pm-mc svg{width:44px;height:28px}
.pm-eft{font-weight:900!important;font-style:italic;font-size:17px!important;color:#fff;letter-spacing:.02em}
.ft-pay{align-items:center;gap:16px!important}
@media (max-width:1199px){.ft6 .ft-grid{grid-template-columns:1.3fr 1fr 1fr 1.1fr!important;row-gap:30px}.ft6 .ft-news{grid-column:span 2}.ft6 .ft-grid>*:nth-child(5){padding-left:0;border-left:0}.ft6 .ft-addr{padding-top:0}}
@media (max-width:860px){.ft6 .ft-grid{grid-template-columns:1fr 1fr!important}.ft6 .ft-brand,.ft6 .ft-news{grid-column:1/-1}}
@media (max-width:600px){.ft6 .ft-grid>*:nth-child(4),.ft6 .ft-grid>*:nth-child(5){grid-column:auto}}
.shopgrid:not(.list) .pbody{padding:10px 8px 10px}
.shopgrid:not(.list) .price{font-size:16px}.shopgrid:not(.list) .instock{font-size:11.5px}
.shopgrid:not(.list) .pline{gap:2px 6px}
.rh-car .pcard,.shopgrid:not(.list) .pcard{container-type:inline-size}
@container (max-width:190px){.qty button{width:20px!important}.qty input{width:22px!important;font-size:12.5px!important}.buyrow .btn{font-size:12px!important;padding:6px 4px!important}.buyrow .btn .ico{display:none}.pacts>.btn{font-size:12px!important}}
.uc-s{display:none}
@media (max-width:900px){.util .hide-sm{display:none}.util-login span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:760px){.uc-t{display:none}.uc-s{display:inline;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.util-item small{display:none}}
@media (max-width:360px){.util .wrap{gap:10px}.util-item:first-child>span{font-size:12.5px}}
.hsearch input{font-size:14.5px}
@media (min-width:1200px){
 .ft6 .ft-grid{grid-template-columns:minmax(150px,1fr) auto auto auto minmax(140px,.75fr) auto minmax(205px,1.15fr)!important}
 .ft6 .ft-grid>*{padding:0 10px}.ft6 .ft-grid>:first-child{padding-left:0}.ft6 .ft-grid>:last-child{padding-right:0}
 .ft6 .ft-brand .logo .lmark{width:38px;height:38px}.ft6 .ft-brand .logo-txt b{font-size:19px}.ft6 .ft-brand .logo-txt span{font-size:11.5px}.ft6 .ft-brand .logo-txt em{font-size:8px}
 .ft6 .ft-soc{gap:6px}.ft6 .soc{width:30px;height:30px}
 .ft6 .news input{padding:9px 10px;font-size:13px}.ft6 .news button{font-size:13px}
 .ft6 .ft-addr .ft-more{display:inline-block;margin-top:4px}
}


/* ===== WooCommerce markup for the approved shop + homepage cards ===== */
.medlive .rh-hero .wrap,.medlive .rh-trust .wrap{max-width:var(--wrap)}
.rh-copy h1 span{display:block}
.btn .ico{flex:none}
.rh-head .rh-tabs+.rh-push,.rh-head .rh-rule+.rh-push{margin-left:auto}
.rh-shop{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start;margin-top:8px}
.rh-shop-main{min-width:0}
.ml-catalogue .content-area{width:100%;float:none;margin:0}
.rh-side .catlink{text-decoration:none}
.rh-side .hd{display:flex;justify-content:space-between;align-items:center}
.facc summary{list-style:none}.facc summary::-webkit-details-marker{display:none}
.facc[open] .facc-h .ico{transform:rotate(180deg)}
.rh-brands .rh-extra{display:none}.rh-brands.all .rh-extra,.rh-brands.searching .rh-extra{display:flex}.rh-brands .chk[hidden]{display:none!important}
.rh-clear{font-size:13.5px;font-weight:700;text-align:center}
.rh-bar .woocommerce-ordering{margin:0}.rh-bar .woocommerce-ordering select{padding:8px 30px 8px 10px;font-size:14px;border:1.5px solid var(--line);border-radius:8px;background-color:var(--surface);color:var(--text)}
.rh-perform{display:flex;gap:8px;align-items:center;margin:0}
.rh-vt a{display:flex;gap:6px;align-items:center;font-weight:700;font-size:13.5px;padding:7px 12px;color:var(--muted);text-decoration:none;background:var(--surface)}
.rh-vt a.on{background:#08294D;color:#fff}
.rh-strip a.cat-chip{text-decoration:none;color:var(--text)}
.rh-strip .cat-chip span span{display:block}
.medlive ul.products li.product{position:relative;border-radius:10px;padding:0 0 10px}
.medlive ul.products li.product .woocommerce-LoopProduct-link{display:block;text-decoration:none}
.medlive ul.products li.product img{aspect-ratio:1/0.8;margin:0 0 8px}
.medlive ul.products li.product .woocommerce-loop-product__title{font-size:13.5px!important;font-weight:600!important;color:var(--link)!important;padding:0 10px!important;min-height:2.6em}
.medlive ul.products li.product .meta{display:none}
.ml-list .medlive ul.products li.product .meta,.ml-list ul.products li.product .meta{display:block}
.medlive ul.products li.product .pline{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px;padding:0 10px}
.medlive ul.products li.product .pline .price{padding:0!important;margin:0!important;font-size:16.5px!important}
.medlive ul.products li.product .price .vat{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.medlive ul.products li.product .price .unit{display:none}
.medlive ul.products li.product .price del{color:var(--muted);font-weight:600;font-size:13px;margin-right:4px}
.medlive ul.products li.product .price ins{text-decoration:none}
.instock.out:not(.product){color:var(--muted)}.instock.backorder:not(.product){color:var(--warn)}
.medlive ul.products li.product .star-rating{margin:5px 10px 0;font-size:12px;color:#F5A623}
.medlive ul.products li.product .ml-loop-cart{margin:8px 10px 0;display:flex;gap:5px}
.medlive ul.products li.product .ml-loop-cart .qty{border-width:1px;border-radius:6px;flex:none}
.medlive ul.products li.product .ml-loop-cart .qty button{width:22px}
.medlive ul.products li.product .ml-loop-cart .qty input{width:26px;font-size:13px;padding:0}
.medlive ul.products li.product .ml-loop-cart .btn{flex:1;min-width:0;padding:7px 5px;font-size:12.5px;gap:4px;border-radius:6px}
.medlive ul.products li.product .ml-loop-cart .btn .ico{width:14px;height:14px}
.medlive ul.products li.product .ml-rfq-btn{margin:6px 10px 0!important;width:calc(100% - 20px)!important;font-size:12.5px;padding:7px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px}
.medlive ul.products li.product>.button:not(.ml-rfq-btn){margin:8px 10px 0;width:calc(100% - 20px)}
.medlive ul.products li.product .pbadge{z-index:2}
.ml-heart{position:absolute;top:6px;right:6px;z-index:3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--link)}
.ml-heart .ico{width:18px;height:18px}
.ml-heart.on{color:var(--red)}.ml-heart.on .ico{fill:var(--red)}
.ml-heart:focus-visible{outline:3px solid var(--link);outline-offset:1px}
@container (max-width:180px){.ml-loop-cart .btn .ico{display:none}}
.medlive ul.products li.product{container-type:inline-size}
.ml-catalogue ul.products.columns-6{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px}
@media (max-width:1240px){.ml-catalogue ul.products.columns-6{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:960px){.rh-shop{grid-template-columns:minmax(0,1fr)}.rh-side{display:none;position:static}.rh-side.open{display:grid}.filter-toggle{display:inline-flex}.ml-catalogue ul.products.columns-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:961px){.filter-toggle{display:none!important}}
@media (max-width:700px){.ml-catalogue ul.products.columns-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.ml-list ul.products.columns-6{grid-template-columns:minmax(0,1fr)!important}
.ml-list ul.products li.product{display:grid!important;grid-template-columns:160px minmax(0,1fr) 230px;column-gap:18px;align-items:center;padding:10px}
.ml-list ul.products li.product .woocommerce-LoopProduct-link{grid-column:1/3;display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:18px;align-items:center}
.ml-list ul.products li.product img{margin:0;grid-row:1/5}
.ml-list ul.products li.product .ml-loop-cart,.ml-list ul.products li.product .ml-rfq-btn{grid-column:3}
@media (max-width:700px){.ml-list ul.products li.product{grid-template-columns:minmax(0,1fr)}.ml-list ul.products li.product .woocommerce-LoopProduct-link{grid-column:1;grid-template-columns:100px minmax(0,1fr)}.ml-list ul.products li.product .ml-loop-cart,.ml-list ul.products li.product .ml-rfq-btn{grid-column:1}}
.rh-pagerow .woocommerce-pagination{grid-column:2;margin:0}
.rh-pagerow .woocommerce-pagination ul.page-numbers{display:flex;gap:8px;border:0;margin:0;padding:0;list-style:none}
.rh-pagerow .woocommerce-pagination ul.page-numbers li{border:0;float:none}
.rh-pagerow .page-numbers a,.rh-pagerow .page-numbers span.page-numbers{min-width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--heading);font-weight:700;display:grid;place-items:center;padding:0 8px;text-decoration:none}
.rh-pagerow .page-numbers span.current{background:#08294D;border-color:#08294D;color:#fff}
.rh-pagerow .page-numbers span.dots{border:0;background:none}
/* homepage carousel uses the same WooCommerce list */
.rh-car{position:relative}
.rh-car .track{overflow:visible;display:block;padding:0}
.rh-car .track .woocommerce{margin:0}
.rh-car ul.products{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:calc((100% - 70px)/6);gap:14px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 12px!important;margin:0!important}
.rh-car ul.products::-webkit-scrollbar{display:none}
.rh-car ul.products li.product{scroll-snap-align:start}
@media (max-width:1240px){.rh-car ul.products{grid-auto-columns:calc((100% - 42px)/4)}}
@media (max-width:860px){.rh-car ul.products{grid-auto-columns:calc((100% - 28px)/3)}}
@media (max-width:600px){.rh-car ul.products{grid-auto-columns:calc((100% - 12px)/2)}}
.rh-car[hidden]{display:none}
.ft6 .ft-addr address{font-style:normal}
.util form.util-country{margin:0;display:flex;align-items:center;gap:8px}
.util-country .ico{flex:none}
.rh-flags a{text-decoration:none}
.medlive .ml-loop-cart .qty input{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;height:auto;min-height:30px;text-align:center;-moz-appearance:textfield}
.medlive .ml-loop-cart .qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.medlive .ml-loop-cart .qty button{padding:0!important;background:var(--soft)!important;color:var(--heading)!important;border:0;display:grid;place-items:center}
.medlive .ml-loop-cart .qty button .ico{width:13px;height:13px}
.medlive .ml-loop-cart .btn{white-space:nowrap;overflow:hidden}
@media (max-width:1360px){.util .wrap{gap:14px}}
.rh-pagerow .page-numbers span.current{background:#08294D!important;border-color:#08294D!important;color:#fff!important}
.medlive ul.products li.product .star-rating{color:#F5A623}
.medlive ul.products li.product .star-rating span::before,.medlive ul.products li.product .star-rating::before{color:#F5A623}

.medlive ul.products li.product .price del{opacity:1;color:#5A6472}
:root[data-theme="dark"] .medlive ul.products li.product .price{color:var(--red-ink,#FF6B80)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .medlive ul.products li.product .price{color:var(--red-ink,#FF6B80)}}
.ft6 .ft-addr li>div,.ft6 .ft-addr li>span{min-width:0}.ft6 .ft-addr address{white-space:normal;overflow-wrap:break-word}.ft6 .ft-addr{overflow:hidden}

/* ===== v21: product, cart, checkout matched to the approved screenshots ===== */
.xpd{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) 340px;gap:24px;margin-top:6px}
.xgal{grid-template-columns:78px minmax(0,1fr)}
.xgal .thumbs{gap:8px}
.xvid{aspect-ratio:1;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);display:grid;place-items:center;align-content:center;gap:2px;font-size:12px;font-weight:700;color:var(--heading);cursor:pointer}
.xvid .ico{width:26px;height:26px;padding:5px;border-radius:50%;background:#08294D;color:#fff}
.xmain{display:grid;gap:12px;min-width:0}
.xmain .mainimg{position:relative}
.xexp{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:8px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--link);cursor:pointer}
.xnav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--heading);cursor:pointer;box-shadow:var(--shadow)}
.xnav.prev{left:12px}.xnav.next{right:12px}
.xmedia{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xmedia .btn{font-size:13.5px}
.xmedia .btn:last-child .ico{color:var(--red)}
.xinfo{display:grid;gap:10px;align-content:start}
.xbrand{font-size:26px;font-weight:900;letter-spacing:.02em;color:#145DA0;line-height:1}
:root[data-theme="dark"] .xbrand{color:#7DB4EA}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .xbrand{color:#7DB4EA}}
.xinfo h1{font-size:clamp(24px,2.1vw,30px);line-height:1.15;margin:0}
.xkv{display:flex;flex-wrap:wrap;gap:4px 0;font-size:13.5px;color:var(--muted)}
.xkv span+span::before{content:"|";margin:0 10px;color:var(--line)}
.xrate{display:flex;align-items:center;gap:10px;font-size:13.5px;flex-wrap:wrap}
.xrate a{color:var(--link)}.xsep{color:var(--line)}
.xlead{font-size:15px;line-height:1.6;color:var(--text);margin:4px 0 0}
.xfeats{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14px}
.xfeats li{display:flex;gap:10px;align-items:flex-start}
.xfeats .ico{flex:none;width:18px;height:18px;padding:3px;border-radius:50%;background:#22A55B;color:#fff;stroke-width:3.4;margin-top:1px}
.xicons{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:6px;padding-top:14px}
.xicons div{display:grid;justify-items:center;text-align:center;gap:6px;font-size:13px;color:var(--heading);padding:0 6px;border-left:1px solid var(--line)}
.xicons div:first-child{border-left:0}
.xicons .ico{width:32px;height:32px;color:var(--blue);stroke-width:1.6}
.xbuy{background:var(--soft);border-color:#D5E3F2;gap:12px}
.xprice{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.xprice .price{font-size:34px!important}
.xprice .instock{font-size:14px}
.xvat{font-size:13.5px;margin-top:-6px}
.xbig .qty{border-radius:8px}.xbig .qty button{width:44px;background:var(--surface)}.xbig .qty button:last-child{background:#08294D;color:#fff}.xbig .qty input{width:52px;font-size:17px}
.xbig .btn{font-size:17px;padding:14px}
.xbuy>.btn{padding:12px;font-size:15px}
.xbox{display:flex;gap:14px;align-items:flex-start;border-radius:10px;padding:14px;background:#E3EEFA;border:1px solid #CFE0F2}
.xbox>.ico{width:36px;height:36px;flex:none;color:#145DA0}
.xbox b{display:block;color:var(--heading);font-size:15px}
.xbox small{display:block;color:var(--link);font-size:13px;margin-top:2px}
.xdel{background:#E5F4EA;border-color:#C7E6D1}.xdel>.ico{color:#17713F}
:root[data-theme="dark"] .xbox{background:#12263F;border-color:#22344A}:root[data-theme="dark"] .xdel{background:#10291C;border-color:#1C4A30}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .xbox{background:#12263F;border-color:#22344A}:root:not([data-theme="light"]) .xdel{background:#10291C;border-color:#1C4A30}}
.xlogos{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.xlogos svg{height:22px;width:auto}
.xlogos svg[viewBox="0 0 24 24"]{width:48px;color:#1A1F71}
:root[data-theme="dark"] .xlogos svg[viewBox="0 0 24 24"]{color:#fff}
.xlogos em{font-style:italic;font-weight:900;font-size:15px;color:#08294D}
.xlogos .apay{font-style:normal;font-weight:700;font-size:13px;border:1px solid var(--line);border-radius:5px;padding:2px 6px;background:var(--surface);color:var(--text)}
:root[data-theme="dark"] .xlogos em.eft{color:#fff}
.xmini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:12px}
.xmini span{display:grid;grid-template-columns:24px 1fr;column-gap:6px;align-items:center}
.xmini .ico{grid-row:span 2;width:22px;height:22px;color:var(--blue)}
.xmini b{color:var(--heading);font-size:12.5px}.xmini small{color:var(--link);font-size:11.5px}
.xjump{border-radius:0;background:var(--soft2)}
.xjump button.on{color:var(--red-ink);box-shadow:inset 0 -3px 0 var(--red)}
.xpanels{grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr) minmax(0,.95fr)!important}
.xpanels p{font-size:14.5px;line-height:1.65;margin:0 0 12px}
.xred{color:var(--red-ink)!important}
.xdocs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.xdocs .link-btn{display:flex;gap:10px;align-items:center;font-size:14.5px}
.xdocs .ico{color:var(--red);width:20px;height:20px}
.xrow2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.xrow2 .pship{margin-top:0}
.xrevsum{display:grid;gap:10px;justify-items:start}
.xsvc5 .wrap{grid-template-columns:repeat(5,1fr)!important}
@media (max-width:1180px){.xpd{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.xpanels{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.xsvc5 .wrap{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:760px){.xpd{grid-template-columns:minmax(0,1fr)}.xgal{grid-template-columns:minmax(0,1fr)}.xgal .thumbs{grid-template-columns:repeat(6,1fr);order:2}.xicons{grid-template-columns:1fr 1fr;row-gap:12px}.xicons div:nth-child(3){border-left:0}.xpanels,.xrow2{grid-template-columns:minmax(0,1fr)!important}.xmini{grid-template-columns:1fr}.xsvc5 .wrap{grid-template-columns:1fr!important}}

/* page head with steps */
.xpage{padding-top:18px}
.xhead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.xhead h1{font-size:clamp(30px,3vw,40px);line-height:1.1}
.xhead p{margin:6px 0 0;font-size:16px}
.xstep{gap:0}
.xstep .bar{width:clamp(30px,5vw,90px);height:2px;background:var(--line);margin:0 12px}
.xstep .s{font-size:14.5px}
.xstep .s i{width:32px;height:32px}
.xstep .s.done{color:var(--link)}
.xstep .s.done+.bar,.xstep .s.on+.bar{background:linear-gradient(90deg,var(--red),var(--line))}
/* cart */
.xcart{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:20px;align-items:start}
.xtbl{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.xtbl thead th{background:var(--soft2);font-size:14px}
.xtbl th small,.xsum small{font-weight:500;color:var(--muted);font-size:12px}
.xtbl td{vertical-align:middle}
.xtbl .c{text-align:center}
.xck{width:44px}.xck input{width:20px;height:20px;accent-color:var(--blue)}
.xprod{gap:16px}.xprod .thumb{width:92px!important;height:80px!important;flex:none}
.xprod .thumb .ill{width:84%;height:auto}
.xpn{font-size:16px;font-weight:700;text-align:left}
.xmeta{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}.xmeta i{font-style:normal;margin:0 8px;color:var(--line)}
.xok,.xdl{display:flex;align-items:center;gap:6px;font-size:13.5px;margin-top:3px}
.xok{color:#17713F;font-weight:600}.xok .ico{width:16px;height:16px;padding:2px;border-radius:50%;background:#22A55B;color:#fff;stroke-width:3.4}
.xdl .ico{width:16px;height:16px;color:var(--blue)}
.xq button{width:36px}.xq button:last-child{background:#08294D;color:#fff}.xq input{width:46px;font-size:16px}
.xcartbar{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.xcartbar .push{margin-left:auto}
.xsum .card{background:var(--soft);border-color:#D5E3F2}
.xsum h2{font-size:26px;margin-bottom:10px}
.xpromo{display:flex;gap:10px;margin:10px 0 4px}.xpromo input{flex:1;min-width:0}
.xpromo-msg{font-size:13px;color:var(--bad);min-height:1em;margin:0}
.xbigbtn{padding:14px;font-size:16.5px;margin-top:12px}
.xinfo-i{background:none;border:0;padding:0;margin-left:4px;color:var(--blue);cursor:pointer;vertical-align:middle}.xinfo-i .ico{width:16px;height:16px}
.xappr{margin-top:10px;font-size:13.5px}
.xtrust4{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.xtrust4 span,.xtrust3 span{display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center}
.xtrust4 .ico,.xtrust3 .ico{grid-row:span 2;width:34px;height:34px;color:var(--blue);stroke-width:1.6}
.xtrust4 b,.xtrust3 b{color:var(--link);font-size:13.5px}.xtrust4 small,.xtrust3 small{font-size:12.5px;color:var(--muted)}
.xalso{margin-top:24px;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface)}
.xalso-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:12px}.xalso-h h2{font-size:24px}.xalso-h p{margin:0;color:var(--muted)}
.xalso-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.xmini-card{position:relative;display:grid;grid-template-columns:44% 1fr;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px}
.xmini-card .pimg{aspect-ratio:1;border-radius:8px}.xmini-card .pimg .ill{width:80%}
.xmini-card .tool{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;background:none;box-shadow:none;color:var(--link)}
.xmini-card h3{font-size:13px;line-height:1.3;margin:0 0 4px}.xmini-card h3 .link-btn{text-align:left;color:var(--link)}
.xmini-card .price{font-size:16px}.xmini-card .instock{font-size:11px}
.xmini-card>.btn{grid-column:1/-1;font-size:13px}
@media (max-width:1100px){.xcart{grid-template-columns:minmax(0,1fr)}.xalso-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.xalso-g{grid-template-columns:repeat(2,minmax(0,1fr))}.xmini-card{grid-template-columns:1fr}.xstep .s{font-size:0;gap:0}.xstep .s.on{font-size:13px;gap:6px}.xstep .bar{width:20px;margin:0 6px}}
/* checkout */
.xco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 400px;grid-template-areas:"c1 c2 sum" "c3 c4 sum";gap:18px;align-items:start}
.xco1{grid-area:c1}.xco2{grid-area:c2}.xco3{grid-area:c3}.xco4{grid-area:c4}.xco-sum{grid-area:sum;position:sticky;top:150px;background:var(--soft);border-color:#D5E3F2}
.xco .sec-num i{width:36px;height:36px;font-size:16px}
.xco .sec-num h2{font-size:20px!important}
.xside{margin-left:auto;font-size:13.5px;display:flex;align-items:center;gap:6px}.xside .ico{width:16px;height:16px}
.xsmall{font-size:13px;margin:0}
.xphone{display:flex;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.xphone span{display:flex;align-items:center;gap:6px;padding:0 10px;border-right:1px solid var(--line);font-weight:600;font-size:14px;background:var(--soft)}
.xphone input{border:0!important;flex:1;min-width:0}
.field.err .xphone{border-color:var(--bad)}
.xradio{display:flex;gap:24px;flex-wrap:wrap;font-weight:600;color:var(--heading)}
.xradio label{display:flex;gap:8px;align-items:center;cursor:pointer}.xradio input{width:18px;height:18px;accent-color:var(--blue)}
.xopts{display:grid;gap:8px}
.xopt{display:grid;grid-template-columns:20px 34px minmax(0,1fr) auto;gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer;background:var(--surface)}
.xopt.on{border-color:var(--blue);background:var(--soft)}
.xopt.dis{opacity:.55;cursor:not-allowed}
.xopt input{width:18px;height:18px;accent-color:var(--blue);margin:0}
.xopt>.ico{width:30px;height:30px;color:#08294D;stroke-width:1.6}
:root[data-theme="dark"] .xopt>.ico{color:#9CC3EE}
.xopt b{display:block;color:var(--link);font-size:15px}
.xopt small,.xopt-l{display:block;font-size:13px;color:var(--muted)}
.xopt-l em{font-style:normal;font-weight:800;color:var(--heading);margin-right:10px}
.xpl{display:flex;gap:8px;align-items:center}
.xpl svg{height:22px;width:auto}.xpl svg[viewBox="0 0 24 24"]{width:46px;color:#1A1F71}
:root[data-theme="dark"] .xpl svg[viewBox="0 0 24 24"]{color:#fff}
.xpl .ieft{font-style:italic;font-weight:600;font-size:15px;color:var(--heading)}.xpl .ieft b{font-weight:900}
.xpl .pflex{font-style:normal;font-weight:800;font-size:17px;color:#5B2BD9;letter-spacing:-.02em}
:root[data-theme="dark"] .xpl .pflex{color:#B49BFF}
.xterms{margin-top:14px;display:block!important;padding-left:28px;position:relative}.xterms input{position:absolute;left:0;top:2px}
.xterms a{text-decoration:underline}
.xsum-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.xsum-h h2{font-size:22px}.xsum-h small{font-size:14px;font-weight:500;color:var(--muted)}
.xsum-items{display:grid;gap:10px;margin-bottom:8px}
.xsi{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}
.xsi .thumb{width:60px;height:52px;border-radius:8px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center}.xsi .thumb .ill{width:82%;height:auto}
.xsi-n a{font-weight:700;font-size:14px;color:var(--link)}.xsi-n small,.xsi-p small{display:block;font-size:12.5px;color:var(--muted)}
.xsi-p{text-align:right}
.xtrust3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.xtrust3 span{grid-template-columns:28px 1fr}.xtrust3 .ico{width:26px;height:26px}.xtrust3 b{font-size:12px}.xtrust3 small{font-size:11px}
.xpaybox{display:flex;gap:18px;align-items:flex-start;max-width:820px}
.xpaybox h2{font-size:24px}.xpaybox p{margin:8px 0}
@media (max-width:1180px){.xco{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"c1 c2" "c3 c4" "sum sum"}.xco-sum{position:static}}
@media (max-width:760px){.xco{grid-template-columns:minmax(0,1fr);grid-template-areas:"c1" "c2" "c3" "c4" "sum"}.xopt{grid-template-columns:20px 28px minmax(0,1fr)}.xpl{grid-column:3}.xtrust3{grid-template-columns:1fr}.xpaybox{flex-direction:column}}
.xgal,.xmain,.xmedia{min-width:0}.xmedia .btn{white-space:normal;min-width:0;padding-inline:10px}
.xmain .mainimg{width:100%;max-width:100%;min-width:0;height:auto}
.xtbl table{table-layout:auto;width:100%}.xtbl td:nth-child(2){width:46%}.xtbl th,.xtbl td{padding-left:10px;padding-right:10px}.xtbl .xq button{width:30px}.xtbl .xq input{width:38px}.xtbl td.r,.xtbl th.r,.xtbl td.c{white-space:nowrap}
.xtbl .cacts{white-space:nowrap}
.xopt b{line-height:1.3}
/* ===== v21: account area matched to the approved screenshots ===== */
.xacct{grid-template-columns:240px minmax(0,1fr)!important;gap:24px!important}
.xacct .acct-side{position:sticky;top:150px;padding:14px}
.xacct .who{display:flex;gap:12px;align-items:center;padding:6px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}
.xacct .who .avatar{width:56px;height:56px}
.xwb{display:block;font-size:13px;color:var(--muted)}
.xbiz{display:flex!important;align-items:center;gap:5px;font-weight:700;color:var(--heading)!important;font-size:13px}
.xbiz .ico{width:16px;height:16px;padding:2px;border-radius:50%;background:#22A55B;color:#fff;stroke-width:3.4}
.xacct .acct-nav{display:grid;gap:2px}
.xacct .acct-nav a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:7px;font-size:14.5px;color:var(--text);text-decoration:none}
.xacct .acct-nav a:hover{background:var(--soft)}
.xacct .acct-nav a.on{background:#08294D;color:#fff;font-weight:700}
.xacct .acct-nav a.on .ico{color:#fff}
.xacct .acct-nav .ico{width:19px;height:19px;color:var(--heading)}
.xacct .nbadge{margin-left:6px;background:var(--red);color:#fff}
.xahead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.xahead h1{font-size:clamp(30px,3vw,40px);line-height:1.05}
.xahead p{margin:6px 0 0;font-size:15.5px}
.xahead-r{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.xasearch{display:flex;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface);min-width:min(340px,100%)}
.xasearch input{border:0;flex:1;min-width:0;padding:10px 12px;font-size:14px;background:transparent;color:var(--text)}
.xasearch button{border:0;background:none;padding:0 12px;color:var(--heading);cursor:pointer}
.xstats5,.xstats6,.xfeat4{display:grid;gap:12px;margin-bottom:16px}
.xstats5{grid-template-columns:repeat(5,minmax(0,1fr))}.xstats6{grid-template-columns:repeat(6,minmax(0,1fr))}.xfeat4{grid-template-columns:repeat(4,minmax(0,1fr))}
.xstat{display:flex;gap:12px;align-items:flex-start;padding:16px;text-decoration:none!important;color:var(--text);min-width:0}
a.xstat:hover{border-color:var(--blue)}
.xstat .circle{width:50px;height:50px;color:#fff!important}.xstat .circle .ico{width:24px;height:24px}
.xstat b{display:block;font-size:26px;line-height:1;color:var(--heading)}
.xstat em{display:block;font-style:normal;font-weight:600;color:var(--heading);font-size:15px;margin-top:4px}
.xstat em.big{font-size:17px;font-weight:800;margin:0}
.xstat small{display:block;font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.45}
.xbizc .btn{margin-top:10px}
.c-vio{background:#8B2CD9!important}.c-org{background:#F28C18!important}.c-orange{background:#F29111!important}.c-grey{background:#5F6B78!important}
.xg2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.xg3{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.15fr) minmax(0,1fr);gap:16px}
.xg2 .tbl th,.xg3 .tbl th{font-size:13px}.xg2 .tbl td,.xg3 .tbl td{font-size:13.5px}
.xg2 small,.xotbl th small{font-weight:500;color:var(--muted);font-size:11.5px}
.xdqa{grid-template-columns:repeat(3,1fr)!important}
.xdqa a{flex-direction:column;text-align:center;font-size:13px!important;padding:14px 6px!important}
.xdqa a .ico{width:28px!important;height:28px!important;color:var(--blue)}
.xtabsrow{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.xtabsrow .seg{margin:0;border-bottom:0;flex:1;min-width:0}
.xtabsrow .seg button{font-size:15px}
.xrange{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:8px;padding:0 10px;background:var(--surface)}
.xrange .ico{width:18px;height:18px;color:var(--blue)}
.xrange select{border:0;background:none;padding:10px 4px;font-weight:700;color:var(--heading);font-size:14px}
.xog{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}
.xoside{display:grid;gap:14px}
.xotbl table{min-width:640px}
.xotbl tr.xopen>td{background:var(--soft)}
.xlnk{color:var(--link)}.xsm{font-size:12.5px}.xbad{color:var(--bad)}
.xtt{color:var(--heading)}
.xit{display:flex;align-items:center;gap:10px;white-space:nowrap}
.xthumbs{display:flex;gap:4px}.xthumbs .ill{width:34px;height:auto;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:2px}
.xodet{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:16px;align-items:start}
.xpr{display:flex;align-items:center;gap:10px}.xpr .ill{width:40px;height:auto;flex:none}.xpr a{color:var(--link);font-size:13.5px}
.xotl{display:grid;gap:10px}
.xotl-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.xotl-h a{font-size:13.5px;display:flex;gap:5px;align-items:center}
.xotl .btn{font-size:13.5px}
.timeline .t.now .dot{border-color:var(--blue);background:var(--surface);box-shadow:inset 0 0 0 4px var(--blue)}
.xsumth{display:flex;gap:6px;margin:6px 0 10px}.xsumth span{width:46px;height:46px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;background:var(--surface)}.xsumth .ill{width:84%;height:auto}.xsumth .more{font-weight:700;color:var(--muted);font-size:13px}
.xsmallh{display:flex;align-items:center;gap:6px;color:var(--heading);font-size:14px;margin-bottom:4px}
.xsmallh .ico{width:16px;height:16px}
.xaddr{margin:0;font-size:14px;line-height:1.5}
.xpm{display:flex;align-items:center;gap:10px;font-size:13.5px}.xpm>.ico{width:30px;height:30px;color:var(--heading)}
.xvisa{margin-left:auto;color:#1A1F71}.xvisa svg{width:52px;height:24px}
:root[data-theme="dark"] .xvisa{color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .xvisa{color:#fff}}
.xqa ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px}
.xqa li a{display:flex;align-items:center;gap:12px;padding:8px 4px;color:var(--text);font-size:14px;text-decoration:none}
.xqa li a:hover{color:var(--link)}.xqa .ico{width:20px;height:20px;color:var(--heading)}
.xqab{display:grid;gap:8px;margin-top:10px}.xqab .btn{justify-content:flex-start;font-size:13.5px}
.xhelp ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px}
.xhelp li{display:flex;gap:12px;align-items:flex-start}.xhelp .ico{width:22px;height:22px;color:var(--heading);flex:none;margin-top:2px}
.xhelp a{font-weight:700;color:var(--heading)}.xhelp small{display:block;font-size:12.5px;color:var(--muted)}
.xinfoc{display:flex;gap:12px;background:var(--info-bg);border-color:#CFE0F2}.xinfoc>.ico{width:28px;height:28px;flex:none;color:#fff;background:var(--blue);border-radius:50%;padding:5px}
.xinfoc b{color:var(--heading)}.xinfoc p{font-size:12.5px;margin:6px 0 0;line-height:1.5}
.xqd{display:grid;gap:12px}
.xqd-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px}.xqd-h>b{font-size:20px;color:var(--heading)}
.xqd-b{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.xqd-g{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:14px;align-items:start}
.xqsum .sumrow{font-size:13.5px;padding:5px 0}
.xterms2{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13px}.xterms2 li{display:flex;gap:8px;align-items:center}.xterms2 .ico{width:15px;height:15px;color:var(--heading)}
.xtsub{display:grid;gap:12px}.xtseg button{font-size:13.5px;padding:8px 12px}
.xtd{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:18px}
.xtkv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13.5px;margin:0}.xtkv dt{color:var(--muted)}.xtkv dd{margin:0}
.xtitems{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}.xtitems li{display:flex;gap:10px;align-items:center;font-size:13.5px}.xtitems .ill{width:40px;height:auto;border:1px solid var(--line);border-radius:6px;padding:2px}.xtitems small{display:block;color:var(--muted)}
.xtsub .docs .doc{border:1px solid var(--line);background:var(--surface);cursor:pointer;font:inherit}
.xg2b{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
.xorg{display:grid;grid-template-columns:56px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:14px;font-size:13.5px}
.xorg-i .ico{width:46px;height:46px;color:var(--blue)}.xorg dl{margin:0;display:grid;gap:3px}.xorg dd{margin:0}.xorg p{margin:4px 0 0;font-size:13.5px;line-height:1.5}
.xteam{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px}.xteam li{display:flex;align-items:center;gap:12px}.xteam .avatar{width:44px;height:44px;background:var(--soft2)}.xteam b{color:var(--heading);font-size:14px}.xteam small{display:block;font-size:12.5px;color:var(--muted)}.xteam .btn{margin-left:auto}
.xvp{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
.xvp-p{display:flex;gap:12px}.xvp-p .ill{width:110px;height:auto;flex:none}.xvp-p div{display:grid;gap:5px;font-size:13px}.xvp-p .pill{justify-self:start}
.xvpt{font-size:13.5px}.xvpt tr.on td{background:var(--soft2);font-weight:700}
.xvp-a{display:grid;gap:8px;border:1px solid var(--line);border-radius:10px;padding:12px}.xvp-a .sel{width:90px}
.xg3b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.xg3b .tbl th,.xg3b .tbl td{font-size:12.5px;padding:8px 10px}
.xsmallf{font-size:13px;gap:5px;margin-top:10px}
.xfeat4 .xstat em{font-weight:800}
.seg a{display:inline-flex;padding:11px 14px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap;font-size:14.5px;text-decoration:none}
.seg a.on{color:var(--heading);border-bottom-color:var(--red)}
.xpmg{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.xpmc{display:grid;gap:6px;align-content:start}.xpmc>.ico{width:30px;height:30px;color:var(--blue)}.xpmc .xvisa{margin:0}
.xnotes{list-style:none;margin:0;padding:0;display:grid;gap:10px}.xnotes li{display:flex;gap:12px;align-items:flex-start}.xnotes li.unread{border-left:4px solid var(--red)}.xnotes b{display:block;color:var(--heading)}.xnotes small{display:block}.xnotes>li>small{margin-left:auto;white-space:nowrap}.xnotes .ico{color:var(--blue)}
.xtier{display:block;font-size:11.5px;color:var(--ok);font-weight:700}
@media (max-width:1360px){.xstats6{grid-template-columns:repeat(3,minmax(0,1fr))}.xg3{grid-template-columns:1fr 1fr}.xg3>:first-child{grid-column:1/-1}.xog{grid-template-columns:minmax(0,1fr)}.xoside{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.xvp{grid-template-columns:1fr 1fr}.xvp-a{grid-column:1/-1}}
@media (max-width:1180px){.xstats5{grid-template-columns:repeat(3,minmax(0,1fr))}.xfeat4{grid-template-columns:1fr 1fr}.xg2,.xg2b{grid-template-columns:minmax(0,1fr)}.xg3b{grid-template-columns:minmax(0,1fr)}.xorg{grid-template-columns:48px 1fr 1fr}.xorg>div:last-child{grid-column:2/-1}.xodet,.xqd-g,.xtd{grid-template-columns:minmax(0,1fr)}}
@media (max-width:960px){.xacct{grid-template-columns:minmax(0,1fr)!important}.xacct .acct-side{position:static}}
@media (max-width:700px){.xstats5,.xstats6{grid-template-columns:1fr 1fr}.xfeat4,.xg3{grid-template-columns:minmax(0,1fr)}.xdqa{grid-template-columns:1fr 1fr!important}.xasearch{min-width:0;width:100%}.xahead-r{width:100%}.xvp{grid-template-columns:minmax(0,1fr)}.xorg{grid-template-columns:minmax(0,1fr)}.xorg>div:last-child{grid-column:auto}.xorg-i{display:none}}
.xg2 .tbl,.xg3 .tbl,.xg3b .tbl{min-width:0}.xg2>*,.xg3>*{min-width:0}
@media (min-width:961px){.xacct{grid-template-columns:220px minmax(0,1fr)!important}}
.xstat .circle{flex:none;border-radius:50%!important;width:48px;height:48px}
.xacct .tbl td,.xacct .tbl th{white-space:nowrap;padding:10px 10px}
.xacct .tbl td .xtt,.xacct .tbl td:has(.xtt){white-space:normal}
.xacct .acct-nav a{font-size:14px;padding:8px 10px}
.xit .xthumbs .ill{flex:none;width:30px}
.xotbl .btn-sm{padding:6px 10px;font-size:12.5px}
.xodet .tbl td{white-space:normal}
.xodet .tbl td.mono{white-space:nowrap}
.xoside .xotl-h h2{font-size:17px}
.xstats5 .xstat,.xstats6 .xstat{padding:14px}
.xstat b{font-size:24px}.xstat em{font-size:14px}
.xahead p{font-size:15px}
@media (min-width:1500px){:root{--wrap:1480px}}
.xstat .circle{display:grid;place-items:center}
.xacct .tbl tr.sub>td,.xacct .tbl tr.sub td{white-space:normal}
.xacct .tbl tr.sub td.mono,.xacct .tbl tr.sub td.r,.xacct .tbl tr.sub td.num{white-space:nowrap}
.xahead{flex-wrap:nowrap}.xahead>div:first-child{min-width:0}
.xahead-r{flex-wrap:nowrap;flex:none}.xasearch{min-width:300px}
@media (max-width:1180px){.xahead,.xahead-r{flex-wrap:wrap}}
.xvpt{min-width:0!important}.xvp-a .buyrow{flex-wrap:wrap}
.xorg{grid-template-columns:48px minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr)}.xorg *{overflow-wrap:anywhere}
.xg3b .tbl td,.xg3b .tbl th{white-space:normal!important}
.xg3b .sec-head{flex-wrap:nowrap}.xg3b .sec-head h2{font-size:15px}
.xg2b{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.xog:has(.xg2b){grid-template-columns:minmax(0,1fr) 250px}
@media (max-width:1500px){.xog:has(.xg2b){grid-template-columns:minmax(0,1fr)}.xvp{grid-template-columns:1fr 1fr}.xvp-a{grid-column:1/-1}}
.xtd>*{min-width:0}
/* ===== v21: information pages matched to the approved screenshots ===== */
.ihero{background:linear-gradient(100deg,var(--surface) 0%,var(--surface) 30%,var(--soft) 60%,var(--soft2) 100%);border-bottom:1px solid var(--line);overflow:hidden}
.ihero .crumbs{padding-top:12px}
.ih-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(280px,.62fr);gap:0 20px;align-items:center;padding-bottom:0;min-height:290px}
.ih-copy{padding:6px 0 26px}
.ih-eye{display:block;color:var(--red-ink);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.ih-copy h1{font-size:clamp(34px,3.6vw,52px);line-height:1.04;letter-spacing:-.02em;margin:4px 0 0}
.ih-copy h1 span{color:var(--red)}
.ih-sub{font-size:clamp(18px,1.5vw,22px);font-weight:700;color:var(--heading);margin:6px 0 0}
.ih-lead{font-size:15.5px;line-height:1.6;margin:10px 0 0;max-width:66ch;color:var(--text)}
.ih-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.ih-ctas .btn{padding:11px 16px}
.ih-art{align-self:end;display:flex;justify-content:center;align-items:flex-end;position:relative}
.ih-art .ill{width:100%;max-width:440px;height:auto}
.ih-panel{background:#08294D;color:#fff;border-radius:14px 0 0 14px;margin-right:calc(-1 * max(16px,(100vw - var(--wrap))/2 + 16px));padding:22px 26px;display:grid;gap:14px;align-self:center}
.ih-panel h2{color:#fff;font-size:21px;border-bottom:3px solid var(--red);padding-bottom:10px;display:inline-block;justify-self:start}
.ih-row{display:flex;gap:14px;align-items:flex-start}.ih-row .ico{width:30px;height:30px;flex:none;color:#fff;stroke-width:1.6}
.ih-row b{display:block;font-size:15.5px;color:#fff}.ih-row small{display:block;color:#C9D8EA;font-size:13.5px}
.ih-about .ih-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.ih-about .ih-art .ill{max-width:620px}
.ih-script{position:absolute;right:0;top:12%;font:italic 700 clamp(18px,2vw,30px)/1.15 Georgia,serif;color:#08294D;max-width:9em;text-align:right;transform:rotate(-8deg);border-bottom:3px solid var(--red);padding-bottom:6px}
:root[data-theme="dark"] .ih-script{color:#DCE7F3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ih-script{color:#DCE7F3}}
.ih-contact .ih-art{flex-direction:column;align-items:center;gap:10px}.ih-contact .ih-art .ill{max-width:200px}.ih-logo .logo .lmark{width:64px;height:64px}.ih-logo .logo-txt b{font-size:40px}
.ih-light .ih-panel{background:var(--surface);color:var(--text);border:1px solid var(--line)}.ih-light .ih-row b{color:var(--heading)}.ih-light .ih-row .ico{color:#08294D}.ih-light .ih-row small{color:var(--muted)}
:root[data-theme="dark"] .ih-light .ih-row .ico{color:#9CC3EE}
@media (max-width:1240px){.ih-grid,.ih-about .ih-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.ih-art{display:none}.ih-panel{margin-right:0;border-radius:14px;margin-block:16px}.ih-about .ih-art{display:flex}}
@media (max-width:860px){.ih-grid,.ih-about .ih-grid{grid-template-columns:minmax(0,1fr)}.ih-about .ih-art{display:none}.ih-script{display:none}}
/* about */
.ab3{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(0,.9fr);gap:28px;padding-block:22px}
.ab3>div{min-width:0}.ab3 h2{font-size:26px}.ab3 p{font-size:14.5px;line-height:1.6}
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px}
.ab-stats div{display:grid;justify-items:center;text-align:center;padding:0 6px;border-left:1px solid var(--line)}.ab-stats div:first-child{border-left:0}
.ab-stats .ico{width:36px;height:36px;color:var(--blue);stroke-width:1.5}.ab-stats b{font-size:19px;color:var(--heading);margin-top:4px}.ab-stats span{font-size:13px;color:var(--heading)}.ab-stats small{font-size:12px;color:var(--link)}
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.ab-grid span{display:flex;align-items:center;gap:10px;font-size:13px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.ab-grid .ico{width:22px;height:22px;color:var(--blue);flex:none}
.ab-svc{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:22px}.ab-svc .tick{font-size:14px;margin:12px 0 16px}.ab-svc .tick .ico{color:#08294D}
.ab-reach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.8fr) minmax(0,.85fr);align-items:center;background:var(--soft);border-block:1px solid var(--line)}
.ab-r1{background:linear-gradient(135deg,#08294D,#0E3C6E);color:#fff;padding:26px 20px 26px max(16px,calc((100vw - var(--wrap))/2 + 16px));position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:10px;min-height:100%}
.ab-r1 h2{color:#fff;font-size:clamp(28px,2.6vw,40px);line-height:1.08}.ab-line{position:absolute;left:max(16px,calc((100vw - var(--wrap))/2 + 16px));bottom:22px;width:110px;height:3px;background:var(--red)}
.pinmap .land{fill:#1F6DB8;stroke:#5E97D1;stroke-width:1.5}.pinmap .mpin path{fill:#E60023;stroke:#fff;stroke-width:1.4}.pinmap text{font:800 7px var(--f-body);fill:#fff}
.ab-r2{padding:20px 22px}.ab-r2 h2{font-size:26px}.ab-r2 p{font-size:14px;margin:4px 0 10px}
.ab-flags,.dv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px}
.ab-flags a,.dv-list a{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--heading);text-decoration:none}.ab-flags a:hover,.dv-list a:hover{text-decoration:underline}
.ab-flags img,.dv-list img{width:24px;height:18px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(8,41,77,.15)}
.ab-r3 .ill{width:100%;height:auto}
.ab-r4{display:grid;gap:14px;padding:16px 20px}.ab-r4>div{display:flex;gap:12px}.ab-r4 .ico{width:30px;height:30px;color:#08294D;flex:none}.ab-r4 b{display:block;color:var(--heading)}.ab-r4 small{color:var(--link);font-size:13px}
:root[data-theme="dark"] .ab-r4 .ico{color:#9CC3EE}
.ab-vb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:30px;padding-block:24px}.ab-vb h2{font-size:26px}
.ab-vals{display:grid;grid-template-columns:repeat(5,1fr);margin-top:12px}.ab-vals div{display:grid;gap:4px;padding:0 12px;border-left:1px solid var(--line)}.ab-vals div:first-child{border-left:0;padding-left:0}.ab-vals .ico{width:34px;height:34px;color:#08294D}.ab-vals b{color:var(--link);font-size:14px}.ab-vals small{font-size:12.5px;color:var(--muted)}
:root[data-theme="dark"] .ab-vals .ico{color:#9CC3EE}
.ab-brands{list-style:none;margin:12px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.ab-brands li{font-weight:900;font-size:20px;letter-spacing:-.01em}.ab-brands .b0{color:#E60023;font-style:italic}.ab-brands .b1{color:#0B4F2E;font-family:Georgia,serif;font-style:italic}.ab-brands .b2{color:#E60023}.ab-brands .b3{color:#0068B5;letter-spacing:.04em}.ab-brands .b4{color:#F37021}.ab-brands .b5{color:#0F3B8C}.ab-brands .b6{color:#0B5ED7;letter-spacing:.06em}.ab-brands .b7{color:#0A6BB5;font-weight:700}
:root[data-theme="dark"] .ab-brands li{filter:brightness(1.6)}
.ab-and{display:block;text-align:right;font-size:12.5px}
.ab-cta{background:var(--soft2);border-top:1px solid var(--line)}.ab-cta .wrap{display:flex;align-items:center;gap:24px;padding-block:22px;position:relative}.ab-cta h2{font-size:26px}.ab-cta p{margin:4px 0 0;font-size:14.5px}.ab-cta .ih-ctas{margin:0;flex:none}.ab-hand .ico{width:80px;height:80px;color:#08294D;opacity:.6}
@media (max-width:1240px){.ab3{grid-template-columns:1fr 1fr}.ab-svc{grid-column:1/-1}.ab-reach{grid-template-columns:1fr 1fr}.ab-r3{display:none}.ab-vb{grid-template-columns:minmax(0,1fr)}.ab-cta .wrap{flex-wrap:wrap}.ab-hand{display:none}}
@media (max-width:760px){.ab3,.ab-reach{grid-template-columns:minmax(0,1fr)}.ab-r1{padding:22px 16px}.ab-line{left:16px}.ab-stats{grid-template-columns:1fr 1fr;row-gap:14px}.ab-stats div:nth-child(3){border-left:0}.ab-vals{grid-template-columns:1fr 1fr;row-gap:14px}.ab-vals div{border-left:0;padding-left:0}.ab-flags,.dv-list{grid-template-columns:1fr 1fr}.ab-grid{grid-template-columns:minmax(0,1fr)}}
/* delivery */
.dv4,.dvstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-block:16px}
.dv4>div,.dvstrip>div{display:flex;gap:14px;align-items:flex-start;padding:6px 18px;border-left:1px solid var(--line)}.dv4>div:first-child,.dvstrip>div:first-child{border-left:0;padding-left:0}
.dv4 .ico{width:40px;height:40px;color:var(--red);flex:none;stroke-width:1.5}.dvstrip .ico{width:38px;height:38px;color:#08294D;flex:none;stroke-width:1.5}
:root[data-theme="dark"] .dvstrip .ico{color:#9CC3EE}
.dv4 b,.dvstrip b{display:block;color:var(--heading);font-size:16px}.dv4 small,.dvstrip small{display:block;font-size:13.5px;color:var(--link);line-height:1.45}
.dvstrip{border-top:1px solid var(--line);margin-top:6px}.dvstrip>div:last-child{align-items:center}.dvstrip .btn{margin-left:auto;flex:none}
.dv3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.dv3>*{min-width:0}
.dv-h{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}.dv-h>.ico,.dv-h>img{width:40px;height:30px;flex:none}.dv-h>.ico{height:40px;color:var(--blue)}
.dv-h h2{font-size:19px}.dv-h p{font-size:13.5px;color:var(--link);margin:4px 0 0;line-height:1.45}
.dvt{min-width:0!important;font-size:13.5px}.dvt td,.dvt th{padding:7px 10px}
.dv-map{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10px;align-items:center}
.dv-list{grid-template-columns:1fr;gap:5px}.dv-list .fn{width:16px;font-weight:700;color:var(--heading);font-size:12.5px;text-align:right}
.dv-c{display:grid;gap:16px;align-content:start}
.dv-addr{display:grid;gap:10px;background:var(--soft);border-radius:10px;padding:12px 14px}.dv-addr>div{display:flex;gap:12px;font-size:14px}.dv-addr .ico{width:22px;height:22px;color:#08294D;flex:none}.dv-addr b{color:var(--heading);display:inline}.dv-addr span>b:first-child{display:block}
.dv-track{display:flex;gap:8px}.dv-track input{flex:1;min-width:0}.dv-track .btn{flex:none}
@media (max-width:1240px){.dv3{grid-template-columns:1fr 1fr}.dv-c{grid-column:1/-1;grid-template-columns:1fr 1fr}.dv4,.dvstrip{grid-template-columns:1fr 1fr;row-gap:14px}.dv4>div:nth-child(3),.dvstrip>div:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:760px){.dv3,.dv-c,.dv4,.dvstrip{grid-template-columns:minmax(0,1fr)}.dv4>div,.dvstrip>div{border-left:0;padding-left:0}.dv-map{grid-template-columns:minmax(0,1fr)}.dvstrip>div:last-child{flex-wrap:wrap}}
/* returns */
.rt4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-block:22px}
.rt4>div{padding:0 22px;border-left:1px solid var(--line);display:grid;gap:8px;align-content:start;grid-template-columns:44px 1fr}.rt4>div:first-child{border-left:0;padding-left:0}
.rt4>div>*:not(.rt-i){grid-column:2}.rt-i{grid-row:1/span 2}.rt-i .ico{width:40px;height:40px;color:var(--blue);stroke-width:1.5}.rt-i.bad .ico{color:var(--red)}
.rt4 h2{font-size:20px}.rt4 p{font-size:13.5px;margin:0;line-height:1.5}.rt4 .tick{font-size:13.5px;gap:6px}.rt4 .tick .ico{color:#08294D}.rt4 .btn{justify-self:start}
.rt-x{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px}.rt-x li{display:flex;gap:8px}.rt-x .ico{width:16px;height:16px;flex:none;padding:2px;border-radius:50%;background:var(--red);color:#fff;stroke-width:3.4;margin-top:1px}
.rt-dot{margin:0;padding-left:18px;display:grid;gap:8px;font-size:13.5px}.rt-dot li::marker{color:#08294D}
.rt-how{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start;background:var(--soft);border-radius:14px;padding:20px!important;margin-bottom:10px}
.rt-how h2{font-size:24px;margin-bottom:12px}
.rt-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.rt-steps li{position:relative;display:grid;gap:6px;justify-items:center;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:30px 12px 14px}
.rt-steps li:not(:last-child)::after{content:"→";position:absolute;right:-18px;top:40%;color:var(--blue);font-weight:800}
.rt-n{position:absolute;top:-12px;left:12px;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;display:grid;place-items:center;font-size:14px}
.rt-steps .ico{width:34px;height:34px;color:#08294D;stroke-width:1.5}.rt-steps b{color:var(--heading);font-size:14px}.rt-steps small{font-size:12.5px;color:var(--muted);line-height:1.45}
:root[data-theme="dark"] .rt-steps .ico{color:#9CC3EE}
.rt-tl{background:var(--soft2)}.rt-tlr{display:flex;gap:12px;margin-top:12px}.rt-tlr .ico{width:30px;height:30px;color:#08294D;flex:none}.rt-tlr b{display:block;color:var(--heading)}.rt-tlr small{font-size:13px;color:var(--link)}
:root[data-theme="dark"] .rt-tlr .ico{color:#9CC3EE}
@media (max-width:1240px){.rt4{grid-template-columns:1fr 1fr;row-gap:20px}.rt4>div:nth-child(3){border-left:0;padding-left:0}.rt-how{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.rt4{grid-template-columns:minmax(0,1fr)}.rt4>div{border-left:0;padding-left:0}.rt-steps{grid-template-columns:1fr 1fr;row-gap:24px}.rt-steps li::after{display:none}}
@media (max-width:420px){.rt-steps{grid-template-columns:minmax(0,1fr)}}
/* faq block, 3 x 3 */
.ifaq{padding-block:18px 26px}.ifaqs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px 16px!important}
.ifaqs details{border:1px solid var(--line);border-radius:8px;background:var(--soft)}
@media (max-width:900px){.ifaqs{grid-template-columns:minmax(0,1fr)!important}}
/* legal */
.lg-wrap{padding-block:18px}
.lg3{grid-template-columns:240px minmax(0,1fr)!important}
.lg3:has(.lg-side){grid-template-columns:240px minmax(0,1fr) 260px!important}
.lg3 .toc a.on{background:var(--soft2);display:block;border-radius:6px;padding:2px 6px;margin-left:-6px}
.lg3 .lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg3 .lcell>.ico{width:38px;height:38px;color:#08294D;stroke-width:1.5}
:root[data-theme="dark"] .lg3 .lcell>.ico{color:#9CC3EE}
.lg3 .lcell h3{color:var(--heading)}
.lg3 .lcell summary{display:inline-flex;gap:8px;align-items:center;border:1.5px solid var(--link);color:var(--link);border-radius:6px;padding:4px 12px;font-size:13px;font-weight:700;margin-top:8px;cursor:pointer;list-style:none}
.lg3 .lcell summary::-webkit-details-marker{display:none}
.lg-side{display:grid;gap:14px;align-content:start}
.lg-enq h2{display:flex;gap:8px;align-items:center}.lg-enq p{font-size:13.5px}.lg-enq ul{list-style:none;margin:10px 0 14px;padding:0;display:grid;gap:10px}.lg-enq li{display:flex;gap:10px;font-size:13.5px}.lg-enq li .ico{width:20px;height:20px;color:#08294D;flex:none}.lg-enq a{font-weight:700;color:var(--heading)}.lg-enq small{display:block;font-size:12px;color:var(--muted)}
.lg-doc{display:flex;gap:12px;background:var(--soft)}.lg-doc>.ico{width:30px;height:30px;color:#08294D;flex:none}.lg-doc b{color:var(--heading)}.lg-doc p{font-size:12.5px;margin:6px 0 0}
@media (max-width:1240px){.lg3:has(.lg-side){grid-template-columns:220px minmax(0,1fr)!important}.lg-side{grid-column:1/-1;grid-template-columns:1fr 1fr}.lg3 .lgrid{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.lg3,.lg3:has(.lg-side){grid-template-columns:minmax(0,1fr)!important}.lg3 .lgrid,.lg-side{grid-template-columns:minmax(0,1fr)}}
/* contact */
.ct3{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr) minmax(0,1.05fr);gap:16px;padding-block:18px}
.ct3>*{min-width:0}.ct3 h2{font-size:21px}
.ct-info{display:grid;gap:14px;align-content:start}
.ct-row{display:flex;gap:14px}.ct-i{width:44px;height:44px;border-radius:10px;background:#08294D;display:grid;place-items:center;flex:none}.ct-i .ico{width:22px;height:22px;color:#fff}
.ct-row b{display:block;color:var(--heading);font-size:15px}.ct-row a{display:block;font-weight:800;color:var(--heading);font-size:15.5px}.ct-row small{display:block;font-size:13px;color:var(--link);line-height:1.45}.ct-h{color:var(--text)!important}
.ct-send{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.ct-send .btn{padding:13px 22px;font-size:16px}.ct-send>div{flex:1;min-width:220px;display:grid;gap:6px}.ct-send .chk{display:block;padding-left:28px;position:relative;font-size:13.5px}.ct-send .chk input{position:absolute;left:0;top:2px}.ct-send .chk a{text-decoration:underline}.ct-send small{display:flex;gap:6px;align-items:center;font-size:12.5px}.ct-send small .ico{width:14px;height:14px}
.ct-r{display:grid;gap:16px;align-content:start}
.ct-map{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);margin-top:10px}.ct-map svg{display:block;width:100%;height:auto}
.ct-map .pin{position:absolute;left:38%;top:30%;color:var(--red)}.ct-map .pin .ico{width:34px;height:34px;fill:var(--red);stroke:#fff}
.ct-map .mapcard{position:absolute;left:46%;top:12%;background:var(--surface);border-radius:8px;padding:10px 12px;font-size:12.5px;box-shadow:var(--shadow);max-width:52%}.ct-map .mapcard b{color:var(--heading)}
.ct-ways{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.ct-ways>div{display:flex;gap:10px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--soft)}.ct-ways .ico{width:30px;height:30px;color:#08294D;flex:none}.ct-ways b{display:block;color:var(--link);font-size:14px}.ct-ways small{display:block;font-size:12.5px;color:var(--muted);margin:2px 0 4px}.ct-ways a{font-weight:700;font-size:13px;display:inline-flex;gap:4px;align-items:center}
:root[data-theme="dark"] .ct-ways .ico{color:#9CC3EE}
@media (max-width:1240px){.ct3{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.ct-r{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media (max-width:760px){.ct3,.ct-r,.ct-ways{grid-template-columns:minmax(0,1fr)}.ct-map .mapcard{position:static;max-width:none;box-shadow:none;border-top:1px solid var(--line);border-radius:0}}
.ct-map .mapcard .ico,.ct-ways a .ico,.ab-r4 .btn .ico{width:14px!important;height:14px!important}
.ct-map .mapcard a{display:inline-flex;gap:4px;align-items:center}
.ih-about .ih-art{padding-top:40px}.ih-script{top:0;right:-4px}
.pm-ieft{font-style:italic;font-weight:600!important;font-size:15px!important;color:#fff}.pm-ieft b{font-weight:900}.pm-pf{font-weight:800!important;font-size:16px!important;color:#fff;letter-spacing:-.02em}
@media (max-width:960px){.xacct .acct-nav{display:flex!important;gap:6px;overflow-x:auto;scrollbar-width:none}.xacct .acct-nav a{flex:none;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 12px}}
@media (max-width:600px){.ih-ctas .btn{white-space:normal;text-align:left}}
.xacct>*,.acct-side{min-width:0}
@media (max-width:1240px){.ab-cta .ih-ctas{flex:1 1 100%;flex-wrap:wrap}}
.ab-brands .b4{color:#C2410C}
.xvid{color:var(--heading)}
:root[data-theme="dark"] .ab-brands .b1,:root[data-theme="dark"] .xok{color:#5FD08E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ab-brands .b1,:root:not([data-theme="light"]) .xok{color:#5FD08E}:root:not([data-theme="light"]) .xpl .pflex{color:#C4B1FF}:root:not([data-theme="light"]) .xvid{color:#EEF3F9}}
:root[data-theme="dark"] .xpl .pflex{color:#C4B1FF}
:root[data-theme="dark"] .ab-brands .b0{color:#FF6B80} :root[data-theme="dark"] .ab-brands .b1{color:#5FD08E} :root[data-theme="dark"] .ab-brands .b2{color:#FF6B80} :root[data-theme="dark"] .ab-brands .b3,:root[data-theme="dark"] .ab-brands .b6,:root[data-theme="dark"] .ab-brands .b7{color:#7DB4EA} :root[data-theme="dark"] .ab-brands .b4{color:#FFA25C} :root[data-theme="dark"] .ab-brands .b5{color:#9DB8F2} :root[data-theme="dark"] .ab-brands li{filter:none} :root[data-theme="dark"] .btn-ghost.on{color:#FF8FA0;border-color:#FF8FA0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ab-brands .b0{color:#FF6B80} :root:not([data-theme="light"]) .ab-brands .b1{color:#5FD08E} :root:not([data-theme="light"]) .ab-brands .b2{color:#FF6B80} :root:not([data-theme="light"]) .ab-brands .b3,:root:not([data-theme="light"]) .ab-brands .b6,:root:not([data-theme="light"]) .ab-brands .b7{color:#7DB4EA} :root:not([data-theme="light"]) .ab-brands .b4{color:#FFA25C} :root:not([data-theme="light"]) .ab-brands .b5{color:#9DB8F2} :root:not([data-theme="light"]) .ab-brands li{filter:none} :root:not([data-theme="light"]) .btn-ghost.on{color:#FF8FA0;border-color:#FF8FA0}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .xlogos em.eft{color:#fff}:root:not([data-theme="light"]) .xlogos svg[viewBox="0 0 24 24"],:root:not([data-theme="light"]) .xpl svg[viewBox="0 0 24 24"]{color:#fff}}

/* ===== WooCommerce markup for v21 pages ===== */
.medlive.single-product div.product::before,.medlive.single-product div.product::after{display:none!important;content:none!important}
.medlive.single-product div.product{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) 340px;gap:24px;align-items:start}
.medlive.single-product div.product>.woocommerce-product-gallery{grid-column:1;width:auto!important;float:none!important;margin:0!important}
.medlive.single-product div.product>.summary{grid-column:2;width:auto!important;float:none!important;margin:0!important;display:grid;gap:10px;align-content:start}
.medlive.single-product div.product>.xbuy{grid-column:3;grid-row:1;position:sticky;top:150px}
.medlive.single-product div.product>.woocommerce-tabs,.medlive.single-product div.product>.related,.medlive.single-product div.product>.up-sells,.medlive.single-product div.product>section{grid-column:1/-1}
.medlive.single-product .summary .product_title{font-size:clamp(24px,2.1vw,30px);margin:0}
.medlive .xbuy .cart{display:flex;gap:8px;margin:0}.medlive .xbuy .cart .quantity input{width:64px;height:100%}.medlive .xbuy .single_add_to_cart_button{flex:1;background:var(--red)!important;color:#fff!important;border-radius:8px;font-size:17px;padding:14px}
.medlive .xbuy .price{font-size:34px;font-weight:800;color:var(--red);margin:0}
.medlive .xbuy .stock{margin:0;font-weight:700;color:var(--ok)}
.medlive .xbuy .ml-buy-extra{display:grid;gap:10px}
.xlogos .pm-visa svg{width:46px;height:22px;color:#1A1F71}.xlogos .ieft{font-style:italic;font-weight:600}.xlogos .ieft b{font-weight:900}.xlogos .pflex{font-style:normal;font-weight:800;color:#5B2BD9}
@media (max-width:1180px){.medlive.single-product div.product{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.medlive.single-product div.product>.xbuy{grid-column:1/-1;grid-row:auto;position:static}}
@media (max-width:760px){.medlive.single-product div.product{grid-template-columns:minmax(0,1fr)}.medlive.single-product div.product>.summary{grid-column:1}}
.woocommerce-cart .xhead,.woocommerce-checkout .xhead{margin-top:10px}
.medlive .woocommerce-cart-form{float:none;width:auto}
.medlive.woocommerce-cart .cart-collaterals{float:none;width:auto}
@media (min-width:1101px){.medlive.woocommerce-cart .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:20px;align-items:start}.medlive.woocommerce-cart .woocommerce>.xhead,.medlive.woocommerce-cart .woocommerce>.woocommerce-notices-wrapper,.medlive.woocommerce-cart .woocommerce>.cross-sells{grid-column:1/-1}.medlive.woocommerce-cart .cart-collaterals{grid-column:2;grid-row:3}.medlive.woocommerce-cart .cart-collaterals .cart_totals{width:auto;float:none;background:var(--soft);border:1px solid #D5E3F2;border-radius:12px;padding:20px}}
.medlive .cart_totals .checkout-button{background:var(--red)!important;color:#fff!important;border-radius:8px;font-size:16.5px;padding:14px!important}
.medlive table.cart .product-name .xmeta,.medlive table.cart .product-name .xok,.medlive table.cart .product-name .xdl{display:flex}
.xlater{display:inline-flex;gap:6px;align-items:center;font-size:13.5px;margin-top:6px}.xlater .ico{width:15px;height:15px}
@media (min-width:1101px){.medlive.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 400px;gap:18px;align-items:start}.medlive.woocommerce-checkout #customer_details{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:18px}.medlive.woocommerce-checkout #customer_details .col-1,.medlive.woocommerce-checkout #customer_details .col-2{width:auto;float:none;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.medlive.woocommerce-checkout #order_review_heading{display:none}.medlive.woocommerce-checkout #order_review{grid-column:3;grid-row:1/3;position:sticky;top:150px;background:var(--soft);border:1px solid #D5E3F2;border-radius:12px;padding:20px;width:auto;float:none}}
.medlive #payment ul.payment_methods li{border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px;background:var(--surface)}
.medlive #payment ul.payment_methods li:has(input:checked){border-color:var(--blue);background:var(--soft)}
.medlive #shipping_method li{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:6px;list-style:none}
.medlive #shipping_method li:has(input:checked){border-color:var(--blue);background:var(--soft)}
.medlive #place_order{background:var(--red)!important;color:#fff!important;width:100%;border-radius:8px;font-size:16.5px;padding:14px}
.ml-custtype .woocommerce-input-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ml-custtype input{position:absolute;opacity:0}.ml-custtype label.radio{border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer;font-weight:600;display:block}.ml-custtype input:checked+label.radio{border-color:var(--blue);background:var(--soft)}.ml-custtype input:focus-visible+label.radio{outline:3px solid var(--link)}
.ml-xacct .woocommerce{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}
.ml-xacct .woocommerce-MyAccount-navigation,.ml-xacct .woocommerce-MyAccount-content{width:auto!important;float:none!important}
.ml-xacct .woocommerce-MyAccount-navigation{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;position:sticky;top:150px}
.ml-xacct .woocommerce-MyAccount-navigation ul{margin:0;list-style:none;display:grid;gap:2px}
.ml-xacct .woocommerce-MyAccount-navigation a{display:block;padding:9px 12px;border-radius:7px;color:var(--text);text-decoration:none;font-size:14.5px}
.ml-xacct .woocommerce-MyAccount-navigation .is-active a{background:#08294D;color:#fff;font-weight:700}
@media (max-width:960px){.ml-xacct .woocommerce{grid-template-columns:minmax(0,1fr)}.ml-xacct .woocommerce-MyAccount-navigation{position:static}.ml-xacct .woocommerce-MyAccount-navigation ul{display:flex;overflow-x:auto;gap:6px}.ml-xacct .woocommerce-MyAccount-navigation a{white-space:nowrap;border:1px solid var(--line);border-radius:999px}}
.ih-panel{margin-right:0}
@media (min-width:1241px){.ihero .ih-panel{border-radius:14px}}
.ct-form .card,.ct-form form{height:100%}
.dv-trackf .dv-track{flex-wrap:wrap}.dv-trackf input{flex:1 1 140px;min-width:0}.ct-form>.wrap{padding:0!important;height:100%}.ct-form .card{height:100%}
.ct-form label.chk:has(a),.rt-form label.chk:has(a){display:block;padding-left:28px;position:relative}.ct-form label.chk:has(a) input,.rt-form label.chk:has(a) input{position:absolute;left:0;top:2px}.ct-form label.chk a{text-decoration:underline}
.xbuy .xvol{padding:12px;background:var(--surface)}.xvol .tbl{min-width:0;font-size:13.5px;margin:6px 0}
.ml-dash .woocommerce-MyAccount-content>p{display:none}
.ml-xacct .woocommerce>.ml-who{grid-column:1;grid-row:1;align-self:start;background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;padding:14px 14px 10px;display:flex;gap:12px;align-items:center}
.ml-xacct .woocommerce>.ml-who+.woocommerce-MyAccount-navigation{grid-column:1;grid-row:2;border-radius:0 0 12px 12px;border-top:1px solid var(--line);top:auto;position:static}
.ml-xacct .woocommerce>.woocommerce-MyAccount-content{grid-column:2;grid-row:1/span 2}
.ml-who .avatar{width:52px;height:52px;border-radius:50%;background:var(--soft2);display:grid;place-items:center;flex:none}.ml-who .avatar .ico{width:26px;height:26px;color:var(--blue)}
.ml-who b{display:block;color:var(--heading)}
.xahead .h1{font-size:clamp(30px,3vw,40px);line-height:1.05;margin:0}
@media (max-width:960px){.ml-xacct .woocommerce>.woocommerce-MyAccount-content{grid-column:1;grid-row:auto}}
@media (min-width:1181px){.xstats5[style*="--n"]{grid-template-columns:repeat(var(--n),minmax(0,1fr))}}

/* Product page: "What's in the box" list; buy box scrolls with the page so it never covers the tabs. */
.medlive ul.boxlist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.medlive ul.boxlist li{display:flex;align-items:center;gap:10px;margin:0}
.medlive ul.boxlist li .ico{width:20px;height:20px;flex:none;color:var(--blue)}
.medlive.single-product div.product>.xbuy{position:static}

/* ---- 1.2.4: live-site alignment with the approved screens ---- */
/* Buy box: no inherited Storefront margins around the price and buttons. */
.medlive .xbuy p.price{margin:0!important}
.medlive .xbuy .ml-buy-extra{margin:0}.medlive .xbuy .ml-buy-extra form{margin:0}
.medlive .xbuy .xprice{min-height:0;align-items:center}
/* Related products: left heading with red rule, like the approved product page. */
.medlive.single-product .related.products>h2{display:flex;align-items:center;gap:16px;text-align:left;font-size:22px;font-weight:800;color:var(--heading);margin:0 0 16px}
.medlive.single-product .related.products>h2::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--red) 0 40%,var(--line) 40%)}
/* Account menu: icons on the left (replaces Storefront's right-hand icon font). */
.medlive .woocommerce-MyAccount-navigation ul li a::before,.medlive .woocommerce-MyAccount-navigation ul li a::after{display:none!important;content:none!important}
.medlive .ml-acct-nav a{display:flex!important;align-items:center;gap:10px}
.medlive .ml-acct-nav a .ico{width:18px;height:18px;flex:none;color:var(--muted)}
.medlive .ml-acct-nav .is-active a .ico{color:#fff}
.medlive .ml-acct-nav ul li{border:0!important;padding:0!important}
.medlive .ml-who b,.medlive .ml-who small{overflow-wrap:anywhere}
/* Checkboxes inside form fields keep their own size. */
.medlive .field input[type=checkbox],.medlive .field input[type=radio]{width:18px;height:18px;min-height:0;padding:0;flex:none}
/* Contact hero: Medlive logo above the stethoscope. */
.ih-logo{display:block}.ih-logo .logo{pointer-events:none}
/* Product gallery: thumbnails in a column on the left, as on the approved product page. */
@media (min-width:761px){
.medlive.single-product .woocommerce-product-gallery:has(.flex-control-thumbs){display:flex;flex-direction:row-reverse;align-items:flex-start;gap:12px}
.medlive.single-product .woocommerce-product-gallery .flex-viewport{flex:1;min-width:0}
.medlive.single-product .woocommerce-product-gallery .flex-control-thumbs{display:flex!important;flex-direction:column;gap:10px;width:72px;flex:none;margin:0!important;padding:0!important}
.medlive.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:72px!important;float:none!important;margin:0!important}
}
.medlive.single-product .woocommerce-product-gallery .flex-control-thumbs img{border:1px solid var(--line);border-radius:8px;padding:4px;background:#fff;opacity:.75;cursor:pointer}
.medlive.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,.medlive.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover{opacity:1;border-color:var(--blue)}
/* Account: "Welcome back" card joins the menu card. */
.ml-xacct .woocommerce{row-gap:0}
.ml-xacct .woocommerce>.woocommerce-MyAccount-content{margin-bottom:0}
/* Header search: department picker. */
.hsearch select#ml-qcat{appearance:auto;color:var(--text);cursor:pointer}
/* Shop landing: WooCommerce's empty archive header no longer pushes the grid down. */
.medlive .woocommerce-products-header:not(:has(h1,h2,p,div,img)){display:none}
/* Homepage: the hero sits directly under the menu bar, as in the approved homepage. */
.medlive.home .site-header{margin-bottom:0!important}

/* ---- Real photos in the homepage slots (theme 1.2.9) ---- */
.ill.photo{display:block}
/* Hero: photo fills the middle column and fades into the headline side. */
.rh-art:has(.photo){align-items:stretch;justify-content:stretch;margin-inline:-40px 0;position:relative}
.rh-art .ill.photo{width:100%;max-width:none;height:100%;min-height:330px;object-fit:cover;object-position:50% 12%;margin:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
/* Procurement panels: photo on the right, fading into the panel colour; text stays on the left. */
.rh-pan:has(.rh-pill-art .photo) .rh-pl,.rh-pan:has(.rh-pill-art .photo) .rh-ptop,.rh-pan:has(.rh-pill-art .photo)>.btn{position:relative;z-index:1}
.rh-pill-art:has(.photo){top:0;bottom:0;right:0;width:46%;max-width:none;filter:none}
.rh-pill-art .ill.photo{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 55%);mask-image:linear-gradient(90deg,transparent 0,#000 55%)}
.rh-pan.navy .rh-pill-art .ill.photo{opacity:.85}
/* Wholesale banner: photo on the left. */
.rh-wimg:has(.photo){padding:0;align-self:stretch;background:none;overflow:hidden;border-radius:0}
.rh-wimg .ill.photo{width:100%;height:100%;min-height:150px;max-height:210px;object-fit:cover;object-position:50% 25%}
/* Department tiles: product photos on white. */
.rh-dimg:has(.photo){background:#fff;border:1px solid var(--line)}
.rh-dimg .ill.photo{width:84%;height:84%;object-fit:contain}
/* Utility bar fits on one line between 1281 and 1440px. */
@media (min-width:1281px) and (max-width:1440px){.util{font-size:12.5px}.util .wrap{gap:14px}.util .util-item .ico{width:17px;height:17px}.util .util-login{margin-left:auto;white-space:nowrap}}
/* Hero photo fades on both sides; panel photos sit in the lower-right corner like the approved homepage. */
.rh-art .ill.photo{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 78%,transparent 100%)}
.rh-art:has(.photo){margin-inline:-40px -30px}
.rh-pill-art:has(.photo){top:auto;bottom:0;right:0;width:46%;height:66%}
.rh-pill-art .ill.photo{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%),linear-gradient(0deg,#000 60%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 45%),linear-gradient(0deg,#000 60%,transparent 100%);mask-composite:intersect;border-radius:0 0 12px 0}
.rh-dimg .ill.photo{width:92%;height:92%}
/* ---- 1.3.1: homepage responsive polish ---- */
/* Tablets in landscape (900-1100px): keep the three procurement panels side by side. */
@media (min-width:900px) and (max-width:1100px){.rh-pans{grid-template-columns:repeat(3,minmax(0,1fr))}.rh-pan{padding:18px 16px 18px}.rh-pan h3{font-size:18px}.rh-pl{font-size:13.5px}}
/* Phones and tablets: comfortable tap targets (at least 40px tall). */
@media (max-width:800px){
.util .util-item{min-height:40px}
.util .util-country select{min-height:36px}
.rh-head a{min-height:40px;padding-block:8px}
.rh-tabs button,.rh-tabs a{min-height:40px}
.ml-heart{min-width:40px;min-height:40px;display:grid;place-items:center}
}
/* Footer e-mail addresses never split mid-word. */
.ft-contact a{overflow-wrap:normal;word-break:keep-all;white-space:nowrap}
@media (max-width:420px){.ft-contact a{font-size:14px}}
@media (max-width:800px){.hdr .hact{min-height:40px;min-width:40px;justify-content:center}.burger{min-width:40px;min-height:40px}}
.medlive main.ml-home.site-main{margin:0;padding:0}
/* ---- 1.3.3: shop page photos and filters ---- */
.rh-sart.rh-sphoto{height:auto;align-self:stretch;grid-row:1/span 2;margin-block:-24px -18px}
.rh-sphoto .ill.photo{width:100%;height:100%;min-height:220px;object-fit:cover;object-position:40% 50%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 80%,transparent 100%)}
.rh-clip:has(.photo){width:118px}
.rh-clip .ill.photo{width:118px;height:118px;object-fit:cover;border-radius:10px;transform:rotate(5deg);box-shadow:0 8px 18px rgba(8,41,77,.18)}
.cat-chip .ill.photo{width:64px;height:58px;object-fit:contain;background:#fff;border-radius:6px}
.fl-links{display:grid;gap:2px}
.fl-link{display:flex;justify-content:space-between;gap:8px;padding:6px 4px;border-radius:6px;color:var(--text);text-decoration:none;font-size:14px}
.fl-link:hover{background:var(--soft);color:var(--link)}
.fl-link.on{background:var(--soft2);color:var(--link);font-weight:700}
/* Shop cards: quote button on one line; bulk card keeps its text clear of the clipboard photo. */
.medlive ul.products li.product .ml-rfq-btn{white-space:nowrap;font-size:12.5px;padding-inline:6px;gap:5px;justify-content:center}
@media (min-width:1101px) and (max-width:1400px){.medlive ul.products.columns-6 li.product .ml-rfq-btn .ico{display:none}}
.rh-sbulk>div{min-width:0;flex:1}
.rh-clip:has(.photo){width:86px;align-self:center}
.rh-clip .ill.photo{width:86px;height:86px}
@media (max-width:800px){.woocommerce-breadcrumb a,.storefront-breadcrumb a,.ml-crumbs a{display:inline-block;padding-block:10px}}
.rh-sbulk{gap:16px}
.rh-sbulk .rh-clip:has(.photo){width:84px!important;flex:0 0 84px;position:static}
.rh-sbulk .rh-clip .ill.photo{width:84px!important;height:84px!important;max-width:84px;transform:none}
/* Shop hero photo stays in the top row, so all four trust items show; softer right edge. */
.rh-sart.rh-sphoto{grid-row:auto;margin-block:-24px 0;align-self:stretch}
.rh-sphoto .ill.photo{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 62%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 62%,transparent 100%)}
/* Photos never paint outside their box (Chrome draws object-fit overflow when overflow is visible). */
.ill.photo{overflow:clip!important;overflow-clip-margin:0}
/* Card buy row: "Add to Cart" fits beside the quantity box. */
.medlive ul.products li.product .add_to_cart_button,.medlive ul.products li.product .ajax_add_to_cart{white-space:nowrap;font-size:12.5px;padding-inline:8px;min-width:0}
@media (min-width:1101px) and (max-width:1400px){.medlive ul.products.columns-6 li.product .add_to_cart_button .ico{display:none}}

/* 1.4.3+: phone tap targets for card quantity and RFQ buttons */
@media (max-width:800px){
.medlive .ml-loop-cart .btn,.medlive .ml-loop-cart .button,.pacts>.btn,.medlive ul.products li.product .ml-rfq-btn,.medlive ul.products li.product .add_to_cart_button{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.medlive .ml-loop-cart .qty{min-height:40px;align-items:stretch}
.medlive .ml-loop-cart .qty button{min-width:34px;align-self:stretch}
}
@media (max-width:600px){
li.product .buyrow.ml-loop-cart{flex-wrap:wrap;gap:8px}
li.product .buyrow.ml-loop-cart>.qty{flex:1 1 100%!important;justify-content:space-between}
li.product .buyrow.ml-loop-cart>.qty input{flex:1}
li.product .buyrow.ml-loop-cart>.btn,li.product .buyrow.ml-loop-cart>.button{flex:1 1 100%!important;white-space:nowrap}
.woocommerce-pagination ul.page-numbers{display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%}
.woocommerce-pagination ul.page-numbers li{margin:0!important}
.woocommerce-pagination{max-width:100%}
}
.ml-login-head{margin:8px 0 24px}.ml-login-head h1{color:#08294D;font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 6px;font-weight:800}.ml-login-head p{margin:0;font-size:16px}
.foot .news-done{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:14px}
/* 1.5.3: products with options (e.g. size) in the buy box */
.xbuy form.variations_form{display:block!important}
.xbuy table.variations{width:100%;margin:0 0 12px;border:0}
.xbuy table.variations th,.xbuy table.variations td{display:block;padding:0;border:0;background:none;text-align:left}
.xbuy table.variations th label{font-weight:700;color:#08294D;margin-bottom:6px;display:block}
.xbuy table.variations select{width:100%;min-height:46px;border:1.5px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;font-size:16px}
.xbuy .reset_variations{display:inline-block;margin-top:6px;font-size:14px}
.xbuy .woocommerce-variation-price{margin:4px 0 10px;font-weight:800;color:var(--red);font-size:22px}
.xbuy .woocommerce-variation-add-to-cart{display:flex;gap:12px;align-items:stretch}
.xbuy .woocommerce-variation-add-to-cart .single_add_to_cart_button{flex:1}
.hsearch:focus-within{box-shadow:0 0 0 3px rgba(20,93,160,.25)}

/* 1.5.9: delivery addresses */
.ml-addr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0 0 20px}
.ml-addr{display:flex;flex-direction:column;gap:10px;border:1.5px solid var(--line)}
.ml-addr.is-default{border-color:#145DA0}
.ml-addr-h{display:flex;align-items:center;justify-content:space-between;gap:8px}.ml-addr-h b{color:#08294D;font-size:16px}
.ml-addr address{font-style:normal;line-height:1.5;color:#20272F;margin:0;flex:1}
.ml-addr-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ml-addr-acts form{margin:0}
.link-btn.danger{color:#B3001B;display:inline-flex;align-items:center;gap:4px;background:none;border:0;cursor:pointer;font-weight:600;padding:6px 8px}.link-btn.danger .ico{width:15px;height:15px}
.ml-addr-form .ml-addr-btns{display:flex;gap:10px;margin-top:14px}
.ml-addr-form .req{color:#E60023}
.ml-addr-grid .empty{grid-column:1/-1;text-align:center;padding:28px}
.ml-addr-pick select{width:100%}.ml-addr-hint{display:block;font-size:13px;color:#5b6572;margin-top:6px}
.ml-addr-save input.input-text{display:none;margin-top:8px}.ml-addr-save.on input.input-text{display:block}
.ml-addr-pick{margin:0 0 14px;padding:12px 14px;background:#EEF4FB;border-radius:10px}.ml-addr-pick label{font-weight:700;color:#08294D;display:block;margin-bottom:6px}
/* 1.6.3: account sidebar – no gap between the welcome card and the menu */
.ml-xacct .woocommerce:has(>.ml-who){grid-template-rows:auto 1fr}
.ml-xacct .woocommerce>.ml-who+.woocommerce-MyAccount-navigation{align-self:start}
/* 1.6.4: tender update panel, invoices */
.ml-tender-edit{margin-top:18px}.ml-tender-edit h3{margin-bottom:4px}
.ml-order-invoice{margin:14px 0 22px}

/* 1.6.7: shipment details */
.ml-shipment{margin:14px 0 22px}.ml-shipment h3,.ml-shipment h2{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ml-shipment .ico{width:20px;height:20px;color:var(--blue)}.ml-shipment p{margin:0}

/* 1.6.8: empty search results */
.ml-noresults{grid-column:1/-1;padding:8px 0 20px}.ml-noresults .tick{margin:10px 0 18px}
.ml-nores-acts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.ml-noresults .h4{font-size:16px;color:#08294D;margin:0 0 10px}
.ml-nores-depts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.ml-nores-depts a{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:#08294D;font-weight:600;text-decoration:none;font-size:14px}
.ml-nores-depts a .ico{width:18px;height:18px;color:var(--blue);flex:none}
.ml-nores-depts a:hover{border-color:#145DA0}

/* 1.7.3: buy again */
.ml-buyagain{margin:14px 0 22px}.ml-buyagain h3{display:flex;align-items:center;gap:8px;margin-bottom:4px}.ml-buyagain h3 .ico{width:20px;height:20px;color:var(--blue)}
.ml-ba-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.ml-ba-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.ml-ba-name a{color:#08294D;font-weight:600}.ml-ba-price{font-weight:700;color:#08294D;white-space:nowrap}
@media (max-width:600px){.ml-ba-list li{grid-template-columns:1fr;gap:6px}}
/* EFT instructions on the order-confirmation page (1.7.5) */
.ml-eft-note{margin:18px 0 26px;border-left:4px solid var(--blue)}.ml-eft-note h2{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ml-eft-note .ico{width:20px;height:20px;color:var(--blue)}.ml-eft-note p{margin:0 0 8px}.ml-eft-note p:last-child{margin-bottom:0}
/* Product documents tab (1.8.0) */
.ml-doclist{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:640px}.ml-doclist li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}.ml-doclist .ico{width:22px;height:22px;color:var(--blue);flex:none}.ml-doclist span{display:flex;flex-direction:column;gap:2px}.ml-doclist a{font-weight:600;color:var(--navy)}.ml-doclist small{font-size:12px}
/* Name-derived product descriptions: no verification ticks (1.8.9) */
.xfeats-generic .ico{background:var(--soft2);color:var(--blue);stroke-width:2.4}.xfeats-note{font-size:12.5px;margin:8px 0 0}