/* WonderFN storefront layer. SellAuth commerce and customer-account behavior stays native. */
:root { --wf-bg:#090612; --wf-panel:#13101c; --wf-line:rgba(255,255,255,.09); --wf-muted:#a39dab; --wf-purple:#8a3ffc; --wf-purple-soft:#b77aff; --wf-cyan:#21d7e2; }
* { box-sizing:border-box; }
html { background:var(--wf-bg); }
body { min-height:100vh; overflow-x:hidden; background:var(--wf-bg)!important; color:#fff; -webkit-font-smoothing:antialiased; }
[x-cloak] { display:none!important; }
.wf-shell { min-height:100vh; display:flex; flex-direction:column; }
.wf-shell>div { flex:1; }
.wf-nav { position:sticky; top:0; z-index:45; border-bottom:1px solid var(--wf-line); background:rgba(9,6,18,.88); backdrop-filter:blur(18px); }
.wf-nav__inner { width:min(calc(100% - 40px),1180px); height:74px; margin:auto; display:flex; align-items:center; gap:28px; }
.wf-brand { display:flex; align-items:center; gap:10px; color:#fff; text-decoration:none; }
.wf-brand img { width:38px; height:38px; border-radius:11px; object-fit:cover; }
.wf-brand strong { font-size:18px; font-weight:800; letter-spacing:-.04em; }
.wf-brand strong span { color:var(--wf-purple-soft); }
.wf-nav__links { display:flex; align-items:center; gap:4px; margin-left:auto; }
.wf-nav__links a { padding:10px 13px; border-radius:8px; color:#b8b2c0; font-size:14px; font-weight:600; transition:.18s ease; }
.wf-nav__links a:hover { color:#fff; background:rgba(255,255,255,.05); }
.wf-nav__actions { display:flex; align-items:center; gap:9px; }
.wf-login { padding:10px 12px; border:1px solid var(--wf-line); border-radius:8px; background:transparent; color:#ddd8e3; font-size:13px; font-weight:650; cursor:pointer; }
.wf-login:hover,.wf-icon:hover { border-color:rgba(183,122,255,.38); background:rgba(255,255,255,.06); color:#fff; }
.wf-icon { position:relative; width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--wf-line); border-radius:10px; background:rgba(255,255,255,.03); color:#ddd8e3; cursor:pointer; }
.wf-cart-count { position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; display:grid; place-items:center; padding:0 4px; border:2px solid var(--wf-bg); border-radius:999px; background:var(--wf-purple); color:#fff; font-size:10px; font-weight:800; }
.wf-menu-toggle { display:none; }
.wf-mobile-menu { width:min(calc(100% - 28px),1180px); margin:0 auto 12px; padding:7px; border:1px solid var(--wf-line); background:#100c17; }
.wf-mobile-menu a,.wf-mobile-menu button { width:100%; display:block; padding:12px; border:0; background:none; color:#c5bfcb; text-align:left; font:inherit; font-size:14px; }
.wf-hero { position:relative; overflow:hidden; border-bottom:1px solid var(--wf-line); background:#0b0812; }
.wf-hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(#000,transparent 82%); }
.wf-hero__grid { position:relative; width:min(calc(100% - 40px),1180px); min-height:620px; margin:auto; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:72px; padding:78px 0; }
.wf-kicker { color:#9c94a7; font-size:12px; font-weight:650; letter-spacing:.09em; text-transform:uppercase; }
.wf-hero h1 { max-width:690px; margin:18px 0 0; color:#fff; font-size:clamp(50px,5.5vw,76px); font-weight:800; line-height:.98; letter-spacing:-.055em; }
.wf-lead { max-width:610px; margin:26px 0 0; color:var(--wf-muted); font-size:17px; line-height:1.65; }
.wf-hero__copy>.relative { max-width:610px; margin-top:30px; }
.wf-hero__copy>.relative input { min-height:56px; border-color:rgba(255,255,255,.14)!important; border-radius:10px!important; background:#171326!important; color:#fff!important; }
.wf-hero__actions { display:flex; align-items:center; gap:17px; margin-top:18px; }
.wf-primary { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 20px; border-radius:8px; background:#8540e8; color:#fff; font-size:14px; font-weight:750; }
.wf-primary:hover { background:#9650f0; }
.wf-text-link { padding:12px 2px; color:#c6c0cd; font-size:14px; font-weight:650; }
.wf-text-link:hover { color:#fff; }
.wf-text-link span { color:var(--wf-purple-soft); }
.wf-hero__mark { min-height:420px; display:grid; place-items:center; }
.wf-logo-orbit { position:relative; width:min(420px,100%); aspect-ratio:1; display:grid; place-items:center; }
.wf-logo-orbit::before { content:""; position:absolute; inset:10%; border:1px solid rgba(255,255,255,.07); border-radius:50%; }
.wf-logo-orbit::after { content:""; position:absolute; width:60%; height:60%; border-radius:50%; background:#6f2bd0; filter:blur(90px); opacity:.22; }
.wf-logo-orbit>img { position:relative; z-index:2; width:68%; height:68%; object-fit:contain; filter:drop-shadow(0 28px 38px rgba(0,0,0,.38)); }
.wf-logo-orbit>div { position:absolute; z-index:3; right:2%; bottom:12%; display:flex; flex-direction:column; align-items:flex-end; }
.wf-logo-orbit strong { font-size:clamp(28px,3vw,42px); font-weight:900; line-height:1; letter-spacing:-.05em; }
.wf-logo-orbit span { margin-top:7px; color:#9b93a3; font-size:10px; font-weight:700; letter-spacing:.22em; }
.components { width:min(calc(100% - 40px),1180px); margin:auto; }
.components>.wf-hero { width:100vw; margin-left:calc(50% - 50vw); }
.components>.wf-hero .wf-hero__grid { width:min(calc(100% - 40px),1180px); }
.components>.component:not(.wf-hero) { margin-top:70px; }
.components [data-component-id="products"] { padding-bottom:80px; }
.components [data-component-id="products"]>div { padding-top:0; }
.components [data-component-id="products"] h1 { font-size:34px; letter-spacing:-.035em; }
.components [data-component-id="products"] hr { display:none; }
.bg-card\/75,.bg-card\/90,.bg-card { background-color:rgba(19,16,28,.94)!important; }
.border-white\/5 { border-color:var(--wf-line)!important; }
.wf-footer { margin-top:80px; border-top:1px solid var(--wf-line); background:#07050d; }
.wf-footer__inner { width:min(calc(100% - 40px),1180px); min-height:116px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.wf-footer__inner p { color:#716b7b; font-size:11px; }
.wf-footer__inner>div { display:flex; gap:18px; color:#8e8798; font-size:11px; }
/* Native SellAuth customer login, restyled without changing its auth flow. */
.sa-customer-login-modal>div:last-child { border:1px solid #302938!important; border-radius:10px!important; background:#100d15!important; box-shadow:0 35px 90px rgba(0,0,0,.55)!important; }
.sa-customer-login-modal input { border-radius:6px!important; background:#0a080d!important; }
.sa-customer-login-modal button[type="submit"] { border-radius:6px!important; background:#8540e8!important; }
@media(max-width:900px){.wf-nav__links{display:none}.wf-menu-toggle{display:grid}.wf-hero__grid{grid-template-columns:1fr; gap:20px; padding:64px 0}.wf-hero__copy{text-align:center}.wf-hero__copy>.relative{margin-left:auto;margin-right:auto}.wf-hero__actions{justify-content:center}.wf-hero__mark{min-height:340px}.wf-logo-orbit{width:350px}}
@media(max-width:620px){.wf-nav__inner,.wf-hero__grid,.components,.wf-footer__inner{width:min(calc(100% - 28px),1180px)}.wf-nav__inner{height:68px}.wf-brand img{width:35px;height:35px}.wf-login{display:none}.wf-hero__grid{min-height:auto;padding:52px 0}.wf-hero h1{font-size:43px}.wf-lead{font-size:15px}.wf-hero__actions{flex-direction:column;align-items:stretch}.wf-primary{width:100%}.wf-hero__mark{min-height:300px}.wf-logo-orbit{width:300px}.wf-footer__inner{padding:30px 0;flex-direction:column;align-items:flex-start}.components>.component:not(.wf-hero){margin-top:52px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.wf-policy { width:min(calc(100% - 40px),860px); margin:70px auto 0!important; }
.wf-policy article { padding:42px 46px; border:1px solid var(--wf-line); border-radius:10px; background:rgba(19,16,28,.94); color:#b9b3c0; font-size:15px; line-height:1.75; }
.wf-policy__eyebrow { margin:0 0 12px!important; color:#8f8797!important; font-size:11px!important; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.wf-policy h1 { margin:0 0 30px; color:#fff; font-size:clamp(34px,5vw,48px); font-weight:800; line-height:1.05; letter-spacing:-.045em; }
.wf-policy h2 { margin:34px 0 9px; color:#fff; font-size:18px; font-weight:700; letter-spacing:-.015em; }
.wf-policy p { margin:0 0 14px; }
.wf-policy ul { margin:10px 0 18px 20px; list-style:disc; }
.wf-policy li { margin:7px 0; padding-left:4px; }
.wf-policy strong { color:#f3eff6; }
.wf-policy__notice { margin:0 0 30px!important; padding:18px 20px; border-left:2px solid var(--wf-purple); background:#0b0811; color:#c7c1cd; }
@media(max-width:620px){.wf-policy{width:min(calc(100% - 28px),860px);margin-top:42px!important}.wf-policy article{padding:28px 21px;font-size:14px}.wf-policy h2{margin-top:28px}}

.wf-guest-option { position:relative; margin-top:24px; padding-top:23px; border-top:1px solid var(--wf-line); text-align:center; }
.wf-guest-option>span { position:absolute; top:-9px; left:50%; padding:0 10px; transform:translateX(-50%); background:#100d15; color:#77717e; font-size:11px; text-transform:uppercase; }
.wf-guest-option button { width:100%; min-height:44px; border:1px solid #393240; border-radius:6px; background:transparent; color:#f1edf4; font-weight:700; cursor:pointer; }
.wf-guest-option button:hover { border-color:#665a70; background:rgba(255,255,255,.04); }
.wf-guest-option p { margin-top:9px; color:#89828f; font-size:11px; line-height:1.5; }

/* Homepage refresh: centered storefront, real catalog data, real reviews, compact FAQ. */
.wf-hero--centered { min-height:680px; display:grid; place-items:center; border-bottom:1px solid var(--wf-line); background:radial-gradient(circle at 50% 46%,rgba(138,63,252,.13),transparent 35%),#0b0812; }
.wf-hero--centered::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(33,215,226,.025),transparent); pointer-events:none; }
.wf-hero__center { position:relative; z-index:1; width:min(calc(100% - 40px),850px); margin:auto; padding:100px 0 76px; text-align:center; }
.wf-hero__center h1 { max-width:none; margin:0; font-size:clamp(48px,6.4vw,82px); line-height:.98; letter-spacing:-.06em; }
.wf-hero__center h1 span { color:#bdb6c6; }
.wf-hero__center>p { max-width:650px; margin:24px auto 0; color:var(--wf-muted); font-size:17px; line-height:1.65; }
.wf-hero__search { max-width:650px; margin:31px auto 0; text-align:left; }
.wf-hero__search>.relative { margin:0; }
.wf-hero__search>.mb-4>div { overflow:hidden; border:1px solid rgba(255,255,255,.14)!important; border-radius:10px; background:#171326!important; }
.wf-hero__search>.mb-4>div>div { width:100%; max-width:none; min-height:56px; padding:0 17px; }
.wf-hero__search input { min-width:0; flex:1; border:0!important; border-radius:0!important; background:transparent!important; color:#fff!important; }
.wf-hero--centered .wf-hero__actions { justify-content:center; }
.wf-secondary { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 20px; border:1px solid var(--wf-line); border-radius:8px; background:rgba(255,255,255,.025); color:#d7d2dc; font-size:14px; font-weight:700; }
.wf-secondary:hover { border-color:#514858; background:rgba(255,255,255,.055); color:#fff; }
.wf-store-facts { max-width:760px; margin:48px auto 0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--wf-line); border-bottom:1px solid var(--wf-line); text-align:left; }
.wf-store-facts>div { min-width:0; padding:19px 22px; display:flex; align-items:center; gap:13px; }
.wf-store-facts>div+div { border-left:1px solid var(--wf-line); }
.wf-store-facts i { width:20px; color:var(--wf-purple-soft); text-align:center; }
.wf-store-facts span { min-width:0; display:flex; flex-direction:column; gap:3px; }
.wf-store-facts strong { color:#eeeaf1; font-size:12px; }
.wf-store-facts small { overflow:hidden; color:#89828f; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.wf-section-heading { margin-bottom:24px; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.wf-section-heading p { color:#8f8797; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.wf-section-heading h2 { margin-top:8px; color:#fff; font-size:clamp(30px,4vw,42px); font-weight:800; letter-spacing:-.04em; }
.wf-carousel-controls { display:flex; gap:8px; }
.wf-carousel-controls button { width:42px; height:42px; border:1px solid var(--wf-line); border-radius:8px; background:#13101c; color:#bbb4c2; cursor:pointer; }
.wf-carousel-controls button:hover { border-color:#5a4e65; color:#fff; }
.wf-product-track { flex-wrap:nowrap!important; justify-content:flex-start!important; overflow-x:auto; padding:2px 2px 14px; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#443650 transparent; }
.wf-product-slide { flex:0 0 min(310px,82vw)!important; width:min(310px,82vw)!important; scroll-snap-align:start; }
.wf-featured-products .group { border-radius:10px; overflow:hidden; }
.wf-featured-products [class*="bg-card"] { border-radius:10px; }
.wf-feedbacks>div,.wf-faq>div { padding-top:0; }
.wf-feedbacks h1,.wf-faq h1 { font-size:clamp(30px,4vw,42px)!important; letter-spacing:-.04em; }
.wf-feedbacks hr,.wf-faq hr { display:none; }
.wf-feedbacks>div>div:first-child,.wf-faq>div>div:first-child { justify-content:flex-start; }
.wf-feedbacks>div>div:first-child h1,.wf-faq>div>div:first-child h1 { text-align:left; }
.wf-feedbacks [x-data]>.flex { border-radius:9px; overflow:hidden; }
.wf-faq { max-width:860px; margin-left:auto!important; margin-right:auto!important; padding-bottom:40px; }
.wf-faq .flex.flex-col.gap-4 { gap:0; border:1px solid var(--wf-line); border-radius:10px; overflow:hidden; }
.wf-faq .flex.flex-col.gap-4>div { padding:19px 22px; border:0; border-radius:0; background:#13101c!important; }
.wf-faq .flex.flex-col.gap-4>div+div { border-top:1px solid var(--wf-line); }
.wf-faq h4 { font-size:14px!important; }
.wf-faq p { color:#aaa3b0; line-height:1.65; }
@media(max-width:700px){.wf-hero--centered{min-height:auto}.wf-hero__center{width:min(calc(100% - 28px),850px);padding:70px 0 58px}.wf-hero__center h1{font-size:45px}.wf-hero__center>p{font-size:15px}.wf-store-facts{grid-template-columns:1fr;margin-top:38px}.wf-store-facts>div+div{border-left:0;border-top:1px solid var(--wf-line)}.wf-carousel-controls{display:none}.wf-product-slide{flex-basis:82vw!important}.wf-faq .flex.flex-col.gap-4>div{padding:17px}.wf-feedbacks>div>div:first-child,.wf-faq>div>div:first-child{justify-content:center}.wf-feedbacks>div>div:first-child h1,.wf-faq>div>div:first-child h1{text-align:center}}
/* 2026 catalog-led homepage refresh */
.wf-hero--catalog{min-height:auto;padding:clamp(54px,7vw,92px) 0 0;background:radial-gradient(circle at 82% 16%,rgba(138,63,252,.13),transparent 32%),linear-gradient(180deg,#0b0813 0%,#090612 100%)}
.wf-hero--catalog::before{opacity:.55;mask-image:linear-gradient(#000,transparent 90%)}
.wf-hero__catalog-grid{position:relative;width:min(calc(100% - 40px),1180px);margin:auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:clamp(50px,7vw,94px);align-items:center;padding-bottom:58px}
.wf-hero__intro{position:relative;z-index:2}.wf-eyebrow{margin:0;color:#9f96aa;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.wf-hero--catalog h1{max-width:720px;margin:15px 0 0;font-size:clamp(54px,7vw,88px);line-height:.91;letter-spacing:-.065em}
.wf-hero__copy{max-width:625px;margin:26px 0 0;color:#aaa3b2;font-size:16px;line-height:1.7}
.wf-hero--catalog .wf-hero__search{max-width:625px;margin-top:27px}.wf-hero--catalog .wf-hero__search>.relative{max-width:none;margin:0}
.wf-hero--catalog .wf-hero__search input{min-height:54px;border:1px solid rgba(255,255,255,.14)!important;border-radius:11px!important;background:#15111f!important;color:#fff!important;box-shadow:none!important}
.wf-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid var(--wf-line);border-radius:8px;color:#d3cdd8;font-size:14px;font-weight:700}.wf-secondary:hover{border-color:rgba(183,122,255,.42);background:rgba(255,255,255,.04);color:#fff}
.wf-category-stack{position:relative;z-index:2;display:grid;gap:12px}.wf-category-card{min-height:112px;display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:17px;padding:19px 21px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(20,16,29,.88);color:#fff;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.wf-category-card:hover{transform:translateX(-5px);border-color:rgba(183,122,255,.42);background:#181222}.wf-category-card__number{align-self:start;color:#6f6878;font-size:11px;font-weight:800;letter-spacing:.12em}.wf-category-card strong{display:block;font-size:21px;letter-spacing:-.025em}.wf-category-card small{display:block;margin-top:6px;color:#91899a;font-size:12px}.wf-category-card>i{color:#776f81;font-size:13px}.wf-category-card--cyan{box-shadow:inset 3px 0 0 rgba(33,215,226,.72)}.wf-category-card--purple{box-shadow:inset 3px 0 0 rgba(138,63,252,.82)}
.wf-service-strip{position:relative;width:min(calc(100% - 40px),1180px);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--wf-line)}.wf-service-strip span{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#96909e;font-size:12px}.wf-service-strip span+span{border-left:1px solid var(--wf-line)}.wf-service-strip i{color:#ba83ff}
.wf-category-section{padding:18px 0 10px}.wf-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.wf-section-heading h2{margin:8px 0 0;color:#fff;font-size:clamp(30px,4vw,43px);font-weight:800;letter-spacing:-.045em}.wf-section-heading>a{padding-bottom:5px;color:#a9a2b1;font-size:13px;font-weight:700}.wf-section-heading>a:hover{color:#fff}.wf-section-heading i{margin-left:7px;font-size:11px}
.wf-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.wf-category-tile{position:relative;min-height:285px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid var(--wf-line);border-radius:13px;background:linear-gradient(145deg,#171220,#100d17);color:#fff;transition:transform .2s ease,border-color .2s ease}.wf-category-tile:hover{transform:translateY(-4px);border-color:rgba(183,122,255,.4)}.wf-category-tile::after{content:"";position:absolute;width:170px;height:170px;right:-70px;top:-65px;border-radius:50%;background:var(--wf-purple);filter:blur(65px);opacity:.11}.wf-category-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18}.wf-category-tile__index,.wf-category-tile>div{position:relative;z-index:2}.wf-category-tile__index{color:#706879;font-size:11px;font-weight:800;letter-spacing:.14em}.wf-category-tile h3{margin:0;font-size:24px;letter-spacing:-.035em}.wf-category-tile p{min-height:58px;margin:10px 0 20px;color:#9c95a3;font-size:13px;line-height:1.55}.wf-category-tile div>span{color:#cbbfd3;font-size:12px;font-weight:750}.wf-category-tile div>span i{margin-left:7px;font-size:10px}
@media(max-width:900px){.wf-hero__catalog-grid{grid-template-columns:1fr;gap:44px}.wf-category-stack{grid-template-columns:repeat(3,1fr)}.wf-category-card{min-height:155px;grid-template-columns:1fr 20px;align-content:space-between}.wf-category-card__number{grid-column:1/-1}.wf-category-grid{grid-template-columns:1fr}.wf-category-tile{min-height:230px}.wf-service-strip{grid-template-columns:1fr}.wf-service-strip span{justify-content:flex-start}.wf-service-strip span+span{border-left:0;border-top:1px solid var(--wf-line)}}
@media(max-width:620px){.wf-hero--catalog{padding-top:40px}.wf-hero__catalog-grid,.wf-service-strip{width:min(calc(100% - 28px),1180px)}.wf-hero--catalog h1{font-size:49px}.wf-hero__copy{font-size:14px}.wf-category-stack{grid-template-columns:1fr}.wf-category-card{min-height:96px;grid-template-columns:38px 1fr 18px}.wf-category-card__number{grid-column:auto}.wf-category-card:hover{transform:none}.wf-section-heading{align-items:flex-start;flex-direction:column}.wf-category-tile{min-height:220px}}
/* WonderFN storefront layer. SellAuth commerce and customer-account behavior stays native. */
:root { --wf-bg:#090612; --wf-panel:#13101c; --wf-line:rgba(255,255,255,.09); --wf-muted:#a39dab; --wf-purple:#8a3ffc; --wf-purple-soft:#b77aff; --wf-cyan:#21d7e2; }
* { box-sizing:border-box; }
html { background:var(--wf-bg); }
body { min-height:100vh; overflow-x:hidden; background:var(--wf-bg)!important; color:#fff; -webkit-font-smoothing:antialiased; }
[x-cloak] { display:none!important; }
.wf-shell { min-height:100vh; display:flex; flex-direction:column; }
.wf-shell>div { flex:1; }
.wf-nav { position:sticky; top:0; z-index:45; border-bottom:1px solid var(--wf-line); background:rgba(9,6,18,.88); backdrop-filter:blur(18px); }
.wf-nav__inner { width:min(calc(100% - 40px),1180px); height:74px; margin:auto; display:flex; align-items:center; gap:28px; }
.wf-brand { display:flex; align-items:center; gap:10px; color:#fff; text-decoration:none; }
.wf-brand img { width:38px; height:38px; border-radius:11px; object-fit:cover; }
.wf-brand strong { font-size:18px; font-weight:800; letter-spacing:-.04em; }
.wf-brand strong span { color:var(--wf-purple-soft); }
.wf-nav__links { display:flex; align-items:center; gap:4px; margin-left:auto; }
.wf-nav__links a { padding:10px 13px; border-radius:8px; color:#b8b2c0; font-size:14px; font-weight:600; transition:.18s ease; }
.wf-nav__links a:hover { color:#fff; background:rgba(255,255,255,.05); }
.wf-nav__actions { display:flex; align-items:center; gap:9px; }
.wf-login { padding:10px 12px; border:1px solid var(--wf-line); border-radius:8px; background:transparent; color:#ddd8e3; font-size:13px; font-weight:650; cursor:pointer; }
.wf-login:hover,.wf-icon:hover { border-color:rgba(183,122,255,.38); background:rgba(255,255,255,.06); color:#fff; }
.wf-icon { position:relative; width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--wf-line); border-radius:10px; background:rgba(255,255,255,.03); color:#ddd8e3; cursor:pointer; }
.wf-cart-count { position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; display:grid; place-items:center; padding:0 4px; border:2px solid var(--wf-bg); border-radius:999px; background:var(--wf-purple); color:#fff; font-size:10px; font-weight:800; }
.wf-menu-toggle { display:none; }
.wf-mobile-menu { width:min(calc(100% - 28px),1180px); margin:0 auto 12px; padding:7px; border:1px solid var(--wf-line); background:#100c17; }
.wf-mobile-menu a,.wf-mobile-menu button { width:100%; display:block; padding:12px; border:0; background:none; color:#c5bfcb; text-align:left; font:inherit; font-size:14px; }
.wf-hero { position:relative; overflow:hidden; border-bottom:1px solid var(--wf-line); background:#0b0812; }
.wf-hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(#000,transparent 82%); }
.wf-hero__grid { position:relative; width:min(calc(100% - 40px),1180px); min-height:620px; margin:auto; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:72px; padding:78px 0; }
.wf-kicker { color:#9c94a7; font-size:12px; font-weight:650; letter-spacing:.09em; text-transform:uppercase; }
.wf-hero h1 { max-width:690px; margin:18px 0 0; color:#fff; font-size:clamp(50px,5.5vw,76px); font-weight:800; line-height:.98; letter-spacing:-.055em; }
.wf-lead { max-width:610px; margin:26px 0 0; color:var(--wf-muted); font-size:17px; line-height:1.65; }
.wf-hero__copy>.relative { max-width:610px; margin-top:30px; }
.wf-hero__copy>.relative input { min-height:56px; border-color:rgba(255,255,255,.14)!important; border-radius:10px!important; background:#171326!important; color:#fff!important; }
.wf-hero__actions { display:flex; align-items:center; gap:17px; margin-top:18px; }
.wf-primary { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 20px; border-radius:8px; background:#8540e8; color:#fff; font-size:14px; font-weight:750; }
.wf-primary:hover { background:#9650f0; }
.wf-text-link { padding:12px 2px; color:#c6c0cd; font-size:14px; font-weight:650; }
.wf-text-link:hover { color:#fff; }
.wf-text-link span { color:var(--wf-purple-soft); }
.wf-hero__mark { min-height:420px; display:grid; place-items:center; }
.wf-logo-orbit { position:relative; width:min(420px,100%); aspect-ratio:1; display:grid; place-items:center; }
.wf-logo-orbit::before { content:""; position:absolute; inset:10%; border:1px solid rgba(255,255,255,.07); border-radius:50%; }
.wf-logo-orbit::after { content:""; position:absolute; width:60%; height:60%; border-radius:50%; background:#6f2bd0; filter:blur(90px); opacity:.22; }
.wf-logo-orbit>img { position:relative; z-index:2; width:68%; height:68%; object-fit:contain; filter:drop-shadow(0 28px 38px rgba(0,0,0,.38)); }
.wf-logo-orbit>div { position:absolute; z-index:3; right:2%; bottom:12%; display:flex; flex-direction:column; align-items:flex-end; }
.wf-logo-orbit strong { font-size:clamp(28px,3vw,42px); font-weight:900; line-height:1; letter-spacing:-.05em; }
.wf-logo-orbit span { margin-top:7px; color:#9b93a3; font-size:10px; font-weight:700; letter-spacing:.22em; }
.components { width:min(calc(100% - 40px),1180px); margin:auto; }
.components>.wf-hero { width:100vw; margin-left:calc(50% - 50vw); }
.components>.wf-hero .wf-hero__grid { width:min(calc(100% - 40px),1180px); }
.components>.component:not(.wf-hero) { margin-top:70px; }
.components [data-component-id="products"] { padding-bottom:80px; }
.components [data-component-id="products"]>div { padding-top:0; }
.components [data-component-id="products"] h1 { font-size:34px; letter-spacing:-.035em; }
.components [data-component-id="products"] hr { display:none; }
.bg-card\/75,.bg-card\/90,.bg-card { background-color:rgba(19,16,28,.94)!important; }
.border-white\/5 { border-color:var(--wf-line)!important; }
.wf-footer { margin-top:80px; border-top:1px solid var(--wf-line); background:#07050d; }
.wf-footer__inner { width:min(calc(100% - 40px),1180px); min-height:116px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.wf-footer__inner p { color:#716b7b; font-size:11px; }
.wf-footer__inner>div { display:flex; gap:18px; color:#8e8798; font-size:11px; }
/* Native SellAuth customer login, restyled without changing its auth flow. */
.sa-customer-login-modal>div:last-child { border:1px solid #302938!important; border-radius:10px!important; background:#100d15!important; box-shadow:0 35px 90px rgba(0,0,0,.55)!important; }
.sa-customer-login-modal input { border-radius:6px!important; background:#0a080d!important; }
.sa-customer-login-modal button[type="submit"] { border-radius:6px!important; background:#8540e8!important; }
@media(max-width:900px){.wf-nav__links{display:none}.wf-menu-toggle{display:grid}.wf-hero__grid{grid-template-columns:1fr; gap:20px; padding:64px 0}.wf-hero__copy{text-align:center}.wf-hero__copy>.relative{margin-left:auto;margin-right:auto}.wf-hero__actions{justify-content:center}.wf-hero__mark{min-height:340px}.wf-logo-orbit{width:350px}}
@media(max-width:620px){.wf-nav__inner,.wf-hero__grid,.components,.wf-footer__inner{width:min(calc(100% - 28px),1180px)}.wf-nav__inner{height:68px}.wf-brand img{width:35px;height:35px}.wf-login{display:none}.wf-hero__grid{min-height:auto;padding:52px 0}.wf-hero h1{font-size:43px}.wf-lead{font-size:15px}.wf-hero__actions{flex-direction:column;align-items:stretch}.wf-primary{width:100%}.wf-hero__mark{min-height:300px}.wf-logo-orbit{width:300px}.wf-footer__inner{padding:30px 0;flex-direction:column;align-items:flex-start}.components>.component:not(.wf-hero){margin-top:52px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.wf-policy { width:min(calc(100% - 40px),860px); margin:70px auto 0!important; }
.wf-policy article { padding:42px 46px; border:1px solid var(--wf-line); border-radius:10px; background:rgba(19,16,28,.94); color:#b9b3c0; font-size:15px; line-height:1.75; }
.wf-policy__eyebrow { margin:0 0 12px!important; color:#8f8797!important; font-size:11px!important; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.wf-policy h1 { margin:0 0 30px; color:#fff; font-size:clamp(34px,5vw,48px); font-weight:800; line-height:1.05; letter-spacing:-.045em; }
.wf-policy h2 { margin:34px 0 9px; color:#fff; font-size:18px; font-weight:700; letter-spacing:-.015em; }
.wf-policy p { margin:0 0 14px; }
.wf-policy ul { margin:10px 0 18px 20px; list-style:disc; }
.wf-policy li { margin:7px 0; padding-left:4px; }
.wf-policy strong { color:#f3eff6; }
.wf-policy__notice { margin:0 0 30px!important; padding:18px 20px; border-left:2px solid var(--wf-purple); background:#0b0811; color:#c7c1cd; }
@media(max-width:620px){.wf-policy{width:min(calc(100% - 28px),860px);margin-top:42px!important}.wf-policy article{padding:28px 21px;font-size:14px}.wf-policy h2{margin-top:28px}}

.wf-guest-option { position:relative; margin-top:24px; padding-top:23px; border-top:1px solid var(--wf-line); text-align:center; }
.wf-guest-option>span { position:absolute; top:-9px; left:50%; padding:0 10px; transform:translateX(-50%); background:#100d15; color:#77717e; font-size:11px; text-transform:uppercase; }
.wf-guest-option button { width:100%; min-height:44px; border:1px solid #393240; border-radius:6px; background:transparent; color:#f1edf4; font-weight:700; cursor:pointer; }
.wf-guest-option button:hover { border-color:#665a70; background:rgba(255,255,255,.04); }
.wf-guest-option p { margin-top:9px; color:#89828f; font-size:11px; line-height:1.5; }

/* Homepage refresh: centered storefront, real catalog data, real reviews, compact FAQ. */
.wf-hero--centered { min-height:680px; display:grid; place-items:center; border-bottom:1px solid var(--wf-line); background:radial-gradient(circle at 50% 46%,rgba(138,63,252,.13),transparent 35%),#0b0812; }
.wf-hero--centered::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(33,215,226,.025),transparent); pointer-events:none; }
.wf-hero__center { position:relative; z-index:1; width:min(calc(100% - 40px),850px); margin:auto; padding:100px 0 76px; text-align:center; }
.wf-hero__center h1 { max-width:none; margin:0; font-size:clamp(48px,6.4vw,82px); line-height:.98; letter-spacing:-.06em; }
.wf-hero__center h1 span { color:#bdb6c6; }
.wf-hero__center>p { max-width:650px; margin:24px auto 0; color:var(--wf-muted); font-size:17px; line-height:1.65; }
.wf-hero__search { max-width:650px; margin:31px auto 0; text-align:left; }
.wf-hero__search>.relative { margin:0; }
.wf-hero__search>.mb-4>div { overflow:hidden; border:1px solid rgba(255,255,255,.14)!important; border-radius:10px; background:#171326!important; }
.wf-hero__search>.mb-4>div>div { width:100%; max-width:none; min-height:56px; padding:0 17px; }
.wf-hero__search input { min-width:0; flex:1; border:0!important; border-radius:0!important; background:transparent!important; color:#fff!important; }
.wf-hero--centered .wf-hero__actions { justify-content:center; }
.wf-secondary { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 20px; border:1px solid var(--wf-line); border-radius:8px; background:rgba(255,255,255,.025); color:#d7d2dc; font-size:14px; font-weight:700; }
.wf-secondary:hover { border-color:#514858; background:rgba(255,255,255,.055); color:#fff; }
.wf-store-facts { max-width:760px; margin:48px auto 0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--wf-line); border-bottom:1px solid var(--wf-line); text-align:left; }
.wf-store-facts>div { min-width:0; padding:19px 22px; display:flex; align-items:center; gap:13px; }
.wf-store-facts>div+div { border-left:1px solid var(--wf-line); }
.wf-store-facts i { width:20px; color:var(--wf-purple-soft); text-align:center; }
.wf-store-facts span { min-width:0; display:flex; flex-direction:column; gap:3px; }
.wf-store-facts strong { color:#eeeaf1; font-size:12px; }
.wf-store-facts small { overflow:hidden; color:#89828f; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.wf-section-heading { margin-bottom:24px; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.wf-section-heading p { color:#8f8797; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.wf-section-heading h2 { margin-top:8px; color:#fff; font-size:clamp(30px,4vw,42px); font-weight:800; letter-spacing:-.04em; }
.wf-carousel-controls { display:flex; gap:8px; }
.wf-carousel-controls button { width:42px; height:42px; border:1px solid var(--wf-line); border-radius:8px; background:#13101c; color:#bbb4c2; cursor:pointer; }
.wf-carousel-controls button:hover { border-color:#5a4e65; color:#fff; }
.wf-product-track { flex-wrap:nowrap!important; justify-content:flex-start!important; overflow-x:auto; padding:2px 2px 14px; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#443650 transparent; }
.wf-product-slide { flex:0 0 min(310px,82vw)!important; width:min(310px,82vw)!important; scroll-snap-align:start; }
.wf-featured-products .group { border-radius:10px; overflow:hidden; }
.wf-featured-products [class*="bg-card"] { border-radius:10px; }
.wf-feedbacks>div,.wf-faq>div { padding-top:0; }
.wf-feedbacks h1,.wf-faq h1 { font-size:clamp(30px,4vw,42px)!important; letter-spacing:-.04em; }
.wf-feedbacks hr,.wf-faq hr { display:none; }
.wf-feedbacks>div>div:first-child,.wf-faq>div>div:first-child { justify-content:flex-start; }
.wf-feedbacks>div>div:first-child h1,.wf-faq>div>div:first-child h1 { text-align:left; }
.wf-feedbacks [x-data]>.flex { border-radius:9px; overflow:hidden; }
.wf-faq { max-width:860px; margin-left:auto!important; margin-right:auto!important; padding-bottom:40px; }
.wf-faq .flex.flex-col.gap-4 { gap:0; border:1px solid var(--wf-line); border-radius:10px; overflow:hidden; }
.wf-faq .flex.flex-col.gap-4>div { padding:19px 22px; border:0; border-radius:0; background:#13101c!important; }
.wf-faq .flex.flex-col.gap-4>div+div { border-top:1px solid var(--wf-line); }
.wf-faq h4 { font-size:14px!important; }
.wf-faq p { color:#aaa3b0; line-height:1.65; }
@media(max-width:700px){.wf-hero--centered{min-height:auto}.wf-hero__center{width:min(calc(100% - 28px),850px);padding:70px 0 58px}.wf-hero__center h1{font-size:45px}.wf-hero__center>p{font-size:15px}.wf-store-facts{grid-template-columns:1fr;margin-top:38px}.wf-store-facts>div+div{border-left:0;border-top:1px solid var(--wf-line)}.wf-carousel-controls{display:none}.wf-product-slide{flex-basis:82vw!important}.wf-faq .flex.flex-col.gap-4>div{padding:17px}.wf-feedbacks>div>div:first-child,.wf-faq>div>div:first-child{justify-content:center}.wf-feedbacks>div>div:first-child h1,.wf-faq>div>div:first-child h1{text-align:center}}
/* Centered motion-led WonderFN homepage */
.wf-brand img{display:none!important}.wf-brand{gap:0}.wf-brand strong{font-size:20px;letter-spacing:-.055em}
.wf-hero--experience{position:relative;isolation:isolate;min-height:calc(100vh - 74px);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(62px,8vw,105px) 0 0;background:radial-gradient(ellipse at 50% 36%,rgba(91,35,154,.19),transparent 43%),#090612}
.wf-hero--experience::before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 72%);animation:wf-grid-drift 18s linear infinite}
.wf-hero--experience::after{content:"";position:absolute;z-index:-2;width:min(68vw,850px);height:290px;left:50%;top:30%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(90deg,rgba(33,215,226,.2),rgba(138,63,252,.34));filter:blur(105px);opacity:.34;animation:wf-breathe 6s ease-in-out infinite}
.wf-hero__experience-inner{position:relative;z-index:2;width:min(calc(100% - 40px),1080px);margin:auto;text-align:center}.wf-hero--experience h1{max-width:none;margin:15px auto 0;font-size:clamp(58px,8.5vw,108px);line-height:.88;letter-spacing:-.075em}.wf-hero--experience h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#f7f3ff 20%,#bb82ff 55%,#45dae2 94%);background-size:180% auto;background-clip:text;-webkit-background-clip:text;animation:wf-shimmer 6s ease-in-out infinite}
.wf-hero--experience .wf-hero__copy{max-width:650px;margin:28px auto 0;font-size:16px;line-height:1.7}.wf-hero--experience .wf-hero__search{max-width:690px;margin:30px auto 0}.wf-hero--experience .wf-hero__search>.relative{max-width:none;margin:0}.wf-hero--experience .wf-hero__search input{min-height:58px;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;background:rgba(20,16,30,.82)!important;box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(18px)}.wf-hero--experience .wf-hero__search:focus-within{filter:drop-shadow(0 0 18px rgba(138,63,252,.22))}
.wf-hero--experience .wf-hero__actions{justify-content:center;margin-top:17px}.wf-hero--experience .wf-primary{gap:11px;overflow:hidden;position:relative;box-shadow:0 12px 34px rgba(112,41,220,.28)}.wf-hero--experience .wf-primary::before{content:"";position:absolute;inset:-2px;transform:translateX(-130%) skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:transform .65s ease}.wf-hero--experience .wf-primary:hover::before{transform:translateX(130%) skewX(-20deg)}.wf-hero--experience .wf-primary>*{position:relative}
.wf-choice-grid{max-width:950px;margin:54px auto 46px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.wf-choice{position:relative;overflow:hidden;min-height:148px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:21px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:linear-gradient(145deg,rgba(25,20,35,.88),rgba(14,11,21,.9));color:#fff;text-align:left;box-shadow:0 18px 45px rgba(0,0,0,.18);transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease}.wf-choice::before{content:"";position:absolute;width:145px;height:145px;right:-70px;top:-75px;border-radius:50%;background:#8a3ffc;filter:blur(42px);opacity:.12;transition:.3s}.wf-choice:hover{transform:translateY(-8px);border-color:rgba(183,122,255,.48);box-shadow:0 27px 65px rgba(0,0,0,.32)}.wf-choice:hover::before{opacity:.28;transform:scale(1.2)}.wf-choice>span{position:absolute;left:20px;top:17px;color:#716a79;font-size:10px;font-weight:800;letter-spacing:.14em}.wf-choice>i{position:absolute;right:20px;top:18px;color:#77707e;font-size:11px;transition:transform .25s,color .25s}.wf-choice:hover>i{transform:translateX(4px);color:#fff}.wf-choice strong{font-size:20px;letter-spacing:-.03em}.wf-choice small{margin-top:7px;color:#928b99;font-size:12px}.wf-choice--cyan{box-shadow:inset 0 -3px 0 rgba(33,215,226,.74),0 18px 45px rgba(0,0,0,.18)}.wf-choice--purple{box-shadow:inset 0 -3px 0 rgba(138,63,252,.86),0 18px 45px rgba(0,0,0,.18)}
.wf-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.wf-scene span{position:absolute;width:8px;height:8px;border:1px solid rgba(183,122,255,.42);transform:rotate(45deg);animation:wf-float 8s ease-in-out infinite}.wf-scene span:nth-child(1){left:12%;top:24%}.wf-scene span:nth-child(2){right:13%;top:31%;animation-delay:-2.7s;border-color:rgba(33,215,226,.45)}.wf-scene span:nth-child(3){left:22%;bottom:18%;animation-delay:-5.2s}.wf-scene i{position:absolute;height:1px;width:120px;background:linear-gradient(90deg,transparent,rgba(183,122,255,.27),transparent);animation:wf-drift 9s ease-in-out infinite}.wf-scene i:nth-of-type(1){left:5%;top:45%;transform:rotate(-22deg)}.wf-scene i:nth-of-type(2){right:7%;top:52%;transform:rotate(28deg);animation-delay:-4s}.wf-scene i:nth-of-type(3){left:43%;bottom:12%;animation-delay:-6s}
.wf-reveal{opacity:0;animation:wf-enter .72s cubic-bezier(.2,.75,.2,1) forwards}.wf-delay-1{animation-delay:.05s}.wf-delay-2{animation-delay:.12s}.wf-delay-3{animation-delay:.22s}.wf-delay-4{animation-delay:.3s}.wf-delay-5{animation-delay:.38s}.wf-delay-6{animation-delay:.48s}
.wf-service-strip{margin-top:auto}.wf-service-strip span{transition:color .2s,background .2s}.wf-service-strip span:hover{color:#ddd7e2;background:rgba(255,255,255,.02)}
.components>.component:not(.wf-hero){animation:wf-section-in .7s ease both;animation-timeline:view();animation-range:entry 5% cover 26%}
@keyframes wf-enter{from{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes wf-float{0%,100%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-25px) rotate(135deg)}}@keyframes wf-drift{0%,100%{opacity:.25;translate:-15px 0}50%{opacity:.8;translate:20px -12px}}@keyframes wf-breathe{0%,100%{opacity:.25;scale:.92}50%{opacity:.42;scale:1.08}}@keyframes wf-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes wf-grid-drift{to{background-position:64px 64px}}@keyframes wf-section-in{from{opacity:.35;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:780px){.wf-hero--experience{min-height:auto}.wf-choice-grid{grid-template-columns:1fr;margin-top:38px}.wf-choice{min-height:110px}.wf-hero--experience h1{font-size:clamp(52px,14vw,76px)}.wf-scene i{display:none}}
@media(max-width:620px){.wf-hero__experience-inner{width:min(calc(100% - 28px),1080px)}.wf-hero--experience{padding-top:48px}.wf-hero--experience .wf-hero__copy{font-size:14px}.wf-hero--experience .wf-hero__actions{align-items:stretch}.wf-hero--experience .wf-primary,.wf-hero--experience .wf-secondary{width:100%}.wf-choice-grid{margin-bottom:34px}.wf-choice{min-height:100px}.wf-service-strip{width:min(calc(100% - 28px),1180px)}}
@media(prefers-reduced-motion:reduce){.wf-reveal,.wf-scene *,.wf-hero--experience::before,.wf-hero--experience::after,.wf-hero--experience h1 em,.components>.component:not(.wf-hero){animation:none!important;opacity:1!important;transform:none!important}}
/* Professional detail pass */
.wf-choice{min-height:190px;padding:22px}.wf-choice__icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:19px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.04);color:#b680ff;font-size:15px;transition:transform .25s ease,background .25s ease}.wf-choice--cyan .wf-choice__icon{color:#38d7df}.wf-choice:hover .wf-choice__icon{transform:translateY(-3px) rotate(-4deg);background:rgba(255,255,255,.08)}.wf-choice>span{top:19px}.wf-choice b{display:flex;align-items:center;gap:7px;margin-top:17px;color:#cbc4d0;font-size:11px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.wf-choice b::after{content:"";width:25px;height:1px;background:currentColor;opacity:.55;transition:width .25s ease}.wf-choice:hover b::after{width:43px}.wf-choice strong{font-size:21px}.wf-choice small{font-size:12px}.wf-service-strip i{width:18px;text-align:center;color:#b981ff}
@media(max-width:780px){.wf-choice{min-height:165px}.wf-choice__icon{margin-bottom:14px}}
/* Scoped logo, restrained copy, department navigation and search dialog */
.wf-brand img{display:block!important}body:has(.wf-hero--experience) .wf-brand img{display:none!important}.wf-hero--experience h1{font-size:clamp(54px,7.5vw,96px)}
.wf-search{margin:0}.wf-search-trigger-shell{max-width:680px;margin:auto;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(18,14,27,.84);box-shadow:0 15px 45px rgba(0,0,0,.22);overflow:hidden}.wf-search-trigger{min-height:58px;display:flex;align-items:center;gap:13px;padding:0 18px;color:#aaa2b1;font-size:14px;cursor:text;transition:border-color .2s,background .2s}.wf-search-trigger:hover{background:rgba(255,255,255,.025)}.wf-search-trigger input{width:100%;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#ddd7e2!important}.wf-search-trigger svg{flex:0 0 19px}
.wf-search-modal{padding:7vh 20px;background:rgba(5,3,8,.76);backdrop-filter:blur(13px)}.wf-search-modal>div{align-items:flex-start!important;min-height:auto!important;padding:0!important}.wf-search-panel{width:min(100%,1080px);margin:auto;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#0f0b16;box-shadow:0 35px 100px rgba(0,0,0,.55);overflow:hidden}.wf-search-panel__inner{padding:20px}.wf-search-field{min-height:55px;display:flex;align-items:center;gap:13px;padding:0 17px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#171220;color:#c7c0cd}.wf-search-field input{width:100%;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff}.wf-search-close{width:55px;height:55px;display:grid;place-items:center;flex:0 0 55px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#171220;color:#aaa2b1}.wf-search-close:hover{color:#fff;border-color:rgba(183,122,255,.4)}
.wf-choice-grid{display:none!important}.wf-departments{max-width:980px;margin:52px auto 46px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(16,12,23,.88);box-shadow:0 24px 65px rgba(0,0,0,.24);overflow:hidden}.wf-departments>a{position:relative;min-height:180px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:17px;padding:25px;color:#fff;text-align:left;transition:background .22s}.wf-departments>a+a{border-left:1px solid rgba(255,255,255,.09)}.wf-departments>a:hover{background:rgba(255,255,255,.035)}.wf-departments__icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#191321;color:#b980ff;transition:transform .22s,box-shadow .22s}.wf-departments>a:first-child .wf-departments__icon{color:#37d7df}.wf-departments>a:hover .wf-departments__icon{transform:translateY(-4px);box-shadow:0 10px 26px rgba(138,63,252,.2)}.wf-departments small{display:block;color:#756e7c;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.wf-departments strong{display:block;margin-top:7px;font-size:19px;letter-spacing:-.025em}.wf-departments span{display:inline-block;margin-top:19px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.24);color:#beb6c4;font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.wf-departments>a:hover span{color:#fff;border-color:#a96bff}
@media(max-width:780px){.wf-departments{grid-template-columns:1fr}.wf-departments>a{min-height:124px}.wf-departments>a+a{border-left:0;border-top:1px solid rgba(255,255,255,.09)}}@media(max-width:620px){.wf-search-modal{padding:20px 12px}.wf-search-panel__inner{padding:12px}.wf-search-field{min-height:50px}.wf-search-close{width:50px;height:50px;flex-basis:50px}.wf-departments>a{padding:20px}}
/* Keep the fixed search dialog viewport-bound. */
.wf-hero__search.wf-reveal{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
.wf-search-modal{position:fixed!important;inset:0!important}

/* WonderFN Airlight storefront — final theme layer */
:root{
  color-scheme:light;
  --wf-bg:#f5f6fa;--wf-panel:#fff;--wf-line:rgba(36,39,55,.10);--wf-muted:#666a78;
  --wf-purple:#7c4dff;--wf-purple-soft:#8e58ff;--wf-cyan:#58c997;
  --cl-background:245,246,250;--cl-card:255,255,255;--cl-t-primary:23,25,35;
  --cl-t-accent:255,255,255;--cl-accent:124,77,255;
}
html{background:#f5f6fa!important;scroll-behavior:smooth}
body{min-height:100vh;background:radial-gradient(circle at 76% 8%,rgba(183,168,239,.23),transparent 28rem),radial-gradient(circle at 12% 28%,rgba(255,255,255,.98),transparent 32rem),#f5f6fa!important;color:#171923!important;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(37,40,58,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(37,40,58,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}
::selection{background:#7c4dff;color:#fff}
:focus-visible{outline:3px solid rgba(124,77,255,.34)!important;outline-offset:3px}
.wf-shell{background:transparent!important;color:#171923!important}
.wf-nav{position:relative!important;top:auto!important;border:0!important;background:transparent!important;backdrop-filter:none!important;padding:16px 0 8px}
.wf-nav__inner{width:min(calc(100% - 48px),1180px)!important;height:54px!important;margin:auto!important;gap:18px!important}
.wf-brand{color:#171923!important}.wf-brand img{width:34px!important;height:34px!important;border:2px solid rgba(255,255,255,.9)!important;border-radius:11px!important;box-shadow:0 8px 18px rgba(124,77,255,.20)}
.wf-brand strong{font-size:15px!important;font-weight:800!important;letter-spacing:-.04em!important}.wf-brand strong span{color:#171923!important}
.wf-nav__links{margin:auto!important;padding:5px!important;gap:3px!important;border:1px solid rgba(255,255,255,.86)!important;border-radius:999px!important;background:rgba(255,255,255,.58)!important;box-shadow:0 8px 22px rgba(33,37,56,.08),inset 0 0 0 1px var(--wf-line)!important;backdrop-filter:blur(18px)}
.wf-nav__links a{min-height:40px;display:flex;align-items:center;padding:8px 16px!important;border-radius:999px!important;color:#686b78!important;font-size:12px!important;font-weight:650!important}
.wf-nav__links a:first-child,.wf-nav__links a:hover{background:#fff!important;color:#171923!important;box-shadow:0 4px 12px rgba(32,35,52,.07)!important}
.wf-nav__actions{gap:8px!important}.wf-login,.wf-icon{min-height:44px!important;border:1px solid rgba(36,39,55,.10)!important;background:rgba(255,255,255,.62)!important;color:#171923!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)!important}
.wf-login{padding:9px 16px!important;border-radius:999px!important;font-size:11px!important}.wf-icon{width:44px!important;height:44px!important;border-radius:50%!important}
.wf-login:hover,.wf-icon:hover{transform:translateY(-2px);border-color:rgba(124,77,255,.22)!important;background:#fff!important;box-shadow:0 8px 20px rgba(33,37,56,.10)!important}
.wf-cart-count{border-color:#fff!important;background:#7c4dff!important;color:#fff!important}.wf-mobile-menu{right:20px!important;left:20px!important;border:1px solid rgba(255,255,255,.86)!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 18px 45px rgba(46,49,69,.14)!important;backdrop-filter:blur(20px)}
.wf-mobile-menu a,.wf-mobile-menu button{min-height:44px!important;color:#171923!important;border-color:var(--wf-line)!important}
.wf-hero--experience{min-height:auto!important;padding:54px 24px 32px!important;background:transparent!important;overflow:visible!important}
.wf-hero--experience:before,.wf-hero--experience:after,.wf-scene{display:none!important}
.wf-hero__experience-inner{position:relative;z-index:2;width:min(1100px,100%)!important;margin:auto!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr)!important;gap:58px!important;align-items:center!important;text-align:left!important}
.wf-hero__intro{min-width:0}.wf-eyebrow{margin:0 0 18px!important;color:#666a78!important;font-size:10px!important;font-weight:750!important;letter-spacing:.13em!important;text-align:left!important}
.wf-eyebrow:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#7c4dff;box-shadow:0 0 0 5px rgba(124,77,255,.10);vertical-align:1px}
.wf-hero--experience h1{max-width:640px!important;margin:0!important;color:#171923!important;font-size:clamp(44px,5.7vw,72px)!important;font-weight:720!important;letter-spacing:-.065em!important;line-height:.98!important;text-align:left!important;text-transform:none!important;text-shadow:none!important}
.wf-hero--experience h1 em{font-style:normal!important;color:#7c4dff!important;background:linear-gradient(90deg,#8e58ff,#6734f3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wf-hero__copy{max-width:520px!important;margin:20px 0 0!important;color:#686b78!important;font-size:14px!important;line-height:1.65!important;text-align:left!important}
.wf-hero__search{max-width:520px!important;margin:24px 0 0!important}.wf-hero__search>.relative,.wf-hero__search>.mb-4>div,.wf-search-trigger-shell{border:1px solid var(--wf-line)!important;border-radius:999px!important;background:rgba(255,255,255,.70)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.86)!important}
.wf-hero__search input,.wf-search-field{min-height:48px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#171923!important}.wf-hero__search input::placeholder,.wf-search-field::placeholder{color:#858996!important}
.wf-hero__actions{justify-content:flex-start!important;margin:14px 0 0!important;gap:9px!important}.wf-primary,.wf-secondary{min-height:44px!important;border-radius:999px!important;padding:10px 17px!important;font-size:11px!important;font-weight:750!important}
.wf-primary{border:1px solid rgba(124,77,255,.14)!important;background:linear-gradient(135deg,#8e68ff,#6734f3)!important;color:#fff!important;box-shadow:0 10px 24px rgba(124,77,255,.22)!important}.wf-primary:hover{transform:translateY(-2px)!important;box-shadow:0 15px 34px rgba(124,77,255,.28)!important}
.wf-secondary{border:1px solid var(--wf-line)!important;background:rgba(255,255,255,.75)!important;color:#171923!important}.wf-secondary:hover{background:#fff!important;color:#171923!important;transform:translateY(-2px)!important;box-shadow:0 8px 22px rgba(33,37,56,.09)!important}
.wf-departments{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:20px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.wf-departments>a{min-height:116px!important;padding:14px!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:19px!important;background:rgba(255,255,255,.72)!important;color:#171923!important;box-shadow:0 8px 22px rgba(33,37,56,.08),inset 0 0 0 1px var(--wf-line)!important;transition:.18s ease!important}
.wf-departments>a:first-child{background:linear-gradient(145deg,#9d78ff,#7543f6)!important;color:#fff!important;box-shadow:0 15px 34px rgba(124,77,255,.28)!important}.wf-departments>a:hover{transform:translateY(-4px)!important;box-shadow:0 18px 35px rgba(33,37,56,.13)!important}
.wf-departments__icon{width:28px!important;height:28px!important;border:0!important;border-radius:10px!important;background:rgba(124,77,255,.10)!important;color:#6734f3!important}.wf-departments>a:first-child .wf-departments__icon{background:rgba(255,255,255,.18)!important;color:#fff!important}
.wf-departments small{display:none!important}.wf-departments strong{margin:14px 0 0!important;font-size:10px!important;line-height:1.25!important}.wf-departments span{margin:9px 0 0!important;padding:0!important;border:0!important;color:#7b7f8c!important;font-size:8px!important;letter-spacing:.04em!important}.wf-departments>a:first-child span{color:rgba(255,255,255,.78)!important}
.wf-hero__visual{position:relative;display:grid;min-height:430px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:54px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(236,237,245,.72));box-shadow:0 18px 45px rgba(46,49,69,.13),inset 0 0 0 1px rgba(55,57,75,.04);isolation:isolate}
.wf-hero__visual:before{content:"";position:absolute;inset:15%;z-index:-1;border-radius:50%;background:rgba(124,77,255,.18);filter:blur(48px)}.wf-hero__visual>img{width:min(72%,330px);height:auto;max-height:310px;object-fit:contain;opacity:.18;filter:grayscale(1) saturate(0) contrast(.7) brightness(.72)}
.wf-hero__visual>i{font-size:110px;color:rgba(124,77,255,.14)}.wf-visual-ring{position:absolute;border:1px solid rgba(124,77,255,.11);border-radius:50%}.wf-visual-ring--outer{width:340px;height:340px}.wf-visual-ring--inner{width:230px;height:230px}
.wf-visual-caption{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(255,255,255,.88);border-radius:14px;background:rgba(255,255,255,.70);box-shadow:0 8px 22px rgba(33,37,56,.08);color:#666a78;font-size:9px;line-height:1.35;backdrop-filter:blur(16px)}.wf-visual-caption>b{width:8px;height:8px;border-radius:50%;background:#58c997;box-shadow:0 0 0 4px rgba(88,201,151,.13)}.wf-visual-caption>span{display:flex;flex-direction:column}.wf-visual-caption strong{color:#171923;font-size:10px}
.wf-service-strip{width:min(1100px,100%)!important;margin:26px auto 0!important;border:1px solid rgba(255,255,255,.84)!important;border-radius:22px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 8px 22px rgba(33,37,56,.08),inset 0 0 0 1px var(--wf-line)!important;color:#666a78!important}.wf-service-strip span{min-height:58px!important;border-color:var(--wf-line)!important;font-size:10px!important}.wf-service-strip i{color:#7c4dff!important}
.components>.component:not(.wf-hero){width:min(calc(100% - 48px),1180px)!important;margin:28px auto!important;padding:58px 42px!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:36px!important;background:rgba(255,255,255,.70)!important;box-shadow:0 18px 45px rgba(46,49,69,.11),inset 0 0 0 1px var(--wf-line)!important;backdrop-filter:blur(20px)}
.components [data-component-id="products"]{background:transparent!important}.components [data-component-id="products"]>div{max-width:100%!important}.components [data-component-id="products"] h1,.wf-section-heading h2,.wf-feedbacks h1,.wf-faq h1{color:#171923!important;font-weight:720!important;letter-spacing:-.045em!important;text-shadow:none!important}.components [data-component-id="products"] hr,.wf-feedbacks hr,.wf-faq hr{border-color:var(--wf-line)!important}
.wf-section-heading p,.wf-kicker{color:#6734f3!important;font-size:9px!important;font-weight:800!important;letter-spacing:.15em!important}.wf-section-heading>a{min-height:44px!important;border:1px solid var(--wf-line)!important;border-radius:999px!important;background:#fff!important;color:#171923!important;padding:10px 16px!important}
.bg-card\/75,.bg-card\/90,.bg-card,[class*="bg-card/"]{background-color:rgba(255,255,255,.82)!important}.border-white\/5,.border-y-white\/5,.\!border-white\/5{border-color:var(--wf-line)!important}.bg-white\/5{background-color:rgba(23,25,35,.045)!important}
.wf-featured-products .group,.components [data-component-id="products"] .group{overflow:hidden!important;border:5px solid rgba(255,255,255,.94)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 26px rgba(35,38,57,.11)!important;transition:.2s ease!important}.wf-featured-products .group:hover,.components [data-component-id="products"] .group:hover{transform:translateY(-6px)!important;box-shadow:0 22px 42px rgba(35,38,57,.16)!important}.wf-product-slide{padding:6px!important}
.wf-carousel-controls button{width:44px!important;height:44px!important;border:1px solid var(--wf-line)!important;border-radius:50%!important;background:#fff!important;color:#171923!important}.wf-carousel-controls button:hover{background:#eee8ff!important;color:#6734f3!important}
.wf-feedbacks>div,.wf-faq>div{max-width:100%!important}.wf-feedbacks [x-data]>.flex,.wf-faq .flex.flex-col.gap-4>div{border-color:var(--wf-line)!important;background:rgba(255,255,255,.65)!important;color:#171923!important}.wf-faq .flex.flex-col.gap-4>div{border-radius:16px!important}.wf-faq h4,.wf-faq p{color:#171923!important}.wf-faq p{color:#666a78!important}
.wf-category-grid{gap:16px!important}.wf-category-tile,.wf-category-card{border:1px solid rgba(255,255,255,.9)!important;border-radius:22px!important;background:#fff!important;color:#171923!important;box-shadow:0 12px 26px rgba(35,38,57,.10)!important}.wf-category-tile:hover,.wf-category-card:hover{transform:translateY(-5px)!important;box-shadow:0 20px 38px rgba(35,38,57,.15)!important}.wf-category-tile h3,.wf-category-card strong{color:#171923!important}.wf-category-tile p,.wf-category-card small{color:#666a78!important}
.wf-policy{padding:54px 24px!important}.wf-policy article{max-width:920px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:30px!important;background:rgba(255,255,255,.78)!important;box-shadow:0 18px 45px rgba(46,49,69,.11)!important;color:#171923!important}.wf-policy h1,.wf-policy h2,.wf-policy strong{color:#171923!important}.wf-policy p,.wf-policy li{color:#666a78!important}.wf-policy__notice{border-color:rgba(124,77,255,.18)!important;background:#eee8ff!important;color:#4d2abd!important}
.wf-guest-option,.sa-customer-login-modal>div:last-child,.wf-search-panel{border:1px solid rgba(255,255,255,.9)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 18px 45px rgba(46,49,69,.15)!important;color:#171923!important}.wf-guest-option p{color:#666a78!important}
body input,body select,body textarea{border-color:var(--wf-line)!important;background:rgba(255,255,255,.9)!important;color:#171923!important}body input::placeholder,body textarea::placeholder{color:#858996!important}
.wf-search-modal{position:fixed!important;inset:0!important;background:rgba(245,246,250,.78)!important;backdrop-filter:blur(16px)}.wf-search-close{min-width:44px!important;min-height:44px!important;border-color:var(--wf-line)!important;background:#f0f1f7!important;color:#171923!important}
.wf-footer{margin-top:42px!important;border:0!important;background:transparent!important;color:#666a78!important}.wf-footer__inner{width:min(calc(100% - 48px),1100px)!important;padding:24px 0 34px!important;border-top:1px solid var(--wf-line)!important}.wf-footer a,.wf-footer p{color:#666a78!important}.wf-footer a:hover{color:#6734f3!important}
@media(max-width:900px){.wf-hero__experience-inner{grid-template-columns:1fr!important}.wf-hero__intro,.wf-hero__visual{width:min(100%,650px)!important;justify-self:center!important}.wf-hero__visual{min-height:390px}.wf-hero--experience h1,.wf-hero__copy{text-align:left!important}.wf-departments{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.wf-nav__inner{width:min(calc(100% - 28px),620px)!important}.wf-brand img{display:none!important}.wf-nav__links{display:none!important}.wf-menu-toggle{display:grid!important}.wf-hero--experience{padding:36px 18px 24px!important}.wf-hero__experience-inner{gap:30px!important}.wf-hero--experience h1{font-size:clamp(42px,14vw,62px)!important}.wf-hero__copy{font-size:13px!important}.wf-departments{gap:8px!important}.wf-departments>a{min-height:96px!important;padding:11px!important}.wf-departments strong{font-size:9px!important}.wf-departments span{display:none!important}.wf-hero__visual{min-height:330px;border-radius:38px}.wf-service-strip{grid-template-columns:1fr!important}.wf-service-strip span+span{border-top:1px solid var(--wf-line)!important;border-left:0!important}.components>.component:not(.wf-hero){width:calc(100% - 24px)!important;margin:18px auto!important;padding:42px 14px!important;border-radius:28px!important}.wf-category-grid{grid-template-columns:1fr!important}.wf-footer__inner{width:calc(100% - 36px)!important}}
@media(max-width:420px){.wf-login{display:none!important}.wf-departments{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wf-departments__icon{width:24px!important;height:24px!important}.wf-visual-ring--outer{width:280px;height:280px}.wf-visual-ring--inner{width:190px;height:190px}.wf-hero__visual>img{width:76%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Light search-field specificity patch */
.wf-hero--experience .wf-hero__search .wf-search-trigger-shell{background:rgba(255,255,255,.72)!important;border-color:rgba(41,44,58,.10)!important}
.wf-hero--experience .wf-hero__search .wf-search-trigger,.wf-hero--experience .wf-hero__search input{background:transparent!important;color:#171923!important;box-shadow:none!important}
.wf-hero--experience .wf-hero__search input::placeholder{color:#858996!important}
.wf-hero--experience .wf-hero__search .wf-search-trigger:hover{background:rgba(255,255,255,.30)!important}

/* Native SellAuth light-surface utilities */
[class~="text-t-primary"],[class*="text-t-primary/"]{color:#171923!important}
[class~="text-t-secondary"],[class*="text-t-secondary/"]{color:#666a78!important}
[class~="bg-white/5"]{background:rgba(255,255,255,.78)!important}
[class~="bg-white/10"]{background:rgba(255,255,255,.9)!important}
[class~="border-white/5"],[class~="border-white/10"]{border-color:rgba(41,44,58,.10)!important}
input[class*="text-t-primary"]::placeholder{color:#858996!important;opacity:1}

/* Customer login dialog on the light storefront */
[role="dialog"] [class~="bg-background"]{border:1px solid rgba(255,255,255,.95)!important;border-radius:24px!important;background:#fff!important;color:#171923!important;box-shadow:0 28px 80px rgba(46,49,69,.24)!important}
[role="dialog"] button:not([class]){color:#343746!important}
[role="dialog"] input[class~="bg-white/5"]{background:#f5f6fa!important}

/* Keep the guest-login divider compact inside the white dialog */
[role="dialog"] .wf-guest-option{margin-top:24px!important;padding:23px 0 0!important;border:0!important;border-top:1px solid rgba(41,44,58,.10)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
[role="dialog"] .wf-guest-option>span{background:#fff!important;color:#777b88!important}
[role="dialog"] .wf-guest-option p{display:block!important;margin:9px 0 0!important;color:#666a78!important;line-height:1.5!important}

/* WonderFN theme switch and animated banner rings */
.wf-theme-toggle{overflow:hidden;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.wf-theme-toggle i{transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.wf-theme-toggle:hover i{transform:rotate(18deg) scale(1.08)}
@keyframes wf-ring-scale{0%,100%{transform:scale(.92);opacity:.28}50%{transform:scale(1.08);opacity:.68}}
.wf-visual-ring--outer{animation:wf-ring-scale 5.6s ease-in-out infinite}
.wf-visual-ring--inner{animation:wf-ring-scale 4.2s ease-in-out -2.1s infinite reverse}

/* Dark palette: geometry and component layout intentionally stay unchanged. */
html[data-theme="dark"]{color-scheme:dark;background:#090b11!important}
html[data-theme="dark"] body{background:radial-gradient(circle at 76% 8%,rgba(104,72,194,.20),transparent 28rem),radial-gradient(circle at 12% 28%,rgba(34,37,51,.48),transparent 32rem),#090b11!important;color:#f4f5fa!important}
html[data-theme="dark"] body:before{opacity:.34;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px)}
html[data-theme="dark"] .wf-shell{color:#f4f5fa!important}
html[data-theme="dark"] .wf-brand,html[data-theme="dark"] .wf-brand strong span{color:#f4f5fa!important}
html[data-theme="dark"] .wf-nav__links{border-color:rgba(255,255,255,.09)!important;background:rgba(16,18,27,.74)!important;box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.035)!important}
html[data-theme="dark"] .wf-nav__links a{color:#aeb2c0!important}
html[data-theme="dark"] .wf-nav__links a:first-child,html[data-theme="dark"] .wf-nav__links a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:0 5px 14px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .wf-login,html[data-theme="dark"] .wf-icon{border-color:rgba(255,255,255,.09)!important;background:rgba(18,21,31,.82)!important;color:#f2f3f8!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
html[data-theme="dark"] .wf-login:hover,html[data-theme="dark"] .wf-icon:hover{border-color:rgba(142,88,255,.44)!important;background:#191d29!important;box-shadow:0 10px 24px rgba(0,0,0,.28)!important}
html[data-theme="dark"] .wf-mobile-menu{border-color:rgba(255,255,255,.09)!important;background:rgba(15,18,27,.97)!important;box-shadow:0 20px 55px rgba(0,0,0,.40)!important}
html[data-theme="dark"] .wf-mobile-menu a,html[data-theme="dark"] .wf-mobile-menu button{color:#eef0f6!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .wf-hero--experience h1{color:#f7f8fb!important}
html[data-theme="dark"] .wf-hero--experience h1 em{background:linear-gradient(90deg,#b68cff,#7c4dff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="dark"] .wf-eyebrow,html[data-theme="dark"] .wf-hero__copy{color:#a8acb9!important}
html[data-theme="dark"] .wf-hero__search>.relative,html[data-theme="dark"] .wf-hero__search>.mb-4>div,html[data-theme="dark"] .wf-search-trigger-shell{border-color:rgba(255,255,255,.09)!important;background:rgba(18,21,31,.86)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
html[data-theme="dark"] .wf-hero--experience .wf-hero__search .wf-search-trigger-shell{border-color:rgba(255,255,255,.09)!important;background:rgba(18,21,31,.86)!important}
html[data-theme="dark"] .wf-hero--experience .wf-hero__search .wf-search-trigger,html[data-theme="dark"] .wf-hero--experience .wf-hero__search input,html[data-theme="dark"] .wf-search-field{color:#f4f5fa!important}
html[data-theme="dark"] .wf-hero__search input::placeholder,html[data-theme="dark"] .wf-search-field::placeholder{color:#818695!important}
html[data-theme="dark"] .wf-secondary{border-color:rgba(255,255,255,.09)!important;background:rgba(18,21,31,.82)!important;color:#f0f1f6!important}
html[data-theme="dark"] .wf-secondary:hover{background:#1a1e2a!important;color:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important}
html[data-theme="dark"] .wf-departments>a{border-color:rgba(255,255,255,.09)!important;background:rgba(18,21,31,.84)!important;color:#f4f5fa!important;box-shadow:0 12px 28px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.025)!important}
html[data-theme="dark"] .wf-departments>a:first-child{background:linear-gradient(145deg,#875cf6,#6234dc)!important;color:#fff!important;box-shadow:0 16px 36px rgba(83,43,190,.34)!important}
html[data-theme="dark"] .wf-departments__icon{background:rgba(142,88,255,.15)!important;color:#b78cff!important}
html[data-theme="dark"] .wf-departments strong{color:#f4f5fa!important}
html[data-theme="dark"] .wf-departments span{color:#9ca1b0!important}
html[data-theme="dark"] .wf-hero__visual{border-color:rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(27,31,43,.92),rgba(13,16,24,.94));box-shadow:0 24px 60px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.025)}
html[data-theme="dark"] .wf-hero__visual:before{background:rgba(124,77,255,.24)}
html[data-theme="dark"] .wf-hero__visual>img{opacity:.22;filter:grayscale(1) saturate(0) contrast(.82) brightness(1.28)}
html[data-theme="dark"] .wf-visual-ring{border-color:rgba(169,128,255,.20)}
html[data-theme="dark"] .wf-visual-caption{border-color:rgba(255,255,255,.09);background:rgba(18,21,31,.82);box-shadow:0 10px 28px rgba(0,0,0,.28);color:#a9adba}
html[data-theme="dark"] .wf-visual-caption strong{color:#f5f6fa}
html[data-theme="dark"] .wf-service-strip{border-color:rgba(255,255,255,.08)!important;background:rgba(17,20,29,.82)!important;box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.025)!important;color:#a9adba!important}
html[data-theme="dark"] .wf-service-strip span{border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .components>.component:not(.wf-hero){border-color:rgba(255,255,255,.08)!important;background:rgba(15,18,27,.82)!important;box-shadow:0 22px 58px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.02)!important}
html[data-theme="dark"] .components [data-component-id="products"]{background:transparent!important}
html[data-theme="dark"] .components [data-component-id="products"] h1,html[data-theme="dark"] .wf-section-heading h2,html[data-theme="dark"] .wf-feedbacks h1,html[data-theme="dark"] .wf-faq h1{color:#f5f6fa!important}
html[data-theme="dark"] .wf-section-heading>a{border-color:rgba(255,255,255,.09)!important;background:#151822!important;color:#f1f2f6!important}
html[data-theme="dark"] .bg-card/75,html[data-theme="dark"] .bg-card/90,html[data-theme="dark"] .bg-card,html[data-theme="dark"] [class*="bg-card/"]{background-color:rgba(18,21,31,.90)!important}
html[data-theme="dark"] [class~="bg-white/5"]{background:rgba(255,255,255,.055)!important}
html[data-theme="dark"] [class~="bg-white/10"]{background:rgba(255,255,255,.09)!important}
html[data-theme="dark"] [class~="border-white/5"],html[data-theme="dark"] [class~="border-white/10"]{border-color:rgba(255,255,255,.09)!important}
html[data-theme="dark"] [class~="text-t-primary"],html[data-theme="dark"] [class*="text-t-primary/"]{color:#f4f5fa!important}
html[data-theme="dark"] [class~="text-t-secondary"],html[data-theme="dark"] [class*="text-t-secondary/"]{color:#a8acb9!important}
html[data-theme="dark"] .wf-featured-products .group,html[data-theme="dark"] .components [data-component-id="products"] .group{border-color:rgba(255,255,255,.07)!important;background:#141722!important;box-shadow:0 15px 34px rgba(0,0,0,.30)!important}
html[data-theme="dark"] .wf-carousel-controls button{border-color:rgba(255,255,255,.09)!important;background:#151822!important;color:#f2f3f8!important}
html[data-theme="dark"] .wf-feedbacks [x-data]>.flex,html[data-theme="dark"] .wf-faq .flex.flex-col.gap-4>div{border-color:rgba(255,255,255,.08)!important;background:rgba(20,23,34,.86)!important;color:#f4f5fa!important}
html[data-theme="dark"] .wf-faq h4{color:#f4f5fa!important}
html[data-theme="dark"] .wf-faq p{color:#a8acb9!important}
html[data-theme="dark"] .wf-category-tile,html[data-theme="dark"] .wf-category-card{border-color:rgba(255,255,255,.08)!important;background:#151822!important;color:#f4f5fa!important;box-shadow:0 15px 34px rgba(0,0,0,.28)!important}
html[data-theme="dark"] .wf-category-tile h3,html[data-theme="dark"] .wf-category-card strong{color:#f4f5fa!important}
html[data-theme="dark"] .wf-category-tile p,html[data-theme="dark"] .wf-category-card small{color:#a8acb9!important}
html[data-theme="dark"] .wf-policy article{border-color:rgba(255,255,255,.08)!important;background:rgba(17,20,29,.90)!important;box-shadow:0 22px 58px rgba(0,0,0,.30)!important;color:#eef0f5!important}
html[data-theme="dark"] .wf-policy h1,html[data-theme="dark"] .wf-policy h2,html[data-theme="dark"] .wf-policy strong{color:#f5f6fa!important}
html[data-theme="dark"] .wf-policy p,html[data-theme="dark"] .wf-policy li{color:#a8acb9!important}
html[data-theme="dark"] .wf-policy__notice{border-color:rgba(142,88,255,.32)!important;background:rgba(101,57,214,.18)!important;color:#d6c7ff!important}
html[data-theme="dark"] body input,html[data-theme="dark"] body select,html[data-theme="dark"] body textarea{border-color:rgba(255,255,255,.09)!important;background:rgba(18,21,31,.92)!important;color:#f4f5fa!important}
html[data-theme="dark"] body input::placeholder,html[data-theme="dark"] body textarea::placeholder{color:#818695!important}
html[data-theme="dark"] .wf-search-modal{background:rgba(7,9,14,.80)!important}
html[data-theme="dark"] .wf-search-panel{border-color:rgba(255,255,255,.09)!important;background:#11141e!important;color:#f4f5fa!important;box-shadow:0 30px 90px rgba(0,0,0,.52)!important}
html[data-theme="dark"] .wf-search-close{border-color:rgba(255,255,255,.09)!important;background:#1a1e29!important;color:#f4f5fa!important}
html[data-theme="dark"] [role="dialog"] [class~="bg-background"]{border-color:rgba(255,255,255,.09)!important;background:#12151f!important;color:#f4f5fa!important;box-shadow:0 30px 90px rgba(0,0,0,.52)!important}
html[data-theme="dark"] [role="dialog"] button:not([class]){color:#eef0f5!important}
html[data-theme="dark"] [role="dialog"] input[class~="bg-white/5"]{background:#1a1e29!important}
html[data-theme="dark"] [role="dialog"] .wf-guest-option{border-top-color:rgba(255,255,255,.09)!important}
html[data-theme="dark"] [role="dialog"] .wf-guest-option>span{background:#12151f!important;color:#9398a7!important}
html[data-theme="dark"] [role="dialog"] .wf-guest-option p{color:#a8acb9!important}
html[data-theme="dark"] .wf-footer,html[data-theme="dark"] .wf-footer a,html[data-theme="dark"] .wf-footer p{color:#9499a8!important}
html[data-theme="dark"] .wf-footer__inner{border-color:rgba(255,255,255,.08)!important}
@media(prefers-reduced-motion:reduce){.wf-visual-ring--outer,.wf-visual-ring--inner{animation:none!important}}

/* Explicit light scope wins over SellAuth's inline theme palette. */
html[data-theme="light"]{color-scheme:light;background:#f5f6fa!important;--wf-bg:#f5f6fa;--wf-panel:#fff;--wf-line:rgba(36,39,55,.10);--wf-muted:#666a78;--cl-background:245,246,250;--cl-card:255,255,255;--cl-t-primary:23,25,35}
html[data-theme="light"] body{background:radial-gradient(circle at 76% 8%,rgba(183,168,239,.23),transparent 28rem),radial-gradient(circle at 12% 28%,rgba(255,255,255,.98),transparent 32rem),#f5f6fa!important;color:#171923!important}
html[data-theme="light"] .wf-shell,html[data-theme="light"] .wf-brand,html[data-theme="light"] .wf-brand strong span{color:#171923!important}
html[data-theme="light"] .wf-nav__links{border-color:rgba(255,255,255,.86)!important;background:rgba(255,255,255,.58)!important;box-shadow:0 8px 22px rgba(33,37,56,.08),inset 0 0 0 1px rgba(36,39,55,.10)!important}
html[data-theme="light"] .wf-nav__links a{color:#686b78!important}
html[data-theme="light"] .wf-nav__links a:first-child,html[data-theme="light"] .wf-nav__links a:hover{background:#fff!important;color:#171923!important;box-shadow:0 4px 12px rgba(32,35,52,.07)!important}
html[data-theme="light"] .wf-login,html[data-theme="light"] .wf-icon{border-color:rgba(36,39,55,.10)!important;background:rgba(255,255,255,.62)!important;color:#171923!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)!important}
html[data-theme="light"] .wf-mobile-menu{border-color:rgba(255,255,255,.86)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 18px 45px rgba(46,49,69,.14)!important}
html[data-theme="light"] .wf-mobile-menu a,html[data-theme="light"] .wf-mobile-menu button{color:#171923!important;border-color:rgba(36,39,55,.10)!important}
html[data-theme="light"] .wf-hero--experience h1{color:#171923!important}
html[data-theme="light"] .wf-eyebrow,html[data-theme="light"] .wf-hero__copy{color:#686b78!important}
html[data-theme="light"] .wf-hero__search>.relative,html[data-theme="light"] .wf-hero__search>.mb-4>div,html[data-theme="light"] .wf-search-trigger-shell,html[data-theme="light"] .wf-hero--experience .wf-hero__search .wf-search-trigger-shell{border-color:rgba(36,39,55,.10)!important;background:rgba(255,255,255,.72)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.86)!important}
html[data-theme="light"] .wf-hero--experience .wf-hero__search .wf-search-trigger,html[data-theme="light"] .wf-hero--experience .wf-hero__search input,html[data-theme="light"] .wf-search-field{color:#171923!important}
html[data-theme="light"] .wf-secondary{border-color:rgba(36,39,55,.10)!important;background:rgba(255,255,255,.75)!important;color:#171923!important}
html[data-theme="light"] .wf-departments>a{border-color:rgba(255,255,255,.88)!important;background:rgba(255,255,255,.72)!important;color:#171923!important;box-shadow:0 8px 22px rgba(33,37,56,.08),inset 0 0 0 1px rgba(36,39,55,.10)!important}
html[data-theme="light"] .wf-departments>a:first-child{background:linear-gradient(145deg,#9d78ff,#7543f6)!important;color:#fff!important;box-shadow:0 15px 34px rgba(124,77,255,.28)!important}
html[data-theme="light"] .wf-departments strong{color:#171923!important}
html[data-theme="light"] .wf-departments span{color:#7b7f8c!important}
html[data-theme="light"] .wf-departments>a:first-child span{color:rgba(255,255,255,.78)!important}
html[data-theme="light"] .wf-hero__visual{border-color:rgba(255,255,255,.88)!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(236,237,245,.72))!important;box-shadow:0 18px 45px rgba(46,49,69,.13),inset 0 0 0 1px rgba(55,57,75,.04)!important}
html[data-theme="light"] .wf-visual-ring{border-color:rgba(124,77,255,.11)!important}
html[data-theme="light"] .wf-visual-caption{border-color:rgba(255,255,255,.88)!important;background:rgba(255,255,255,.70)!important;color:#666a78!important;box-shadow:0 8px 22px rgba(33,37,56,.08)!important}
html[data-theme="light"] .wf-visual-caption strong{color:#171923!important}
html[data-theme="light"] .wf-service-strip{border-color:rgba(255,255,255,.84)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 8px 22px rgba(33,37,56,.08),inset 0 0 0 1px rgba(36,39,55,.10)!important;color:#666a78!important}
html[data-theme="light"] .components>.component:not(.wf-hero){border-color:rgba(255,255,255,.88)!important;background:rgba(255,255,255,.70)!important;box-shadow:0 18px 45px rgba(46,49,69,.11),inset 0 0 0 1px rgba(36,39,55,.10)!important}
html[data-theme="light"] .components [data-component-id="products"]{background:transparent!important}
html[data-theme="light"] .components [data-component-id="products"] h1,html[data-theme="light"] .wf-section-heading h2,html[data-theme="light"] .wf-feedbacks h1,html[data-theme="light"] .wf-faq h1{color:#171923!important}
html[data-theme="light"] .bg-card/75,html[data-theme="light"] .bg-card/90,html[data-theme="light"] .bg-card,html[data-theme="light"] [class*="bg-card/"]{background-color:rgba(255,255,255,.82)!important}
html[data-theme="light"] [class~="bg-white/5"]{background:rgba(255,255,255,.78)!important}
html[data-theme="light"] [class~="bg-white/10"]{background:rgba(255,255,255,.90)!important}
html[data-theme="light"] [class~="text-t-primary"],html[data-theme="light"] [class*="text-t-primary/"]{color:#171923!important}
html[data-theme="light"] [class~="text-t-secondary"],html[data-theme="light"] [class*="text-t-secondary/"]{color:#666a78!important}
html[data-theme="light"] .wf-featured-products .group,html[data-theme="light"] .components [data-component-id="products"] .group{border-color:rgba(255,255,255,.94)!important;background:#fff!important;box-shadow:0 12px 26px rgba(35,38,57,.11)!important}
html[data-theme="light"] .wf-feedbacks [x-data]>.flex,html[data-theme="light"] .wf-faq .flex.flex-col.gap-4>div{border-color:rgba(36,39,55,.10)!important;background:rgba(255,255,255,.65)!important;color:#171923!important}
html[data-theme="light"] .wf-faq h4{color:#171923!important}html[data-theme="light"] .wf-faq p{color:#666a78!important}
html[data-theme="light"] .wf-category-tile,html[data-theme="light"] .wf-category-card{border-color:rgba(255,255,255,.90)!important;background:#fff!important;color:#171923!important;box-shadow:0 12px 26px rgba(35,38,57,.10)!important}
html[data-theme="light"] .wf-category-tile h3,html[data-theme="light"] .wf-category-card strong{color:#171923!important}
html[data-theme="light"] .wf-category-tile p,html[data-theme="light"] .wf-category-card small{color:#666a78!important}
html[data-theme="light"] .wf-policy article{border-color:rgba(255,255,255,.90)!important;background:rgba(255,255,255,.78)!important;color:#171923!important;box-shadow:0 18px 45px rgba(46,49,69,.11)!important}
html[data-theme="light"] .wf-policy h1,html[data-theme="light"] .wf-policy h2,html[data-theme="light"] .wf-policy strong{color:#171923!important}
html[data-theme="light"] .wf-policy p,html[data-theme="light"] .wf-policy li{color:#666a78!important}
html[data-theme="light"] body input,html[data-theme="light"] body select,html[data-theme="light"] body textarea{border-color:rgba(36,39,55,.10)!important;background:rgba(255,255,255,.90)!important;color:#171923!important}
html[data-theme="light"] [role="dialog"] [class~="bg-background"]{border-color:rgba(255,255,255,.95)!important;background:#fff!important;color:#171923!important;box-shadow:0 28px 80px rgba(46,49,69,.24)!important}
html[data-theme="light"] [role="dialog"] button:not([class]){color:#343746!important}
html[data-theme="light"] [role="dialog"] .wf-guest-option>span{background:#fff!important}
html[data-theme="light"] .wf-footer,html[data-theme="light"] .wf-footer a,html[data-theme="light"] .wf-footer p{color:#666a78!important}

/* Native products-page cards follow the selected palette. */
html[data-theme="dark"] .component .group[class*="bg-card"],html[data-theme="dark"] .component .group[class*="bg-card"]>div{border-color:rgba(255,255,255,.08)!important;background:#141722!important;color:#f4f5fa!important}
html[data-theme="dark"] .component .group[class*="bg-card"] h3,html[data-theme="dark"] .component .group[class*="bg-card"] p{color:#f4f5fa!important}
html[data-theme="light"] .component .group[class*="bg-card"],html[data-theme="light"] .component .group[class*="bg-card"]>div{border-color:rgba(36,39,55,.10)!important;background:#fff!important;color:#171923!important}
html[data-theme="light"] .component .group[class*="bg-card"] h3,html[data-theme="light"] .component .group[class*="bg-card"] p{color:#171923!important}

/* Native translucent detail surfaces follow the selected palette. */
html[data-theme="dark"] [class*="bg-background/"]{background-color:#1a1e29!important;color:#f4f5fa!important}
html[data-theme="light"] [class*="bg-background/"]{background-color:#f0f1f6!important;color:#171923!important}

/* Native SellAuth palette variables for dark mode. */
html[data-theme="dark"]{--cl-background:9,11,17;--cl-card:20,23,34;--cl-t-primary:244,245,250;--cl-t-secondary:168,172,185;--cl-t-accent:255,255,255;--cl-accent:124,77,255}