:root{--shop-bg:#f5f7fa;--shop-bg-elevated:#edf0f5;--shop-bg-card:#fff;--shop-bg-card-hover:#f9fafb;--shop-bg-input:#f9fafb;--shop-border:#00000014;--shop-border-hover:#00000026;--shop-text:#111827;--shop-text-secondary:#4b5563;--shop-text-muted:#9ca3af;--shop-accent:#f97316;--shop-accent-hover:#ea580c;--shop-accent-light:#f9731614;--shop-accent-glow:#f9731640;--shop-green:#22c55e;--shop-red:#ef4444;--shop-star:#facc15;--shop-radius-sm:8px;--shop-radius-md:12px;--shop-radius-lg:16px;--shop-radius-xl:20px;--shop-radius-2xl:24px;--shop-radius-full:9999px;--shop-shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shop-shadow-hover:0 10px 25px -5px #0000001a, 0 4px 10px -4px #0000000f;--shop-shadow-elevated:0 20px 50px -12px #00000026;--shop-ease:cubic-bezier(.16,1,.3,1);--shop-spring:cubic-bezier(.34,1.56,.64,1);--shop-duration:.3s}@keyframes shop-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shop-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shop-scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shop-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shop-slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes shop-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shop-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shop-badgePop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shop-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shop-fade-up{animation:shop-fadeUp .5s var(--shop-ease) both}.shop-fade-in{animation:.4s both shop-fadeIn}.shop-scale-in{animation:shop-scaleIn .4s var(--shop-ease) both}.shop-float{animation:5s ease-in-out infinite shop-float}.shop-card{background:var(--shop-bg-card);border:1px solid var(--shop-border);border-radius:var(--shop-radius-2xl);box-shadow:var(--shop-shadow-card);transition:transform var(--shop-duration) var(--shop-ease), box-shadow var(--shop-duration) var(--shop-ease), border-color var(--shop-duration) ease;overflow:hidden}.shop-card:hover{box-shadow:var(--shop-shadow-hover);border-color:var(--shop-border-hover);transform:scale(1.02)}.shop-card:active{transition-duration:80ms;transform:scale(.98)}.shop-img-zoom{transition:transform .5s var(--shop-ease)}.group:hover .shop-img-zoom{transform:scale(1.05)}.shop-marquee-track{width:max-content;animation:25s linear infinite shop-marquee;display:flex}.shop-skeleton{background:linear-gradient(90deg, var(--shop-bg-elevated), var(--shop-bg-card), var(--shop-bg-elevated));border-radius:var(--shop-radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shop-shimmer}.shop-chip{border-radius:var(--shop-radius-full);border:1px solid var(--shop-border);background:var(--shop-bg-card);color:var(--shop-text-secondary);cursor:pointer;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.shop-chip:hover{border-color:var(--shop-accent);color:var(--shop-accent)}.shop-chip.active{border-color:var(--shop-accent);background:var(--shop-accent);color:#fff}.shop-star-filled{color:var(--shop-star)}.shop-star-empty{color:#f5a62340}.shop-size-pill{border-radius:var(--shop-radius-full);border:1.5px solid var(--shop-border);min-width:36px;height:32px;color:var(--shop-text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.shop-size-pill:hover{border-color:var(--shop-text-secondary);color:var(--shop-text)}.shop-size-pill.active{border-color:var(--shop-text);background:var(--shop-text);color:#fff}.shop-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .15s}.shop-swatch:hover{transform:scale(1.15)}.shop-swatch.active{border-color:var(--shop-text);box-shadow:0 0 0 2px var(--shop-bg-card), 0 0 0 4px var(--shop-text)}.shop-badge{border-radius:var(--shop-radius-full);background:var(--shop-accent);color:#fff;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.shop-bot-bar{-webkit-backdrop-filter:blur(20px)saturate(1.3);border-top:1px solid var(--shop-border);background:#ffffffeb;box-shadow:0 -4px 20px #0000000f}.shop-divider{background:var(--shop-border);height:1px}.shop-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.shop-no-scrollbar::-webkit-scrollbar{display:none}.shop-press:active{transition-duration:80ms;transform:scale(.96)}.shop-btn-primary{border-radius:var(--shop-radius-full);background:var(--shop-accent);color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--shop-accent-glow);border:none;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.shop-btn-primary:hover{background:var(--shop-accent-hover);box-shadow:0 6px 24px var(--shop-accent-glow)}.shop-btn-outline{border-radius:var(--shop-radius-full);border:1.5px solid var(--shop-text);color:var(--shop-text);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.shop-btn-outline:hover{background:var(--shop-text);color:#fff}.shop-input{border-radius:var(--shop-radius-lg);border:1px solid var(--shop-border);background:var(--shop-bg-input);width:100%;color:var(--shop-text);padding:12px 16px;font-size:14px;transition:border-color .2s}.shop-input::placeholder{color:var(--shop-text-muted)}.shop-input:focus{border-color:var(--shop-accent);outline:none}