:root{
  --navy:#002551;--gold:#E5A718;--on-gold:#1B1300;
  --radius:0.875rem;--maxw:77.5rem;
  --ff-d:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --ff:"Mukta","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:light;
}
/* brand tokens are derived from two colours (--navy, --gold) set in Admin → Theme */
:root,.tprev{
  --navy-2:color-mix(in srgb,var(--navy) 88%,#fff);--navy-3:color-mix(in srgb,var(--navy) 76%,#fff);--navy-deep:color-mix(in srgb,var(--navy) 72%,#000);
  --gold-d:color-mix(in srgb,var(--gold) 76%,#000);--gold-dd:color-mix(in srgb,var(--gold) 60%,#000);--gold-l:color-mix(in srgb,var(--gold) 42%,#fff);--gold-h:color-mix(in srgb,var(--gold) 86%,#fff);
  --gold-t:var(--gold-d);
  --bg:#FFFFFF;--surface:#FFFFFF;
  --sand:color-mix(in srgb,var(--gold) 7%,#fff);--line:color-mix(in srgb,var(--gold) 20%,#e6e4e0);
  --text:color-mix(in srgb,var(--navy) 50%,#1a1d24);--ink:color-mix(in srgb,var(--navy) 72%,#0b0b0b);--muted:color-mix(in srgb,var(--navy) 22%,#5c616c);
  --on-navy:#E9EEF7;--on-navy-2:#C9D4E8;--on-navy-3:#B9C6DD;
  --shadow:0 1px 2px color-mix(in srgb,var(--navy) 7%,transparent),0 0.5rem 1.75rem color-mix(in srgb,var(--navy) 10%,transparent);
  --warn-bg:#FFF4D6;--warn-tx:#6B4A00;--err:#C2362B;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark}:root:not([data-theme="light"]),:root:not([data-theme="light"]) .tprev{--bg:color-mix(in srgb,var(--navy) 52%,#090b12);--sand:color-mix(in srgb,var(--navy) 66%,#141826);--surface:color-mix(in srgb,var(--navy) 64%,#20242f);--line:color-mix(in srgb,var(--navy) 55%,#454b5c);
  --text:#EEF2F9;--ink:#F4F6FB;--muted:#AEB8CB;--gold-t:var(--gold);--navy-deep:color-mix(in srgb,var(--navy) 55%,#000);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 0.625rem 1.875rem rgba(0,0,0,.35);--warn-bg:#3A2E0A;--warn-tx:#F6DFA4;--err:#FF8A80;}}
:root[data-theme="dark"]{color-scheme:dark}
:root[data-theme="dark"],:root[data-theme="dark"] .tprev{--bg:color-mix(in srgb,var(--navy) 52%,#090b12);--sand:color-mix(in srgb,var(--navy) 66%,#141826);--surface:color-mix(in srgb,var(--navy) 64%,#20242f);--line:color-mix(in srgb,var(--navy) 55%,#454b5c);
  --text:#EEF2F9;--ink:#F4F6FB;--muted:#AEB8CB;--gold-t:var(--gold);--navy-deep:color-mix(in srgb,var(--navy) 55%,#000);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 0.625rem 1.875rem rgba(0,0,0,.35);--warn-bg:#3A2E0A;--warn-tx:#F6DFA4;--err:#FF8A80;}

html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 5.625rem);-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ff);font-size:1.0625rem;line-height:1.65;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:0.25rem}
h1,h2,h3,h4{font-family:var(--ff-d);font-weight:700;line-height:1.12;margin:0 0 .4em;color:var(--ink);letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,5.4vw,4.4rem)}
h2{font-size:clamp(1.9rem,3.6vw,3rem)}
h3{font-size:clamp(1.3rem,2vw,1.6rem)}
p{margin:0 0 1em}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}
.sec{padding:clamp(3.5rem,8vw,6.5rem) 0}
.sec.sand{background:var(--sand)}
.sec.navy{background:var(--navy);color:var(--on-navy)}
.sec.navy h2,.sec.navy h3{color:#fff}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.25rem;flex-wrap:wrap}
.sh .lead{max-width:60ch;color:var(--muted);margin:0}
.sec.navy .sh .lead{color:var(--on-navy-3)}
.kicker{display:flex;align-items:center;gap:0.625rem;color:var(--gold-t);font-weight:600;font-size:.95rem;margin-bottom:0.625rem}
.kicker svg{width:1.375rem;height:1.375rem}
.sec.navy .kicker,.hero .kicker{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:2.875rem;padding:0.625rem 1.375rem;border-radius:62.4375rem;border:1.5px solid transparent;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn svg{width:1.125rem;height:1.125rem}
.btn:disabled{opacity:.5;cursor:not-allowed}
label.btn,.imglist label.add{position:relative;overflow:hidden}
.btn-gold{background:var(--gold);color:var(--on-gold)}
.btn-gold:hover{background:var(--gold-h)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-3)}
.btn-ghost{border-color:currentColor;background:transparent}
.btn-ghost:hover{background:color-mix(in srgb,var(--gold) 12%,transparent)}
.btn-sm{min-height:2.25rem;padding:0.375rem 0.875rem;font-size:.92rem}
.link{color:var(--gold-t);font-weight:600;text-decoration:none;border-bottom:1.5px solid transparent}
.link:hover{border-color:currentColor}
.muted{color:var(--muted)}
.grid{display:grid;gap:clamp(1rem,2.4vw,1.75rem)}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,26.25rem),1fr))}
.g3{grid-template-columns:repeat(auto-fill,minmax(min(100%,18.75rem),1fr))}
.g4{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}
.chip{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:62.4375rem;background:var(--sand);border:1px solid var(--line);font-size:.88rem;font-weight:500}
.sr{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* topbar + header */
.topbar{background:var(--navy);color:var(--on-navy-2);font-size:.88rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:2.375rem;flex-wrap:wrap}
.topbar a{text-decoration:none}
.topbar a:hover{color:var(--gold)}
.tb-l{display:flex;gap:1.25rem;flex-wrap:wrap}
.tb-l span,.tb-l a{display:inline-flex;align-items:center;gap:0.375rem}
.tb-l svg{width:0.9375rem;height:0.9375rem;color:var(--gold)}
.announce{background:var(--gold);color:var(--on-gold);text-align:center;font-size:.92rem;font-weight:500;padding:0.375rem 1rem}
header.site{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:saturate(1.4) blur(0.625rem);-webkit-backdrop-filter:saturate(1.4) blur(0.625rem);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:1.25rem;min-height:4.875rem}
.brand{display:flex;align-items:center;gap:0.75rem;text-decoration:none;flex-shrink:0}
.brand img{width:3.625rem;height:3.625rem;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--line)}
.brand b{font-family:var(--ff-d);font-size:1.75rem;color:var(--ink);letter-spacing:.12em;line-height:1}
.brand small{display:block;font-size:.78rem;color:var(--muted);letter-spacing:.02em;margin-top:3px}
nav.main{margin-left:auto;display:flex;align-items:center;gap:2px}
nav.main>a,nav.main .dd>button{display:inline-flex;align-items:center;gap:0.25rem;padding:0.5rem 0.6875rem;border-radius:0.5rem;text-decoration:none;font-weight:500;font-size:.98rem;background:none;border:0;cursor:pointer;color:var(--text)}
nav.main>a:hover,nav.main .dd>button:hover,nav.main a.on,nav.main .dd.on>button{color:var(--gold-t);background:var(--sand)}
.dd{position:relative}
.dd svg{width:0.875rem;height:0.875rem}
.dd-menu{position:absolute;top:100%;left:0;min-width:14.375rem;background:var(--surface);border:1px solid var(--line);border-radius:0.75rem;box-shadow:var(--shadow);padding:0.5rem;display:none;z-index:60}
.dd:hover .dd-menu,.dd:focus-within .dd-menu,.dd.open .dd-menu{display:block}
.dd-menu a{display:block;padding:0.5625rem 0.75rem;border-radius:0.5rem;text-decoration:none;font-size:.96rem}
.dd-menu a:hover{background:var(--sand);color:var(--gold-t)}
.hdr-cta{margin-left:0.5rem}
.burger{display:none;margin-left:auto;width:2.875rem;height:2.875rem;border-radius:0.625rem;border:1px solid var(--line);background:var(--surface);cursor:pointer;align-items:center;justify-content:center}
.burger svg{width:1.5rem;height:1.5rem}
.drawer{position:fixed;inset:0;z-index:100;display:none}
.drawer.open{display:block}
.drawer .scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--navy-deep) 60%,transparent)}
.drawer .panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,23.75rem);background:var(--bg);padding:calc(env(safe-area-inset-top,0px) + 1rem) 1.25rem calc(env(safe-area-inset-bottom,0px) + 1.5rem);overflow-y:auto;display:flex;flex-direction:column;gap:0.25rem}
.drawer .panel a{padding:0.75rem 0.625rem;border-radius:0.625rem;text-decoration:none;font-weight:500;font-size:1.05rem;border-bottom:1px solid var(--line)}
.drawer .panel a.on{color:var(--gold-t);background:var(--sand)}
.drawer .panel .sub{padding-left:1.625rem;font-size:.98rem;color:var(--muted)}
.drawer .panel a.brand{border:0;padding:0}
.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.625rem}
@media (max-width:1180px){nav.main,.hdr-cta{display:none}.burger{display:inline-flex}}
@media (max-width:640px){.topbar .tb-r{display:none}.brand img{width:3rem;height:3rem}.brand b{font-size:1.45rem}header.site .wrap{min-height:4.125rem}}

