:root{--card-radius: 16px;--card-shadow: 0 4px 20px rgba(0, 0, 0, .08);--card-bg: var(--bg-card, #ffffff);--card-border: 1px solid var(--border-color, rgba(0, 0, 0, .05));--premium-gold: #d4af37;--grocery-green: #2ecc71;--fashion-dark: #1a1a1a}.catalog-card{position:relative;border-radius:var(--card-radius);background:var(--card-bg);border:var(--card-border);overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;display:flex;flex-direction:column}.catalog-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow)}.card-media{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f8f9fa}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.catalog-card:hover .card-media img{transform:scale(1.08)}.card-content{padding:12px;flex-grow:1;display:flex;flex-direction:column;gap:4px}.card-title{font-size:.95rem;font-weight:600;color:var(--text-main);margin:0;line-height:1.2}.card-price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto}.card-price{font-weight:700;font-size:1.1rem;color:var(--primary)}.card-mrp{font-size:.8rem;color:var(--text-muted);text-decoration:line-through}.card-ultra-compact{border-radius:12px;display:flex;flex-direction:row;height:80px;padding:8px;gap:12px;align-items:center}.card-ultra-compact .card-media{width:64px;height:64px;aspect-ratio:1/1;border-radius:8px;flex-shrink:0}.card-ultra-compact .card-content{padding:0}.card-ultra-compact .card-title{font-size:.85rem}.card-grocery .quick-add{position:absolute;bottom:8px;right:8px;background:var(--grocery-green);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #2ecc7166;border:none;transition:all .2s ease}.card-grocery .quick-add:hover{transform:scale(1.1)}.card-grocery .unit-tag{font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.card-fashion{border-radius:0;border:none;background:transparent}.card-fashion .card-media{aspect-ratio:3/4;border-radius:12px}.card-fashion .card-content{padding:12px 4px;text-align:center}.card-fashion .brand-name{text-transform:uppercase;font-size:.7rem;letter-spacing:1px;color:var(--text-muted);margin-bottom:2px}.card-premium{background:linear-gradient(145deg,#1a1a1a,#2c2c2c);color:#fff;border:1px solid rgba(212,175,55,.2)}.card-premium .card-title{color:#fff;font-family:Playfair Display,serif;font-size:1.1rem}.card-premium .card-price{color:var(--premium-gold)}.card-premium .premium-tag{position:absolute;top:12px;left:12px;background:var(--premium-gold);color:#000;font-size:.65rem;padding:2px 8px;font-weight:700;text-transform:uppercase;border-radius:4px}.card-swipe .swipe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--primary-rgb),.8);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none}.stepper-control{display:flex;align-items:center;background:#f1f3f5;border-radius:20px;padding:2px;width:fit-content;margin-top:8px}.stepper-btn{width:28px;height:28px;border-radius:50%;border:none;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--text-main);box-shadow:0 1px 3px #0000001a}.stepper-value{padding:0 12px;font-size:.9rem;font-weight:600}.deal-timer{position:absolute;bottom:0;left:0;width:100%;background:#e74c3ce6;color:#fff;font-size:.75rem;padding:4px;text-align:center;font-weight:600}.card-marketplace .seller-info{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);margin-top:4px;border-top:1px solid rgba(0,0,0,.05);padding-top:8px}.seller-avatar{width:18px;height:18px;border-radius:50%}.card-tiktok{height:100%;min-height:400px}.card-tiktok .card-media{height:100%;aspect-ratio:unset}.card-tiktok .card-info-overlay{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(transparent,#000c);color:#fff}.card-tiktok .card-title{color:#fff;font-size:1.2rem}.card-tiktok .card-price{color:#fff;font-size:1.4rem}html.dark-mode .catalog-card{background:var(--bg-card);border-color:#ffffff1a}html.dark-mode .stepper-control{background:#ffffff0d}html.dark-mode .stepper-btn{background:var(--bg-card);color:#fff}
