/* Nylia brand palette, reviewed 12 October 2026. Scoped to the storefront. */
.storefront-motion{background:#e0ebe8;color:#163447;overflow-x:clip}
.storefront-motion .site-header{background:#fffaf2}
.storefront-motion .site-header:before{content:"";position:absolute;inset:0;z-index:-1;background:#fffaf2}
.storefront-motion .site-header{position:relative;isolation:isolate}
.storefront-motion .hero{position:relative;isolation:isolate;padding-block:48px 56px;color:#fffaf2}
.storefront-motion .hero:before{content:"";position:absolute;inset:0;z-index:-1;box-shadow:0 0 0 100vmax #102f42;clip-path:inset(0 -100vmax);background:radial-gradient(ellipse at 90% 10%,#145865 0,transparent 64%),linear-gradient(120deg,#102a43,#0d3848)}
.storefront-motion .hero h1{color:#fffaf2}
.storefront-motion .hero h1 span{color:#f2c575}
.storefront-motion .hero .eyebrow{color:#94dce1}
.storefront-motion .hero p,.storefront-motion .hero-foot{color:#d5e5e8}
.storefront-motion .hero .btn.dark{background:#f2c575;color:#102a43;border-color:#f2c575}
.storefront-motion .hero .btn.dark:hover{background:#ffdb98}
.storefront-motion .hero .text-button{color:#fffaf2}
.storefront-motion .hero .hero-visual{box-shadow:0 18px 40px #041d4266}
.storefront-motion .shop{margin-block:34px 45px;padding:36px 30px 42px;background:#fffaf2;border:1px solid #cad9d6;border-radius:20px}
.storefront-motion .shop h2,.storefront-motion .how h2,.storefront-motion .faq h2{color:#123c4e}
.storefront-motion .product-card .product-cover{border:1px solid #c8d6d6;box-shadow:0 7px 18px #143b4810}
.storefront-motion .filter-pills button.active{background:#0c6570;color:#fff;border-color:#0c6570}
.storefront-motion .bundle{background:linear-gradient(125deg,#102e4b,#0c5360);border:1px solid #236976}
.storefront-motion .free-pack{background:#f2e4c8;border-color:#d4b879;color:#183b48}
.storefront-motion .free-pack .eyebrow{color:#725320}
.storefront-motion .newsletter{background:#114d59;color:#f4faf8;border-top:4px solid #dfb66c}
.storefront-motion .newsletter p{color:#d6e8e8}
.storefront-motion .newsletter input{color:#173848;background:#fff}
.storefront-motion .newsletter button{background:#f2c575;color:#102a43}
.storefront-motion .faq-list details{border-color:#b7cdca}
.storefront-motion .eyebrow{color:#1a6371}
.storefront-motion :is(a,button,input,select):focus-visible{outline:3px solid #de9c37;outline-offset:4px}
@media(max-width:700px){.storefront-motion .hero{padding-block:32px 38px}.storefront-motion .shop{padding:27px 16px 32px;margin-block:24px;border-radius:15px}}
@media(prefers-reduced-motion:reduce){.storefront-motion .hero:before{background:#102f42}}