/* hero */
.hero{position:relative;background:radial-gradient(120% 90% at 85% 40%,var(--navy-3) 0%,var(--navy) 55%,var(--navy-deep) 100%);color:#fff;overflow:hidden}
.hero .feather{position:absolute;right:-7.5rem;top:-5rem;width:38.75rem;opacity:.045;pointer-events:none;max-width:45vw}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(1.5rem,5vw,4.5rem);min-height:clamp(32.5rem,78vh,45rem);padding-top:3rem;padding-bottom:4.5rem}
.hero h1{color:#fff;max-width:14ch}
.hero p.sub{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--on-navy-2);max-width:46ch;margin-bottom:1.75rem}
.hero .ctas{display:flex;gap:0.75rem;flex-wrap:wrap}
.hero .btn-ghost{color:#fff}
.slide{display:none}
.slide.on{display:contents}
.medal{position:relative;justify-self:center;width:min(100%,28.75rem);aspect-ratio:1}
.medal .ring{position:absolute;inset:0;border-radius:50%;padding:0.625rem;background:conic-gradient(from 200deg,var(--gold-d),var(--gold-l),var(--gold),var(--gold-dd),var(--gold),var(--gold-d))}
.medal .ring>div{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#fff}
.medal .ring img,.medal .ring .ph{width:100%;height:100%;object-fit:cover}
.medal .arc{position:absolute;inset:-7%;width:114%;height:114%;pointer-events:none}
.medal .badge{position:absolute;left:-4%;bottom:8%;background:#fff;color:var(--navy);border-radius:0.875rem;padding:0.625rem 1rem;box-shadow:0 0.625rem 1.875rem rgba(0,0,0,.25);display:flex;gap:0.625rem;align-items:center;font-weight:600;font-size:.95rem;max-width:70%}
.medal .badge svg{width:1.75rem;height:1.75rem;color:var(--gold-d);flex-shrink:0}
.hero-nav{position:absolute;left:0;right:0;bottom:1.375rem}
.hero .hero-nav .wrap{min-height:0;padding-top:0;padding-bottom:0;display:flex;gap:0.625rem;align-items:center}
.dot{width:2.125rem;height:0.25rem;border-radius:0.25rem;border:0;background:rgba(255,255,255,.3);cursor:pointer;padding:0}
.dot.on{background:var(--gold)}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;text-align:left;min-height:0;padding-top:2.25rem;padding-bottom:5.25rem}.medal{width:min(74vw,21.25rem);order:-1;margin-bottom:0.5rem}.medal .badge{left:50%;transform:translateX(-50%);bottom:-6%;max-width:none;white-space:nowrap;font-size:.88rem;padding:0.5rem 0.875rem}.hero .wrap{padding-bottom:6rem}.hero h1{max-width:none}}
@media (prefers-reduced-motion:no-preference){
  .hero .slide.on .anim{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
  .hero .slide.on .anim:nth-child(2){animation-delay:.08s}.hero .slide.on .anim:nth-child(3){animation-delay:.16s}.hero .slide.on .anim:nth-child(4){animation-delay:.24s}
  .hero .slide.on .medal{animation:fadein 1s ease both}
  .medal .arc{animation:spin 40s linear infinite}
}
@keyframes rise{from{opacity:0;transform:translateY(1.125rem)}to{opacity:1;transform:none}}
@keyframes fadein{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}

.trust{background:var(--surface);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust .wrap>div{display:flex;align-items:center;gap:0.75rem;padding:1.25rem 1rem;font-weight:600;font-size:.98rem;border-left:1px solid var(--line)}
.trust .wrap>div:first-child{border-left:0}
.trust svg{width:1.875rem;height:1.875rem;color:var(--gold-t);flex-shrink:0}
@media (max-width:820px){.trust .wrap{grid-template-columns:1fr 1fr}.trust .wrap>div:nth-child(odd){border-left:0}.trust .wrap>div{border-top:1px solid var(--line);padding:1rem 0.75rem}.trust .wrap>div:nth-child(-n+2){border-top:0}}

/* placeholders */
.ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--navy-3),var(--navy))}
.ph svg{width:100%;height:100%;display:block}

