/* SEO category landing pages (hockey, appliances). Pairs with /js/deal-landing.js. */
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#16202e}
.dl{--accent:var(--brand)}
.dl section{max-width:1400px;margin:0 auto;padding:44px 28px;border-top:1px solid #eef0f2}
.dl section.dl-hero{padding:56px 28px 36px;border-top:0}
.dl .dl-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#aab1ba;font-weight:700;margin-bottom:14px}
.dl h1{font-weight:800;font-size:clamp(30px,3.8vw,44px);line-height:1.07;letter-spacing:-.02em;margin:0 0 18px;max-width:880px}
.dl h1 span{color:var(--brand-2)}
.dl .dl-intro{font-size:16.5px;line-height:1.7;color:#6b7480;margin:0 0 24px;max-width:700px}
.dl h2{font-weight:800;font-size:24px;letter-spacing:-.01em;margin:0 0 10px}
.dl .dl-lede{font-size:15.5px;line-height:1.7;color:#6b7480;margin:0 0 22px;max-width:720px}
.dl .lf-btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:14.5px;padding:13px 22px;border-radius:10px;transition:opacity .18s ease}
.dl .lf-btn:hover{opacity:.9}
.dl .dl-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.dl .dl-chips{display:flex;gap:10px;flex-wrap:wrap}
.dl .dl-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6e8ec;border-radius:999px;padding:9px 15px;font-size:13.5px;font-weight:600;color:#16202e}
.dl .dl-count{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:14px;color:#1f8b57;margin-top:18px}
.dl .dl-count::before{content:"";width:8px;height:8px;border-radius:50%;background:#4fd18a;box-shadow:0 0 0 4px rgba(79,209,138,.2)}
.dl .dl-count[hidden]{display:none}
.dl .dl-lots{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.dl .dl-lot{display:flex;flex-direction:column;border:1px solid #e6e8ec;border-radius:12px;overflow:hidden;text-decoration:none;color:#16202e;background:#fff}
.dl .dl-lot:hover{border-color:#c9d2db}
.dl .dl-lot-img{position:relative;aspect-ratio:1/1;background:#f6f7f8;display:block}
.dl .dl-lot-img img{width:100%;height:100%;object-fit:contain;display:block}
.dl .dl-lot-kind{position:absolute;top:8px;left:8px;font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px;color:#fff;background:#16202e}
.dl .dl-lot-kind.buynow{background:#1f8b57}
.dl .dl-lot-save{position:absolute;bottom:8px;left:8px;font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px;background:#fff;color:#1f8b57;border:1px solid #cfe9db}
.dl .dl-lot-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.dl .dl-lot-title{font-size:14px;font-weight:700;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dl .dl-lot-meta{font-size:12.5px;color:#6b7480;font-weight:600}
.dl .dl-lot-price{font-size:15px;font-weight:800}
.dl .dl-lot-price s{font-size:12.5px;color:#9aa4b1;font-weight:600;margin-left:6px}
.dl .dl-empty{grid-column:1/-1;border:1px dashed #d5dbe1;border-radius:12px;padding:22px;font-size:14.5px;color:#6b7480}
.dl .dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.dl .dl-card{border:1px solid #e6e8ec;border-radius:12px;padding:20px}
.dl .dl-card h3{font-size:16px;font-weight:800;margin:0 0 8px}
.dl .dl-card p{font-size:14.5px;line-height:1.6;color:#4b5563;margin:0}
.dl .dl-card .tag{display:inline-block;font-size:11.5px;font-weight:800;color:#1f8b57;background:#e8f6ee;border-radius:6px;padding:3px 8px;margin-bottom:10px}
.dl ul.dl-list{margin:0;padding-left:20px;max-width:760px}
.dl ul.dl-list li{font-size:15px;line-height:1.65;color:#374150;margin:0 0 8px}
.dl details{border:1px solid #e6e8ec;border-radius:12px;padding:16px 20px;max-width:860px}
.dl details+details{margin-top:10px}
.dl summary{font-weight:700;font-size:15.5px;cursor:pointer}
.dl details p{font-size:15px;line-height:1.65;color:#4b5563;margin:10px 0 0}
.dl a.dl-link{color:var(--brand-2);font-weight:700;text-decoration:none}
.dl .dl-cta{background:#16202e;border-radius:16px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.dl .dl-cta .t{color:#fff;font-weight:800;font-size:19px}
.dl .dl-cta .s{color:#9aa4b1;font-size:14.5px;margin-top:5px}
/* 1000px matches the header's gutter breakpoint (.lf-head-inner) so content stays aligned */
@media (max-width:1000px){ .dl section{padding-left:18px;padding-right:18px} }