.sh-root{--sh-page-bg:#f8fafc;--sh-bg:#ffffff;--sh-bg-muted:#f8fafc;--sh-bg-subtle:#f1f5f9;--sh-border:#e2e8f0;--sh-border-alt:rgba(0,0,0,0.06);--sh-text:#0f172a;--sh-text-muted:#64748b;--sh-text-faint:#94a3b8;--sh-blue:#3b82f6;--sh-purple:#8b5cf6;--sh-purple-dark:#7c3aed;--sh-purple-bg:#f5f3ff;--sh-purple-border:rgba(139,92,246,0.2);--sh-green:#10b981;--sh-green-dim:#94a3b8;--sh-error-bg:#fee2e2;--sh-error-text:#991b1b;--sh-error-border:rgba(239,68,68,0.25);--sh-shadow-card:0 1px 3px rgba(0,0,0,0.06);--sh-shadow-drawer:-4px 0 24px rgba(0,0,0,0.12);background:var(--sh-page-bg);min-height:100vh;font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){.sh-root{--sh-page-bg:#111111;--sh-bg:#18181b;--sh-bg-muted:#1e1e20;--sh-bg-subtle:#27272a;--sh-border:rgba(255,255,255,0.08);--sh-border-alt:rgba(255,255,255,0.06);--sh-text:#f4f4f5;--sh-text-muted:#a1a1aa;--sh-text-faint:#71717a;--sh-purple-bg:rgba(139,92,246,0.15);--sh-purple-dark:#c4b5fd;--sh-purple-border:rgba(139,92,246,0.3);--sh-green-dim:#52525b;--sh-error-bg:rgba(239,68,68,0.15);--sh-error-text:#fca5a5;--sh-error-border:rgba(239,68,68,0.3);--sh-shadow-card:0 1px 3px rgba(0,0,0,0.35);--sh-shadow-drawer:-4px 0 24px rgba(0,0,0,0.5)}}.sh-qty-counter{display:flex;align-items:center;height:2rem;background:var(--sh-bg-subtle);border:1px solid var(--sh-border);border-radius:.5rem;overflow:hidden}.sh-qty-counter__btn{background:none;border:none;cursor:pointer;padding:0 .5rem;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sh-text-muted);transition:background .12s,color .12s;flex-shrink:0}.sh-qty-counter__btn:hover{background:var(--sh-border);color:var(--sh-text)}.sh-qty-counter__btn:active{background:var(--sh-blue);color:#fff}.sh-qty-counter__divider{width:1px;height:60%;background:var(--sh-border);flex-shrink:0}.sh-qty-counter__num{font-size:.8125rem;font-weight:700;color:var(--sh-text);min-width:1.75rem;text-align:center;font-variant-numeric:tabular-nums;padding:0 .1rem;user-select:none}.sh-qty-counter--lg{height:2.625rem;border-radius:.625rem;width:fit-content;margin-left:auto}.sh-qty-counter--lg .sh-qty-counter__num{font-size:1rem;min-width:2.25rem}.sh-detail-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(6px)}.sh-detail-modal{position:relative;background:var(--sh-bg);border:1px solid var(--sh-border);border-radius:1.25rem;width:100%;max-width:54rem;max-height:90vh;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 32px 80px rgba(0,0,0,.5)}@media (max-width:600px){.sh-detail-modal{grid-template-columns:1fr;max-height:94vh}}.sh-detail-close{position:absolute;top:.875rem;right:.875rem;z-index:10;background:var(--sh-bg-subtle);border:1px solid var(--sh-border);border-radius:50%;width:2.125rem;height:2.125rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sh-text-muted);transition:background .12s,color .12s}.sh-detail-close:hover{background:var(--sh-border);color:var(--sh-text)}.sh-detail-gallery{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;border-right:1px solid var(--sh-border)}@media (max-width:600px){.sh-detail-gallery{border-right:none;border-bottom:1px solid var(--sh-border)}}.sh-detail-gallery__main{position:relative;aspect-ratio:4/3;border-radius:.875rem;overflow:hidden;background:var(--sh-bg-subtle)}.sh-detail-gallery__main img{width:100%;height:100%;object-fit:cover;display:block}.sh-detail-gallery__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sh-border)}.sh-detail-sub-badge{position:absolute;top:.625rem;right:.625rem;background:var(--sh-purple);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:9999px}.sh-detail-thumbs{display:flex;gap:.5rem;flex-wrap:wrap}.sh-detail-thumb{width:3.5rem;height:3.5rem;border-radius:.5rem;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:var(--sh-bg-subtle);transition:border-color .12s;flex-shrink:0}.sh-detail-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sh-detail-thumb--active{border-color:var(--sh-blue)}.sh-detail-info{padding:1.75rem;display:flex;flex-direction:column;gap:.875rem}.sh-detail-name{font-size:1.375rem;line-height:1.25;margin:0}.sh-detail-name,.sh-detail-price{font-weight:800;color:var(--sh-text)}.sh-detail-price{font-size:1.5rem;font-variant-numeric:tabular-nums;line-height:1}.sh-detail-interval{font-size:.8rem;font-weight:400;color:var(--sh-text-faint);margin-left:.2rem}.sh-detail-desc{font-size:.875rem;color:var(--sh-text-muted);line-height:1.7;margin:0}.sh-detail-actions{margin-top:auto;padding-top:1.25rem}.sh-detail-add-btn{background:var(--sh-blue);color:#fff;border:none;border-radius:.625rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;transition:background .12s}.sh-detail-add-btn:hover{background:color-mix(in srgb,var(--sh-blue) 85%,#000)}@keyframes sh-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.sh-pulse-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--sh-green);flex-shrink:0;animation:sh-pulse 1.4s ease-in-out infinite}