/* cards */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s}
a.card:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.card .media{aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.card .media img{width:100%;height:100%;object-fit:cover}
.card .body{padding:1.125rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:0.375rem;flex:1}
.card h3{font-size:1.4rem;margin:0}
.card .meta{font-size:.88rem;color:var(--muted)}
.card p{color:var(--muted);font-size:.97rem;margin:0}
.card .foot{margin-top:auto;padding-top:0.625rem}
.pcard .media{aspect-ratio:1}
.pcard .cat{font-size:.85rem;color:var(--gold-t);font-weight:600}

/* category arches */
.arches{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14.375rem),1fr));gap:clamp(1rem,2.4vw,1.75rem)}
.arch{text-decoration:none;display:flex;flex-direction:column;gap:0.75rem}
.arch .a-img{aspect-ratio:3/4;border-radius:62.4375rem 62.4375rem 1.125rem 1.125rem;overflow:hidden;border:2px solid var(--gold);padding:0.375rem;background:var(--surface);transition:transform .25s}
.arch .a-img>*{border-radius:62.4375rem 62.4375rem 0.8125rem 0.8125rem;overflow:hidden;width:100%;height:100%;object-fit:cover}
.arch:hover .a-img{transform:translateY(-0.25rem)}
.arch h3{margin:0;text-align:center}
.arch p{margin:0;text-align:center;color:var(--muted);font-size:.95rem}

