:root{--bg:#f3f5f8;--surface:#ffffff;--ink:#14181d;--muted:#5a6572;--line:#dce1e7;--accent:#1f6fd1;--accent-ink:#ffffff;--wine:#7a1f3d;--warn-bg:#fff4d6;--warn-ink:#5c4300;--ok:#1d7a4a;--display:"Bricolage Grotesque","Figtree",system-ui,sans-serif;--body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#0f1317;--surface:#181e25;--ink:#eef1f4;--muted:#9aa6b2;--line:#2b333d;--accent:#5aa5f2;--accent-ink:#0b1420;--wine:#e08aa6;--warn-bg:#3a2f0c;--warn-ink:#f4dc93;--ok:#5fd39a;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1317;--surface:#181e25;--ink:#eef1f4;--muted:#9aa6b2;--line:#2b333d;--accent:#5aa5f2;--accent-ink:#0b1420;--wine:#e08aa6;--warn-bg:#3a2f0c;--warn-ink:#f4dc93;--ok:#5fd39a;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}main{max-width:680px;margin:0 auto;padding:28px 16px 0;display:flex;flex-direction:column;gap:20px}h1,h2{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.1}h1{font-size:clamp(2rem,7vw,2.9rem);font-weight:800;letter-spacing:-.02em}h2{font-size:1.25rem;font-weight:600}p{margin:0}.club{display:flex;align-items:center;gap:12px;font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.club img{width:56px;height:auto;background:#fff;border-radius:10px;padding:4px;border:1px solid var(--line)}.partner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:.92rem;color:var(--muted)}.partner a{color:var(--ink);font-weight:700}.partner img{height:40px;width:auto;max-width:180px;background:#1c1a1b;border-radius:6px;padding:6px 10px}header{display:flex;flex-direction:column;gap:12px}.lead{color:var(--muted);max-width:60ch}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fact{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.fact span{display:block;font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.fact b{font-weight:600}.banner{background:var(--warn-bg);color:var(--warn-ink);border-radius:10px;padding:10px 14px;font-size:.92rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}.wines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.wine{display:grid;grid-template-columns:52px 1fr auto;gap:6px 12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.wine:first-child{border-top:0;padding-top:0}.wine:last-child{padding-bottom:0}.wname{font-weight:700;display:flex;align-items:baseline;gap:8px}.dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(128,128,128,.55);flex:none}.dot.wit{background:#ecdf8f}.dot.rood{background:#7a1f3d}.dot.rose{background:#f2a5b1}.dot.cava{background:#f6f1cf;box-shadow:inset 0 0 0 3px #cdbf6a}.wmeta{font-size:.9rem;color:var(--muted)}.wdesc{font-size:.92rem}.winfo{display:flex;flex-direction:column;gap:2px;min-width:0}.wphoto{width:52px;background:#fff;border-radius:8px;padding:3px;align-self:start}.wphoto img{display:block;width:100%;height:auto}.vivino{font-size:.88rem;font-weight:600;color:var(--wine);text-decoration:underline;text-underline-offset:2px;align-self:flex-start}.vivino b{font-variant-numeric:tabular-nums}.box6{font:inherit;font-size:.8rem;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:3px 10px;cursor:pointer}.wbuy{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.price{font-weight:700;font-variant-numeric:tabular-nums;color:var(--wine)}.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--bg)}.stepper button{width:40px;height:40px;border:0;background:transparent;color:var(--ink);font-size:1.3rem;font-weight:600;cursor:pointer;font-family:inherit}.stepper button:disabled{opacity:.3;cursor:default}.stepper output{min-width:28px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.wine.has .stepper{border-color:var(--accent)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:4px}.field.wide{grid-column:1/-1}label{font-size:.88rem;font-weight:600}label small{font-weight:400;color:var(--muted)}input,textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:11px 12px;width:100%}textarea{resize:vertical;min-height:64px}:is(input,textarea,button,a):focus-visible{outline:3px solid var(--accent);outline-offset:2px}.bar{position:sticky;bottom:0;margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}.bar .error{flex:0 0 100%}.total{display:flex;flex-direction:column;line-height:1.2}.total small{color:var(--muted);font-size:.85rem}.total b{font-size:1.4rem;font-variant-numeric:tabular-nums}.btn{font:inherit;font-weight:700;border:0;border-radius:999px;padding:13px 22px;background:var(--accent);color:var(--accent-ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.small{padding:7px 14px;font-size:.88rem}.error{color:#c22a2a;font-weight:600;font-size:.92rem}:root[data-theme=dark] .error{color:#ff8f8f}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .error{color:#ff8f8f}}.done{color:var(--ok);font-weight:700}.pay{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.qr{background:#fff;border-radius:10px;padding:10px;width:190px;border:1px solid var(--line)}.qr svg{display:block;width:100%;height:auto}.rows{display:flex;flex-direction:column;gap:10px;min-width:0}.row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.row span{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-column:1/-1}.row b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.appbox{display:flex;flex-direction:column;gap:14px;border:2px solid var(--accent);border-radius:12px;padding:16px}.appbox .btn{font-size:1.05rem;padding:15px 22px}details.transfer{border:1px solid var(--line);border-radius:12px;padding:14px 16px}details.transfer summary{font-weight:700;cursor:pointer}details.transfer[open] summary{margin-bottom:14px}.summary{font-size:.95rem;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap}footer{color:var(--muted);font-size:.85rem;padding:8px 0 24px}[hidden]{display:none!important}@media (max-width:520px){.facts,.fields,.pay{grid-template-columns:1fr}.qr{width:210px;margin:0 auto}}@media (prefers-reduced-motion:no-preference){.btn{transition:opacity .15s}}.stack{display:flex;flex-direction:column;gap:20px}.banner code{font-size:.9em}main.breed{max-width:1180px}.facts.vier{grid-template-columns:repeat(4,1fr)}.fact b{font-variant-numeric:tabular-nums}.perwijn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 20px}.perwijn b{font-variant-numeric:tabular-nums;display:inline-block;min-width:2.2em;text-align:right}.lijstkop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.zoek{width:200px;padding:7px 12px}.tabelwrap{overflow-x:auto}table.lijst{width:100%;border-collapse:collapse;font-size:.93rem}table.lijst th{text-align:left;font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;border-bottom:2px solid var(--line);white-space:nowrap}table.lijst td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}table.lijst td small{display:block;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}table.lijst td small.opm{color:var(--ink);font-style:italic}table.lijst .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.lijst tr.open td:first-child{box-shadow:inset 3px 0 #d9a100}.vink{display:flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap;cursor:pointer}.vink input{width:20px;height:20px;padding:0;accent-color:var(--ok)}.wis{display:flex;flex-direction:column;gap:6px}.btn.gevaar{background:#c22a2a;color:#fff}@media (max-width:700px){.facts.vier{grid-template-columns:1fr 1fr}}@media print{body{background:#fff}.geenprint,.bar{display:none!important}main.breed{max-width:none;padding:0}.card{border:0;padding:0}table.lijst{font-size:.8rem}}
