/* Authoritative presentation contract. No scene kind may replace its surface. */
html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper){position:absolute!important;left:50%!important;top:50%!important;width:min(var(--cs-dw,44vw),var(--cs-dh,64vh),var(--cs-max,480px))!important;height:min(var(--cs-dw,44vw),var(--cs-dh,64vh),var(--cs-max,480px))!important;transform:translate(-50%,-50%)!important;opacity:1!important;animation:none!important;transition:none!important;border-radius:var(--cs-radius,14px)!important;--accent:var(--cs-accent,#b88aff)}
html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper) :is(.face,.content,.swiper-slide){background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
html:root:root:root:not([data-original-art]) body #contentCube .content{width:100%!important;height:100%!important;max-width:none!important;padding:0!important;margin:0!important}
html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper) .scene-reveal{opacity:1!important;transform:translate(-50%,-50%)!important;transition:none!important;animation:none!important;will-change:auto!important}
html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper) .scene-canvas{width:100%!important;height:100%!important;box-sizing:border-box!important;opacity:1!important;background:var(--cs-surface,rgba(25,27,44,.78))!important;background-image:none!important;backdrop-filter:blur(var(--cs-blur,18px))!important;-webkit-backdrop-filter:blur(var(--cs-blur,18px))!important;border:1px solid color-mix(in srgb,var(--cs-accent,#b88aff) 55%,#fff 20%)!important;border-radius:var(--cs-radius,14px)!important;box-shadow:inset 0 1px 0 #ffffff40,0 12px 35px #0004!important;color:#f8f9ff!important;animation:none!important;transition:none!important;padding:44px 20px 34px!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:center!important}
html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper) .scene-canvas>.scene-photo{display:none!important}
html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper) .scene-canvas :is(.scene-heading,.scene-copy,.cube-eyebrow,.usp-item,.infographic-stat,.product-title,.product-attributes){opacity:1!important;animation:none!important;transition:none!important;translate:none!important}
html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper) .scene-copy-block{width:100%!important;max-width:100%!important}
html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper) .scene-heading{font:500 clamp(18px,3.4vw,30px)/1.12 Arial,Helvetica,sans-serif!important;letter-spacing:-.045em!important;text-align:left!important;color:#f8f9ff!important;text-transform:none!important;border:0!important;margin:10px 0 16px!important;padding:0!important;max-width:100%!important}
html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper) .scene-copy{font:400 clamp(10px,1.8vw,14px)/1.5 Arial,sans-serif!important;color:#f8f9ff!important;text-align:left!important}
html:root:root:root:not([data-original-art]) body :is(.cube-cta,.btn-neon){box-sizing:border-box!important;min-height:var(--cs-cta-h,34px)!important;padding:8px 13px!important;border-radius:calc(var(--cs-radius,14px)*.4)!important;border:1px solid #ffffff80!important;background:color-mix(in srgb,var(--cs-accent,#b88aff) 55%,#fff 45%)!important;color:#151020!important;font:700 var(--cs-cta-font,11px)/1.3 Arial,sans-serif!important;text-shadow:none!important;animation:none!important;transition:none!important;box-shadow:none!important;cursor:pointer}
html:root:root:root:not([data-original-art]) body :is(.nav,.arrow){position:fixed!important;width:var(--cs-nav,36px)!important;height:var(--cs-nav,36px)!important;min-width:var(--cs-nav,36px)!important;min-height:var(--cs-nav,36px)!important;padding:0!important;border:1px solid #ffffff50!important;border-radius:50%!important;background:#171b2be6!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 4px 12px #0003!important;z-index:3000!important;font:400 22px/1 Arial!important;animation:none!important}
html:root:root:root:not([data-original-art]) body :is(.nav,.arrow) :is(svg,i){width:18px!important;height:18px!important;font-size:18px!important}
html:root:root:root:not([data-original-art]) body :is(.nav[data-direction=left],.arrow-left){left:12px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
html:root:root:root:not([data-original-art]) body :is(.nav[data-direction=right],.arrow-right){right:12px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
html:root:root:root:not([data-original-art]) body :is(.nav[data-direction=up],.arrow-up){top:12px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
html:root:root:root:not([data-original-art]) body :is(.nav[data-direction=down],.arrow-down){bottom:12px!important;top:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
html:root:root:root:not([data-original-art]) body :is(.full-site-link,.gallery-toggle,#cart-toggle,.original-playback,.cube-controls){box-sizing:border-box!important;height:var(--cs-button-h,36px)!important;min-height:var(--cs-button-h,36px)!important;border-radius:calc(var(--cs-button-h,36px)/2)!important;border:1px solid #ffffff50!important;background:#171b2be6!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff22,0 4px 12px #0003!important;font:600 var(--cs-button-font,10px)/1.2 Arial,sans-serif!important;backdrop-filter:blur(10px)!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;animation:none!important;white-space:nowrap!important}
html:root:root:root:not([data-original-art]) body :is(.cube-controls,.original-playback){position:fixed!important;right:12px!important;bottom:9px!important;left:auto!important;transform:none!important;width:128px!important;max-width:none!important;padding:0 3px!important}
html:root:root:root:not([data-original-art]) body :is(.cube-controls,.original-playback) button{height:calc(var(--cs-button-h,36px) - 2px)!important;min-height:0!important;padding:0 6px!important;font:600 var(--cs-button-font,10px)/1 Arial,sans-serif!important;white-space:nowrap!important;background:transparent!important;border:0!important;color:inherit!important}
html:root:root:root:not([data-original-art]) body .full-site-link{display:flex!important;position:fixed!important;left:12px!important;bottom:9px!important;right:auto!important;width:116px!important}
html:root:root:root:not([data-original-art]) body #cart-toggle{position:fixed!important;top:12px!important;right:12px!important;max-width:45%!important}
html:root:root:root:not([data-original-art]) body .gallery-toggle{position:fixed!important;top:12px!important;left:56px!important;max-width:32%!important}
html:root:root:root:not([data-original-art]) body .product-visual{backdrop-filter:none!important;background:#ffffff08!important}
/* Preserve the current mobile portrait proportions. */
@media(max-width:600px){html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper){width:var(--cs-mw,78vw)!important;height:var(--cs-mh,78vh)!important;top:49%!important}html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper) .scene-canvas{padding:48px 18px 46px!important}html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper) .scene-heading{font-size:clamp(22px,6.7vw,30px)!important}html:root:root:root:not([data-original-art]) body :is(#contentCube,#innerSwiper) .scene-copy{font-size:clamp(11px,3.3vw,13px)!important}}
html:root:root:root:not([data-original-art]) body #innerSwiper .scene-reveal:has(.scene-canvas){position:absolute!important;top:50%!important;left:50%!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
html:root:root:root:not([data-original-art]) body #innerSwiper .swiper-slide:not(:has(.scene-canvas)){background:var(--cs-surface,rgba(25,27,44,.78))!important;backdrop-filter:blur(var(--cs-blur,18px))!important;border:1px solid #ffffff50!important;border-radius:var(--cs-radius,14px)!important}

/* Cosmic artwork keeps the original transparent gradients, without blur or reveal delay. */
html[data-original-art] #innerSwiper,html[data-original-art] #innerSwiper .swiper-slide,html[data-original-art] #innerSwiper .scene-reveal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
html[data-original-art] #innerSwiper .scene-reveal{opacity:1!important;transition:none!important;animation:none!important;transform:translate(-50%,-50%)!important}

@media(max-width:600px){
 html:root:root:root:not([data-original-art]) body .gallery-toggle{left:48px!important;max-width:calc(50vw - 72px)!important;padding:0 8px!important;font-size:9px!important}
 html:root:root:root:not([data-original-art]) body #cart-toggle{max-width:calc(50vw - 32px)!important;padding:0 8px!important;font-size:9px!important}
}

/* Standalone minisites reserve the complete bottom navigation row. */
html[data-standalone-cube="true"] body uvb-assistant:not([data-open]){bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;right:max(12px,env(safe-area-inset-right,0px))!important;left:auto!important}