/* about split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.75rem,5vw,4.5rem);align-items:center}
.split .pic{border-radius:13.75rem 13.75rem 1.125rem 1.125rem;overflow:hidden;aspect-ratio:4/5;border:2px solid var(--gold);padding:0.5rem;background:var(--surface)}
.split .pic>*{border-radius:13.25rem 13.25rem 0.75rem 0.75rem;width:100%;height:100%;object-fit:cover;overflow:hidden}
@media (max-width:860px){.split{grid-template-columns:1fr}.split .pic{max-width:26.25rem;margin:0 auto;width:100%}}
.quote{border-left:3px solid var(--gold);padding:0.375rem 0 0.375rem 1.125rem;font-family:var(--ff-d);font-size:1.35rem;line-height:1.35;margin:1.375rem 0}
.quote cite{display:block;font-family:var(--ff);font-style:normal;font-size:.92rem;color:var(--muted);margin-top:0.5rem}

/* why */
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15.625rem),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.why>div{background:var(--surface);padding:1.75rem 1.625rem}
.why svg{width:2.5rem;height:2.5rem;color:var(--gold-t);margin-bottom:0.875rem}
.why h3{font-size:1.45rem}
.why p{color:var(--muted);margin:0;font-size:.98rem}

/* process */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11.25rem),1fr));gap:0;counter-reset:s;position:relative}
.steps>div{position:relative;padding:0 1.125rem 0 0}
.steps .n{display:flex;align-items:center;gap:0.625rem;margin-bottom:0.875rem}
.steps .n b{width:2.875rem;height:2.875rem;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;font-family:var(--ff-d);font-size:1.3rem;color:var(--gold);flex-shrink:0}
.steps .n i{flex:1;height:1px;background:color-mix(in srgb,var(--gold) 40%,transparent)}
.steps>div:last-child .n i{display:none}
.steps h3{font-size:1.35rem}
.steps p{color:var(--on-navy-3);font-size:.96rem;margin:0}
@media (max-width:700px){.steps{gap:1.625rem}.steps .n i{display:none}}

/* testimonials */
.tcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;display:flex;flex-direction:column;gap:0.875rem}
.tcard .q{font-family:var(--ff-d);font-size:3.4rem;line-height:.6;color:var(--gold);height:1.375rem}
.tcard p{margin:0;font-size:1.04rem}
.tcard .who{margin-top:auto;font-weight:600}
.tcard .who small{display:block;font-weight:400;color:var(--muted)}
.stars{color:var(--gold);letter-spacing:2px}

/* videos */
.vcard{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;display:block;text-decoration:none;background:var(--navy)}
.vcard>img,.vcard>.ph{width:100%;height:100%;object-fit:cover}
.vcard .play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--navy-deep) 78%,transparent))}
.vcard .play span{width:4.25rem;height:4.25rem;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:var(--on-gold)}
.vcard .play svg{width:1.625rem;height:1.625rem;margin-left:0.25rem}
.vcard .vt{position:absolute;left:1.125rem;right:1.125rem;bottom:0.875rem;color:#fff;font-weight:600}

/* page hero */
.phero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.phero .wrap{padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(2.5rem,6vw,4.5rem);position:relative}
.phero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:.2em}
.phero p{color:var(--on-navy-2);max-width:62ch;margin:0;font-size:1.08rem}
.phero .feather{position:absolute;right:-3.75rem;top:-3.75rem;width:21.25rem;opacity:.08}
.crumbs{font-size:.9rem;color:color-mix(in srgb,var(--on-navy-3) 80%,var(--navy));margin-bottom:0.75rem;display:flex;gap:0.5rem;flex-wrap:wrap}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--gold)}

/* prose */
.prose{max-width:72ch}
.prose h3{margin-top:1.4em}
.prose ul{padding-left:1.2em}
.prose li{margin-bottom:.35em}
.blocks{display:flex;flex-direction:column;gap:clamp(2.5rem,6vw,4.5rem)}
.block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.block:nth-child(even) .bm{order:2}
.block .bm{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;border:1px solid var(--line)}
.block .bm>*{width:100%;height:100%;object-fit:cover}
@media (max-width:820px){.block{grid-template-columns:1fr}.block:nth-child(even) .bm{order:0}}

/* timeline */
.tl{position:relative;padding-left:2.125rem;max-width:48.75rem}
.tl::before{content:"";position:absolute;left:0.625rem;top:0.375rem;bottom:0.375rem;width:2px;background:var(--gold)}
.tl>div{position:relative;margin-bottom:1.75rem}
.tl>div::before{content:"";position:absolute;left:-1.9375rem;top:0.5rem;width:1rem;height:1rem;border-radius:50%;background:var(--bg);border:3px solid var(--gold)}
.tl .yr{font-family:var(--ff-d);font-size:1.6rem;color:var(--gold-t);font-weight:700;line-height:1}

/* products page */
.filters{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.75rem;align-items:center}
.filters button{border:1px solid var(--line);background:var(--surface);border-radius:62.4375rem;padding:0.5rem 1rem;cursor:pointer;font-weight:500}
.filters button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.search{flex:1;min-width:12.5rem;max-width:21.25rem;margin-left:auto;position:relative}
.search input{width:100%;padding:0.625rem 0.875rem 0.625rem 2.5rem;border:1px solid var(--line);border-radius:62.4375rem;background:var(--surface)}
.search svg{position:absolute;left:0.875rem;top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;color:var(--muted)}
.empty{padding:3rem 1.25rem;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}

