.deals-page{max-width:1100px;margin:0 auto;padding:40px 24px}.deals-header{margin-bottom:32px}.deals-header h1{font-family:var(--font-serif);color:var(--text-1);margin-bottom:10px;font-size:2.4rem;font-weight:400;line-height:1.2}.deals-sub{color:var(--text-2);margin-bottom:10px;font-size:1rem}.deals-live-badge{letter-spacing:.06em;color:#fff;background:#16a34a;border-radius:20px;align-items:center;gap:7px;width:fit-content;margin-bottom:16px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.live-dot{background:#fff;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.deals-updated{color:var(--text-3);letter-spacing:.01em;margin-bottom:16px;font-size:.78rem}.deals-search{border:1px solid var(--border);background:var(--bg-subtle);width:100%;max-width:440px;color:var(--text-1);border-radius:8px;padding:9px 14px;font-family:inherit;font-size:.9rem}.deals-search:focus{outline:2px solid var(--accent);background:var(--bg);border-color:#0000}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filter-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;border-radius:20px;padding:6px 16px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .15s}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-btn:hover:not(.active){border-color:var(--accent);color:var(--accent)}.price-filter{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.price-filter-label{color:var(--text-2);white-space:nowrap;font-size:.82rem}.price-filter-label strong{color:var(--text-1)}#price-slider{min-width:160px;max-width:320px;accent-color:var(--accent);cursor:pointer;flex:1}.deals-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;display:grid}.loading-state{text-align:center;color:var(--text-3);grid-column:1/-1;padding:80px 0}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:0 auto 14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.deal-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;transition:box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.deal-card:hover{border-color:#c4b5fd;box-shadow:0 4px 20px #00000014}.deal-card img{object-fit:cover;background:var(--bg-subtle);width:100%;height:150px;display:block}.deal-no-img{background:var(--bg-subtle);height:80px}.deal-body{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.deal-badge{letter-spacing:.07em;text-transform:uppercase;border-radius:4px;width:fit-content;padding:3px 8px;font-size:.67rem;font-weight:700;display:inline-block}.deal-badge-free{color:#166534;background:#dcfce7}.deal-badge-deal{color:#9d174d;background:#fce7f3}.deal-badge-intro{background:var(--accent-subtle);color:var(--accent)}.deal-title{color:var(--text-1);margin:0;font-size:.9rem;font-weight:700;line-height:1.3}.deal-desc{color:var(--text-2);flex:1;font-size:.79rem;line-height:1.5}.deal-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.deal-price{color:var(--text-1);font-size:.88rem;font-weight:700}.deal-price s{color:var(--text-3);margin-left:4px;font-size:.79rem;font-weight:400}.deal-btn{background:var(--accent);color:#fff;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:7px 14px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-block}.deal-btn:hover{opacity:.88;text-decoration:none}.deals-empty,.deals-error{text-align:center;color:var(--text-3);grid-column:1/-1;padding:80px 0}.deals-about{border-top:1px solid var(--border);max-width:720px;margin-top:64px;padding-top:32px}.deals-about h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:16px;font-size:.72rem;font-weight:700}.deals-about p{color:var(--text-2);margin-bottom:12px;font-size:.88rem;line-height:1.7}.deals-about strong{color:var(--text-1)}@media (width<=640px){.deals-grid{grid-template-columns:1fr 1fr}.deals-header h1{font-size:1.8rem}}@media (width<=400px){.deals-grid{grid-template-columns:1fr}}