
.kop-leesgemak { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 6px;
  border: 0; background: none; color: var(--zee); font: 700 1.05rem/1 var(--font); border-radius: var(--radius-s); cursor: pointer; }
.kop-leesgemak:hover, .kop-leesgemak[aria-expanded="true"] { background: var(--zee-licht); }
.kop-leesgemak:focus-visible { outline: 3px solid var(--zon); outline-offset: 2px; }
.leesgemak { position: absolute; right: 12px; top: 100%; z-index: 60; width: min(320px, calc(100vw - 24px)); background: var(--wit); border: 1px solid var(--rand);
  border-radius: var(--radius); box-shadow: 0 8px 28px rgba(8, 49, 60, .18); padding: 14px 16px; }
.leesgemak[hidden] { display: none; }
.leesgemak h2 { font-size: 1.05rem; margin: 0 0 8px; }
.leesgemak .vinkveld { display: flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 600; }
.leesgemak .vinkveld input { width: 22px; height: 22px; flex: none; }
.leesgemak p { font-size: .88rem; color: var(--tekst-zacht); margin: 6px 0 10px; }
.lg-voorlees { margin: 0 0 14px; }
.lg-voorlees[aria-pressed="true"] { background: var(--zee-licht); border-color: var(--zee); }

html.lg-groot { font-size: 118%; }
html.lg-groot body { font-size: 20px; line-height: 1.65; }
.merk { min-width: 0; flex: 1 1 auto; }
.merk-tekst { min-width: 0; }
.merk-naam { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.lg-groot .merk-onder { display: none; }

html.lg-contrast { --tekst: #000; --tekst-zacht: #2a3437; --rand: #8a8478; --zand: #fff; }
html.lg-contrast main :is(p, li, dd) > a:not([class]) { text-decoration: underline; text-underline-offset: 2px; }
html.lg-contrast .hint, html.lg-contrast .klein { color: #2a3437; }
@media (max-width: 400px) {
  .kop-acties { gap: 0; }
  .kop-leesgemak { min-width: 42px; padding: 0 4px; }
  .merk-naam { font-size: 1.12rem; }
  body[data-ingelogd="1"] .merk-tekst { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
.lg-offline { margin: 0; padding: 8px 16px; background: #fff3d6; color: #5a3d00; font-weight: 600; text-align: center; }
.lg-offline[hidden] { display: none; }