/* product detail */
.pd{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
@media (max-width:860px){.pd{grid-template-columns:1fr}}
.pd-main{aspect-ratio:1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--sand)}
.pd-main>*{width:100%;height:100%;object-fit:contain}
.thumbs{display:flex;gap:0.625rem;margin-top:0.75rem;flex-wrap:wrap}
.thumbs button{width:4.75rem;height:4.75rem;border-radius:0.625rem;overflow:hidden;border:2px solid var(--line);padding:0;cursor:pointer;background:var(--sand)}
.thumbs button.on{border-color:var(--gold)}
.thumbs button>*{width:100%;height:100%;object-fit:cover}
.facts{width:100%;border-collapse:collapse;margin:1.125rem 0;font-size:.97rem}
.facts th,.facts td{text-align:left;padding:0.625rem 0.75rem;border-bottom:1px solid var(--line);vertical-align:top}
.facts th{width:38%;color:var(--muted);font-weight:500}
.packs{display:flex;gap:0.5rem;flex-wrap:wrap;margin:0.375rem 0 0.25rem}
.tabs{display:flex;gap:0.25rem;border-bottom:1px solid var(--line);margin-bottom:1.375rem;overflow-x:auto}
.tabs button{border:0;background:none;padding:0.75rem 1rem;cursor:pointer;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}
.tabs button.on{color:var(--ink);border-color:var(--gold)}
.tbl-wrap{overflow-x:auto}
.nut{border-collapse:collapse;min-width:20rem;max-width:32.5rem;width:100%}
.nut td{padding:0.5625rem 0.75rem;border-bottom:1px solid var(--line)}
.nut td:last-child{text-align:right;font-weight:600}

/* forms */
.form{display:grid;grid-template-columns:1fr 1fr;gap:0.875rem}
.form .full{grid-column:1/-1}
@media (max-width:600px){.form{grid-template-columns:1fr}}
.fld label{display:block;font-weight:600;font-size:.92rem;margin-bottom:0.3125rem}
.fld input,.fld select,.fld textarea{width:100%;padding:0.6875rem 0.8125rem;border:1px solid var(--line);border-radius:0.625rem;background:var(--surface)}
.fld textarea{min-height:7.5rem;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 22%,transparent)}
.fld .hint{font-size:.83rem;color:var(--muted);margin-top:0.25rem}
.err{color:var(--err);font-size:.85rem;margin-top:0.25rem}
.ok-box{background:var(--sand);border:1px solid var(--gold);border-radius:var(--radius);padding:1.375rem}
.panel-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2rem)}
.cinfo{display:flex;flex-direction:column;gap:1.125rem}
.cinfo>div{display:flex;gap:0.875rem}
.cinfo svg{width:1.5rem;height:1.5rem;color:var(--gold-t);flex-shrink:0;margin-top:3px}
.cinfo b{display:block}
.cinfo a{text-decoration:none}.cinfo a:hover{color:var(--gold-t)}
.mapcard{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;position:relative;display:block;text-decoration:none;background:
 repeating-linear-gradient(0deg,transparent 0 2.375rem,color-mix(in srgb,var(--navy) 6%,transparent) 2.375rem 2.5rem),repeating-linear-gradient(90deg,transparent 0 2.375rem,color-mix(in srgb,var(--navy) 6%,transparent) 2.375rem 2.5rem),var(--sand)}
.mapcard .pin{position:absolute;left:50%;top:44%;transform:translate(-50%,-100%);color:var(--gold-t)}
.mapcard .pin svg{width:3.375rem;height:3.375rem}
.mapcard span{position:absolute;left:50%;bottom:1rem;transform:translateX(-50%)}

/* faq */
.faq details{border-bottom:1px solid var(--line);padding:0.25rem 0}
.faq summary{cursor:pointer;list-style:none;padding:1rem 2.25rem 1rem 0;font-weight:600;font-size:1.06rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0.375rem;top:0.625rem;font-size:1.6rem;color:var(--gold-t);font-weight:400}
.faq details[open] summary::after{content:"−"}
.faq details>div{padding:0 0 1.125rem;color:var(--muted);max-width:75ch}

