/* Soft glossy bevels with a deeper, solid side wall. */
header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);box-shadow:0 5px 16px #6a3e5112}html{scroll-padding-top:var(--header-height,132px)}
header .button.cart-icon{width:54px;height:50px;min-width:54px;min-height:50px;padding:9px;gap:0;flex-shrink:0}header .cart-icon svg{display:block;filter:drop-shadow(0 1px 0 #fff9)}
.product-image{border:4px solid #fffaf5;box-shadow:0 2px 0 #ecdee2,0 5px 0 #d9cbd2,0 10px 18px #6540551c;transition:transform .2s,box-shadow .2s}.product-meta{margin-top:20px}.product-image:active{transform:translateY(3px);box-shadow:0 2px 0 #d9cbd2,0 5px 10px #65405518}.model-visual{border:4px solid #fffaf5;box-shadow:0 5px 0 #bfd8e2,0 9px 0 #94b9ca,0 19px 28px #43678020}
@media(hover:hover) and (pointer:fine){.product-image:hover:not(:active){transform:translateY(-4px);box-shadow:0 3px 0 #ecdee2,0 7px 0 #d9cbd2,0 16px 23px #65405526}}
.button{position:relative;border:1px solid #d27798;border-top-color:#ffedf5;border-bottom-color:#a7476c;border-radius:16px;background:linear-gradient(180deg,#ffd5e5 0%,#f49abd 45%,#eb80aa 46%,#e47ba3 100%);box-shadow:inset 0 2px 1px #ffffffed,inset 2px 0 3px #ffffff6b,inset -2px -3px 3px #a7406a38,0 2px 0 #b35078,0 4px 0 #ad4a72,0 6px 0 #a34369,0 8px 0 #953b60,0 11px 0 #813151,0 16px 20px #5a23342e;text-shadow:0 1px 0 #ffe8f29c;transform:perspective(500px) rotateX(4deg);transition:transform .18s,box-shadow .18s,filter .18s}
.button.blue{border-color:#79abc1;border-top-color:#f2fcff;border-bottom-color:#437b96;background:linear-gradient(180deg,#d2effc 0%,#9bd5ee 45%,#7abfdf 46%,#66afcf 100%);box-shadow:inset 0 2px 1px white,inset 2px 0 3px #ffffff8c,inset -2px -3px 3px #2b617b26,0 2px 0 #699db6,0 4px 0 #6094ad,0 6px 0 #568aa3,0 8px 0 #4c7e97,0 10px 0 #3b687e,0 15px 19px #37586d30}
.button:hover{transform:perspective(500px) rotateX(4deg) translateY(-3px);filter:brightness(1.03)}.button:active{transform:translateY(8px);box-shadow:inset 0 2px 5px #68234526,0 2px 0 #853354,0 5px 9px #5a23342e}.button.blue:active{box-shadow:inset 0 2px 4px #24547226,0 2px 0 #3b687e,0 5px 9px #37586d25}
.add{border-radius:12px;border-top-color:#f0fbff;background:linear-gradient(#d3effc 0%,#9bd2e9 45%,#79bedb 46%,#68adcd);box-shadow:inset 0 2px 1px #fff,0 2px 0 #6594ab,0 4px 0 #57869d,0 6px 0 #477389,0 9px 10px #355c742b;transition:transform .15s,box-shadow .15s}.add:hover{transform:translateY(-2px)}.add:active{transform:translateY(5px);box-shadow:inset 0 2px 3px #416b7a22,0 1px 0 #477389}
.categories button{border-top-color:#fff;background:linear-gradient(#ffe4ef,#f4bdd3);box-shadow:inset 0 1px 0 white,0 2px 0 #d0bdc6,0 4px 0 #bca7b1,0 6px 8px #4b293a12;transition:transform .15s,box-shadow .15s}.categories button[aria-pressed=true]{border-top-color:#956179;background:linear-gradient(#77455d,#4b293a);box-shadow:inset 0 2px 1px #b881994a,0 2px 0 #3c1b2d,0 4px 0 #28121e,0 7px 10px #4b293a25}.categories button:active{transform:translateY(3px);box-shadow:0 1px 0 #907781}.categories{row-gap:15px}
.model-tags button{background:linear-gradient(#ffedf5,#f6b9d1);border-top-color:white;box-shadow:inset 0 1px 1px white,0 2px 0 #d79ab2,0 4px 0 #c686a0,0 6px 0 #ad6a86,0 9px 12px #69354520;transition:transform .15s}.model-tags button:active{transform:translateY(4px);box-shadow:0 2px 0 #ad6a86}.model-tags{margin-bottom:8px}
.storefront{transform-origin:50% 56%;animation:entrance-tour 20s ease-in-out infinite;will-change:transform}.entrance.motion-paused .storefront{animation-play-state:paused}.entrance.entering .storefront{animation:none;transform:scale(1.55)}@keyframes entrance-tour{0%,12%,100%{transform:scale(1)}50%,62%{transform:scale(1.48)}}
.motion-toggle{position:absolute;z-index:2;top:18px;right:20px;padding:7px 13px;border:1px solid #ffffffd9;border-radius:20px;background:#fffcf1e8;color:#4b293a;font-size:12px;font-weight:600;box-shadow:0 3px 0 #a08b784f;min-height:34px}.motion-toggle:active{transform:translateY(2px)}.entrance-caption .button{margin-bottom:10px}.product-bottom{padding-bottom:5px}.controls{margin-bottom:35px}#checkout{margin-bottom:20px}
@media(max-width:650px){header{column-gap:8px}.brand{font-size:18px;gap:8px}.brand img{width:42px;height:42px}.button.small{padding:7px 10px;gap:8px;font-size:12px}.brand small{font-size:7px;letter-spacing:.16em}.motion-toggle{top:16px;right:12px;font-size:11px;padding:6px 10px}.virtual-note{top:19px;left:12px;font-size:10px;padding:5px 9px}.categories{row-gap:14px}.entrance-caption{bottom:30px}.button{border-radius:14px}}
@media(max-width:350px){.brand{font-size:16px}.brand img{width:35px;height:35px}.brand small{font-size:6px}.button.small{font-size:11px;padding:6px 8px}.virtual-note{top:17px;font-size:9px}.motion-toggle{font-size:10px}}
@media(prefers-reduced-motion:reduce){.storefront{animation-play-state:paused}.entrance.motion-playing .storefront{animation-play-state:running}}