/* A19 – Tilbud (tilbud.html): hero med fakta, kategori- og rabatvalg, sortering og forklaring af førprisen. */
.chipbar{display:flex;gap:8px;flex-wrap:wrap}
.chipbar button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:500;color:var(--ink)}
.chipbar button span{color:var(--muted);font-size:.85rem;margin-left:4px;font-variant-numeric:tabular-nums}
.chipbar button[aria-pressed="true"]{background:var(--forest);border-color:var(--forest);color:var(--on-forest)}
.chipbar button[aria-pressed="true"] span{color:var(--on-forest-muted)}
.note{background:var(--tint-2);border-radius:12px;padding:14px 16px;font-size:.95rem}
.note b{display:block;margin-bottom:2px}

.sale-hero{background:var(--forest);color:var(--on-forest)}
.sale-hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center;padding-block:40px}
.sale-hero h1{font-size:clamp(2.2rem,1.6rem + 2.6vw,3.6rem)}
.sale-hero h1 span{color:var(--sun)}
.sale-hero p{color:var(--on-forest-muted);margin:12px 0 0;max-width:46ch;font-size:1.08rem}
.sale-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sale-facts div{background:rgba(255,255,255,.08);border-radius:12px;padding:14px 16px}
.sale-facts b{display:block;font-family:var(--font-display);font-weight:400;font-size:1.8rem;color:var(--sun);line-height:1.1}
.sale-facts span{font-size:.88rem;color:var(--on-forest-muted)}
.sale-facts b span{font-size:inherit;color:inherit}
.tools{display:grid;gap:14px;padding-block:28px 18px}
.tools-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.tools .lbl{font-size:.9rem;color:var(--muted);margin-right:4px}
.sort select{min-height:44px;border:2px solid var(--line);border-radius:999px;padding:0 36px 0 16px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600}
.count{font-weight:600;margin:0}
.count span{color:var(--muted);font-weight:400}
.sale-grid{padding-bottom:28px}
.omni{margin-bottom:64px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.omni svg{width:28px;height:28px;color:var(--forest)}
:root[data-theme="dark"] .omni svg{color:var(--sun)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .omni svg{color:var(--sun)}}
.omni h2{font-family:var(--font-body);font-weight:700;font-size:1.05rem;margin-bottom:4px}
.omni p{margin:0;max-width:70ch;color:var(--muted)}
@media (max-width:860px){.sale-hero .wrap{grid-template-columns:minmax(0,1fr)}}
.chipbar .chip-l{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font-weight:500}
.chipbar .chip-l span{color:var(--muted);font-size:.85rem;margin-left:6px;font-variant-numeric:tabular-nums}
.chipbar .chip-l[aria-current="true"]{background:var(--forest);border-color:var(--forest);color:var(--on-forest)}
.chipbar .chip-l[aria-current="true"] span{color:var(--on-forest-muted)}
.sort label{font-size:.9rem;color:var(--muted);margin-right:8px}
.sale-empty{grid-column:1/-1;margin:0 0 28px}
.sale-none{margin-top:28px}