/* gallery */
.masonry{columns:3 16.25rem;column-gap:1rem}
.masonry button{display:block;width:100%;margin:0 0 1rem;border:0;padding:0;border-radius:0.75rem;overflow:hidden;cursor:zoom-in;break-inside:avoid;background:var(--sand)}
.masonry button>*{width:100%;height:auto}
.masonry .ph{aspect-ratio:4/3}
.lb{position:fixed;inset:0;z-index:200;background:color-mix(in srgb,var(--navy-deep) 94%,#000);display:none;align-items:center;justify-content:center;padding:1.5rem}
.lb.open{display:flex}
.lb img,.lb .ph{max-width:min(68.75rem,100%);max-height:84vh;border-radius:0.625rem;width:auto}
.lb .ph{width:min(50rem,90vw);aspect-ratio:4/3}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;width:3rem;height:3rem;border-radius:50%;cursor:pointer;font-size:1.5rem}
.lb .x{top:calc(env(safe-area-inset-top,0px) + 1rem);right:1rem}.lb .pv{left:0.75rem;top:50%}.lb .nx{right:0.75rem;top:50%}

/* downloads/certs */
.dl{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.dl .ic{width:3.25rem;height:3.25rem;border-radius:0.75rem;background:var(--sand);display:grid;place-items:center;color:var(--gold-t);flex-shrink:0}
.dl .ic svg{width:1.625rem;height:1.625rem}
.dl h3{font-size:1.25rem;margin:0}
.dl .grow{flex:1;min-width:0}
@media (max-width:520px){.dl{flex-wrap:wrap}.dl .btn{width:100%}}
.cert .media{aspect-ratio:3/4}
.job{border:1px solid var(--line);border-radius:var(--radius);padding:1.375rem;background:var(--surface);display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.job .grow{flex:1;min-width:15rem}
.job .tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.5rem}

/* footer */
footer.site{background:var(--navy-deep);color:var(--on-navy-3);padding-top:clamp(3rem,7vw,5rem);font-size:.97rem}
footer.site h4{font-family:var(--ff);font-size:1rem;color:#fff;font-weight:600;margin-bottom:0.875rem}
footer.site a{text-decoration:none}
footer.site a:hover{color:var(--gold)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:2rem}
@media (max-width:1000px){.fgrid{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:640px){.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child,.fgrid>div:last-child{grid-column:1/-1}}
.fgrid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.5rem}
.fbrand img{width:5.25rem;height:5.25rem;border-radius:50%;background:#fff;margin-bottom:0.875rem}
.social{display:flex;gap:0.625rem;margin-top:1rem}
.social a{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center}
.social a:hover{border-color:var(--gold)}
.social svg{width:1.125rem;height:1.125rem}
.fbot{border-top:1px solid rgba(255,255,255,.1);margin-top:2.75rem;padding:1.25rem 0 calc(1.25rem + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.9rem}
.fbot nav{display:flex;gap:1.125rem;flex-wrap:wrap}
.wa{position:fixed;right:1.125rem;bottom:calc(1.125rem + env(safe-area-inset-bottom,0px));z-index:80;width:3.625rem;height:3.625rem;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 0.5rem 1.5rem rgba(0,0,0,.25)}
.wa svg{width:1.875rem;height:1.875rem}
.toTop{position:fixed;right:1.5rem;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));z-index:80;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--navy);color:#fff;border:1px solid rgba(255,255,255,.2);display:none;place-items:center;cursor:pointer}
.toTop.show{display:grid}
.toTop svg{width:1.25rem;height:1.25rem}

/* ADMIN */
.adm{display:grid;grid-template-columns:16.25rem 1fr;min-height:100%;background:var(--sand)}
.adm-side{background:var(--navy);color:var(--on-navy-2);padding:1.125rem 0.75rem;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto}
.adm-side .brand b{color:#fff;font-size:1.4rem}
.adm-side .brand small{color:color-mix(in srgb,var(--on-navy-3) 80%,var(--navy))}
.adm-side .brand img{width:2.75rem;height:2.75rem}
.adm-side .grp{font-size:.78rem;color:color-mix(in srgb,var(--on-navy-3) 62%,var(--navy));margin:1.125rem 0.625rem 0.375rem;font-weight:600}
.adm-side a{display:flex;align-items:center;gap:0.625rem;padding:0.5rem 0.625rem;border-radius:0.5rem;text-decoration:none;font-size:.95rem}
.adm-side a:hover{background:rgba(255,255,255,.07)}
.adm-side a.on{background:var(--gold);color:var(--on-gold);font-weight:600}
.adm-side a .cnt{margin-left:auto;font-size:.78rem;opacity:.7}
.adm-main{padding:0 0 3.75rem;min-width:0}
.adm-bar{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:0.75rem;padding:0.75rem clamp(0.875rem,3vw,1.75rem);flex-wrap:wrap}
.adm-bar h2{font-family:var(--ff);font-size:1.15rem;margin:0;font-weight:700}
.adm-bar .sp{flex:1}
.status{font-size:.88rem;padding:0.25rem 0.625rem;border-radius:62.4375rem;background:var(--sand);border:1px solid var(--line)}
.status.dirty{background:var(--warn-bg);border-color:var(--gold);color:var(--warn-tx)}
.adm-body{padding:clamp(0.875rem,3vw,1.75rem);max-width:68.75rem}
.atbl{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:0.75rem;overflow:hidden}
.atbl th,.atbl td{padding:0.625rem 0.75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:.95rem}
.atbl th{background:var(--sand);font-weight:600;font-size:.85rem;color:var(--muted)}
.atbl .thumb{width:2.875rem;height:2.875rem;border-radius:0.5rem;overflow:hidden;background:var(--sand)}
.atbl .thumb>*{width:100%;height:100%;object-fit:cover}
.acts{display:flex;gap:0.375rem;justify-content:flex-end;flex-wrap:wrap}
.ib{width:2.125rem;height:2.125rem;border-radius:0.5rem;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:inline-grid;place-items:center}
.ib:hover{border-color:var(--gold)}
.ib svg{width:1rem;height:1rem}
.ib.del:hover{border-color:var(--err);color:var(--err)}
.aform{background:var(--surface);border:1px solid var(--line);border-radius:0.75rem;padding:clamp(1rem,3vw,1.625rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.aform .full{grid-column:1/-1}
@media (max-width:700px){.aform{grid-template-columns:1fr}}
.imgfld{display:flex;gap:0.75rem;align-items:flex-start;flex-wrap:wrap}
.imgfld .pv{width:6rem;height:6rem;border-radius:0.625rem;overflow:hidden;background:var(--sand);border:1px solid var(--line);flex-shrink:0}
.imgfld .pv>*{width:100%;height:100%;object-fit:cover}
.imgfld .ctl{flex:1;min-width:12.5rem;display:flex;flex-direction:column;gap:0.5rem}
.imglist{display:flex;gap:0.625rem;flex-wrap:wrap}
.imglist .it{position:relative;width:6rem;height:6rem;border-radius:0.625rem;overflow:hidden;border:1px solid var(--line)}
.imglist .it>img,.imglist .it>.ph{width:100%;height:100%;object-fit:cover}
.imglist .it button{position:absolute;top:0.25rem;right:0.25rem;width:1.625rem;height:1.625rem;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.imglist label.add{width:6rem;height:6rem;border-radius:0.625rem;border:2px dashed var(--line);display:grid;place-items:center;cursor:pointer;color:var(--muted);font-size:.85rem;text-align:center}
.toggle{display:inline-flex;align-items:center;gap:0.625rem;cursor:pointer;font-weight:500}
.toggle input{width:1.25rem;height:1.25rem;accent-color:var(--navy)}
.multi{display:flex;flex-wrap:wrap;gap:0.5rem;max-height:12.5rem;overflow-y:auto;padding:0.625rem;border:1px solid var(--line);border-radius:0.625rem}
.multi label{display:inline-flex;gap:0.375rem;align-items:center;font-size:.92rem;padding:0.25rem 0.625rem;border:1px solid var(--line);border-radius:62.4375rem;cursor:pointer}
.toast{position:fixed;left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--navy);color:#fff;padding:0.75rem 1.25rem;border-radius:0.75rem;z-index:300;box-shadow:var(--shadow);max-width:90vw;display:none}
.toast.show{display:block}
.adm-mtog{display:none}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.625rem,1fr));gap:0.875rem;margin-bottom:1.5rem}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:0.75rem;padding:1rem 1.125rem;text-decoration:none}
.stat b{font-family:var(--ff-d);font-size:2.2rem;display:block;line-height:1;color:var(--ink)}
.stat span{color:var(--muted);font-size:.92rem}
.note{background:var(--surface);border:1px solid var(--line);border-left:0.25rem solid var(--gold);border-radius:0.625rem;padding:0.875rem 1rem;margin-bottom:1.125rem;font-size:.95rem}
.secrow{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 0.875rem;background:var(--surface);border:1px solid var(--line);border-radius:0.625rem;margin-bottom:0.5rem;flex-wrap:wrap}
.secrow .grow{flex:1;min-width:10rem;font-weight:600}
@media (max-width:860px){
  .adm{grid-template-columns:1fr}
  .adm-side{position:fixed;inset:0 auto 0 0;width:16.875rem;z-index:90;transform:translateX(-100%);transition:transform .25s}
  .adm.nav-open .adm-side{transform:none}
  .adm-mtog{display:inline-flex}
  .atbl .hide-sm{display:none}
}
@media print{header.site,.topbar,footer.site,.wa,.toTop{display:none}}

/* ---------- large displays: scale the whole layout proportionally ---------- */
html{font-size:100%}
@media (min-width:1600px){html{font-size:106.25%}}
@media (min-width:1900px){html{font-size:115%}}
@media (min-width:2300px){html{font-size:131.25%}}
@media (min-width:2800px){html{font-size:150%}}
@media (min-width:3400px){html{font-size:181.25%}}
@media (min-width:1600px){:root{--maxw:82rem}}

/* ---------- theme switch ---------- */
.themebtn{width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0;transition:border-color .2s}
.themebtn:hover{border-color:var(--gold)}
.themebtn svg{width:1.25rem;height:1.25rem}
.themebtn .i-sun{display:none}
.themebtn[data-dark="1"] .i-sun{display:block}.themebtn[data-dark="1"] .i-moon{display:none}
header.site .themebtn{margin-left:.5rem}
@media (max-width:1180px){header.site .themebtn{margin-left:auto}header.site .burger{margin-left:.5rem}}
.adm-bar .themebtn{width:2.4rem;height:2.4rem}

/* ---------- admin theme editor ---------- */
.presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:.75rem}
.preset{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);cursor:pointer;text-align:left;font-size:.92rem}
.preset:hover,.preset.on{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 30%,transparent)}
.preset span{width:1.6rem;height:1.6rem;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.12)}
.preset span+span{margin-left:-.9rem}
.colorrow{display:flex;gap:.6rem;align-items:center}
.colorrow input[type=color]{width:3.2rem;height:2.9rem;padding:.2rem;border:1px solid var(--line);border-radius:.6rem;background:var(--surface);cursor:pointer;flex-shrink:0}
.colorrow input[type=text]{flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase}
.tprev{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg);color:var(--text)}
.tprev .tp-top{background:var(--navy);color:#fff;padding:1.4rem 1.5rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.tprev .tp-top b{font-family:var(--ff-d);font-size:1.6rem;letter-spacing:.1em;margin-right:auto}
.tprev .tp-body{padding:1.2rem 1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;background:var(--sand)}
.tprev .tp-card{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:.9rem 1.1rem;flex:1;min-width:12rem}
.tprev .tp-foot{background:var(--navy-deep);color:var(--on-navy-3);padding:.8rem 1.5rem;font-size:.9rem}

/* ---------- login ---------- */
.login-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(120% 90% at 85% 20%,var(--navy-3) 0%,var(--navy) 55%,var(--navy-deep) 100%);padding:1.25rem;position:relative}
.login-card{width:min(100%,26rem);display:flex;flex-direction:column;gap:.9rem}
.login-card .logo{width:6rem;height:6rem;border-radius:50%;margin:0 auto .4rem;background:#fff}
.login-wrap .themebtn{position:absolute;top:calc(env(safe-area-inset-top,0px) + 1rem);right:1rem;background:color-mix(in srgb,#fff 12%,transparent);border-color:color-mix(in srgb,#fff 25%,transparent);color:#fff}
.pwwrap{position:relative}
.pwwrap input{padding-right:4.5rem}
.pwwrap button{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--gold-t);font-weight:600;cursor:pointer;padding:.4rem .6rem}

/* ---------- polish ---------- */
[hidden]{display:none!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-navy{background:var(--navy-3);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 16%,transparent)}:root:not([data-theme="light"]) .btn-navy:hover{background:color-mix(in srgb,var(--navy) 62%,#fff)}}
:root[data-theme="dark"] .btn-navy{background:var(--navy-3);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 16%,transparent)}
:root[data-theme="dark"] .btn-navy:hover{background:color-mix(in srgb,var(--navy) 62%,#fff)}
.status{white-space:nowrap}
.fld input,.fld select,.fld textarea{color:var(--text)}
.adm-bar h2{color:var(--ink)}
.atbl td b{color:var(--ink)}
.empty h3{color:var(--ink)}
::selection{background:color-mix(in srgb,var(--gold) 35%,transparent)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* ===== v3: real catalogue, coming soon, wide screens ===== */
.hi{font-family:var(--ff);font-weight:600;color:var(--gold-t);font-size:.95em}
h3 .hi{font-size:.72em;margin-left:.25em}
.pcard .hi{font-size:1rem;margin-top:-.2rem}
.soon-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;background:var(--navy);color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .75rem;border-radius:999px;box-shadow:0 0 0 2px var(--gold);letter-spacing:.02em}
.card .media,.arch .a-img{position:relative}
.arch .a-img .soon-badge{left:50%;transform:translateX(-50%);top:1.4rem}
.chip-soon{background:color-mix(in srgb,var(--gold) 18%,var(--surface));border-color:var(--gold);color:var(--ink);font-weight:600}
.pcard.is-soon .media{filter:saturate(.9)}
.soon-box{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;border-left:4px solid var(--gold)}
.ticks{list-style:none;padding:0;margin:1.2rem 0 1.6rem;display:grid;gap:.6rem}
.ticks li{display:flex;gap:.6rem;align-items:flex-start;font-weight:500}
.ticks svg{width:1.3rem;height:1.3rem;color:var(--gold-t);flex-shrink:0;margin-top:.2rem}
.pcard .media img,.card .media img{transition:transform .5s ease}
a.card:hover .media img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){a.card:hover .media img{transform:none}}

/* grids: fill the row, centre when there are only a few items (no empty gap on one side) */
.g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,18.75rem),1fr))}
.arches{grid-template-columns:repeat(auto-fit,minmax(min(100%,14.375rem),1fr))}
.g4>*{width:100%;max-width:26rem;justify-self:center}
.g3>*{width:100%;max-width:34rem;justify-self:center}
.arches>*{width:100%;max-width:21rem;justify-self:center}
.g4>.empty,.g3>.empty{max-width:none}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,26.25rem),1fr))}

/* wide & very wide displays: use the screen, keep comfortable margins */
@media (min-width:1440px){:root{--maxw:min(92vw,118rem)}}
@media (min-width:1440px){.hero .wrap{grid-template-columns:1fr 1fr}.hero h1{max-width:16ch}.hero p.sub{max-width:52ch}}
@media (min-width:1440px){.prose{max-width:80ch}}
.arch .a-img>.soon-badge{width:auto;height:auto;border-radius:999px;overflow:visible;object-fit:initial}