/* Nutra catalog - one stylesheet for every page (system fonts: Latin, Cyrillic, Greek, Thai, Arabic, Georgian). */
:root{--bg:#f6f6fb;--card:#fff;--ink:#12132b;--ink2:#3c3f60;--muted:#6c7093;--line:#e7e7f1;--line2:#d9d8ec;
--brand:#5b47f5;--brand2:#4331d9;--brand3:#251a7a;--tint:#efecff;--tint2:#f6f5ff;
--acc:#ff5f3d;--acc2:#ea4623;--ok:#0d9f6e;--okbg:#e8f8f1;--bad:#e5484d;--badbg:#fdeeee;--warn:#c2410c;--warnbg:#fff4ec;
--r:22px;--r2:14px;--r3:10px;--w:1240px;
--sh:0 1px 2px rgba(23,20,70,.05),0 8px 28px -10px rgba(23,20,70,.14);
--sh2:0 2px 4px rgba(23,20,70,.05),0 22px 50px -18px rgba(37,26,122,.32);
--dark:linear-gradient(135deg,#120d36 0%,#24186e 48%,#4a35d8 100%)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--brand2)}
img,svg{max-width:100%}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto;line-height:1.15;letter-spacing:-.022em;color:var(--ink);margin:0 0 .55em}
h1{font-size:clamp(1.85rem,1.25rem + 2.4vw,3.1rem);font-weight:800}
h2{font-size:clamp(1.35rem,1.1rem + .9vw,1.8rem);font-weight:780}
h3{font-size:1.08rem;font-weight:720}
p{margin:0 0 1em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.narrow{max-width:860px}
@media (max-width:600px){.wrap{padding:0 16px}}
.ic{width:20px;height:20px;flex:none}
.ic.sm{width:16px;height:16px}
.ic.big{width:44px;height:44px}
.lead{font-size:1.14rem;color:var(--ink2);line-height:1.6}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;color:#fff;
background:linear-gradient(135deg,var(--acc),#ff8a3d);box-shadow:0 8px 20px -8px rgba(255,95,61,.65);
font:inherit;font-weight:700;padding:.8em 1.6em;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;min-height:50px}
.btn:hover{color:#fff;filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(255,95,61,.75)}
.btn:active{transform:translateY(0)}
.btn.sm{padding:.45em 1.1em;min-height:38px;font-size:.92rem}
.btn.ghost{background:transparent;color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--line2)}
.btn.ghost:hover{background:var(--tint2);color:var(--brand2);box-shadow:inset 0 0 0 1.5px var(--brand)}
.btn[disabled]{opacity:.6;cursor:progress}
.more{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none;white-space:nowrap;color:var(--brand)}
.more:hover .ic{transform:translateX(3px)}.more .ic{transition:transform .15s}
[dir=rtl] .more .ic,[dir=rtl] .pc-f .ic,[dir=rtl] .nt-a,[dir=rtl] .sub .ic{transform:scaleX(-1)}
.more.big{display:flex;justify-content:center;padding:18px;border-radius:var(--r2);background:var(--card);border:1px solid var(--line);margin:0 0 16px;font-size:1.05rem}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 14px 6px 8px;font-size:.86rem;font-weight:650;
background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.pill .ic{width:18px;height:18px;margin-inline-start:4px}
.tag{display:inline-block;font-size:.72rem;border-radius:6px;padding:1px 7px;background:var(--badbg);color:var(--bad);vertical-align:middle;font-weight:650}
/* header */
.hd{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(231,231,241,.8)}
.hd-in{display:flex;align-items:center;gap:20px;min-height:68px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.14rem;line-height:1.1;letter-spacing:-.01em}
.brand:hover{color:var(--ink)}
.brand small{display:block;font-weight:500;font-size:.72rem;color:var(--muted);letter-spacing:0}
.lg{width:36px;height:36px;flex:none;filter:drop-shadow(0 4px 10px rgba(91,71,245,.35))}
.hd.dk{position:absolute;inset-inline:0;background:transparent;border:0;backdrop-filter:none}
.hd.dk .brand{color:#fff}
.nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.nav>a,.nav summary{color:var(--ink2);text-decoration:none;font-weight:600;padding:9px 14px;border-radius:999px;font-size:.95rem}
.nav>a:hover,.nav summary:hover,.nav .dd[open]>summary{background:var(--tint);color:var(--brand3)}
.hd-r{display:flex;align-items:center;gap:6px}
.ib{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:999px;color:var(--ink2)}
.ib:hover{background:var(--tint);color:var(--brand3)}
.cbtn{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:999px;padding:8px 10px;
font:inherit;font-size:.86rem;font-weight:750;color:var(--ink2);cursor:pointer;transition:background .15s}
.cbtn:hover{background:var(--tint);color:var(--brand3)}
.cbtn .fg{--w:22px;--h:22px;width:22px;height:22px;border-radius:50%;background-size:calc(var(--c,12) * 29.33px) auto;
background-position:calc(var(--x,0) * 29.33px * -1 - 3.67px) calc(var(--y,0) * 22px * -1);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line2)}
.cbtn .ic{opacity:.6}
.dd{position:relative}
.dd>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px}
.dd>summary::-webkit-details-marker{display:none}
.nav .dd>summary::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(45deg) translateY(-2px);margin-inline-start:2px}
.dd-m{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 12px);animation:ddIn .18s ease-out;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh2);
padding:12px;z-index:50;max-height:min(560px,calc(100dvh - 90px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
@keyframes ddIn{from{opacity:0;margin-top:-6px}to{opacity:1;margin-top:0}}
.nav .dd-m{overflow:visible}
.nav .dd-m::before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;background:var(--card);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:translateX(-50%) rotate(45deg)}
.mg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(540px,calc(100vw - 32px))}
.mg-all{display:flex;align-items:center;gap:12px;margin-top:8px;padding:12px;border-radius:var(--r2);background:var(--ink);color:#fff;text-decoration:none}
.mg-all:hover{color:#fff;background:var(--brand3)}
.mg-all i{display:flex;width:36px;height:36px;border-radius:11px;align-items:center;justify-content:center;background:rgba(255,255,255,.14)}
.mg-all span{display:flex;flex-direction:column;line-height:1.25;flex:1}.mg-all small{opacity:.7;font-size:.8rem}.mg-all b{font-weight:700}
.mg a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--r2);color:var(--ink);text-decoration:none;font-size:.94rem;font-weight:600}
.mg a:hover{background:hsl(var(--h,250) 90% 97%)}
.mg i{display:flex;width:36px;height:36px;border-radius:11px;align-items:center;justify-content:center;flex:none;color:#fff;
background:linear-gradient(135deg,hsl(var(--h,250) 82% 62%),hsl(calc(var(--h,250) + 28) 78% 52%))}
.mg .all{background:var(--ink);color:#fff}.mg .all:hover{background:var(--brand3);color:#fff}.mg .all i{background:rgba(255,255,255,.14)}
.mg .all span{display:flex;flex-direction:column;line-height:1.2}.mg .all small{opacity:.7;font-size:.78rem;font-weight:500}
.mg .ic{width:19px;height:19px}
@media (max-width:900px){.nav,.cbtn{display:none!important}.bgr{display:inline-flex!important}.brand small{display:none}.hd-in{gap:8px;justify-content:space-between}.hd-r{margin-inline-start:auto}
.nav .dd-m{position:fixed;inset-inline:16px;top:70px;left:16px;transform:none}.nav .dd-m::before{display:none}.mg{width:auto}}
@media (max-width:420px){.brand span{font-size:1rem}.nav summary{padding:8px 8px;font-size:.9rem}.hd-in{gap:4px}.lg{width:32px;height:32px}.cbtn b{display:none}.cbtn{padding:8px}}
/* country dialog */
.cm{border:0;padding:0;border-radius:26px;width:min(680px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 40px));box-shadow:0 30px 80px -20px rgba(18,13,54,.55);
background:var(--card);color:var(--ink);overflow:hidden;display:none;flex-direction:column}
.cm[open]{display:flex;animation:cmIn .22s ease-out}
.cm::backdrop{background:rgba(18,13,54,.5);backdrop-filter:blur(4px)}
@keyframes cmIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.cm-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 12px}
.cm-h strong{font-size:1.2rem;font-weight:800;letter-spacing:-.01em}
.cm-x{display:inline-flex;width:40px;height:40px;border-radius:999px;border:0;background:var(--tint2);color:var(--ink2);align-items:center;justify-content:center;cursor:pointer}
.cm-x:hover{background:var(--tint);color:var(--brand3)}
.cm .gs-f{margin:0 22px 10px;width:auto}
.cm-l{list-style:none;margin:0;padding:4px 14px 18px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;scrollbar-width:thin}
.cm-l.one{grid-template-columns:1fr}
.cm-l a,.cc a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r2);color:var(--ink);text-decoration:none;text-align:start}
.cm-l a:hover{background:var(--tint2)}
.cm-l a[aria-current]{background:var(--tint);box-shadow:inset 0 0 0 1.5px var(--brand)}
.cm-l span,.cc a span{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.cm-l b,.cc b{font-weight:700;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-l small,.cc small{color:var(--muted);font-size:.78rem}
.cm-l .fg,.cc .fg{--w:32px;--h:24px;border-radius:5px}
@media (max-width:560px){.cm-l{grid-template-columns:1fr}.cm{border-radius:22px}}
.gs-f{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--r2);font:inherit;font-size:.95rem;background:var(--tint2);color:var(--ink);outline:0}
.gs-f:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px var(--tint)}
li[hidden],.pc[hidden],.rg[hidden]{display:none!important}
/* flags */
.fg{--w:24px;--h:18px;display:inline-block;flex:none;width:var(--w);height:var(--h);background-size:calc(var(--c,12) * var(--w)) auto;
background-position:calc(var(--x,0) * var(--w) * -1) calc(var(--y,0) * var(--h) * -1);border-radius:3px;background-repeat:no-repeat;box-shadow:0 0 0 1px rgba(15,23,42,.1);vertical-align:middle}
.fg-x{font-style:normal;font-size:.62rem;font-weight:700;line-height:18px;text-align:center;color:var(--brand);background:var(--tint)}
.pill .fg{border-radius:50%;--w:24px;--h:24px;width:24px;height:24px;background-size:calc(var(--c,12) * 32px) auto;
background-position:calc(var(--x,0) * 32px * -1 - 4px) calc(var(--y,0) * 24px * -1);box-shadow:0 0 0 2px rgba(255,255,255,.4)}
/* geo tip + cookie bar */
.gt{background:var(--ink);color:#fff;font-size:.93rem}
.gt .wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.gt p{margin:0 auto 0 0}.gt .btn{background:#fff;color:var(--ink);box-shadow:none}.gt .btn.ghost{background:transparent;color:#fff}
.cb{position:fixed;inset-inline:16px;bottom:16px;z-index:60;max-width:560px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);
box-shadow:var(--sh2);padding:16px 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.92rem}
.cb p{margin:0;flex:1 1 260px}.cb div{display:flex;gap:8px}
/* crumbs */
.cr ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0 0 18px;font-size:.86rem;color:var(--muted)}
.cr li+li::before{content:"/";margin-inline-end:4px;opacity:.5}
.cr a{color:inherit;text-decoration:none}.cr a:hover{color:var(--brand)}
/* dark hero (root + country home) */
.hx{position:relative;background:var(--dark);color:#fff;overflow:hidden;padding:56px 0 64px;isolation:isolate}
.hx::before,.hx::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;opacity:.55}
.hx::before{width:520px;height:520px;background:#ff5f3d;inset-inline-end:-160px;top:-220px;opacity:.35}
.hx::after{width:560px;height:560px;background:#22d3ee;inset-inline-start:-240px;bottom:-320px;opacity:.25}
.hx h1{color:#fff}.hx h1 em{font-style:normal;background:linear-gradient(90deg,#ffb199,#ff7a59 40%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx .lead{color:rgba(255,255,255,.82);max-width:640px}
.hx-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
.hx-t .pill{margin-bottom:18px}
.sf{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px;padding-inline-start:18px;max-width:600px;box-shadow:0 16px 40px -14px rgba(0,0,0,.45);margin:26px 0}
.sf .ic{color:var(--muted)}
.sf input{flex:1;border:0;outline:0;font:inherit;background:transparent;min-width:0;padding:10px 0;color:var(--ink)}
.st{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px}
.st li{display:flex;flex-direction:column;padding:12px 18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);min-width:120px}
.st b{font-size:1.45rem;font-weight:800;line-height:1.15;letter-spacing:-.02em}
.st span{font-size:.8rem;opacity:.75}
.hx-v{position:relative;height:380px}
.sc{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 16px 14px;border-radius:24px;text-decoration:none;color:var(--ink);
background:rgba(255,255,255,.96);box-shadow:0 30px 60px -20px rgba(0,0,0,.5);width:200px;transition:transform .25s}
.sc:hover{transform:translateY(-6px) rotate(0deg)!important;color:var(--ink)}
.sc .pk{width:150px;height:150px;object-fit:contain;border-radius:16px;background:hsl(var(--h) 85% 96%)}
.sc span{display:flex;flex-direction:column;align-items:center;line-height:1.25;text-align:center}
.sc b{font-size:.95rem}.sc small{color:var(--brand2);font-weight:750}
.sc0{inset-inline-start:30%;top:10px;z-index:2}
.sc1{inset-inline-start:0;top:120px;transform:rotate(-4deg);width:180px}
.sc2{inset-inline-end:0;top:150px;transform:rotate(4deg);width:180px}
.sc1 .pk,.sc2 .pk{width:120px;height:120px}
@media (max-width:960px){.hx-g{grid-template-columns:minmax(0,1fr)}.hx-v{display:none}.hx{padding:36px 0 40px}}
/* light hero band (hub, product, service) */
.hb{position:relative;padding:22px 0 34px;overflow:hidden;isolation:isolate;
background:radial-gradient(900px 380px at 100% 0,hsl(var(--h) 90% 93%) 0,transparent 65%),radial-gradient(700px 320px at 0 100%,hsl(calc(var(--h) + 40) 90% 95%) 0,transparent 60%),linear-gradient(180deg,#fff,var(--bg))}
.hb h1{max-width:900px}
.hb-g{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap}
.hb-g>div{max-width:760px}
.hb-i{display:inline-flex;width:60px;height:60px;border-radius:18px;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;
background:linear-gradient(135deg,hsl(var(--h) 82% 62%),hsl(calc(var(--h) + 28) 78% 50%));box-shadow:0 14px 30px -12px hsl(var(--h) 70% 45% / .7)}
.hb-i .ic{width:30px;height:30px}
.hb .st li{background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.hb .st span{color:var(--muted);opacity:1}
.hb-o{list-style:none;margin:24px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.hb-o a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid var(--line);
color:var(--ink2);text-decoration:none;font-size:.88rem;font-weight:600}
.hb-o a:hover{border-color:hsl(var(--h) 70% 60%);color:hsl(var(--h) 70% 35%);background:#fff}
.hb-o .ic{color:hsl(var(--h) 70% 50%)}
/* sections */
.blk{margin:48px 0}
.bh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.bh h2{margin:0}
/* category tiles */
.ng{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.nt{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:var(--r);text-decoration:none;color:var(--ink);height:100%;
background:linear-gradient(160deg,hsl(var(--h,250) 90% 97%),#fff 70%);border:1px solid hsl(var(--h,250) 60% 92%);transition:transform .2s,box-shadow .2s}
.nt:hover{transform:translateY(-3px);box-shadow:var(--sh2);color:var(--ink)}
.nt i{display:flex;width:48px;height:48px;border-radius:15px;align-items:center;justify-content:center;color:#fff;margin-bottom:10px;
background:linear-gradient(135deg,hsl(var(--h,250) 82% 62%),hsl(calc(var(--h,250) + 28) 78% 50%));box-shadow:0 10px 22px -10px hsl(var(--h,250) 70% 45% / .8)}
.nt .ic{width:24px;height:24px}
.nt strong{font-size:1.05rem;line-height:1.25}.nt small{color:var(--muted)}
.nt-a{position:absolute;inset-inline-end:18px;top:22px;color:hsl(var(--h,250) 50% 60%);opacity:.6}
.nt.all{background:var(--ink);border-color:var(--ink);color:#fff}.nt.all small{color:rgba(255,255,255,.65)}.nt.all i{background:rgba(255,255,255,.14);box-shadow:none}.nt.all .nt-a{color:#fff}
/* product cards */
.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.pc{display:flex;flex-direction:column;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);overflow:hidden;
transition:transform .2s,box-shadow .2s,border-color .2s}
.pc:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:transparent;color:var(--ink)}
.pc-i{position:relative;display:flex;align-items:center;justify-content:center;height:210px;padding:16px;
background:radial-gradient(circle at 50% 60%,#fff 0,hsl(var(--h) 85% 95%) 70%)}
.pc-i .pk{width:100%;height:100%;max-height:178px;object-fit:contain;transition:transform .3s}
img.pk{mix-blend-mode:multiply}
.pc:hover .pc-i .pk{transform:scale(1.05)}
.pc-i .tag{position:absolute;top:12px;inset-inline-start:12px}
.pc.off .pc-i .pk{filter:grayscale(.7);opacity:.7}
.pc-b{display:flex;flex-direction:column;gap:3px;padding:14px 16px 16px;flex:1}
.pc-b small{color:hsl(var(--h) 60% 42%);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.pc-b strong{font-size:1.1rem;line-height:1.25;font-weight:750}
.pc-m{color:var(--muted);font-size:.85rem}
.pc-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px}
.pc-f b{font-size:1.12rem;font-weight:800;color:var(--ink)}
.pc-f em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:.84rem;font-weight:700;color:var(--brand);white-space:nowrap}
@media (max-width:520px){.pg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pc-b{padding:10px 12px 12px}.pc-b strong{font-size:.98rem}
.pc-f{flex-direction:column;align-items:flex-start;gap:2px}.pc-f em{display:none}.pc-i{padding:10px;height:150px}.pc-i .pk{max-height:130px}}
/* listing toolbar */
.tb{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{font:inherit;font-size:.88rem;font-weight:650;border:1px solid var(--line2);background:var(--card);color:var(--ink2);border-radius:999px;padding:7px 14px;cursor:pointer}
.chips button:hover{border-color:var(--brand);color:var(--brand)}
.chips button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.tb-r{display:flex;gap:8px;margin-inline-start:auto;flex-wrap:wrap}
.lf,.so{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);background:var(--card);border-radius:999px;padding:0 14px;min-height:42px;color:var(--muted)}
.lf:focus-within,.so:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--tint)}
.lf input,.so select{border:0;outline:0;background:transparent;font:inherit;font-size:.9rem;color:var(--ink);min-width:0}
.lf input{width:180px}.so select{cursor:pointer;padding-inline-end:4px}
.lf.big{min-height:52px;padding:0 18px;max-width:420px;width:100%}.lf.big input{width:100%;font-size:1rem}
.nf{text-align:center;color:var(--muted);padding:30px}
@media (max-width:600px){.tb-r{width:100%;margin:0}.lf{flex:1}.lf input{width:100%}}
/* guide block (hub) */
.gd{display:grid;gap:16px}
.gd-l{display:flex;gap:18px;align-items:flex-start;padding:26px 28px;border-radius:var(--r);background:linear-gradient(135deg,hsl(var(--h) 90% 96%),#fff);border:1px solid hsl(var(--h) 60% 92%)}
.gd-l i{display:flex;width:52px;height:52px;flex:none;border-radius:16px;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 82% 62%),hsl(calc(var(--h) + 28) 78% 50%))}
.gd-l p{margin:0;font-size:1.1rem;color:var(--ink);line-height:1.65}
.gd-r{columns:2 320px;column-gap:36px;padding:8px 4px;color:var(--ink2)}
.gd-r p{break-inside:avoid}
/* feature cards */
.fc{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.fc li{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--sh)}
.fc i{display:flex;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;background:var(--tint);color:var(--brand);margin-bottom:14px}
.fc-n{position:absolute;inset-inline-end:20px;top:18px;font-size:1.6rem;font-weight:800;color:var(--tint);letter-spacing:-.04em;-webkit-text-stroke:1px var(--line2)}
.fc strong{display:block;font-size:1.02rem;line-height:1.35;margin-bottom:8px}
.fc p{margin:0;color:var(--ink2);font-size:.94rem}
.sec .fc li{box-shadow:none;background:var(--tint2);border-color:transparent}
.band{display:flex;gap:18px;align-items:center;padding:24px 28px;border-radius:var(--r);background:var(--dark);color:rgba(255,255,255,.85);margin:48px 0}
.band strong{color:#fff;font-size:1.1rem;display:block;margin-bottom:4px}.band p{margin:0;font-size:.92rem}
.ic.lg2{width:44px;height:44px;color:#ffb199}
/* product hero */
.pr-h{padding-bottom:40px}
.ph-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:start}
.ph-t h1{margin-top:12px;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.35rem)}
.chips2{display:flex;gap:6px;flex-wrap:wrap}
.chips2>*{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.84rem;font-weight:650;color:var(--ink2);text-decoration:none}
.chips2 a:hover{border-color:var(--brand);color:var(--brand)}
.chips2 .ic{color:hsl(var(--h) 70% 50%)}
.chips2 .oos{background:var(--warn);border-color:var(--warn);color:#fff}
.eyebrow{font-size:.9rem;color:var(--muted);margin:0 0 10px}
.by{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--line)}
.by-p{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:650;font-size:.92rem;line-height:1.2}
.by-p i,.au i,.rv i{display:flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:.85rem;
color:#fff;background:linear-gradient(135deg,var(--brand),#9b7bff);flex:none}
.by-p i.rv2{background:linear-gradient(135deg,var(--ok),#34d399)}
.by-p span{display:flex;flex-direction:column}.by-p small{color:var(--muted);font-weight:500;font-size:.76rem}
.by p{margin:0;font-size:.82rem;color:var(--muted);line-height:1.5}.by p .ic{color:var(--ok);vertical-align:-3px;margin-inline-end:3px}
.kh{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:26px 0 10px;font-weight:750}
.kf{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kf li{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:12px 14px;font-size:.92rem}
.kf i{display:flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;background:hsl(var(--h) 90% 95%);color:hsl(var(--h) 65% 42%);flex:none}
.kf span{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.kf small{color:var(--muted);font-size:.76rem}.kf b{font-weight:750}
.kf li.w{background:transparent;border-style:dashed;color:var(--ink2)}
.ph-c{position:sticky;top:88px;background:var(--card);border-radius:28px;box-shadow:var(--sh2);overflow:hidden;border:1px solid var(--line)}
.ph-p{display:flex;align-items:center;justify-content:center;height:240px;padding:18px;background:radial-gradient(circle at 50% 65%,#fff 0,hsl(var(--h,250) 85% 94%) 75%)}
.ph-p .pk{max-height:100%;width:auto;height:100%;object-fit:contain}
.ph-p svg.pk,.buy-i svg.pk{filter:drop-shadow(0 18px 24px rgba(23,20,70,.18))}
.ph-p svg.pk{height:200px}
.sub.inl{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.sub.inl a{padding:6px 13px;border-radius:999px;font-size:.86rem;font-weight:600;background:#fff}
.sub.inl a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
/* order form */
.of{padding:18px 20px 20px;display:flex;flex-direction:column;gap:11px}
.of-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.of-h strong{font-size:1.08rem;font-weight:750}
.pr b{font-size:1.5rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}.pr s{color:var(--muted);font-size:.95rem;margin-inline-end:6px}
.fl{display:flex;flex-direction:column;gap:5px;font-size:.84rem;color:var(--ink2);font-weight:650}
.fl input,.fl textarea{font:inherit;font-weight:400;color:var(--ink);border:1.5px solid var(--line2);border-radius:14px;padding:12px 14px;background:#fff;outline:0;min-height:50px;width:100%}
.fl input:focus,.fl textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--tint)}
.ph{display:flex;align-items:stretch;border:1.5px solid var(--line2);border-radius:14px;background:#fff;overflow:hidden}
.ph:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--tint)}
.ph b{display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;white-space:nowrap;color:var(--ink2);background:var(--tint2);font-weight:700}
.ph input{border:0;border-radius:0;box-shadow:none!important}
.of .bad,.of .bad:focus-within{border-color:var(--bad)}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.cs{display:flex;gap:8px;font-size:.8rem;color:var(--muted);line-height:1.4;align-items:flex-start;font-weight:400}
.cs input{margin-top:2px;width:18px;height:18px;flex:none;accent-color:var(--brand)}
.of .btn{width:100%;font-size:1.04rem;margin-top:2px}
.er{color:var(--bad);font-size:.88rem;margin:0}
.of-n{list-style:none;padding:0;margin:2px 0 0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.82rem;color:var(--muted)}
.of-n li{display:flex;gap:6px;align-items:center}.of-n .ic{width:16px;height:16px;color:var(--ok)}
/* buy panel (price section): price card + full-width form */
.buy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);margin-top:18px;background:#fff}
.buy-p{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 24px;background:linear-gradient(160deg,hsl(var(--h) 90% 96%),hsl(var(--h) 60% 99%))}
.buy-i{position:relative;align-self:center;width:180px;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.buy-i .pk{max-width:100%;max-height:100%;object-fit:contain}
.buy-i .off{position:absolute;top:4px;inset-inline-end:-6px;background:var(--acc);color:#fff;font-weight:800;font-size:.85rem;border-radius:999px;padding:4px 10px}
.buy-p small{color:var(--muted);font-size:.8rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em}
.buy-v{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.buy-v b{font-size:2.1rem;font-weight:850;letter-spacing:-.03em;line-height:1.1}.buy-v s{color:var(--muted)}
.buy-n{font-size:.84rem;color:var(--ink2);margin:6px 0 0}
.buy .of{padding:22px 24px;justify-content:center}
.buy .of-h .pr,.buy .of-n{display:none}
@media (max-width:760px){.buy{grid-template-columns:1fr}.buy .of{border-top:1px solid var(--line)}}
.ok{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ok li{display:flex;gap:10px;align-items:flex-start;color:var(--ink)}
.ok .ic{color:var(--ok);background:var(--okbg);border-radius:50%;padding:3px;width:24px;height:24px;flex:none}
.ok.sm{gap:6px;margin:8px 0 2px}.ok.sm li{font-size:.88rem;align-items:center}.ok.sm .ic{width:22px;height:22px}
/* out of stock */
.na{padding:20px;background:var(--warnbg)}
.na strong{display:block;color:var(--warn);margin-bottom:6px}.na p{font-size:.92rem;margin:0 0 6px}
.tag.oos{background:var(--warn);color:#fff;padding:2px 9px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
.na>.tag.oos{margin-bottom:8px}
.na-l{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.na-l a{display:flex;gap:12px;align-items:center;padding:8px 10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);text-decoration:none;color:var(--ink)}
.na-l a:hover{border-color:var(--brand)}
.na-l .na-i{flex:none;width:56px;height:60px;display:flex;align-items:center;justify-content:center}
.na-l .na-i img,.na-l .na-i svg{max-width:100%;max-height:100%;width:auto;height:auto}
.na-l a>span:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;flex:1;min-width:0}
.na-l strong{color:var(--ink)!important;margin:0!important;flex-basis:100%}
.na-l em{font-style:normal;margin-inline-start:auto}
.buy.na-w{display:block}.buy.na-w .na{background:var(--warnbg)}
/* article */
.art{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;margin:36px 0}
.art-sx{position:sticky;top:96px;display:grid;gap:14px}
.toc{font-size:.9rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 12px}
.toc p{font-weight:750;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:var(--muted);margin:0 8px 8px}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc a{display:flex;gap:10px;padding:7px 8px;border-radius:10px;color:var(--ink2);text-decoration:none;line-height:1.35;counter-increment:t}
.toc a::before{content:counter(t,decimal-leading-zero);font-size:.72rem;font-weight:800;color:var(--muted);padding-top:2px}
.toc a:hover{background:var(--tint2);color:var(--ink)}
.toc a.on{background:var(--tint);color:var(--brand3);font-weight:650}.toc a.on::before{color:var(--brand)}
.art-m{min-width:0;max-width:860px}
.art-m.wide{grid-column:1/-1;max-width:900px;margin:0 auto;width:100%}
@media (max-width:1000px){.art{grid-template-columns:1fr;gap:0}.art-s{display:none}}
.sec{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px 32px;margin:0 0 18px}
.sec>h2{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.sec>h2 i{display:flex;width:42px;height:42px;border-radius:13px;align-items:center;justify-content:center;background:var(--tint);color:var(--brand);flex:none}
@media (max-width:600px){.sec{padding:22px 18px;border-radius:18px}.sec>h2 i{width:36px;height:36px;border-radius:11px}}
.sec p,.doc p{color:var(--ink2)}
.in{font-size:1.08rem;color:var(--ink)!important;line-height:1.7}
.doc{margin-top:-10px}
.call{display:flex;gap:12px;align-items:flex-start;background:var(--tint2);border-radius:var(--r2);padding:14px 16px;color:var(--ink)!important}
.call .ic{color:var(--brand);margin-top:2px}
/* verdict */
.vd{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-bottom:20px}
.vd blockquote{position:relative;margin:0;padding:24px 24px 22px;border-radius:var(--r2);background:var(--dark);color:#fff}
.vd blockquote p{color:#fff;font-size:1.16rem;line-height:1.55;font-weight:600;margin:0}
.vd .q{width:30px;height:30px;color:#ffb199;margin-bottom:8px}
.vd .ok{background:var(--okbg);border-radius:var(--r2);padding:20px;align-content:center}
.vd .ok li{font-size:.95rem}
@media (max-width:700px){.vd{grid-template-columns:1fr}}
/* ingredients */
.ing{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ing li{display:flex;gap:14px;padding:16px;border-radius:var(--r2);background:hsl(var(--h) 80% 97%);border:1px solid hsl(var(--h) 50% 92%)}
.ing i{display:flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;flex:none;font-style:normal;font-weight:800;color:#fff;
background:linear-gradient(135deg,hsl(var(--h) 70% 58%),hsl(calc(var(--h) + 30) 70% 48%))}
.ing strong{display:block;margin-bottom:4px}.ing p{margin:0 0 4px;font-size:.9rem}.ing small{color:var(--muted);font-size:.74rem;font-style:italic}
/* usage */
.use{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:var(--r2);background:linear-gradient(135deg,var(--tint),#fff);border:1px solid var(--line);margin-bottom:18px}
.use i{display:flex;width:52px;height:52px;border-radius:16px;align-items:center;justify-content:center;background:var(--brand);color:#fff;flex:none}
.use p{margin:0;color:var(--ink)!important;font-weight:650;font-size:1.04rem}
.tl{list-style:none;padding:0;margin:0;display:grid;gap:0}
.tl li{display:flex;gap:16px;position:relative;padding-bottom:16px}
.tl li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:17px;top:38px;bottom:4px;width:2px;background:var(--line)}
.tl span{display:flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;flex:none;font-weight:800;color:var(--brand);background:var(--tint)}
.tl p{margin:6px 0 0}
/* pros / cons */
.pcx{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pcx>div{border-radius:var(--r2);padding:20px 22px}
.pcx h3{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.pcx h3 i{display:flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;color:#fff}
.pcx h3 .ic{width:17px;height:17px}
.pro{background:var(--okbg)}.pro h3 i{background:var(--ok)}
.con{background:var(--badbg)}.con h3 i{background:var(--bad)}
.pcx ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.pcx li{position:relative;padding-inline-start:18px;color:var(--ink2);font-size:.95rem}
.pcx li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--ok)}
.con li::before{background:var(--bad)}
@media (max-width:640px){.pcx{grid-template-columns:1fr}}
/* how to order */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.steps li{position:relative;background:var(--tint2);border-radius:var(--r2);padding:20px 18px}
.steps i{position:relative;display:flex;width:50px;height:50px;border-radius:16px;align-items:center;justify-content:center;background:#fff;color:var(--brand);box-shadow:var(--sh);margin-bottom:14px}
.steps i span{position:absolute;top:-8px;inset-inline-end:-8px;width:24px;height:24px;border-radius:50%;background:var(--acc);color:#fff;font-style:normal;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.steps strong{display:block;font-size:1.02rem}.steps p{font-size:.88rem;margin:4px 0 0}
@media (max-width:820px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.steps{grid-template-columns:1fr}}
/* myths */
.mfs{display:grid;gap:12px}
.mf{display:grid;grid-template-columns:1fr 1.4fr;border-radius:var(--r2);overflow:hidden;border:1px solid var(--line)}
.mf p{margin:0;padding:16px 18px;font-size:.93rem}
.mf b{display:flex;align-items:center;gap:6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.mf .m{background:var(--badbg)}.mf .m b{color:var(--bad)}.mf .m{text-decoration:line-through;text-decoration-color:rgba(229,72,77,.35)}
.mf .m b{text-decoration:none}
.mf .f{background:#fff}.mf .f b{color:var(--ok)}
@media (max-width:640px){.mf{grid-template-columns:1fr}}
/* buyers */
.bq{display:grid;gap:10px;margin-bottom:12px}
.bq>div{display:flex;gap:14px;align-items:flex-start;background:var(--tint2);border-radius:var(--r2);padding:16px 18px}
.bq i{display:flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:#fff;color:var(--brand);flex:none}
.bq .ic{width:18px;height:18px}.bq p{margin:0;font-size:.92rem}
.note{display:flex;gap:8px;align-items:flex-start;font-size:.84rem;color:var(--muted)!important;font-style:italic}
.rvs{display:grid;gap:10px;margin:12px 0}
.rv{display:flex;gap:12px;margin:0;padding:16px;border-radius:var(--r2);border:1px solid var(--line)}
.rv p{margin:0 0 4px}.rv cite{font-size:.85rem;color:var(--muted);font-style:normal;font-weight:650}
.rf{margin-top:14px;border:1px dashed var(--line2);border-radius:var(--r2);padding:12px 16px}
.rf summary{cursor:pointer;font-weight:700;color:var(--brand);display:flex;align-items:center;gap:8px;list-style:none}
.rf summary::-webkit-details-marker{display:none}
.rfm{display:grid;gap:10px;margin-top:12px}
.sx{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
@media (max-width:640px){.sx{grid-template-columns:1fr}}
/* faq */
.faq{display:grid;gap:10px}
.qa{border:1px solid var(--line);border-radius:var(--r2);background:#fff;transition:box-shadow .15s}
.qa[open]{box-shadow:var(--sh);border-color:transparent}
.qa summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:700;display:flex;justify-content:space-between;gap:16px;align-items:center}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{position:relative;width:28px;height:28px;border-radius:50%;background:var(--tint);flex:none}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:var(--brand);border-radius:2px;transition:transform .2s}
.qa summary i::after{transform:rotate(90deg)}
.qa[open] summary i::after{transform:rotate(0)}
.qa p{margin:0;padding:0 18px 18px;color:var(--ink2)}
.blk .faq{grid-template-columns:1fr 1fr;align-items:start}
@media (max-width:760px){.blk .faq{grid-template-columns:1fr}}
.sub{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.sub a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r2);text-decoration:none;color:var(--ink);font-weight:650}
.sub a:hover{border-color:var(--brand);color:var(--brand);background:var(--tint2)}
.sub .ic{color:var(--brand)}
.af{margin:8px 0 16px}
.disc{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;color:var(--ink2);background:var(--warnbg);border-radius:var(--r2);padding:14px 16px}
.disc .ic{color:var(--warn)}
.cl{margin-top:10px;font-size:.88rem;color:var(--muted)}.cl summary{cursor:pointer}
.cl ul{margin:6px 0 0;padding-inline-start:18px}
/* tables */
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.tbl{width:100%;border-collapse:collapse;font-size:.93rem;min-width:680px}
.tbl th,.tbl td{text-align:start;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl thead th{background:var(--tint2);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.tbl tbody tr:hover{background:var(--tint2)}
.tbl tbody tr:last-child>*{border-bottom:0}
.tbl tbody th a{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none;color:var(--ink)}
.tp{display:flex;width:44px;height:44px;border-radius:12px;background:var(--tint2);align-items:center;justify-content:center;flex:none;overflow:hidden}
.tp .pk{width:100%;height:100%;object-fit:contain}
.nw{white-space:nowrap}
/* service / misc */
.ty{text-align:center;padding:64px 16px}.ty .ng{text-align:start;margin:26px 0}
.ty-i{display:inline-flex;width:84px;height:84px;border-radius:50%;align-items:center;justify-content:center;background:var(--okbg);color:var(--ok);margin-bottom:16px}
.ty-n{display:block;font-size:5rem;font-weight:900;letter-spacing:-.05em;line-height:1;background:var(--dark);-webkit-background-clip:text;background-clip:text;color:transparent}
.aus{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.au{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:var(--r2);background:var(--card);text-decoration:none;color:var(--ink)}
.au:hover{box-shadow:var(--sh);color:var(--ink)}
.au span{display:flex;flex-direction:column;line-height:1.3}.au small{color:var(--muted)}
.ah{display:flex;gap:22px;align-items:center}
.av{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#ff7a59);color:#fff;font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:var(--sh2)}
.ah h1{margin:0}
.narrow0{max-width:860px}
.tags{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px}.tags li{background:#fff;border:1px solid var(--line);color:var(--brand2);border-radius:999px;padding:3px 12px;font-size:.84rem;font-weight:600}
.sr{list-style:none;padding:0;margin:24px 0}.sr li{border-bottom:1px solid var(--line)}
.sr a{display:flex;justify-content:space-between;gap:12px;padding:14px 6px;text-decoration:none;color:var(--ink);font-weight:650}
.sr a:hover{color:var(--brand)}.sr small{color:var(--muted);font-weight:400}
.hb .sf{box-shadow:var(--sh);border:1px solid var(--line)}
/* root page */
.k-root .hx{padding-top:96px}
.rt .wrap{display:grid;gap:24px}
.rt-t{max-width:760px}
.rt-t .pill{margin-bottom:18px}
.rt .st{margin-top:24px}
.wm{position:relative;margin:8px -8px 0}
.wm>svg{display:block;width:100%;height:auto}
.wm-b{fill:rgba(255,255,255,.1);stroke:rgba(255,255,255,.14);stroke-width:.4}
.wm-on path{fill:#8d7dff;stroke:#1d1458;stroke-width:.5;transition:fill .15s;cursor:pointer}
.wm-on a:nth-child(3n) path{fill:#a597ff}.wm-on a:nth-child(3n+1) path{fill:#7c6cff}
.wm-on a:hover path,.wm-on a.hl path{fill:#ff7a59}
.wm-on a:focus{outline:0}.wm-on a:focus-visible path{fill:#ff7a59;stroke:#fff;stroke-width:1}
.wm-d circle{cursor:pointer;fill:#ff7a59;stroke:#fff;stroke-width:1.5;animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{stroke-width:1.5}50%{stroke-width:5;stroke-opacity:.5}}
.wm-t{position:absolute;z-index:3;pointer-events:none;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:14px;padding:8px 14px 8px 10px;
box-shadow:0 14px 30px -10px rgba(0,0,0,.5);font-size:.9rem;white-space:nowrap;transform:translate(-50%,calc(-100% - 14px))}
.wm-t[hidden]{display:none}
.wm-d a:hover circle,.wm-d a.hl circle{fill:#fff;stroke:#ff7a59}
.wm-t span{display:flex;flex-direction:column;line-height:1.2}.wm-t b{font-weight:750}.wm-t small{color:var(--muted);font-size:.76rem}
.wm-t .fg{--w:32px;--h:24px;border-radius:5px}
.rt-l{padding-top:8px}
.rt-f{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:44px 0 10px}
.rt-f h2{margin:0}
.rg{margin:26px 0}
.rg h2{display:flex;align-items:center;gap:10px;font-size:.86rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}
.rg h2 small{font-size:.75rem;background:var(--tint);color:var(--brand);border-radius:999px;padding:1px 8px;letter-spacing:0}
.cc{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.cc a{background:var(--card);border:1px solid var(--line);transition:transform .15s,box-shadow .15s,border-color .15s}
.cc a:hover{transform:translateY(-2px);box-shadow:var(--sh);border-color:transparent;color:var(--ink)}
@media (max-width:600px){.k-root .hx{padding-top:80px}.wm{margin:0 -16px}.cc{grid-template-columns:repeat(2,minmax(0,1fr))}.cc a{padding:10px;gap:10px;min-width:0}.cc .fg{--w:28px;--h:21px}}
/* sticky mobile order */
.sb{position:fixed;inset-inline:12px;bottom:12px;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:10px;
background:var(--ink);color:#fff;border-radius:999px;padding:8px;padding-inline-start:20px;text-decoration:none;box-shadow:0 14px 34px -8px rgba(18,13,54,.55)}
.sb span:first-child{display:flex;flex-direction:column;line-height:1.2;font-size:.9rem;min-width:0}
.sb b{color:#ffb199}.sb .btn{min-height:42px}
.sb:hover{color:#fff}
@media (min-width:1001px){.sb{display:none!important}}
/* footer */
.ft{background:#0f0b2b;color:#b9b6d6;margin-top:64px;padding:52px 0 22px;font-size:.92rem}
.ft a{color:#e6e4f7;text-decoration:none}.ft a:hover{color:#fff;text-decoration:underline}
.ft .brand{color:#fff;margin-bottom:14px}
.ft-g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.ft h3{color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.ft-a{color:#8d89b3;font-size:.85rem}
.ft-c{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #241e52;margin-top:32px;padding-top:18px;color:#8d89b3}
.ft-l{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:.9rem;font-weight:650;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
border-radius:999px;padding:7px 14px 7px 9px;cursor:pointer}
.ft-l:hover{background:rgba(255,255,255,.12)}
.ft-l .ic{transform:rotate(90deg);opacity:.7}
.ft-l .fg{--w:26px;--h:19.5px;border-radius:4px}
@media (max-width:800px){.ft-g{grid-template-columns:1fr 1fr}.ft-b{grid-column:1/-1}}
/* phones: the order card follows the H1 (form on the first screen) */
@media (max-width:1000px){.ph-hero{display:flex;flex-direction:column;gap:0;align-items:stretch}.ph-t{display:contents}
.ph-t>*{order:4}.ph-t>h1,.ph-t>.chips2,.ph-t>.eyebrow{order:1}.ph-t>.lead{order:2}.ph-c{order:3;margin:8px 0 18px;position:static}
.ph-p{height:170px}.ph-p svg.pk{height:150px}.ph-t>.lead{font-size:1.02rem}.kf{grid-template-columns:1fr}}
/* right-to-left */
[dir=rtl] .ph input,[dir=rtl] input[type=tel]{direction:ltr;text-align:right}
[dir=rtl] .ph{direction:ltr}
[dir=rtl] .sc0{transform:rotate(2deg)}
/* hero title with inline icon */
.hb-t{display:flex;align-items:center;gap:18px;margin-bottom:6px}
.hb-t .hb-i{margin:0;flex:none}.hb-t h1{margin:0}
@media (max-width:600px){.hb-t{gap:12px}.hb-t .hb-i{width:46px;height:46px;border-radius:14px}.hb-t .hb-i .ic{width:24px;height:24px}}
/* product side banner + related */
.sbn{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px;border-radius:var(--r);color:var(--ink);
background:linear-gradient(170deg,hsl(var(--h) 90% 95%),#fff 65%);border:1px solid hsl(var(--h) 60% 90%);box-shadow:var(--sh)}
.sbn-i{width:140px;height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.sbn-i .pk{max-width:100%;max-height:100%;object-fit:contain}
.sbn strong{font-size:1.1rem}.sbn small{color:var(--muted)}.sbn b{font-size:1.5rem;font-weight:850;letter-spacing:-.02em;margin-top:2px}
.sbn .ok{margin:6px 0 10px}.sbn .ok li{justify-content:center;text-align:start}.sbn .btn{width:100%}
.rl{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rl a{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:var(--r2);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:box-shadow .15s,border-color .15s}
.rl a:hover{box-shadow:var(--sh);border-color:transparent;color:var(--ink)}
.rl-i{width:70px;height:70px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;background:hsl(var(--h) 85% 95%);padding:6px}
.rl-i .pk{max-width:100%;max-height:100%;object-fit:contain}
.rl-b{display:flex;flex-direction:column;line-height:1.3;flex:1;min-width:0}
.rl-b small{color:hsl(var(--h) 60% 42%);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.rl-b strong{font-size:1rem}.rl-b b{font-size:.92rem}
.rl .ic{color:var(--brand)}
@media (max-width:640px){.rl{grid-template-columns:1fr}}
.sa{display:flex;gap:10px;align-items:center;margin:0 0 18px;padding:14px 18px;border-radius:var(--r2);background:var(--tint);color:var(--ink2);font-size:.95rem}
.sa .ic{color:var(--brand)}.sa a{font-weight:700}
/* documents (service pages): main + sticky aside */
.doc-g{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin:36px 0}
.doc-m{min-width:0}
.doc-ax{position:sticky;top:96px;display:grid;gap:14px}
@media (max-width:1000px){.doc-g{grid-template-columns:1fr}.doc-ax{position:static}}
.svn{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 10px}
.svn p{font-weight:750;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:var(--muted);margin:0 8px 8px}
.svn ul{list-style:none;margin:0;padding:0}
.svn a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;color:var(--ink2);text-decoration:none;font-weight:600;font-size:.93rem}
.svn a .ic.sm{margin-inline-start:auto;opacity:0;transition:opacity .15s}
.svn a:hover{background:var(--tint2);color:var(--ink)}.svn a:hover .ic.sm{opacity:.6}
.svn a[aria-current]{background:var(--tint);color:var(--brand3)}
.svn i{display:flex;width:32px;height:32px;border-radius:10px;align-items:center;justify-content:center;background:var(--tint2);color:var(--brand)}
.svn i .ic{width:17px;height:17px}
.rvc{display:flex;gap:12px;align-items:center;padding:16px;border-radius:var(--r);background:var(--okbg);text-decoration:none;color:var(--ink)}
.rvc:hover{color:var(--ink)}
.rvc i{display:flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;font-style:normal;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--ok),#34d399);flex:none}
.rvc span{display:flex;flex-direction:column;line-height:1.3}.rvc small{color:var(--muted);font-size:.76rem}.rvc em{font-style:normal;font-size:.84rem;color:var(--ink2);margin-top:4px}
.rvc.big i{width:64px;height:64px;font-size:1.2rem}
.rvx{padding:0;overflow:hidden;border:0}.rvx .rvc{border-radius:0;padding:24px 28px}
.disc.sm{font-size:.82rem;margin:0}
.doc-m>.fc,.doc-m>.lg-l,.doc-m>.ctc,.doc-m>.hw,.doc-m>.acs,.doc-m>.band{margin:0 0 18px}
.blk0{margin:30px 0}
.doc h3{margin-top:1.4em}
/* author cards */
.acs{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.ac{position:relative;display:flex;flex-direction:column;gap:12px;height:100%;padding:22px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.ac:hover{transform:translateY(-3px);box-shadow:var(--sh2);color:var(--ink)}
.ac-h{display:flex;gap:14px;align-items:center}
.ac-h i{display:flex;width:56px;height:56px;border-radius:50%;align-items:center;justify-content:center;font-style:normal;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand),#ff7a59);flex:none;font-size:1.05rem}
.ac-h i.rv2,.av.rv2{background:linear-gradient(135deg,var(--ok),#34d399)}
.ac-h span{display:flex;flex-direction:column;line-height:1.3}.ac-h strong{font-size:1.08rem}.ac-h small{color:var(--muted)}
.ac p{margin:0;color:var(--ink2);font-size:.92rem}
.ac .tags{margin:0}
.ac-b{display:inline-block;align-self:flex-start;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--ok);background:var(--okbg);border-radius:999px;padding:3px 10px;margin-bottom:8px}
.ac>.ac-b{position:absolute;top:18px;inset-inline-end:18px;margin:0}
.ac-f{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}
.ac-f .ic{color:var(--brand)}
/* links grid, criteria, timeline, contacts, health */
.lg-l{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:1fr;gap:10px}
.lg-l li{display:flex}.lg-l li>a{flex:1}
.lg-l a{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--r2);background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.lg-l a:hover{border-color:var(--brand);color:var(--brand3)}
.lg-l i{display:flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;background:var(--tint);color:var(--brand);flex:none}
.lg-l strong{flex:1;font-size:.95rem}.lg-l .ic.sm{color:var(--brand)}
.crt{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.crt li{padding:18px;border-radius:var(--r2);background:var(--tint2)}
.crt i{display:flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;background:#fff;color:var(--brand);box-shadow:var(--sh);margin-bottom:12px}
.crt strong{display:block;margin-bottom:4px}.crt p{margin:0;font-size:.9rem}
.vt{list-style:none;padding:0;margin:0}
.vt li{display:flex;gap:18px;position:relative;padding-bottom:22px}
.vt li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:21px;top:46px;bottom:4px;width:2px;background:linear-gradient(var(--brand),var(--line))}
.vt li>span{display:flex;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;flex:none;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand),#9b7bff);box-shadow:0 8px 18px -8px rgba(91,71,245,.7)}
.vt strong{display:block;font-size:1.04rem;margin:8px 0 4px}.vt p{margin:0}
.ctc{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ctc li{display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.ctc li.cc1{background:var(--dark);border:0;color:#fff}.ctc li.cc1 small,.ctc li.cc1 p{color:rgba(255,255,255,.75)}.ctc li.cc1 a{color:#fff}
.ctc i{display:flex;width:46px;height:46px;border-radius:14px;align-items:center;justify-content:center;background:var(--tint);color:var(--brand);margin-bottom:10px}
.ctc .cc1 i{background:rgba(255,255,255,.14);color:#ffb199}
.ctc small{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.ctc a{text-decoration:none;color:var(--ink);font-size:1.05rem;word-break:break-word}.ctc p{margin:6px 0 0;font-size:.88rem;color:var(--ink2)}
.hw{display:flex;gap:18px;align-items:center;padding:24px 28px;border-radius:var(--r);background:var(--warnbg);border:1px solid #fed7aa}
.hw .ic{color:var(--warn)}.hw strong{display:block;font-size:1.1rem;margin-bottom:4px}.hw p{margin:0;color:var(--ink2)}
.lt{list-style:none;padding:0;margin:0}
.lt a{display:flex;align-items:center;gap:16px;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.lt li:last-child a{border:0}.lt a:hover{color:var(--brand)}
.lt time{flex:none;width:150px;font-size:.84rem;color:var(--muted)}.lt strong{flex:1;font-weight:650}.lt .ic{color:var(--brand)}
@media (max-width:600px){.lt a{flex-wrap:wrap;gap:4px}.lt time{width:100%}}
.av{width:104px;height:104px;font-size:2.2rem}
.ah .ac-b{margin-bottom:6px}
.sr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
@media (max-width:700px){.sr{grid-template-columns:1fr}}
.hb .sf{margin:22px 0 0}
/* feature cards as rows (document pages) */
.fc.rows{grid-template-columns:1fr}
.fc.rows li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:start;padding:20px 22px}
.fc.rows i{grid-row:span 2;margin:0}
.fc.rows strong{margin:4px 0 4px;padding-inline-end:48px}
.fc.rows .fc-n{top:16px}
/* mobile search in the dark hero */
@media (max-width:600px){.sf{padding-inline-start:14px;gap:6px}.sf .btn{padding:.5em 1em;min-height:42px}.sf input{padding:8px 0}
.hx h1{font-size:clamp(1.6rem,7.4vw,2.2rem)}.st li{min-width:0;flex:1 1 40%;padding:10px 14px}.st b{font-size:1.2rem}}
.ph .fg{--w:22px;--h:16.5px;border-radius:3px}
/* burger + mobile drawer */
.bgr{display:none;width:44px;height:44px;border:0;border-radius:14px;background:var(--tint);color:var(--brand3);align-items:center;justify-content:center;cursor:pointer}
.bgr .ic{width:22px;height:22px}
.mm{border:0;padding:0;margin:0;margin-inline-start:auto;height:100dvh;max-height:100dvh;width:min(420px,100vw);max-width:100vw;background:var(--bg);color:var(--ink);
display:none;flex-direction:column;box-shadow:-20px 0 60px -20px rgba(18,13,54,.5)}
.mm[open]{display:flex;animation:mmIn .22s ease-out}
.mm::backdrop{background:rgba(18,13,54,.5);backdrop-filter:blur(3px)}
@keyframes mmIn{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
[dir=rtl] .mm{margin-inline-start:auto}
.mm-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--line)}
.mm-b{flex:1;overflow:auto;padding:16px;overscroll-behavior:contain}
.mm-t{font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 4px 10px}
.mm .mg{width:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.mm .mg a{background:#fff;border:1px solid var(--line);padding:10px;font-size:.88rem;line-height:1.25;height:100%}
.mm .mg .all{background:var(--ink);border-color:var(--ink)}
.mm .mg i{width:32px;height:32px;border-radius:10px}
.mm-l{list-style:none;margin:16px 0 0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.mm-l li+li{border-top:1px solid var(--line)}
.mm-l a{display:flex;align-items:center;gap:12px;padding:13px 14px;color:var(--ink);text-decoration:none;font-weight:650}
.mm-l a .ic.sm{margin-inline-start:auto;color:var(--muted)}
[dir=rtl] .mm-l a .ic.sm,[dir=rtl] .mm-c .ic.sm{transform:scaleX(-1)}
.mm-l i{display:flex;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;background:var(--tint);color:var(--brand)}
.mm-l i .ic{width:18px;height:18px}
.mm-f{padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}
.mm-c{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:var(--r2);border:1px solid var(--line2);background:var(--tint2);font:inherit;color:var(--ink);cursor:pointer;text-align:start}
.mm-c span{display:flex;flex-direction:column;line-height:1.25;flex:1}.mm-c small{color:var(--muted);font-size:.8rem}
.mm-c .fg{--w:32px;--h:24px;border-radius:5px}
@media (max-width:360px){.mm .mg{grid-template-columns:1fr}}
/* phones: compact tiles, one-row chips, full-width search */
@media (max-width:600px){
.ng{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nt{padding:14px}.nt i{width:40px;height:40px;border-radius:12px;margin-bottom:8px}.nt .ic{width:20px;height:20px}
.nt strong{font-size:.95rem}.nt small{font-size:.8rem}.nt-a{display:none}
.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px;width:calc(100% + 32px)}
.chips::-webkit-scrollbar{display:none}.chips button{flex:none}
.tb-r{flex-wrap:wrap}.tb-r .lf{flex:1 1 100%}.tb-r .so{flex:1 1 100%}.so select{flex:1}
.fc.rows li{display:block;padding:18px}.fc.rows i{margin-bottom:12px}.fc.rows strong{padding-inline-end:40px}
.hb{padding-bottom:26px}.hb .st li{flex:1 1 40%}
.blk{margin:36px 0}
}
@media (max-width:600px){.hb-o{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:18px -16px 0;padding:0 16px 2px}.hb-o::-webkit-scrollbar{display:none}.hb-o li{flex:none}}
/* hero: title row across the whole band, smaller */
.hb h1{max-width:none;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.35rem)}
.hb-t{margin-bottom:12px}.hb-t .hb-i{width:46px;height:46px;border-radius:14px}.hb-t .hb-i .ic{width:24px;height:24px}
.hb-g{align-items:center}.hb-g>.lead{margin:0;max-width:760px}.hb-l{flex:1;min-width:0;max-width:none!important}.hb-l .lead{max-width:760px}
.hb .hb-l .sf{max-width:none;width:100%}
/* toolbar: left filter / links, right form filter + search + sort */
.tb{flex-wrap:nowrap;align-items:center}
.tb-l{flex:1;min-width:0}
.tb-l .hb-o{margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px}.tb-l .hb-o::-webkit-scrollbar{display:none}.tb-l .hb-o li{flex:none}
.tb-l .hb-o a{background:#fff}
.tb-r{flex:none;flex-wrap:nowrap}
.fsel select{max-width:240px}
.so select{appearance:none;-webkit-appearance:none;padding-inline-end:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c7093' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right center/14px}
[dir=rtl] .so select{background-position:left center}
@media (max-width:900px){.tb{flex-wrap:wrap}.tb-l{flex:1 1 100%}.tb-r{flex:1 1 100%;flex-wrap:wrap}.tb-r>*{flex:1 1 200px}.fsel select{max-width:none}}
.cr-h{display:inline-flex;align-items:center;vertical-align:-3px}
.cr-h .ic{width:17px;height:17px}
.tb-l .so{display:inline-flex}
.tb-l .hb-o{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);padding-inline-end:40px}
[dir=rtl] .tb-l .hb-o{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 48px),transparent)}
.band>div,.hw>div{min-width:0;overflow-wrap:break-word;hyphens:auto}
@media (max-width:600px){.band,.hw{flex-direction:column;align-items:flex-start;padding:20px}}
/* global root page (neutral, light) */
.rt2{padding:40px 0 24px;background:radial-gradient(900px 400px at 85% 0,#ece8ff 0,transparent 60%),linear-gradient(180deg,#fff,var(--bg))}
.rt2-t{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:18px}
.rt2-t>div{max-width:720px}.rt2 h1{margin-bottom:.3em}.rt2 .lead{margin:0}
.rt2 .st li{background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}.rt2 .st span{color:var(--muted);opacity:1}
.rt2 .wm{margin:0;border-radius:var(--r);background:linear-gradient(180deg,#f4f6ff,#eef0fb);border:1px solid var(--line);overflow:hidden;touch-action:none;cursor:grab}
.rt2 .wm.drag{cursor:grabbing}
.rt2 .wm>svg{transition:none}
.rt2 .wm-b{fill:#dcdcec;stroke:#fff;stroke-width:.6}
.rt2 .wm-on path{fill:#8b7cf6;stroke:#fff;stroke-width:.6}
.rt2 .wm-on a:nth-child(3n) path{fill:#a99cf9}.rt2 .wm-on a:nth-child(3n+1) path{fill:#6f5cf3}
.rt2 .wm-on a:hover path,.rt2 .wm-on a.hl path{fill:#ff6a4d}
.wm path,.wm circle{vector-effect:non-scaling-stroke}
.wm-z{position:absolute;inset-inline-end:14px;top:14px;display:flex;flex-direction:column;gap:6px;z-index:2}
.wm-z button{display:flex;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--sh)}
.wm-z button:hover{color:var(--brand);border-color:var(--brand)}
.wm-z button:last-child{margin-top:4px}
.wm-z .ic{width:18px!important;height:18px!important;flex:none;pointer-events:none}
.lnk{background:none;border:0;padding:0;font:inherit;color:var(--ink);cursor:pointer;text-align:start;font-size:1.05rem}
.ctc .lnk b{text-decoration:underline;text-underline-offset:3px}
.ft-f a{display:inline-flex;align-items:center;gap:8px}.ft-f .fg{--w:20px;--h:15px}
.cbtn>.ic:first-child{width:20px;height:20px;color:var(--brand)}
.gl{margin:36px auto;max-width:900px}.gl>*{margin-bottom:18px}
@media (max-width:600px){.rt2 .wm>svg{height:min(86vw,360px)}.rt2{padding-top:24px}.wm-z{inset-inline-end:8px;top:8px}.wm-z button{width:36px;height:36px}}
@media (max-width:600px){.rt2 .st{flex-wrap:nowrap}.rt2 .st li{flex:1 1 0;min-width:0;padding:10px 12px}}
/* wordmark + short caption */
.wmk{font-weight:850;letter-spacing:-.02em}.wmk em{font-style:normal;background:linear-gradient(90deg,#a04fe0,#ff6a4d);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand small{display:flex;align-items:center;gap:6px}.brand small .fg{--w:16px;--h:12px;border-radius:2px}
.ft .wmk em{background:linear-gradient(90deg,#c4b5fd,#ff9b80);-webkit-background-clip:text;background-clip:text}
.lg{border-radius:9px}
/* global pages: full width */
.gl{margin:36px auto}.gl>*{margin-bottom:18px}
.bh-l{margin:6px 0 0;color:var(--ink2);max-width:760px}
/* numbers */
.nb{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.nb li{position:relative;display:flex;flex-direction:column;padding:20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden}
.nb li::after{content:"";position:absolute;inset-inline-end:-30px;top:-30px;width:100px;height:100px;border-radius:50%;background:var(--tint);opacity:.7}
.nb i{position:relative;z-index:1;display:flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--brand),#a04fe0);margin-bottom:14px}
.nb b{font-size:1.9rem;font-weight:850;letter-spacing:-.03em;line-height:1.1}
.nb span{font-weight:700;color:var(--ink)}.nb small{color:var(--muted);font-size:.82rem;margin-top:2px}
/* products in most countries */
.gp{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.gp li{display:flex;gap:14px;padding:14px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.gp-i{flex:none;width:96px;height:96px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:hsl(var(--h) 85% 95%);padding:8px}
.gp-i .pk{max-width:100%;max-height:100%;object-fit:contain}
.gp li>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.gp small{color:hsl(var(--h) 60% 42%);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.gp strong{color:var(--ink);font-size:1.05rem}.gp a{text-decoration:none}
.gp-n{font-size:.84rem;color:var(--muted)}
.gp-f{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center}.gp-f a{display:flex}.gp-f .fg{--w:20px;--h:15px}.gp-f em{font-style:normal;font-size:.78rem;color:var(--muted)}
/* coverage + latest */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:900px){.g2{grid-template-columns:1fr}}
.cv{list-style:none;padding:20px;margin:0;display:grid;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.cv-h{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.cv-h span{color:var(--muted);font-size:.86rem}
.cv-b{height:10px;border-radius:99px;background:var(--tint2);overflow:hidden}.cv-b i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand),#ff6a4d)}
.cv-f{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.cv-f .fg{--w:18px;--h:13.5px}
.lr{list-style:none;padding:6px;margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.lr a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:var(--ink)}
.lr a:hover{background:var(--tint2)}
.lr li+li{border-top:1px solid var(--line)}
.lr .fg{--w:28px;--h:21px;border-radius:4px}
.lr span{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.lr small{color:var(--muted)}
.lr time{font-size:.8rem;color:var(--muted);white-space:nowrap}
/* editorial teams */
.tm{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.tm a{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);height:100%}
.tm a:hover{box-shadow:var(--sh);border-color:transparent;color:var(--ink)}
.tm-h{display:flex;align-items:center;gap:10px}.tm-h .fg{--w:28px;--h:21px;border-radius:4px}
.tm-a{display:flex}.tm-a i{display:flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:.78rem;color:#fff;
background:linear-gradient(135deg,var(--brand),#ff7a59);border:2px solid #fff;margin-inline-start:-8px}.tm-a i:first-child{margin:0}
.tm-a i:nth-child(3){background:linear-gradient(135deg,#a04fe0,#6d5cff)}.tm-a i:nth-child(4){background:linear-gradient(135deg,var(--ok),#34d399)}
.tm small{color:var(--muted)}
.sec .btn{margin-top:4px}
.nb{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1100px){.nb{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.nb{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nb li{padding:16px}.nb b{font-size:1.5rem}}
.wrap.gl{max-width:var(--w)}
.rt2>.wrap>h1{max-width:none;margin-bottom:14px}
/* styled listing dropdowns */
.dsel>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 14px 5px 6px;border:1px solid var(--line2);background:var(--card);border-radius:999px;
font-size:.92rem;font-weight:650;color:var(--ink);white-space:nowrap;transition:border-color .15s,box-shadow .15s}
.dsel>summary:hover,.dsel[open]>summary{border-color:var(--brand);box-shadow:0 0 0 3px var(--tint)}
.dsel>summary>.ic.sm{color:var(--muted);transition:transform .2s;margin-inline-start:2px}.dsel[open]>summary>.ic.sm{transform:rotate(180deg)}
.ds-i{display:flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;flex:none;color:#fff;
background:linear-gradient(135deg,hsl(var(--h,250) 82% 62%),hsl(calc(var(--h,250) + 28) 78% 50%))}
.ds-i .ic{width:17px;height:17px}
.ds-l{overflow:hidden;text-overflow:ellipsis;max-width:260px}
.dsel .ds-m{left:0;right:auto;transform:none;top:calc(100% + 8px);padding:8px;min-width:280px;max-height:min(440px,calc(100dvh - 160px))}
.tb-r .dsel .ds-m{left:auto;inset-inline-end:0;min-width:240px}
[dir=rtl] .dsel .ds-m{left:auto;right:0}[dir=rtl] .tb-r .dsel .ds-m{right:auto;left:0}
.ds-m ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ds-m button{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:12px;background:transparent;font:inherit;font-size:.93rem;
font-weight:600;color:var(--ink);text-align:start;cursor:pointer}
.ds-m button:hover{background:hsl(var(--h,250) 90% 97%)}
.ds-m button[aria-selected]{background:var(--tint)}
.ds-m button i{display:flex;width:32px;height:32px;border-radius:10px;align-items:center;justify-content:center;flex:none;color:#fff;
background:linear-gradient(135deg,hsl(var(--h,250) 82% 62%),hsl(calc(var(--h,250) + 28) 78% 50%))}
.ds-m button i .ic{width:17px;height:17px}
.ds-m button span{flex:1;min-width:0}
.ds-m small{color:var(--muted);font-weight:600;font-size:.8rem;background:var(--tint2);border-radius:999px;padding:1px 8px}
.ds-c{color:var(--brand);opacity:0}.ds-m button[aria-selected] .ds-c{opacity:1}
.ds-s .ds-i,.ds-s .ds-m button i{background:var(--tint);color:var(--brand)}
@media (max-width:900px){.tb .dsel{flex:1 1 200px}.dsel>summary{justify-content:flex-start}.dsel>summary>.ic.sm{margin-inline-start:auto}
.dsel .ds-m,.tb-r .dsel .ds-m{left:0;right:0;min-width:0}.ds-l{max-width:none}}
@media (min-width:901px){.tb-l .dsel{display:inline-block}}
.dsel .ds-m{width:max-content;max-width:calc(100vw - 32px)}.ds-m button span{white-space:nowrap}
@media (max-width:900px){.dsel .ds-m{width:auto}.ds-m button span{white-space:normal}}
.sx{grid-template-columns:1fr!important;gap:6px}
/* review form: "be the first" card, photos, captcha */
.rf.first{border:0;padding:0;margin-top:18px;border-radius:var(--r);background:linear-gradient(135deg,var(--tint),#fff 70%);box-shadow:0 0 0 1.5px var(--brand) inset}
.rf.first>summary{display:flex;align-items:center;gap:16px;padding:20px 22px;color:var(--ink)}
.rf.first>summary i{display:flex;width:52px;height:52px;border-radius:16px;align-items:center;justify-content:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--brand),#ff7a59)}
.rf.first>summary span{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.rf.first>summary strong{font-size:1.12rem;color:var(--ink)}.rf.first>summary small{color:var(--ink2);font-weight:500;font-size:.92rem}
.rf.first>summary em{font-style:normal;flex:none}
.rf.first[open]>summary em{display:none}
.rf.first .rfm{padding:0 22px 22px}
@media (max-width:600px){.rf.first>summary{flex-wrap:wrap}.rf.first>summary em{width:100%}}
.ph-up span{display:inline-flex;align-items:center;gap:6px}
.ph-up input{padding:10px;border-style:dashed;background:var(--tint2);cursor:pointer}
.rf-th{display:flex;gap:8px;flex-wrap:wrap}.rf-th img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.rf-ts{min-height:65px}
.rv-ph{display:inline-block;margin:4px 6px 4px 0}.rv-ph img{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
/* sub-headings inside a section (Apteka, side effects, scam) */
.sec h3[id]{padding-top:20px}
.ph-up input::file-selector-button{font:inherit;font-weight:700;font-size:.88rem;border:0;border-radius:999px;padding:8px 16px;margin-inline-end:12px;
background:var(--brand);color:#fff;cursor:pointer}
.ph-up input::file-selector-button:hover{background:var(--brand2)}
/* category pages */
.gd-l h2{margin:0 0 8px;font-size:1.25rem}
section.gd-l{margin:48px 0}
.ckl{padding:26px 28px;border-radius:var(--r);background:linear-gradient(135deg,hsl(var(--h) 90% 96%),#fff 70%);border:1px solid hsl(var(--h) 60% 90%)}
.ckl h2{display:flex;align-items:center;gap:10px;font-size:1.3rem}.ckl h2 .ic{color:var(--ok)}
.ckl .ok{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px 24px}
.hub-l1 .ckl{background:var(--dark);border:0;color:#fff}.hub-l1 .ckl h2{color:#fff}.hub-l1 .ckl .ok li{color:#fff}
.hub-l1 .ckl .ok .ic{background:rgba(255,255,255,.15);color:#7ef0c3}
.hub-l2 .ing{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.blk.sec.doc{max-width:none}
/* scrolling category row with arrows */
.hsc{position:relative;display:flex;align-items:center;gap:6px;min-width:0}
.hsc .hb-o{flex:1;min-width:0;scroll-behavior:smooth}
.hsc-b{flex:none;display:inline-flex;width:34px;height:34px;border-radius:50%;border:1px solid var(--line2);background:#fff;color:var(--ink2);
align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--sh)}
.hsc-b:hover{border-color:var(--brand);color:var(--brand)}
.hsc-b.prev .ic{transform:scaleX(-1)}
[dir=rtl] .hsc-b.prev .ic{transform:none}[dir=rtl] .hsc-b.next .ic{transform:scaleX(-1)}
.hsc-b[hidden]{display:none}
.tb-l .hsc .hb-o{-webkit-mask-image:none;mask-image:none;padding-inline-end:2px}
/* author avatars (icons) */
.ava{display:inline-flex!important;align-items:center;justify-content:center;flex:none;border-radius:50%;color:#fff;font-style:normal}
.ava svg{width:62%;height:62%}
.ava-f{background:linear-gradient(135deg,#e05fa7,#9b6bff)!important}
.ava-m{background:linear-gradient(135deg,#3b82f6,#6d5cff)!important}
.ava-team{background:linear-gradient(135deg,#0d9f6e,#34d399)!important}
.av.ava{width:104px;height:104px}
.tm-a .ava{width:36px;height:36px;border:2px solid #fff;margin-inline-start:-8px}.tm-a .ava:first-child{margin:0}
/* author cards: side by side, badge in the flow (no overlap with the name) */
/* one author per row: identity on the left, bio + topics on the right */
.acs{grid-template-columns:1fr!important}
.ac{display:grid!important;grid-template-columns:240px minmax(0,1fr);column-gap:28px;row-gap:10px;align-items:start}
.ac>.ac-h{grid-column:1;grid-row:1 / span 4;flex-direction:column;align-items:flex-start;gap:12px}
.ac>.ac-h .ava{width:72px;height:72px}
.ac>:not(.ac-h){grid-column:2}
.ac>.ac-f{border-top:0;padding-top:0}
@media (max-width:700px){.ac{grid-template-columns:1fr}.ac>.ac-h{grid-row:auto;flex-direction:row;align-items:center}.ac>:not(.ac-h){grid-column:1}}
.ac>.ac-b{position:static!important;align-self:flex-start;margin:0}
.ac-h span{min-width:0}.ac-h strong{overflow-wrap:anywhere}
.doc h2.dh{font-size:1.15rem;margin-top:1.4em}
.ac>.ac-b{justify-self:start}
/* author profiles v3: tinted identity panel + bio quote + topics + product thumbs */
.aps{display:flex!important;flex-direction:column;gap:16px}
.ap{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr);border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.ap:hover{transform:translateY(-2px);box-shadow:var(--sh2);color:var(--ink);border-color:transparent}
.ap-id{--a1:#6d5cff;--a2:#a04fe0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:30px 20px;color:#fff;
  background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.2) 0 46px,transparent 47px),radial-gradient(circle at 6% 100%,rgba(255,255,255,.13) 0 70px,transparent 71px),linear-gradient(150deg,var(--a1),var(--a2))}
.g-f .ap-id{--a1:#d9559e;--a2:#8f63f5}
.g-m .ap-id{--a1:#3b82f6;--a2:#6d5cff}
.g-team .ap-id{--a1:#0d9f6e;--a2:#2bb8a0}
.ap-id .ava{width:84px;height:84px;margin-bottom:10px;background:rgba(255,255,255,.18)!important;box-shadow:0 0 0 4px rgba(255,255,255,.35),0 10px 24px rgba(0,0,0,.18)}
.ap-id strong{font-size:1.12rem;line-height:1.25;overflow-wrap:anywhere}
.ap-id small{font-size:.84rem;opacity:.9;line-height:1.3}
.ap-b{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-style:normal;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 10px}
.ap-b .ic{width:13px;height:13px}
.ap-c{display:flex;flex-direction:column;gap:14px;padding:24px 28px;min-width:0}
.ap-q{position:relative;display:block;padding-inline-start:24px;color:var(--ink2);font-size:.97rem;line-height:1.6}
.ap-q::before{content:"\201C";position:absolute;inset-inline-start:-2px;top:-8px;font:800 2.6rem/1 Georgia,serif;color:var(--brand);opacity:.35}
.ap-t{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ap-t li{font-size:.8rem;font-weight:650;padding:5px 11px;border-radius:999px;background:var(--tint);color:var(--brand3)}
.g-team .ap-t li{background:var(--okbg);color:var(--ok)}
.ap-ft{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px dashed var(--line)}
.ap-p{display:flex;align-items:center;min-width:0}
.ap-th{display:flex;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--card);box-shadow:0 2px 8px rgba(27,20,70,.12);overflow:hidden;margin-inline-start:-10px;flex:none}
.ap-th:first-child{margin:0}
.ap-th .pk{width:100%;height:100%;object-fit:contain;padding:1px;transform:scale(1.15)}
.ap-p b{margin-inline-start:12px;font-size:.88rem;font-weight:650;color:var(--muted)}
.ap-go{display:flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:var(--tint);color:var(--brand);flex:none;transition:background .2s,color .2s}
.ap:hover .ap-go{background:var(--brand);color:#fff}
[dir=rtl] .ap-go .ic{transform:scaleX(-1)}
.aps>li{container-type:inline-size}
@container (max-width:760px){
  .ap{grid-template-columns:1fr}
  .ap-id{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:16px;row-gap:2px;text-align:start;padding:22px 20px}
  .ap-id .ava{grid-row:1 / span 3;width:64px;height:64px;margin:0}
  .ap-id strong{align-self:end}.ap-id small{align-self:start}
  .ap-b{margin-top:4px;justify-self:start}
  .ap-c{padding:20px 22px}}