.card{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:14px;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(6, 182, 212, .08)}.card-link{position:absolute;inset:0;z-index:1;text-indent:-9999px;overflow:hidden}: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:5;pointer-events:none}.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)}.badge--brand{background:#eff6ff;color:#0672cb;border:1px solid rgb(6 114 203 / .15);font-weight:800;letter-spacing:.02em}:global(.dark) .badge--brand{background:#0672cb2e;color:#93c5fd;border-color:#0672cb59}.thumb{flex-shrink:0;height:168px;display:grid;place-items:center;padding:10px;margin-bottom:12px;background:var(--bg-thumb);border-radius:var(--radius-md);position:relative;z-index:2;pointer-events:none;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:148px;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;pointer-events:auto;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;pointer-events:none}.body h4{margin:0 0 4px;font-size:14px;line-height:1.35;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0;height:auto;max-height:2.7em;letter-spacing:-.01em}.card-rating{display:none;align-items:center;gap:4px;margin:0 0 6px;font-size:11px;font-weight:700;color:#f59e0b;line-height:1;min-height:14px}.card-rating.is-visible{display:inline-flex}.card-rating svg{width:13px;height:13px;flex-shrink:0}.card-rating .rating-count{font-weight:500;color:var(--text-muted)}.spec-chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px}.spec-chip{display:inline-block;max-width:100%;padding:3px 7px;border-radius:5px;background:var(--bg-secondary);border:1px solid var(--border-light);font-size:10px;font-weight:600;line-height:1.3;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-section{margin-top:auto;border-top:1px solid var(--border-light);padding-top:10px}.price-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.price{font-weight:700;font-size:17px;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}.tax-text{font-size:10px;line-height:1.3;color:var(--text-muted)}.mrp-wrapper{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.mrp{font-size:11px;line-height:1.3;color:var(--text-muted);text-decoration:line-through}.discount{font-size:10px;font-weight:600;line-height:1.3;color:#16a34a;background:#16a34a1a;padding:2px 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-top:8px}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;padding:3px 7px;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)}: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;max-height:none;margin-bottom:6px;font-size:15px}:global(.list-view) .spec-chips{display:none}:global(.list-view) .price-section{text-align:right;min-width:150px;border-top:none;padding-top:0;margin-top:0}:global(.list-view) .price-row{align-items:flex-end;flex-direction:column}:global(.list-view) .mrp-wrapper{justify-content:flex-end}@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:column}}.status-short{display:none}@media(max-width:1024px){.card{padding:12px}.thumb{height:150px;padding:8px;margin-bottom:10px}.thumb img{max-height:130px}.nav-arrow{width:28px;height:28px}}@media(max-width:640px){.card{padding:10px;border-radius:12px}.card:hover{transform:none}.badge-floating{top:8px;left:8px}.badge{padding:2px 6px;font-size:9px;letter-spacing:.01em}.thumb{height:120px;padding:6px;margin-bottom:8px;border-radius:8px}.thumb img{max-height:108px}.nav-arrow{display:none}.body h4{font-size:12px;margin-bottom:2px;max-height:2.7em}.card-rating{font-size:10px;margin-bottom:4px}.card-rating svg{width:11px;height:11px}.spec-chips{gap:4px;margin-top:4px}.spec-chip{padding:2px 5px;font-size:9px;border-radius:4px;max-width:100%}.spec-chip:first-child:not(:only-child){display:none}.price-section{padding-top:8px}.price{font-size:14px;letter-spacing:-.03em;word-break:break-word}.tax-text{display:none}.mrp-wrapper{gap:4px;margin-top:3px}.mrp{font-size:10px}.discount{font-size:9px;padding:1px 4px}.availability-status{margin-top:6px}.status-badge{max-width:100%;font-size:10px;padding:2px 6px;gap:4px}.status-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-full{display:none}.status-short{display:inline}:global(.list-view) .thumb{height:140px}:global(.list-view) .body h4{font-size:13px}:global(.list-view) .spec-chips{display:flex}:global(.list-view) .spec-chip:first-child:not(:only-child){display:inline-block}}@media(max-width:380px){.card{padding:8px}.thumb{height:100px;margin-bottom:6px}.thumb img{max-height:90px}.body h4{font-size:11px}.price{font-size:13px}.spec-chip{font-size:8px;padding:2px 4px}.spec-chip:nth-child(n+3){display:none}.mrp{font-size:9px}.discount{font-size:8px}}
