body:has(.store){color:#171717;background:#f6f6f4}.store{--gold:var(--brand);--ease-out:cubic-bezier(.32, .72, 0, 1);--tabbar-h:64px;color:#171717;-webkit-tap-highlight-color:transparent;background:#f6f6f4;min-height:100dvh}@media (max-width:1023px){.store-main{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px)}}.media-placeholder{background:radial-gradient(120% 90% at 30% 20%,#fffaf0 0%,#f5ead2 55%,#ecdcb8 100%)}.media-ring{aspect-ratio:1;background:radial-gradient(circle,#ffffffd9 0%,#fff0 70%);border:1px dashed #b8892f40;border-radius:50%;width:72%;position:absolute}.product-card .media-placeholder svg{transition:transform .5s var(--ease-out)}.product-card:hover .media-placeholder svg{transform:scale(1.06)rotate(-3deg)}.skeleton{background:linear-gradient(90deg,#ececea 0%,#f6f6f4 50%,#ececea 100%) 0 0/200% 100%;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.spinner{border:2px solid #d4d4d4;border-top-color:#171717;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{rotate:360deg}}.rail{scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.dropdown-in{animation:dropdown-in .18s var(--ease-out) both}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}}.tabbar{z-index:45;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:saturate(1.6)blur(16px);background:#fffffff0;border-top:1px solid #00000012;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}@media (min-width:1024px){.tabbar{display:none}}.tabbar-item{color:#8a8a8a;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:color .2s;display:flex;position:relative}.tabbar-item:active{transform:scale(.94)}.tabbar-item.is-active{color:#0b0b0c}.tabbar-dot{background:var(--gold);opacity:0;width:4px;height:4px;transition:opacity .2s, transform .25s var(--ease-out);border-radius:50%;position:absolute;top:6px;transform:translateY(4px)}.tabbar-item.is-active .tabbar-dot{opacity:1;transform:none}.tabbar-item .absolute.ring-2{--tw-ring-color:#fff}.sheet-root{z-index:60;pointer-events:none;position:fixed;inset:0}.sheet-root[data-open=true]{pointer-events:auto}.sheet-backdrop{opacity:0;transition:opacity .35s var(--ease-out);background:#0a0a0a73;position:absolute;inset:0}.sheet-root[data-open=true] .sheet-backdrop{opacity:1}.sheet{--drag:0px;--visible:52dvh;height:94dvh;transition:transform .42s var(--ease-out);will-change:transform;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-radius:22px 22px 0 0;outline:none;flex-direction:column;display:flex;position:absolute;inset:auto 0 0;transform:translateY(100%);box-shadow:0 -20px 50px -10px #00000040}.sheet[data-snap=full]{--visible:94dvh}.sheet-root[data-open=true] .sheet{transform:translateY(calc(100% - var(--visible) + max(var(--drag), -100dvh)))}.sheet.is-dragging{transition:none}.sheet-grab{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.sheet-handle{background:#d9d9d9;border-radius:3px;width:40px;height:5px;margin:9px auto 10px;display:block}.sheet-body{overscroll-behavior:contain;max-height:calc(var(--visible) - 64px);overflow-y:auto}.sheet[data-snap=full] .sheet-body{flex:1;max-height:none}.sheet-footer{background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0;padding:12px 16px}.sheet-slide{animation:sheet-slide .28s var(--ease-out) both}@keyframes sheet-slide{0%{opacity:0;transform:translate(16px)}}@media (min-width:1024px){.sheet{opacity:0;width:440px;height:auto;max-height:80dvh;transition:transform .3s var(--ease-out), opacity .2s;border-radius:22px;inset:auto auto 50% 50%;transform:translate(-50%,60%)scale(.98)}.sheet-root[data-open=true] .sheet{opacity:1;transform:translate(-50%,50%)}.sheet-body,.sheet[data-snap=full] .sheet-body{max-height:60dvh}.sheet-handle{visibility:hidden;height:0;margin:12px 0 0}}.search-overlay{z-index:70;opacity:0;pointer-events:none;transition:opacity .22s, transform .32s var(--ease-out);background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;transform:translateY(14px)}.search-overlay[data-open=true]{opacity:1;pointer-events:auto;transform:none}.cart-toast-wrap{z-index:80;left:12px;right:12px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 10px);pointer-events:none;position:fixed}@media (min-width:1024px){.cart-toast-wrap{width:400px;inset:128px 24px auto auto}}.cart-toast{pointer-events:auto;animation:toast-in .4s var(--ease-out) both;background:#fff;border-radius:18px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative;box-shadow:0 20px 50px -12px #00000059,0 0 0 1px #0000000d}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}.buy-bar{z-index:44;left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);background:#fffffff5;border-top:1px solid #00000012;padding:10px 14px;position:fixed}details.acc>summary{cursor:pointer;list-style:none}details.acc>summary::-webkit-details-marker{display:none}details.acc[open] .acc-chevron{transform:rotate(180deg)}.hero-glow{background:radial-gradient(60% 80% at 85% 30%, rgb(var(--brand-rgb) / .35) 0%, transparent 60%), radial-gradient(50% 70% at 10% 90%, rgb(var(--brand-rgb) / .12) 0%, transparent 60%), linear-gradient(135deg, #111113 0%, #0b0b0c 60%, #16130d 100%)}.hero-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%,#000);mask-image:linear-gradient(90deg,#0000,#000 40%,#000)}.float-slow{animation:6s ease-in-out infinite float-slow}@keyframes float-slow{50%{transform:translateY(-8px)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.store *,.store :before,.store :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.zoom-lens{will-change:transform;transition:transform .35s cubic-bezier(.32,.72,0,1)}@media (hover:hover) and (pointer:fine){.zoom-host:hover .zoom-lens{transform:scale(2.2)}}@keyframes select-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.login-modal::backdrop{background:#00000080}.login-modal[open]{animation:.35s cubic-bezier(.32,.72,0,1) login-in}@keyframes login-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.login-modal[open]{animation:none}}
