/* Vyral Store V4 / animation + image fidelity, intentionally no image zoom */
:root{--v4-ink:#151329;--v4-purple:#7e4cf1;--v4-gradient:linear-gradient(100deg,#f83caf 2%,#8153ee 46%,#1da5f5 96%);--v4-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased}
/* Product photos and box art must always be shown in full. */
.product-image,.image-stage,.editorial-image,.related-card,.story-card,.v2-category-card,.v3-showcase-media{overflow:hidden}
.product-card .product-image{padding:20px;background:linear-gradient(145deg,#fff,#fafaff 75%,#f6fbff);aspect-ratio:1.12}
.product-card .product-image img{object-fit:contain!important;object-position:center!important;height:100%;width:100%;max-height:285px;mix-blend-mode:multiply;transform:none!important;transition:filter .35s ease!important}
.product-card:hover .product-image img{transform:none!important;filter:brightness(1.025)}
.product-card:hover{transform:translateY(-6px)!important;box-shadow:0 20px 52px #53418b18!important}
.image-stage img,.image-stage:hover img,.thumb img,.related-card img,.detail-drawer-item img,.cart-item img,.check-item img,.check-summary-item img,.v3-product-story img,.v3-product-compare img,.v3-compare-table img,.v3-showcase-media img,.v2-category-card img,.bundle-tile img,.v3-personalize-item img{object-fit:contain!important;object-position:center!important;transform:none!important}
.image-stage{padding:clamp(15px,3vw,38px)!important}
.v3-showcase-media{min-height:420px;background:linear-gradient(155deg,#fcf9ff,#fff,#f0faff)}
.v3-showcase-media img{width:100%;height:100%;position:absolute;inset:0;padding:18px;}
.story-card .story-image{object-fit:contain!important;transform:none!important}
.v3-product-story img{padding:15px}.v3-product-compare img{background:#f9f8fd}
.related-card img{padding:12px}
/* subtle, springy animation on cards/buttons rather than zooming images */
.product-card,.v2-category-card,.v3-product-compare a,.v3-mini-feature article,.story-card{transition:transform .42s var(--v4-ease),box-shadow .42s var(--v4-ease),border-color .42s ease!important}
.btn,.header-btn,.chip{transition:transform .28s var(--v4-ease),background .28s,border-color .28s,box-shadow .28s!important}
.btn:hover,.header-btn:hover{transform:translateY(-3px)}
.v2-category-card:hover,.v3-mini-feature article:hover{transform:translateY(-5px);box-shadow:0 18px 45px #5d3b9f13}
/* New cinematic shop hero */
.v4-hero{position:relative;background:radial-gradient(ellipse at 87% 23%,#d7f2ff79,transparent 51%),radial-gradient(ellipse at 25% 10%,#ffdbf36b,transparent 56%),linear-gradient(115deg,#fff 32%,#f9f6ff 75%,#f2fbff);border-bottom:1px solid #eeeaf6;overflow:hidden}
.v4-hero .container{max-width:1370px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(22px,3vw,48px);padding-top:52px;padding-bottom:52px;min-height:605px}
.v4-hero .hero-copy{position:relative;z-index:2;max-width:595px}
.v4-hero h1{font-size:clamp(46px,5.2vw,78px);letter-spacing:-.085em;line-height:1.055;margin:17px 0 24px}
.v4-hero h1 .gradient{background:var(--v4-gradient);color:transparent;-webkit-background-clip:text;background-clip:text}
.v4-hero .hero-copy p{max-width:490px;line-height:1.8;font-size:clamp(13px,1.15vw,16px);color:#777387}
.v4-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0 30px;max-width:560px}
.v4-fact{display:flex;flex-direction:column;align-items:start;gap:8px;border-right:1px solid #e8e2ef;padding-right:10px}.v4-fact:last-child{border:0}
.v4-fact svg{width:21px;height:21px;stroke:#7851dc;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.v4-fact span{font-size:10px;line-height:1.55;color:#6e667e;font-weight:750}
.v4-hero .hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.v4-gradient-button{background:var(--v4-gradient)!important;color:white!important;border:0!important;box-shadow:0 12px 24px #9154eb24}
.v4-hero-art{height:530px;position:relative;min-width:0;isolation:isolate}
.v4-hero-art:before{content:'';position:absolute;inset:8% 3% 9%;border-radius:48%;background:radial-gradient(circle at 42% 44%,#ffd6fa83,#bfe5ff69 52%,transparent 71%);filter:blur(36px);animation:v4-glow 9s ease-in-out infinite alternate;z-index:-1}
.v4-hero-art .main-art{position:absolute;inset:0 25% 0 25%;width:50%;height:100%;object-fit:contain!important;filter:drop-shadow(0 22px 34px #8364a422);animation:v4-float 8s ease-in-out infinite}
.v4-mini{position:absolute;max-width:29%;max-height:40%;object-fit:contain!important;border:1px solid #e9e4f09b;border-radius:18px;background:#ffffffee;padding:7px;box-shadow:0 18px 46px #3d245414;animation:v4-float 8s ease-in-out infinite}
.v4-mini.m1{left:0;bottom:5%;animation-delay:-2.5s}.v4-mini.m2{right:1%;top:1%;animation-delay:-4s}.v4-mini.m3{right:0;bottom:4%;animation-delay:-1s}
.v4-hero-orbit{position:absolute;border:1px solid #fff9;transform:rotate(-25deg);border-radius:50%;inset:10% -5% 12%;pointer-events:none}
.v4-hero .v4-hero-caption{position:absolute;right:10%;bottom:12px;color:#796d8f;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
/* Product count / premium organization */
.products{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.product-card{min-width:0}
.product-content{display:flex;flex-direction:column;min-height:235px}.product-content .product-footer{margin-top:auto}
/* card reveal with safe fallback if JS is unavailable */
.v4-motion .v4-reveal{opacity:0;transform:translateY(20px);transition:opacity .75s var(--v4-ease),transform .75s var(--v4-ease)}
.v4-motion .v4-reveal.v4-visible{opacity:1;transform:translateY(0)}
@keyframes v4-float{50%{transform:translateY(-9px)}}@keyframes v4-glow{to{transform:translate(2%,-4%) scale(1.08)}}
@media(max-width:1070px){.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v4-hero .container{grid-template-columns:1fr 1fr;min-height:0}.v4-hero-art{height:430px}.v4-facts{grid-template-columns:repeat(2,1fr)}.v4-fact:nth-child(2){border:0}}
@media(max-width:780px){.v4-hero .container{grid-template-columns:1fr!important;padding-top:35px;padding-bottom:24px}.v4-hero h1{font-size:clamp(42px,9.5vw,61px)}.v4-hero-art{height:360px;width:100%}.v4-hero-art .main-art{width:48%;inset:0 26%;}.v4-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.v4-fact:nth-child(2){border-right:1px solid #e8e2ef}.v3-showcase-media{min-height:300px}.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-card .product-image{padding:13px}}
@media(max-width:500px){.products{grid-template-columns:1fr!important}.v4-facts{gap:6px}.v4-fact span{font-size:9px}.v4-hero-art{height:295px}.v4-mini{border-radius:10px}.v4-hero .container{padding-bottom:12px}.product-content{min-height:unset}}
@media(prefers-reduced-motion:reduce){.v4-mini,.v4-hero-art .main-art,.v4-hero-art:before{animation:none!important}.v4-motion .v4-reveal{opacity:1!important;transform:none!important}}