.modern-bestellen [data-bestel-only][hidden]{display:none}.modern-bestellen .container{width:100%;max-width:72rem;margin:0 auto;padding-bottom:clamp(1.25rem,4vw,2rem)}.modern-bestellen .bestellen-icon{font-size:clamp(1.25rem,4vw,1.625rem)}.modern-bestellen .bestellen-intro{display:flex;align-items:center;gap:.75rem 1rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem 1.25rem;border-radius:.75rem;background:var(--section-bg)}.modern-bestellen .bestellen-intro p{margin:0;line-height:1.5}.modern-bestellen .tarieven-button,.modern-bestellen .tarieven-content>.dialog-title{display:flex;align-items:center;gap:.5rem}.modern-bestellen .tarieven-button{padding:.55rem .9rem;border-color:#2c5aa0;color:#fff;background:linear-gradient(135deg,#3182ce,#2c5aa0)}.modern-bestellen .bestellen-section{min-width:0;margin:0 0 1.5rem;padding:1.25rem;border:0;border-left:.25rem solid #667eea;border-radius:.75rem;background:var(--section-bg)}.modern-bestellen .bestellen-section>legend{max-width:100%;margin-left:-.25rem;padding:0 .5rem;color:var(--text-color);font-size:clamp(1.05rem,3vw,1.3rem);font-weight:600}.modern-bestellen .form-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;padding-top:.75rem}.modern-bestellen #tabelfactuur[hidden],.modern-bestellen #tabelverzend[hidden]{display:none}.modern-bestellen .order-field{grid-column:span 3;min-width:0}.modern-bestellen .form-grid-wide{grid-column:1/-1}.modern-bestellen .address-addition,.modern-bestellen .address-number,.modern-bestellen .address-postcode{grid-column:span 2}.modern-bestellen .address-city,.modern-bestellen .address-street{grid-column:span 3}.modern-bestellen .field-label{position:static;display:block;margin-bottom:.35rem;padding:0;transform:none;color:var(--text-color);background:transparent;font-size:.9rem;font-weight:600;pointer-events:auto}.modern-bestellen .required{margin-left:.15rem;color:var(--error-color)}.modern-bestellen select{width:100%;min-height:3rem;padding:.75rem;border:.125rem solid var(--border-color);border-radius:.5rem;outline:none;color:var(--text-color);background:var(--input-bg);font:inherit}.modern-bestellen select:focus{border-color:#667eea;box-shadow:0 0 0 .1875rem rgba(102,126,234,.1)}.modern-bestellen select.error{border-color:var(--error-color)}.modern-bestellen select.success{border-color:var(--success-color)}.modern-bestellen input[readonly]{background:var(--section-bg)}.modern-bestellen .error-message,.modern-bestellen .error-message.show{position:static;min-height:1.05rem;margin-top:.2rem;padding:0;transform:none;color:var(--error-color);background:transparent;font-size:.75rem;font-weight:600;opacity:1}.modern-bestellen .error-message:empty{display:none}.modern-bestellen .onzestanden-field{margin-top:1rem}.modern-bestellen .onzestanden-keuze{position:relative;border:.125rem solid var(--border-color);border-radius:.5rem;background:var(--input-bg)}.modern-bestellen .onzestanden-keuze summary{padding:.75rem;color:var(--text-color);cursor:pointer;overflow-wrap:break-word}.modern-bestellen #onzestanden-tafels{position:absolute;top:100%;left:0;right:0;z-index:10;max-height:16rem;overflow-y:auto;padding:.5rem;border:.125rem solid var(--border-color);border-radius:.5rem;background:var(--input-bg);box-shadow:0 .4rem 1rem var(--shadow)}.modern-bestellen #onzestanden-tafels:empty{display:none}.modern-bestellen #onzestanden-tafels label{position:static;display:flex;align-items:center;gap:.65rem;margin:0;padding:.5rem;transform:none;color:var(--text-color);background:transparent;pointer-events:auto;cursor:pointer}.modern-bestellen #onzestanden-tafels input{width:1.2rem;height:1.2rem;margin:0}.modern-bestellen #validationDialog{width:min(92vw,72rem);max-width:92vw;max-height:85vh;overflow-y:auto}.modern-bestellen #validation-errors{list-style-type:disc;padding-left:1.4rem;text-align:left;overflow-wrap:break-word}.modern-bestellen #dialog-message{overflow-wrap:break-word}.modern-bestellen #validationDialog .dialog-title,.modern-bestellen .bestellen-result-error .dialog-title{color:var(--error-color)}.modern-bestellen .sbbox-intro{display:grid;grid-template-columns:minmax(14rem,25rem) minmax(0,1fr);align-items:center;gap:1.5rem;padding-top:.75rem}.modern-bestellen .sbbox-intro img{display:block;width:100%;height:auto;border-radius:.65rem;box-shadow:0 .4rem 1rem var(--shadow)}.modern-bestellen .monitor-note,.modern-bestellen .sbbox-intro p,.modern-bestellen .wifi-explanation p{margin:0 0 .75rem;line-height:1.55}.modern-bestellen .wifi-explanation{padding:.8rem 1rem .05rem;border-radius:.5rem;background:var(--container-bg)}.modern-bestellen .monitor-note{margin:1rem 0 0}.modern-bestellen label.invoice-toggle{position:static;display:flex;align-items:center;gap:.65rem;max-width:100%;padding:0;transform:none;color:var(--text-color);background:transparent;font-size:inherit;font-weight:inherit;pointer-events:auto;cursor:pointer}.modern-bestellen .invoice-toggle input{width:1.2rem;height:1.2rem;flex:0 0 auto;margin:0}.modern-bestellen .bestellen-submit{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;padding:1.25rem;border-left:.25rem solid #667eea;border-radius:.75rem;background:var(--section-bg)}.modern-bestellen .captcha-field{width:min(100%,32rem)}.modern-bestellen .captcha-field input{max-width:100%}.modern-bestellen .bestellen-captcha-input{position:relative;min-width:0;flex:1 1 12rem}.modern-bestellen #sluitTarieven .universal-icon-control,.modern-bestellen .bestellen-submit .universal-icon-control{background:ivory;border:.0625rem solid rgba(0,0,0,.25);border-radius:.35rem}.modern-bestellen #sluitTarieven .universal-icon-control>svg,.modern-bestellen .bestellen-submit .universal-icon-control>svg{height:1.75rem;width:1.75rem}.modern-bestellen .bestellen-submit{flex-wrap:wrap}.modern-bestellen .submit-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.modern-bestellen .submit-buttons>button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.modern-bestellen .tarieven-dialog{width:min(92vw,52rem);max-width:52rem}.modern-bestellen .tarieven-content{max-height:82vh;overflow-y:auto;text-align:left}.modern-bestellen .tarieven-message{font-size:.95rem}.modern-bestellen .tarieven-message ul{padding-left:1.4rem}.modern-bestellen .tarieven-content>.dialog-button{display:flex;align-items:center;gap:.5rem;margin-left:auto}@media (max-width:48rem){.modern-bestellen .address-addition,.modern-bestellen .address-city,.modern-bestellen .address-number,.modern-bestellen .address-postcode,.modern-bestellen .address-street,.modern-bestellen .order-field{grid-column:1/-1}.modern-bestellen .sbbox-intro{grid-template-columns:1fr}}@media (max-width:36rem){.modern-bestellen .bestellen-section,.modern-bestellen .bestellen-submit{padding:1rem}.modern-bestellen .bestellen-submit{align-items:stretch;flex-direction:column}.modern-bestellen .captcha-field,.modern-bestellen .captcha-field input{width:100%;max-width:none}.modern-bestellen .submit-buttons{justify-content:flex-start}.modern-bestellen .submit-buttons button{flex:1 1 10rem}}@media (max-width:30rem){.modern-bestellen .bestellen-submit{--universal-icon-control-size:1.85rem}.modern-bestellen .bestellen-submit .universal-icon-control>svg{height:1.4rem;width:1.4rem}.modern-bestellen .bestellen-captcha-input{flex:0 1 auto}}