/* De Bremberg: wit, Poppins en de rode titels uit de verkoopfolders. */
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--paper:#fff;--white:#fff;--ink:#202a3b;--muted:#626975;--line:#e3e7e5;--wine:#b51129;--wine-dark:#900e21;--gold:#f6bf00;--green:#08783f;--radius:10px}
body,.admin-page{background:#fff;font-family:Poppins,Arial,sans-serif;font-size:14px}
h1,h2,h3,.hero-note strong,.order-summary h3,.campaign-panel h2,.empty-state h3{font-family:Poppins,Arial,sans-serif}
h1,h2{font-weight:700;letter-spacing:-1px}
h2{color:var(--wine);font-size:30px}
.site-header{height:132px;border-bottom:2px solid var(--green)}
.brand{display:block;line-height:0;flex-shrink:0}
.school-logo{display:block;width:290px;height:auto;max-width:100%;object-fit:contain}
.site-header nav{gap:32px;font-size:12px}
.site-header nav>a{color:#203452}
.site-header nav>a:hover,.site-header nav>a.active{color:var(--wine)}
.edition{border-color:#d5ddd8;border-radius:4px;color:var(--green);font-weight:600;font-size:10px;letter-spacing:1px}
.preview-bar{background:#fff;border-bottom:1px solid var(--line);color:#626975;font-size:10px}
.hero{padding-block:43px 47px;gap:70px;grid-template-columns:1.4fr 1fr}
.hero h1{font-size:64px;font-weight:700;line-height:1.14;letter-spacing:-2px;margin-top:16px;margin-bottom:18px;color:var(--wine)}
.hero h1 em{font-family:inherit;font-style:normal;font-weight:700;color:var(--wine)}
.hero p{font-size:14px;line-height:1.9;margin-bottom:20px}
.hero .eyebrow{color:var(--green);font-weight:600;font-size:10px;letter-spacing:1px}
.little-dot{background:var(--gold);width:8px;height:8px}
.hero-link{font-size:12px;color:var(--green);border-color:var(--green);gap:40px}
.hero-note{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:6px;min-height:0;padding:31px 28px;text-align:left;transform:none;max-width:330px}
.hero-note .eyebrow{margin-top:0;font-size:9px;letter-spacing:1px;color:var(--green)}
.hero-note strong{font-size:34px;color:var(--wine);font-weight:700;line-height:1.3;margin:12px 0 20px}
.hero-note>span:last-child{font-size:12px;color:var(--muted);line-height:1.9}
.hero-note b{font-weight:600;color:var(--ink)}
.practical-strip{background:#fff;border-block:1px solid var(--line)}
.practical-strip>.container{padding-block:15px}
.practical-strip span{font-size:11px;color:var(--ink)}
.practical-strip b{color:var(--green)}
.eyebrow{letter-spacing:1.2px}
.order-section{padding-block:38px}
.section-heading h2{font-size:29px;font-weight:700;letter-spacing:-.7px}
.section-heading .eyebrow{color:var(--green);font-size:9px}
.product-card{background:#fff;border-radius:10px}
.product-image.yellow,.product-image.pink{background:#fff;border-bottom:1px solid var(--line);height:208px}
.product-image img{mix-blend-mode:normal;margin-top:20px}
.product-tag,.pink .product-tag{background:#fff;color:var(--green);font-size:7px;letter-spacing:.8px;padding:0}
.product-info h3{font-size:18px;font-weight:600;color:var(--wine);min-height:25px}
.product-caption{font-size:9px;color:var(--muted)}
.price{font-size:23px;font-weight:600;color:var(--ink)}
.stepper{background:#fff;border-color:#cfd7d2;border-radius:5px}
.stepper button{color:var(--green)}
.stepper button:hover{background:#f1f7f3}
.order-summary{background:#fff;border:1px solid #d3ded6;border-top:4px solid var(--green);border-radius:9px}
.order-summary>.eyebrow{color:var(--green)}
.order-summary h3{font-size:21px;font-weight:600;letter-spacing:-.4px}
.summary-total,.summary-thanks{border-color:var(--line)}
.summary-total strong{font-size:27px;font-weight:600}
.summary-thanks>span,.summary-thanks strong{color:var(--green)}
.summary-thanks p{color:var(--muted)}
.button{border-radius:5px;font-weight:600}
.button.secondary{background:#fff;border-color:#b7cabe;color:var(--green)}
.button.secondary:hover{background:#f4f8f5}
.form-block{border-color:var(--line)}
.block-title>span{border-color:var(--green);color:var(--green)}
.block-title h3{color:var(--ink);font-weight:600}
.field input,.table-filters input,.table-filters select{background:#fff;border-color:#cfd7d2;border-radius:5px}
.field input::placeholder{color:#7c8389}
.field-hint{line-height:1.9}
.delivery-option{background:#fff;border-radius:6px}
.delivery-option:has(input:checked){background:#fff;border-color:var(--green);box-shadow:inset 3px 0 0 var(--green)}
.delivery-option input{accent-color:var(--green)}
.delivery-icon{color:var(--green)}
.paper-note{background:#fff;border-radius:8px;border-left:4px solid var(--gold);margin-bottom:45px}
.paper-icon{color:var(--green)}
.paper-note strong{color:var(--ink)}
.paper-year{font-family:Poppins,Arial,sans-serif;font-size:34px;font-weight:600;color:var(--green)}
.site-footer{background:#fff;border-top:2px solid var(--green);padding-block:25px}
.site-footer>div strong{color:var(--green)}
.panel,.stat,.info-card,.payment-card{background:#fff;border-radius:9px}
.admin-page .site-header{height:120px}
.admin-page .school-logo{width:255px}
.stat strong{font-weight:600;color:var(--green)}
.campaign-panel{background:#fff;border-top:4px solid var(--gold)}
.campaign-panel h2{font-size:24px;color:var(--wine);font-weight:600}
.panel h2{color:var(--ink);font-weight:600;font-size:17px}
.small-notice,.notice{background:#fff;border-color:#d6ded8;border-left:3px solid var(--gold);color:var(--muted)}
.status.paid{background:#edf6ef;color:#246c39}
.status.pending{background:#fff7dc;color:#735f15}
th{background:#fff;border-bottom:2px solid var(--green)}
.mail-preview>div{background:#fff;border:1px solid var(--line)}
.empty-state h3{font-size:21px;font-weight:600}
.empty-state>span{color:var(--green)}
.status-icon{background:#fff;border:2px solid var(--green);color:var(--green)}
.message-page h1{color:var(--wine)}
@media(min-width:1450px){.hero{padding-block:47px}.hero h1{font-size:68px}}
@media(max-width:1000px){.school-logo{width:255px}.hero{gap:35px}.hero h1{font-size:53px}.hero-note{padding:25px;max-width:290px}.hero-note strong{font-size:29px}.product-info h3{font-size:16px}.site-header nav{gap:22px}.admin-page .school-logo{width:225px}.admin-page .site-header nav{gap:20px}}
@media(max-width:740px){.site-header{height:112px}.school-logo{width:245px}.site-header nav{gap:17px;font-size:10px}.hero{padding-block:32px 35px;gap:24px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:43px;letter-spacing:-1.2px}.hero .eyebrow{font-size:7px;letter-spacing:.6px}.hero p{font-size:11px}.hero-note{padding:22px 18px;min-height:0;max-width:none}.hero-note .eyebrow{margin-top:0;font-size:7px}.hero-note strong{font-size:25px;margin-block:10px 17px}.hero-note>span:last-child{font-size:9px}.hero-link{font-size:10px;gap:25px}.practical-strip span{font-size:9px}.section-heading h2{font-size:26px}.product-image.yellow,.product-image.pink{height:205px}.order-summary h3{font-size:22px}.admin-page .site-header{height:auto;min-height:135px;flex-wrap:wrap;padding-block:16px;gap:16px}.admin-page .school-logo{width:215px}.admin-page .site-header nav{width:100%;justify-content:space-between;font-size:10px;gap:12px}.admin-page .text-button{font-size:10px}.campaign-panel h2{font-size:23px}.message-page h1{font-size:38px}}
@media(max-width:450px){.site-header{height:auto;min-height:127px;flex-wrap:wrap;gap:8px;padding-block:14px 12px}.school-logo{width:235px}.site-header nav{width:100%;justify-content:flex-end;font-size:10px;gap:22px}.hero{grid-template-columns:1fr;gap:24px;padding-block:27px 30px}.hero h1{font-size:43px;letter-spacing:-1.3px;margin-top:12px}.hero .eyebrow{font-size:7px;letter-spacing:.7px}.hero p{font-size:12px}.hero-note{max-width:none;padding:18px 20px;width:100%}.hero-note .eyebrow{font-size:8px}.hero-note strong{font-size:25px;margin:8px 0 12px}.hero-note>span:last-child{font-size:10px}.practical-strip>.container{gap:8px}.practical-strip span{font-size:7px;gap:6px}.product-image.yellow,.product-image.pink{height:170px}.product-info h3{font-size:14px;min-height:38px}.product-tag{font-size:6px}.section-heading h2{font-size:25px}.paper-note h3{font-size:13px}.admin-page .brand{display:block}.admin-page .school-logo{width:220px}.payment-card h1{font-size:28px}.summary-lines>div{font-size:11px}}

.student-fields{margin-top:20px}.student-fields>.field-hint{margin:0 0 14px}.student-fields[hidden]{display:none}