/* Zijlstra Tafel Prijs - styles (minimal, scoped) */
:root { --ztp-bg:#f7f7f7; --ztp-card:#fff; --ztp-text:#111; --ztp-muted:#6b7280; --ztp-border:#e6e6e6; --ztp-radius:16px; }
.ztp-wrap { max-width: 900px; margin: 0 auto; padding: 16px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color:var(--ztp-text); background:transparent; }
.ztp-hero { text-align:center; padding: 10px 0 0 }
.ztp-hero .ztp-brand { text-transform: uppercase; color: var(--ztp-muted); letter-spacing: .08em; font-size: 12px }
.ztp-hero h1 { margin: 6px 0 10px; font-size: 22px }
.ztp-card { background: var(--ztp-card); border: 1px solid var(--ztp-border); border-radius: var(--ztp-radius); box-shadow: 0 8px 24px rgba(0,0,0,.04); margin-bottom:12px; }
.ztp-pad { padding: 14px; }
.ztp-grid { display: grid; gap: 12px; }
.ztp-two { grid-template-columns: 1fr; }
@media(min-width:820px){ .ztp-two { grid-template-columns:1fr 1fr; } }
.ztp-row { display: grid; grid-template-columns:1fr 1fr; gap:8px; }
.ztp-label { display:block; font-size:13px; color:var(--ztp-muted); margin-bottom:6px; }
.ztp-input, .ztp-select { width:100%; padding:10px 12px; border:1px solid var(--ztp-border); border-radius:12px; font-size:14px; background:#fff; }
.ztp-choices { display:flex; flex-wrap:wrap; gap:8px; }
.ztp-btn { appearance:none; border:1px solid var(--ztp-border); background:#fff; padding:10px 14px; border-radius:12px; cursor:pointer; font-weight:600; }
.ztp-btn[data-active="true"] { border-color:#111; box-shadow: 0 0 0 2px #111 inset; }
.ztp-swatch { width:22px; height:22px; border-radius:999px; border:1px solid #ddd; display:inline-block; vertical-align:middle; margin-right:8px; }
.ztp-total { text-align:center; padding:16px; }
.ztp-price { font-size:34px; font-weight:900; }
.ztp-note { font-size:12px; color:var(--ztp-muted); }
.z-hidden { display:none; }