.product-card-new{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.product-image-box{aspect-ratio:1;background-color:var(--muted-light);cursor:pointer;width:100%;display:block;position:relative;overflow:hidden}.product-image-placeholder-new{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);width:100%;height:100%}.product-tag{background:var(--vibrant-gradient);color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 10px rgba(var(--secondary-rgb), .3);z-index:5;border-radius:100px;padding:.25rem .875rem;font-size:.625rem;font-weight:800;position:absolute;top:1rem;left:1rem}.product-overlay{background:rgba(var(--primary-rgb), .2);opacity:0;z-index:10;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.product-image-box:hover .product-overlay{opacity:1}.overlay-actions{gap:1rem;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(20px)}.product-image-box:hover .overlay-actions{transform:translateY(0)}.action-icon-btn{width:44px;height:44px;color:var(--primary);cursor:pointer;box-shadow:var(--shadow-md);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-icon-btn:hover{background:var(--vibrant-gradient);color:#fff;box-shadow:0 8px 15px rgba(var(--secondary-rgb), .3);transform:scale(1.1)}.product-details-new{flex-direction:column;flex:1;padding:1.5rem;display:flex}.product-name-new{font-family:var(--font-sans);color:var(--primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:700;line-height:1.2;text-decoration:none;display:block}.product-footer-new{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-price-new{color:var(--secondary);font-size:1.25rem;font-weight:800}.product-rating{color:var(--muted);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.star{color:#fbbf24}
.shop-page{background:linear-gradient(#fafbfc 0%,#fff 38%);overflow-x:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shop-hero{margin-bottom:0;padding:clamp(2rem,5vw,3.5rem) 0 clamp(2rem,4vw,3rem);position:relative}.shop-hero-bg{background:radial-gradient(ellipse 80% 60% at 15% 0%, rgba(var(--secondary-rgb), .12), transparent 55%), radial-gradient(ellipse 60% 50% at 90% 20%, rgba(var(--accent-rgb), .1), transparent 50%);pointer-events:none;position:absolute;inset:0}.shop-hero-inner{z-index:1;max-width:920px;position:relative}.shop-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.6875rem;font-weight:800;display:inline-flex}.shop-hero h1{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--primary);margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;line-height:1.05}.shop-lead{color:var(--muted);max-width:540px;margin-bottom:1.75rem;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65}.shop-chips{flex-wrap:wrap;gap:.5rem .65rem;display:flex}.shop-chip{color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:100px;align-items:center;padding:.5rem 1.125rem;font-size:.8125rem;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s,background .2s,transform .2s;display:inline-flex}.shop-chip:hover{color:var(--primary);border-color:rgba(var(--secondary-rgb), .35);transform:translateY(-1px)}.shop-chip--active{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 8px 24px #0f172a1f}.shop-chip--active:hover{color:#fff;border-color:var(--primary)}.shop-body.section{padding-top:0;padding-bottom:clamp(3rem,8vw,5rem)}.shop-layout{grid-template-columns:minmax(220px,260px) 1fr;align-items:start;gap:clamp(2rem,4vw,3.5rem);display:grid}.shop-sidebar{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:calc(64px + 1rem)}.shop-sidebar-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;padding:1.5rem 1.35rem;box-shadow:0 4px 24px #0f172a0a}.shop-sidebar-title{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:1.1rem;font-size:.6875rem;font-weight:800}.shop-cat-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.shop-cat-link{border-radius:var(--radius-sm);color:var(--muted);padding:.65rem .75rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:block}.shop-cat-link:hover{color:var(--primary);background:var(--muted-light)}.shop-cat-link.is-active{color:var(--primary);background:linear-gradient(135deg, rgba(var(--secondary-rgb), .1), rgba(var(--accent-rgb), .08));font-weight:700}.shop-sidebar-note .shop-sidebar-text{color:var(--muted);margin-bottom:1rem;font-size:.875rem;line-height:1.55}.shop-sidebar-link{color:var(--secondary);font-size:.8125rem;font-weight:700;text-decoration:none}.shop-sidebar-link:hover{text-decoration:underline}.shop-main{min-width:0}.shop-toolbar{border-bottom:1px solid rgba(var(--primary-rgb), .06);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.shop-count{align-items:baseline;gap:.5rem;display:flex}.shop-count-num{font-family:var(--font-serif);color:var(--primary);font-size:1.75rem;font-weight:700;line-height:1}.shop-count-label{color:var(--muted);text-transform:lowercase;font-size:.8125rem;font-weight:600}.shop-sort{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:100px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.8125rem;display:inline-flex;box-shadow:0 2px 12px #0f172a0a}.shop-sort-label{color:var(--primary);margin-right:.15rem;font-weight:700}.shop-sort select{color:var(--primary);cursor:not-allowed;background:0 0;border:none;outline:none;max-width:160px;font-family:inherit;font-size:.8125rem;font-weight:700}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(1.25rem,2.5vw,1.75rem);display:grid}.shop-grid .product-card-new{transition:box-shadow .35s;box-shadow:0 6px 28px #0f172a0f}.shop-grid .product-card-new:hover{box-shadow:0 14px 40px #0f172a1a}@media (min-width:1200px){.shop-grid{grid-template-columns:repeat(3,1fr)}}.shop-empty{text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--border);background:var(--muted-light);padding:clamp(3rem,8vw,5rem) 1.5rem}.shop-empty-title{font-family:var(--font-serif);color:var(--primary);margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.shop-empty-desc{color:var(--muted);max-width:420px;margin:0 auto 1.75rem;font-size:.975rem;line-height:1.6}.shop-empty .btn{text-decoration:none}@media (max-width:1024px){.shop-layout{grid-template-columns:1fr}.shop-sidebar{display:none}.shop-hero-inner{max-width:none}}@media (max-width:640px){.shop-toolbar{flex-direction:column;align-items:stretch}.shop-sort{border-radius:var(--radius-md);justify-content:space-between}.shop-sort select{text-align:right;flex:1;max-width:none}.shop-grid{grid-template-columns:1fr}.shop-chips{gap:.45rem}.shop-chip{padding:.45rem .95rem;font-size:.75rem}}
