.t10-koop{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center;margin:28px 0 0;padding:18px 20px;background:var(--bs-licht);border-left:6px solid var(--bs-oranje)}.t10-koop__t{margin:0;font-weight:800;text-transform:uppercase;color:var(--bs-paars)}.t10-koop__r{margin:2px 0 0;color:var(--bs-grijs)}.t10-koop .bs-knop{margin:0}.t10-koop__status{grid-column:1 / -1;margin:0;min-height:0;font-size:.9rem;color:var(--bs-grijs)}.t10-koop__status:empty{display:none}@media(max-width:559px){.t10-koop{grid-template-columns:1fr}.t10-koop .bs-knop{width:100%;text-align:center}}.t10-lijst{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.t10-bier{position:relative;display:grid;grid-template-columns:44px 72px minmax(0,1fr) auto;gap:14px;align-items:center;grid-column:1 / -1;padding:12px 14px;border:2px solid var(--bs-lijn);background:#fff}.t10-plek{font-size:1.6rem;font-weight:800;color:var(--bs-oranje);text-align:center;line-height:1}.t10-beeld{position:relative;display:block}.t10-beeld img{width:72px;height:96px;object-fit:contain;display:block}.t10-beeld .ut-label--card{left:-6px;bottom:-4px;transform:rotate(-3deg) scale(.78);transform-origin:left bottom}.t10-bier--top .t10-beeld .ut-label--card{left:0;bottom:4px;transform:rotate(-3deg)}.t10-naam{font-weight:800;color:var(--bs-paars);text-decoration:none;line-height:1.25}.t10-naam:hover{text-decoration:underline}.t10-meta{margin:3px 0 0;font-size:.85rem;color:var(--bs-grijs)}.t10-regel{margin:4px 0 6px;font-size:.9rem;line-height:1.4}.t10-koopblok{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.t10-prijs{font-weight:800;font-size:1.05rem}.t10-in-wagen{padding:8px 12px;border:0;background:var(--bs-paars);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.t10-in-wagen:hover{background:var(--bs-oranje)}.t10-in-wagen{white-space:nowrap}@media(max-width:559px){.t10-in-wagen{padding:8px 10px;font-size:.72rem}.t10-prijs{font-size:1rem}}.t10-bier--top{grid-column:auto;grid-template-columns:1fr;text-align:left;align-items:start;padding:16px;border-color:var(--bs-paars)}.t10-bier--top .t10-plek{position:absolute;top:0;left:0;width:46px;height:46px;display:grid;place-items:center;background:var(--bs-oranje);color:#fff;font-size:1.5rem}.t10-bier--top .t10-beeld img{width:100%;height:200px}.t10-bier--top .t10-koopblok{flex-direction:row;justify-content:space-between;align-items:center}@media(max-width:759px){.t10-lijst{grid-template-columns:1fr}.t10-bier--top{grid-template-columns:44px 72px minmax(0,1fr)}.t10-bier--top .t10-plek{position:static;width:auto;height:auto;background:none;color:var(--bs-oranje)}.t10-bier--top .t10-beeld img{width:72px;height:104px}.t10-bier--top .t10-beeld .ut-label--card{left:-6px;bottom:-6px;transform:rotate(-3deg) scale(.62);transform-origin:left bottom}.t10-bier--top .t10-koopblok{grid-column:3;justify-content:flex-start;gap:12px}}@media(max-width:559px){.t10-bier{grid-template-columns:26px 66px minmax(0,1fr);gap:10px;padding:10px}.t10-beeld img,.t10-bier--top .t10-beeld img{width:66px;height:100px}.t10-beeld .ut-label--card,.t10-bier--top .t10-beeld .ut-label--card{left:-6px;bottom:-8px;transform:rotate(-3deg) scale(.55);transform-origin:left bottom}.t10-koopblok{grid-column:3;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.t10-plek{font-size:1.3rem}}.t10-uitleg{margin-top:14px}.t10-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.t10-chips a{display:inline-block;padding:8px 12px;border:2px solid var(--bs-lijn);color:var(--bs-paars);font-weight:700;font-size:.9rem;text-decoration:none}.t10-chips a:hover{border-color:var(--bs-paars)}.t10-kaarten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media(max-width:959px){.t10-kaarten{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:559px){.t10-kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}}.t10-kaart{display:flex;flex-direction:column;gap:4px;padding:12px;border:2px solid var(--bs-lijn);color:var(--bs-tekst);text-decoration:none}.t10-kaart:hover{border-color:var(--bs-paars)}.t10-kaart img{width:100%;height:130px;object-fit:contain;margin-bottom:6px}.t10-kaart__t{font-weight:800;color:var(--bs-paars);text-transform:uppercase;font-size:.9rem;line-height:1.2}.t10-kaart__r{font-size:.82rem;color:var(--bs-grijs);line-height:1.3}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hop-top10.css.map */