@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600&family=Playfair+Display:ital,wght@0,700;0,900;1,700;1,900&family=Space+Grotesk:wght@400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #02020a;--surf: rgba(255,255,255,.028);--border: rgba(255,255,255,.065);--text: #f0f0ff;--text2: rgba(255,255,255,.48);--text3: rgba(255,255,255,.22);--orange: #ff5722;--pink: #ff1b75;--purple: #a855f7;--grad: linear-gradient(110deg, #ff5722 0%, #ff1b75 50%, #a855f7 100%);--grad2: linear-gradient(135deg, #ff5722, #ff1b75)}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden}html{scrollbar-width:thin;scrollbar-color:#ff5722 rgba(2,2,10,.98)}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#02020afa;border-left:1px solid rgba(255,87,34,.09);transition:background .3s}::-webkit-scrollbar-track:hover{background:#040312fa;border-left-color:#ff572233}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff5722,#ff1b75,#a855f7);border-radius:10px;border:3px solid rgba(2,2,10,.98);box-shadow:0 0 12px #ff572273,0 0 24px #ff1b7533,inset 0 1px #fff3;transition:all .25s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff7043,#f06292 45%,#ba68c8);border-width:2px;box-shadow:0 0 22px #ff5722d9,0 0 44px #ff1b758c,0 0 66px #a855f759,inset 0 1px #ffffff4d}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#ff8a65,#f48fb1 45%,#ce93d8);border-width:2px;box-shadow:0 0 30px #ff5722,0 0 60px #ff1b75d9,0 0 90px #a855f7a6}::-webkit-scrollbar-corner{background:#02020afa}.product-card{background:#ffffff06;border:1px solid rgba(255,255,255,.065);border-radius:22px;overflow:hidden;transition:all .25s;animation:card-in .45s ease both;min-width:0}.product-card:hover{border-color:#ff572261;transform:translateY(-6px);box-shadow:0 20px 48px #00000080,0 0 0 1px #ff572214;background:#ffffff0a}@keyframes card-in{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-image{height:190px;background:#ffffff08;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.card-image img{max-height:165px;max-width:88%;object-fit:contain;transition:transform .3s}.product-card:hover .card-image img{transform:scale(1.06)}.no-image{font-size:46px;opacity:.2}.discount-badge{position:absolute;top:11px;left:11px;right:auto;background:linear-gradient(135deg,#ff5722,#ff1b75);color:#fff;font-size:clamp(8.5px,2.4vw,10px);font-weight:700;padding:clamp(2px,.8vw,3px) clamp(7px,2vw,9px);border-radius:999px;letter-spacing:.04em;z-index:5;white-space:nowrap;max-width:62%;overflow:hidden;text-overflow:ellipsis}.card-body{padding:clamp(10px,3.2vw,17px);min-width:0}.card-title{font-size:clamp(11px,3vw,13.5px);font-weight:400;color:#ffffffd9;line-height:1.45;margin-bottom:clamp(8px,2.4vw,13px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.price-list{display:flex;flex-direction:column;gap:clamp(5px,1.5vw,7px);margin-bottom:clamp(9px,2.4vw,12px)}.price-row{display:flex;align-items:center;justify-content:space-between;padding:clamp(6px,2vw,9px) clamp(8px,2.2vw,13px);border-radius:11px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);text-decoration:none;transition:all .18s;flex-wrap:wrap;row-gap:4px;min-width:0}.price-row:hover{border-color:#ff57226b;background:#ff57220d}.price-row.best{background:#ff572212;border-color:#ff57224d}.price-left{display:flex;align-items:center;gap:clamp(5px,1.5vw,8px);min-width:0;flex:1 1 auto}.price-right{display:flex;align-items:center;gap:clamp(5px,1.5vw,8px);min-width:0;flex-shrink:0;justify-content:flex-end}.platform-badge{font-size:clamp(8px,2.2vw,10px);font-weight:700;padding:clamp(2px,.8vw,2px) clamp(6px,1.8vw,9px);border-radius:999px;text-transform:uppercase;letter-spacing:.03em;font-family:Space Grotesk,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(64px,22vw,130px);display:inline-block;vertical-align:middle}.badge-amazon{background:#f9731624;color:#fb923c}.badge-flipkart{background:#2874f024;color:#60a5fa}.badge-croma{background:#8b2be224;color:#c084fc}.badge-reliance{background:#dc262624;color:#f87171}.badge-myntra{background:#ff3f6c24;color:#fb7185}.badge-other{background:#ffffff12;color:#ffffff4d}.lowest-tag{font-size:clamp(7.5px,2vw,9px);font-weight:700;color:#4ade80;background:#4ade801a;padding:clamp(1px,.5vw,2px) clamp(5px,1.4vw,7px);border-radius:999px;font-family:Space Grotesk,sans-serif;white-space:nowrap;flex-shrink:0}.orig-price{font-size:clamp(9px,2.2vw,11px);color:#ffffff47;text-decoration:line-through;white-space:nowrap}.final-price{font-size:clamp(12px,3.2vw,15px);font-weight:600;color:#ffffffe6;font-family:Space Grotesk,sans-serif;white-space:nowrap}.price-row.best .final-price{color:#fb923c}.savings-tag{font-size:clamp(10px,2.6vw,12px);font-weight:500;color:#4ade80;background:#4ade8014;border:1px solid rgba(74,222,128,.15);padding:clamp(4px,1.2vw,5px) clamp(8px,2.2vw,12px);border-radius:999px;margin-bottom:clamp(9px,2.4vw,12px);display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{display:flex;gap:clamp(5px,1.6vw,9px);margin-top:4px;flex-wrap:wrap}.buy-btn{flex:1 1 auto;min-width:0;background:linear-gradient(135deg,#ff5722,#ff1b75);color:#fff;text-decoration:none;padding:clamp(8px,2.2vw,11px) clamp(6px,1.8vw,11px);border-radius:11px;font-size:clamp(10px,2.6vw,12.5px);font-weight:600;text-align:center;transition:all .2s;font-family:Space Grotesk,sans-serif;box-shadow:0 4px 16px #ff572240;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buy-btn:hover{box-shadow:0 8px 24px #ff572273;transform:translateY(-1px)}.compare-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:clamp(8px,2.2vw,11px) clamp(8px,2.2vw,15px);font-size:clamp(10px,2.6vw,12.5px);font-weight:400;font-family:DM Sans,sans-serif;color:#ffffff61;cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0}.compare-btn:hover{border-color:#ff572266;color:#ff7043}.modal-overlay{position:fixed;inset:0;background:#000000c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#05050f;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:clamp(18px,4vw,32px);max-width:680px;width:100%;max-height:88vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 40px 100px #000000bf,0 0 0 1px #ff572214;animation:card-in .25s ease}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.modal-header h2{font-size:clamp(14px,3.4vw,17px);font-weight:600;color:var(--text);line-height:1.4;font-family:Playfair Display,serif;word-break:break-word}.modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:15px;color:#ffffff61;flex-shrink:0;transition:all .18s}.modal-close:hover{background:#dc26261f;border-color:#dc26264d;color:#f87171}.modal-img{text-align:center;margin-bottom:22px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:clamp(10px,3vw,18px)}.modal-img img{max-height:155px;max-width:100%;object-fit:contain}.compare-table{width:100%;border-collapse:collapse}.compare-table th{background:#ffffff08;padding:clamp(7px,2vw,10px) clamp(8px,2.4vw,14px);text-align:left;font-size:clamp(8.5px,2vw,10px);font-weight:600;color:#ffffff47;letter-spacing:.1em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;white-space:nowrap}.compare-table td{padding:clamp(8px,2.2vw,12px) clamp(8px,2.4vw,14px);border-bottom:1px solid rgba(255,255,255,.04);font-size:clamp(11px,2.8vw,13.5px);color:#fff9;word-break:break-word}.best-row td{background:#ff57220a}.compare-table tr:last-child td{border-bottom:none}.price-cell{font-weight:700;font-size:clamp(12px,3vw,15px);color:var(--text);font-family:Space Grotesk,sans-serif;white-space:nowrap}.price-cell.green{color:#fb923c}.discount-chip{background:#4ade801a;color:#4ade80;padding:3px 9px;border-radius:999px;font-size:clamp(9.5px,2.2vw,11px);font-weight:600;white-space:nowrap}.visit-btn{background:linear-gradient(135deg,#ff5722,#ff1b75);color:#fff;text-decoration:none;border-radius:9px;padding:clamp(6px,1.6vw,7px) clamp(10px,2.6vw,16px);font-size:clamp(10.5px,2.4vw,12px);font-weight:600;transition:all .2s;display:inline-block;white-space:nowrap}.visit-btn:hover{box-shadow:0 4px 14px #ff572266;transform:translateY(-1px)}@keyframes heartSpin{to{transform:rotate(360deg)}}@keyframes wishlistToast{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.94)}15%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(0) scale(1)}}.heart-btn{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:#050314c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:border-color .22s,background .22s,box-shadow .22s;padding:0;flex-shrink:0}.heart-btn:hover{border-color:#ff1b75a6;background:#ff1b751f;box-shadow:0 0 18px #ff1b7559}.heart-btn.active{border-color:#ff1b75b3;background:#ff1b7524;box-shadow:0 0 22px #ff1b7573,0 0 44px #ff1b7526}.heart-btn.active:hover{border-color:#ff1b75e6;box-shadow:0 0 30px #ff1b7599}.heart-btn:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);right:0;background:#050314f2;border:1px solid rgba(255,27,117,.25);color:#ffffffbf;font-size:10px;font-weight:600;font-family:Space Grotesk,sans-serif;letter-spacing:.06em;white-space:nowrap;padding:4px 10px;border-radius:7px;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .18s,transform .18s}.heart-btn:hover:after{opacity:1;transform:translateY(0)}.wishlist-toast{position:absolute;bottom:10px;left:50%;white-space:nowrap;background:#050314f7;border-radius:20px;padding:6px 14px;display:flex;align-items:center;gap:6px;font-size:clamp(9.5px,2.4vw,11px);font-family:DM Sans,sans-serif;font-weight:500;pointer-events:none;z-index:20;animation:wishlistToast 2.2s ease forwards;box-shadow:0 8px 24px #0000008c;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.wishlist-toast.added{border:1px solid rgba(255,27,117,.4);color:#ff7096}.wishlist-toast.removed{border:1px solid rgba(255,255,255,.1);color:#ffffff73}.wishlist-toast.login{border:1px solid rgba(255,87,34,.35);color:#f85}@media(max-width:900px){.card-image{height:160px}}@media(max-width:600px){.card-image{height:clamp(110px,34vw,150px)}.card-image img{max-height:clamp(95px,30vw,135px)}.price-left,.price-right{gap:4px}.card-actions{gap:5px}}@media(max-width:480px){.card-image{height:clamp(90px,32vw,130px)}.card-image img{max-height:clamp(78px,28vw,115px)}.card-title{-webkit-line-clamp:2}.price-row{padding:6px 8px}.platform-badge{max-width:84px}.price-right{gap:3px}.card-actions{flex-direction:column}.buy-btn,.compare-btn{flex:1 1 100%;width:100%}}@media(max-width:380px){.card-body{padding:8px}.card-image{height:clamp(80px,30vw,110px)}.card-image img{max-height:clamp(68px,26vw,95px)}.platform-badge{max-width:68px}.discount-badge{max-width:56%}.savings-tag{font-size:9.5px}}
