.card{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:20px;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-light);color:var(--text-primary);--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(6, 182, 212, .08)}:global(.dark) .card{--spotlight-color: rgba(6, 182, 212, .15)}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 75%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.card:hover:before{opacity:1}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #06b6d40d;border-color:#06b6d466}.badge-floating{position:absolute;top:12px;left:12px;z-index:2}.badge--green{background:var(--green-50);color:var(--green-600);border:1px solid rgba(5,150,105,.1)}.badge--blue{background:var(--blue-50);color:var(--blue-700);border:1px solid rgba(0,102,204,.1)}.badge--gray{background:var(--gray-50);color:var(--gray-600);border:1px solid var(--gray-200)}.badge--red{background:var(--red-50);color:var(--red-600);border:1px solid rgba(220,38,38,.1)}.thumb{flex-shrink:0;height:195px;display:grid;place-items:center;padding:12px;margin-bottom:16px;background:var(--bg-thumb);border-radius:var(--radius-md);position:relative;z-index:2;transition:background-color .3s ease}.placeholder{width:64px;height:64px;display:grid;place-items:center;color:var(--text-muted)}.thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-height:175px;transition:transform .4s ease}.card:hover .thumb img{transform:scale(1.02)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#ffffffe6;border:1px solid var(--gray-200);color:var(--gray-700);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0f172a14;padding:0}.nav-arrow:hover{background:var(--white);color:var(--blue-700);box-shadow:0 4px 12px #0066cc26;border-color:var(--blue-200)}.prev-arrow{left:8px}.next-arrow{right:8px}.card:hover .nav-arrow,.thumb:hover .nav-arrow{opacity:1}.body{flex:1;display:flex;flex-direction:column;position:relative;z-index:2}.body h4{margin:0 0 8px;font-size:20px;line-height:1.35;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:54px}.rating-row{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:12px;color:var(--text-secondary)}.stars{color:var(--yellow-400);display:flex;gap:1px}.rating-val{font-weight:600;color:var(--text-primary)}.specs-list{display:flex;flex-direction:column;gap:12px;margin-top:14px;margin-bottom:16px;border-top:1px solid var(--border-light);padding-top:14px}.spec-row{display:flex;gap:10px;align-items:flex-start}.spec-icon{flex-shrink:0;color:#06b6d4;margin-top:1px}.spec-details{display:flex;flex-direction:column;gap:1px}.spec-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.spec-val{font-size:14px;color:var(--text-secondary);line-height:1.3}.price-section{margin-top:auto;border-top:1px solid var(--border-light);padding-top:12px}.price-row{display:flex;align-items:baseline;gap:6px}.price{font-weight:700;font-size:22px;color:var(--text-primary);letter-spacing:-.01em}.tax-text{font-size:12px;color:var(--text-muted)}.mrp-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.mrp{font-size:12px;color:var(--text-muted);text-decoration:line-through}.discount{font-size:12px;font-weight:600;color:#4ade80;background:#4ade8026;padding:1px 6px;border-radius:var(--radius-sm)}.emi-notice{font-size:12px;color:var(--text-muted);margin-top:4px}.is-out{opacity:.85}.availability-status{margin-bottom:12px}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:var(--radius-sm)}.status-dot{width:6px;height:6px;border-radius:50%}.status-badge.green{color:#4ade80;background:#4ade801a}.status-badge.green .status-dot{background-color:var(--green-500);box-shadow:0 0 8px var(--green-500)}.status-badge.amber{color:#fbbf24;background:#fbbf2426}.status-badge.amber .status-dot{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.status-badge.neutral{color:#a1a1aa;background:#ffffff0d}.status-badge.neutral .status-dot{background-color:var(--gray-400)}.view-details-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;width:100%;text-align:center;transition:all .2s ease;font-size:16px;font-weight:600;background:#0891b2!important;color:#fff!important}.view-details-btn:hover{background:#0e7490!important;box-shadow:0 0 15px #06b6d459!important}.view-details-btn svg{transition:transform .2s ease}.view-details-btn:hover svg{transform:translate(4px)}:global(.list-view) .card{flex-direction:row;align-items:center;height:auto;min-height:180px}:global(.list-view) .thumb{width:180px;height:140px;margin:0 20px 0 0}:global(.list-view) .body{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}:global(.list-view) .body h4{height:auto;margin-bottom:8px}:global(.list-view) .specs-list{display:none}:global(.list-view) .price-section{text-align:right;min-width:160px;border-top:none;padding-top:0;margin-top:0}:global(.list-view) .price-row{align-items:flex-end;flex-direction:column}:global(.list-view) .view-details-btn{grid-column:2;margin-top:0;width:auto;min-width:140px}@media(max-width:768px){:global(.list-view) .card{flex-direction:column}:global(.list-view) .thumb{width:100%;height:180px;margin-bottom:12px;margin-right:0}:global(.list-view) .body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}:global(.list-view) .price-section{text-align:left;margin-top:8px;width:100%}:global(.list-view) .price-row{align-items:flex-start;flex-direction:row}:global(.list-view) .view-details-btn{display:inline-flex;width:100%;margin-top:8px}}