@font-face{font-family:Vazirmatn;src:url('/assets/vazirmatn-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/assets/vazirmatn-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/assets/vazirmatn-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/assets/vazirmatn-800.woff2') format('woff2');font-weight:800;font-display:swap}
velora-approved{display:block;position:relative;min-width:0}velora-approved[data-part=header]{position:sticky;top:0;z-index:45}velora-approved[data-part=footer]{position:relative;z-index:1;background:white}html[data-velora-live] #root{position:relative;isolation:isolate;min-height:100vh}html[data-velora-live] #root::before{content:"";position:fixed;inset:-18vh -7vw;z-index:-1;pointer-events:none;background:#fff url('/assets/background-cotton-editorial-v2.webp') center/cover no-repeat;opacity:.5;filter:blur(2px);transform:translate3d(var(--velora-drift-x,0px),var(--velora-drift-y,0px),0)}@media(max-width:767px){html[data-velora-live] #root::before{background-image:url('/assets/background-cotton-mobile-v2.webp');background-size:100% 100%}html[data-velora-live] body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){html[data-velora-live] #root::before{transform:none}}
html[data-velora-scroll=off] #root::before{display:none}
/* One photographic plane owns background scroll. The former decorative layer is retired. */
html[data-velora-live] #root::before{content:none!important}
html[data-velora-live] body{background:#fff}
html[data-velora-live] #root{position:relative;z-index:1;isolation:auto;background:transparent}
html[data-velora-live] .velora-editorial-store{background:transparent!important}
html[data-velora-live] .velora-editorial-store>.velora-site-bg{display:none!important}
.velora-scroll-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#fff;contain:strict}
.velora-scroll-plane{position:absolute;inset:-25vh -10vw;opacity:.5;filter:blur(2px);background:url('/assets/background-cotton-editorial-v2.webp') center/cover no-repeat;pointer-events:none}
@media(max-width:767px){.velora-scroll-plane{background-image:url('/assets/background-cotton-mobile-v2.webp');background-size:100% 100%}}
@media(prefers-reduced-motion:reduce){.velora-scroll-background{display:none}}
/* New editorial photos use dark live text on their deliberately pale copy area. */
body .ref-editorial-banner{isolation:isolate;aspect-ratio:3/1!important;min-height:0!important;height:auto!important;padding:clamp(24px,4vw,64px)!important;display:flex;align-items:center;justify-content:flex-start;background:#eee7d9;color:#1e1e1e!important}
body .ref-editorial-banner:before,body .ref-editorial-banner:after{content:none!important}
body .ref-editorial-banner>picture{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
body .ref-editorial-banner>picture>img{width:100%;height:100%;object-fit:cover}
body .ref-editorial-banner>div{width:min(44%,640px)!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;color:#1e1e1e!important}
body .ref-editorial-banner h1{font-size:clamp(24px,2.7vw,44px)!important;line-height:1.5!important;color:#1e1e1e!important;text-shadow:none!important}
body .ref-editorial-banner p{font-size:clamp(13px,1vw,17px)!important;line-height:1.9;color:#45413a!important;text-shadow:none!important}
body .ref-editorial-banner small{color:#595249!important}
@media(max-width:640px){body .ref-editorial-banner{aspect-ratio:4/5!important;align-items:flex-start;padding:24px 20px!important}body .ref-editorial-banner>div{width:100%!important;max-width:none!important}body .ref-editorial-banner h1{font-size:25px!important}body .ref-editorial-banner p{font-size:14px!important}}

/* Legacy design.css gives #root an opaque background with !important.
   Both this root and the shell must reveal the fixed photographic layer. */
html[data-velora-live] body #root,
html[data-velora-live] body #root > .velora-editorial-store {
 background:transparent!important;
 background-image:none!important;
}
/* Text simplification is limited to mobile banner content, not product copy. */
@media(max-width:767px){
 :is(.ref-community-hero,.ref-inner-banner,.ref-community-banner-copy,.ref-community-copy,.ref-fit-guide,.ref-campaign-copy,.ref-hero-copy,.vsp-banner-copy,.vecampaign-copy,.vam-hero-copy) :is(p,small,.vsp-kicker,.banner-eyebrow){display:none!important}
 .ref-community-hero.ref-editorial-banner small,
 .ref-community-hero.ref-editorial-banner p,
 .ref-inner-banner.ref-editorial-banner p{display:none!important}
 :is(.ref-community-banner-copy,.ref-community-copy,.ref-fit-guide>div,.ref-campaign-copy,.ref-hero-copy,.vsp-banner-copy,.vecampaign-copy,.vam-hero-copy){box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;text-align:start}
 :is(.ref-community-hero,.ref-inner-banner,.ref-community-banner-copy,.ref-community-copy,.ref-fit-guide,.ref-campaign-copy,.ref-hero-copy,.vsp-banner-copy,.vecampaign-copy,.vam-hero-copy) :is(h1,h2){margin-block:0;font-size:clamp(20px,5.2vw,26px);line-height:1.5;text-wrap:balance}
 :is(.ref-community-banner-copy,.ref-community-copy,.ref-fit-guide,.ref-campaign-copy,.ref-hero-copy,.vsp-banner-copy,.vecampaign-copy,.vam-hero-copy) :is(.ref-button,.ref-small-button,.ref-community-cta,.button,.vco-primary){min-height:44px;max-width:100%;padding:10px 14px;font-size:14px;line-height:1.5;margin:0;align-self:flex-start;white-space:normal;touch-action:manipulation}
 body .ref-community-hero.ref-editorial-banner>div,
 body .ref-inner-banner.ref-editorial-banner>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
}

/* Approved softly defocused BOO/apparel scene; no runtime blur needed. */
.velora-scroll-plane{background-image:url('/assets/release-20261024-r8/artwork/background-boo-products.png');background-size:cover;background-position:center;filter:none;opacity:.58}
@media(max-width:767px){.velora-scroll-plane{background-image:url('/assets/release-20261024-r8/artwork/background-boo-products-mobile.png');background-size:cover;background-position:left center}}
@media(prefers-reduced-motion:reduce){.velora-scroll-background{display:block}.velora-scroll-plane{transform:none!important}}

/* User requested a fixed background on every viewport. */
.velora-scroll-background{position:fixed;inset:0;display:block}
.velora-scroll-plane{transform:none!important;translate:none!important;rotate:none!important;scale:none!important;animation:none!important;transition:none!important;will-change:auto}

body :is(.ref-community-hero,.ref-inner-banner,.ref-collection-banner,.ref-offer-banner,.ref-size-banner,.ref-community-card,.ref-social-card){box-shadow:0 3px 14px rgb(35 31 25 / .045),0 1px 3px rgb(35 31 25 / .025)}