.dd-sales-page { background: #f8fafc; color: #162033; font-family: Poppins, system-ui, sans-serif; }
.dd-sales-hero { background: radial-gradient(circle at top left, rgba(255,199,44,.28), transparent 34%), linear-gradient(135deg, #101827 0%, #233c6b 54%, #0f766e 100%); color: #fff; padding: 74px 0 64px; }
.dd-sales-hero h1 { max-width: 980px; font-size: clamp(2.15rem, 5vw, 4.8rem); font-weight: 900; line-height: .98; letter-spacing: -.055em; margin: 12px 0 18px; }
.dd-sales-hero p { max-width: 930px; color: rgba(255,255,255,.9); font-size: 1.05rem; line-height: 1.8; }
.dd-sales-kicker { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: 8px 13px; font-weight: 800; }
.dd-sales-crumbs { display: flex; align-items: center; gap: 8px; margin-bottom: 22px; color: rgba(255,255,255,.72); font-size: .92rem; }
.dd-sales-crumbs a { color: #fff; text-decoration: none; font-weight: 700; }
.dd-sales-section { padding: 54px 0; }
.dd-sales-section-head { max-width: 920px; margin-bottom: 24px; }
.dd-sales-section-head h2, .dd-sales-guide h2 { font-size: clamp(1.55rem, 3vw, 2.45rem); font-weight: 900; letter-spacing: -.035em; color: #0f172a; margin: 0 0 10px; }
.dd-sales-section-head p, .dd-sales-guide p { color: #526174; line-height: 1.75; margin: 0; }
.dd-sales-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.dd-sale-card, .dd-sales-panel, .dd-sale-coupon-card, .dd-sale-store-card, .dd-sale-category, .dd-sales-faq, .dd-sale-empty { background: #fff; border: 1px solid #e4e9f2; border-radius: 24px; box-shadow: 0 18px 48px rgba(15,23,42,.07); }
.dd-sale-card { padding: 22px; display: flex; flex-direction: column; min-height: 100%; }
.dd-sale-card__status, .dd-sale-pill { align-self: flex-start; background: #eff6ff; color: #1d4ed8; border-radius: 999px; padding: 6px 10px; font-size: .78rem; font-weight: 900; }
.dd-sale-card h3 { margin: 14px 0 8px; font-size: 1.35rem; font-weight: 900; }
.dd-sale-card h3 a { color: #0f172a; text-decoration: none; }
.dd-sale-card p { color: #526174; line-height: 1.65; font-size: .94rem; }
.dd-sale-meta { display: grid; gap: 7px; color: #64748b; font-size: .82rem; margin-top: auto; }
.dd-sale-btn, .dd-sale-coupon-btn, .dd-sale-store-card a, .dd-sale-category a, .dd-tool-link-row a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 999px; font-weight: 900; }
.dd-sale-btn { margin-top: 18px; background: #ffc72c; color: #111827; padding: 10px 16px; }
.dd-sales-panel { padding: 28px; min-height: 100%; }
.dd-tool-link-row { display: flex; flex-wrap: wrap; gap: 12px; }
.dd-tool-link-row a { background: #0f172a; color: #fff; padding: 11px 16px; }
.dd-sale-freshness { background: #fff; border-bottom: 1px solid #e4e9f2; }
.dd-sale-freshness-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; padding: 18px 0; font-size: .9rem; color: #475569; }
.dd-sale-freshness-grid span { background: #f8fafc; border: 1px solid #e4e9f2; border-radius: 16px; padding: 12px; }
.dd-sale-coupon-list { display: grid; gap: 16px; }
.dd-sale-coupon-card { display: grid; grid-template-columns: 86px minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 18px; }
.dd-sale-coupon-card img, .dd-sale-store-card img { width: 74px; height: 74px; object-fit: contain; border: 1px solid #e4e9f2; border-radius: 18px; background: #fff; padding: 8px; }
.dd-sale-logo-fallback { width: 74px; height: 74px; border-radius: 18px; background: #eff6ff; color: #1d4ed8; display: grid; place-items: center; font-weight: 900; font-size: 1.8rem; }
.dd-sale-coupon-card h3 { margin: 8px 0; font-size: 1.14rem; font-weight: 900; color: #0f172a; }
.dd-sale-coupon-card p { color: #526174; margin: 0 0 8px; line-height: 1.55; }
.dd-sale-small-meta, .dd-sale-flags { display: flex; flex-wrap: wrap; gap: 8px; color: #64748b; font-size: .82rem; }
.dd-sale-flags span { background: #fef3c7; color: #92400e; border-radius: 999px; padding: 4px 8px; font-weight: 700; }
.dd-sale-coupon-btn { background: #2563eb; color: #fff; padding: 11px 16px; white-space: nowrap; }
.dd-sale-store-grid, .dd-sale-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.dd-sale-store-card, .dd-sale-category { padding: 20px; }
.dd-sale-store-card h3, .dd-sale-category h3 { margin: 12px 0 6px; font-size: 1.08rem; font-weight: 900; color: #0f172a; }
.dd-sale-store-card p, .dd-sale-category p { color: #64748b; line-height: 1.55; font-size: .9rem; }
.dd-sale-store-offer { font-weight: 800; color: #0f766e !important; }
.dd-sale-best { font-size: .82rem !important; }
.dd-sale-store-card a, .dd-sale-category a { background: #f1f5f9; color: #0f172a; padding: 9px 12px; }
.dd-sales-guide { background: #fff; }
.dd-sale-empty { padding: 24px; color: #526174; line-height: 1.7; }
.dd-sales-faq-list { display: grid; gap: 12px; }
.dd-sales-faq { padding: 0; overflow: hidden; }
.dd-sales-faq summary { cursor: pointer; list-style: none; padding: 18px 20px; color: #0f172a; font-weight: 900; }
.dd-sales-faq summary::-webkit-details-marker { display: none; }
.dd-sales-faq p { margin: 0; padding: 0 20px 20px; color: #526174; line-height: 1.7; }
@media (max-width: 991px) { .dd-sales-grid, .dd-sale-store-grid, .dd-sale-category-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .dd-sale-freshness-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .dd-sale-coupon-card { grid-template-columns: 74px minmax(0,1fr); } .dd-sale-coupon-action { grid-column: 1 / -1; } }
@media (max-width: 575px) { .dd-sales-hero { padding: 52px 0 44px; } .dd-sales-grid, .dd-sale-store-grid, .dd-sale-category-grid, .dd-sale-freshness-grid { grid-template-columns: 1fr; } .dd-sale-coupon-card { grid-template-columns: 1fr; } .dd-sale-coupon-btn { width: 100%; } }