.cmp-page-wrapper{background-color:#f8fafc;padding-bottom:80px}.cmp-page-header{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:12px}.cmp-page-title{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.4px;line-height:1.3;margin:0}.cmp-page-title span{color:#0284c7}.cmp-page-title i{font-size:22px;vertical-align:middle}.cmp-filter-nav-wrap{-webkit-overflow-scrolling:touch;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.cmp-filter-nav{display:flex;flex-wrap:nowrap;gap:10px;list-style:none;margin:0;padding:0}.cmp-filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 1px 3px rgba(0,0,0,.03);color:#475569;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s ease-in-out;white-space:nowrap}.cmp-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.cmp-filter-btn.active{background:#0284c7;border-color:#0284c7;box-shadow:0 4px 12px rgba(2,132,199,.3);color:#fff}.cmp-filter-btn.btn-expired{background:#f1f5f9;color:#64748b}.cmp-filter-btn.btn-expired.active{background:#475569;border-color:#475569;color:#fff}.cmp-grid{display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}@media (max-width:991px){.cmp-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cmp-grid{gap:20px;grid-template-columns:1fr}.cmp-hero-title{font-size:30px}.cmp-hero{padding:35px 0 45px}}.cmp-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 16px rgba(15,23,42,.04);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.cmp-card:hover{border-color:#cbd5e1;box-shadow:0 16px 32px rgba(15,23,42,.08);transform:translateY(-4px)}.cmp-card.is-expired{background:#f8fafc;border-color:#e2e8f0;filter:grayscale(.85);opacity:.85}.cmp-card.is-expired:hover{filter:grayscale(.5);opacity:1;transform:none}.cmp-card-banner{align-items:center;background:linear-gradient(135deg,#0284c7,#1e293b);color:#fff;display:flex;height:170px;justify-content:center;overflow:hidden;position:relative}.cmp-card-banner.bg-rose{background:linear-gradient(135deg,#f43f5e,#881337)}.cmp-card-banner.bg-emerald{background:linear-gradient(135deg,#10b981,#064e3b)}.cmp-card-banner.bg-amber{background:linear-gradient(135deg,#f59e0b,#78350f)}.cmp-card-banner.bg-indigo{background:linear-gradient(135deg,#6366f1,#312e81)}.cmp-card-banner.bg-sky{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.cmp-card-banner.bg-slate{background:linear-gradient(135deg,#64748b,#334155)}.cmp-card-banner-img{-o-object-fit:cover;object-fit:cover;transition:transform .35s ease}.cmp-card-banner-img,.cmp-card-banner-overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.cmp-card-banner-overlay{background:linear-gradient(180deg,rgba(15,23,42,.2),rgba(15,23,42,.65))}.cmp-card:hover .cmp-card-banner-img{transform:scale(1.05)}.cmp-card-banner-icon{bottom:10px;font-size:64px;opacity:.18;position:absolute;right:15px;transform:rotate(-10deg)}.cmp-card-banner-content{padding:0 20px;position:relative;text-align:center;z-index:2}.cmp-card-badge-pill{border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:inline-block;font-size:12px;font-weight:800;letter-spacing:.5px;padding:5px 14px;text-transform:uppercase}.cmp-card-badge-pill.badge-rose{background:#ffe4e6;color:#e11d48}.cmp-card-badge-pill.badge-emerald{background:#dcfce7;color:#15803d}.cmp-card-badge-pill.badge-amber{background:#fef3c7;color:#b45309}.cmp-card-badge-pill.badge-indigo{background:#e0e7ff;color:#4338ca}.cmp-card-badge-pill.badge-sky{background:#e0f2fe;color:#0369a1}.cmp-card-badge-pill.badge-expired,.cmp-card-badge-pill.badge-slate{background:#e2e8f0;color:#475569}.cmp-card-body{display:flex;flex-direction:column;flex-grow:1;padding:24px}.cmp-card-title{color:#0f172a;font-size:19px;font-weight:800;line-height:1.35;margin-bottom:10px}.cmp-card-desc{color:#64748b;flex-grow:1;font-size:14px;line-height:1.55;margin-bottom:18px}.cmp-conditions-toggle{align-items:center;background:transparent;border:none;color:#0284c7;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:5px;margin-bottom:16px;padding:0;text-decoration:underline}.cmp-conditions-toggle:hover{color:#0369a1}.cmp-conditions-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:none;font-size:12px;margin-bottom:16px;padding:12px 14px}.cmp-conditions-content ul{margin:0;padding-left:18px}.cmp-conditions-content li{margin-bottom:4px}.cmp-coupon-box{align-items:center;background:#f1f5f9;border:1.5px dashed #94a3b8;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:18px;padding:10px 14px;transition:all .2s}.cmp-coupon-box.is-copied{background:#dcfce7;border-color:#22c55e}.cmp-coupon-code-text{color:#0f172a;font-family:monospace;font-size:16px;font-weight:800;letter-spacing:1.5px}.cmp-copy-btn{align-items:center;background:#0284c7;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:6px 14px;transition:all .15s}.cmp-copy-btn:hover{background:#0369a1}.cmp-copy-btn.copied{background:#16a34a}.cmp-no-coupon-tag{align-items:center;background:#dcfce7;border-radius:8px;color:#16a34a;display:flex;font-size:12px;font-weight:700;gap:6px;margin-bottom:18px;padding:8px 12px}.cmp-card-footer{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px;padding-top:14px}.cmp-cta-btn{background:linear-gradient(135deg,#0284c7,#2563eb);border-radius:12px;box-shadow:0 4px 12px rgba(2,132,199,.25);color:#fff!important;display:block;font-size:15px;font-weight:800;padding:12px 18px;text-align:center;text-decoration:none!important;transition:all .2s}.cmp-cta-btn:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8);box-shadow:0 6px 18px rgba(2,132,199,.35);color:#fff}.cmp-cta-btn.disabled-btn{background:#cbd5e1;box-shadow:none;color:#64748b!important;cursor:not-allowed}.cmp-date-info{align-items:center;color:#94a3b8;display:flex;font-size:12px;justify-content:space-between}.cmp-countdown-badge{color:#e11d48;display:inline-flex;gap:4px}.cmp-countdown-badge,.cmp-toast{align-items:center;font-weight:700}.cmp-toast{background:#0f172a;border-radius:12px;bottom:30px;box-shadow:0 10px 25px rgba(0,0,0,.25);color:#fff;display:flex;font-size:14px;gap:12px;opacity:0;padding:14px 24px;pointer-events:none;position:fixed;right:30px;transform:translateY(100px);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:99999}.cmp-toast.show{opacity:1;transform:translateY(0)}.cmp-toast i{color:#22c55e;font-size:18px}