/* Gentle blur resolves to a sharp image; controls and text remain readable. */
:root{--ease-soft:cubic-bezier(.2,.75,.2,1);--glass-shadow:0 12px 38px #1717170c}
@keyframes page-arrive{from{opacity:0;filter:blur(7px);translate:0 9px}to{opacity:1;filter:blur(0);translate:0 0}}
@keyframes surface-arrive{from{opacity:0;filter:blur(5px);translate:0 6px}to{opacity:1;filter:blur(0);translate:0 0}}
@keyframes menu-arrive{from{opacity:0;filter:blur(10px);transform:translateX(-24px)}to{opacity:1;filter:blur(0);transform:translateX(0)}}
@keyframes glass-arrive{from{backdrop-filter:blur(0);background:#0000}to{backdrop-filter:blur(12px);background:#0004}}
@keyframes hover-clarity{from{filter:blur(1.5px)}to{filter:blur(0)}}
.home,.auth,.dashboard,.legal,.store-main,.product-detail,.shipping-content,.cart-content{animation:page-arrive .55s var(--ease-soft)}
.hero-content{animation:page-arrive .85s var(--ease-soft)}
.hero-background{animation:surface-arrive .9s var(--ease-soft)}
.product-card{animation:surface-arrive .5s var(--ease-soft) backwards}
.product-card:nth-child(4n+2){animation-delay:45ms}.product-card:nth-child(4n+3){animation-delay:90ms}.product-card:nth-child(4n+4){animation-delay:135ms}
.product-photo{isolation:isolate;background:#f5f5f3;border-radius:4px;transition:box-shadow .4s var(--ease-soft),border-radius .4s var(--ease-soft)}
.product-photo img{position:relative;width:100%;height:100%;display:block;object-fit:cover}
.product-card a{display:block;outline-offset:6px}
.product-card h3{transition:color .25s}
.store-header{background:#ffffffbd;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
.hero-link{background:#ffffff24;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.telegram-notice{background:#202020d6;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);transition:box-shadow .35s,background .35s}
.telegram-notice>a{border-radius:18px}.telegram-notice:focus-within{outline:2px solid #888;outline-offset:4px}
.store-menu[open]{animation:menu-arrive .4s var(--ease-soft)}
.store-menu::backdrop{background:#0004;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:glass-arrive .4s var(--ease-soft)}
.store-menu nav a{padding:8px 12px;margin:-8px -12px;border-radius:12px;transition:background .25s,translate .25s}
.primary,.quiet,.hero-link,.icon-button,.account-nav a,.category-nav a{transition:background .25s,box-shadow .3s,transform .3s var(--ease-soft),border-color .25s}
.field input,.account-form input,.account-form textarea,.account-form select{transition:border-color .25s,box-shadow .25s,background .25s}
.field input:focus,.account-form input:focus,.account-form textarea:focus,.account-form select:focus{border-color:#999;box-shadow:0 0 0 4px #17171708}
.order-card,.detail-card,.account-stats a,.stats-grid>div,.checkout-form{transition:box-shadow .35s,border-color .35s;animation:surface-arrive .45s var(--ease-soft)}
@media(hover:hover) and (pointer:fine){
 .product-card a:hover .product-photo,.product-card a:focus-visible .product-photo{box-shadow:var(--glass-shadow);border-radius:14px}
 .product-card a:hover h3{color:#666}
 .primary:not(:disabled):hover,.quiet:not(:disabled):hover,.hero-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;animation:hover-clarity .3s ease-out}
 .primary:not(:disabled):active,.quiet:not(:disabled):active,.hero-link:active{transform:translateY(0);box-shadow:none}
 .icon-button:hover{background:#00000006;border-radius:50%}
 .store-menu nav a:hover{background:#00000005;translate:4px 0;animation:hover-clarity .3s ease-out}
 .category-nav a:hover{color:#222;animation:hover-clarity .3s ease-out}
 .order-card:hover,.detail-card:hover,.account-stats a:hover,.stats-grid>div:hover{box-shadow:var(--glass-shadow);border-color:#d8d8d8}
 .telegram-notice:hover{background:#242424e8;box-shadow:0 16px 48px #0003}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.store-hero .hero-link{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-width:200px;min-height:64px;padding:18px 42px;box-sizing:border-box;border:1px solid #ffffff65;border-radius:999px;background:linear-gradient(155deg,#ffffff40,#ffffff12 55%,#ffffff24);color:#fff;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);box-shadow:inset 0 1px 1px #ffffff85,inset 0 -1px 1px #ffffff18,0 8px 28px #00000020;text-decoration:none;text-align:center;text-shadow:0 1px 8px #0003;overflow:hidden;font:600 17px/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:.055em;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s}
.store-hero .hero-link::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,transparent 15%,#ffffff25 50%,transparent 85%);transform:translateX(-130%);transition:transform .7s ease}
@media(hover:hover){.store-hero .hero-link:hover{transform:translateY(-2px);background:linear-gradient(155deg,#ffffff55,#ffffff20 55%,#ffffff32);box-shadow:inset 0 1px 1px #ffffffaa,0 12px 32px #00000025;animation:none}.store-hero .hero-link:hover::before{transform:translateX(130%)}}
.store-hero .hero-link:active{transform:scale(.96);box-shadow:inset 0 1px 2px #ffffff60,0 3px 12px #0002}.store-hero .hero-link:focus-visible{outline:3px solid white;outline-offset:5px}
@media(max-width:600px){.store-hero .hero-link{min-width:180px;min-height:58px;padding:17px 36px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.store-hero .hero-link,.store-hero .hero-link::before{transition:none!important}}