/* B16: eigen schermonderdelen, ongewijzigde 10-stappenmotor */
.b16-admin,.b16-order,.b16-rail-wrap{font-family:inherit;color:#173c56}.b16-kicker{font-size:.69rem;font-weight:850;letter-spacing:.17em;color:#ae6933}.b16-admin-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin:10px 0 22px}.b16-admin-hero h2,.b16-order-head h2,.b16-rail-heading h2{font-family:Georgia,serif;color:#3d230f;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;margin:.25rem 0 .5rem}.b16-admin-hero p,.b16-order-head p{max-width:68ch;color:#6c6159;line-height:1.55;margin:0}.b16-admin-counter{border:1px solid #e9d4b7;color:#92572d;padding:9px 12px;border-radius:999px;font-size:.78rem;white-space:nowrap}.b16-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.b16-admin-card{background:#fffefa;border:1px solid #e9dfd2;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(54,37,14,.04);display:flex;flex-direction:column;min-width:0}.b16-card-picture{position:relative;display:grid;place-items:center;min-height:230px;max-height:300px;background:linear-gradient(125deg,#fffdf8,#f5eadd);padding:8px}.b16-card-picture img{width:100%;height:235px;object-fit:contain;object-position:center;display:block}.b16-overlay{position:absolute;top:14px;left:14px;background:#fffdf5ec;color:#9a5924;font-weight:800;font-size:.65rem;padding:5px 9px;letter-spacing:.08em;border-radius:20px;box-shadow:0 2px 7px #47301316}.b16-photo-empty{color:#a77f5d;min-height:110px;display:grid;place-items:center;padding:20px;text-align:center}.b16-admin-body{padding:15px;display:flex;flex:1;flex-direction:column;gap:11px}.b16-title{display:flex;flex-direction:column;gap:2px}.b16-title span{font-size:.68rem;letter-spacing:.11em;color:#a36e40;font-weight:800}.b16-title strong{font-family:Georgia,serif;font-size:1.15rem;line-height:1.2;color:#43260d}.b16-status{align-self:flex-start;color:#80552c;background:#fff3e3;border-radius:99px;padding:5px 11px;font-size:.77rem;font-weight:800}.b16-status.on{color:#246d4b;background:#ecf9f2}.b16-admin label{display:flex;flex-direction:column;gap:5px;font-weight:750;color:#705037;font-size:.78rem}.b16-admin input[type=text],.b16-admin textarea{font:inherit;font-size:.91rem;border:1px solid #e3d5c7;background:#fff;width:100%;padding:10px;border-radius:9px;color:#1b3d54;box-sizing:border-box}.b16-admin input[type=file]{width:100%;padding:10px;font:inherit;font-size:.77rem;border:1px dashed #ddc5a5;border-radius:9px;background:#fffdfa}.b16-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.b16-controls button{min-height:39px;border-radius:9px;padding:9px 11px;font-size:.78rem;font-weight:800;cursor:pointer;border:1px solid #cdae8b;background:#fff;color:#304f61}.b16-controls .b16-release{background:#204b67;color:#fff;border-color:#204b67;flex:1}.b16-controls .b16-released{background:#fff8e7;color:#7e531c;border-color:#e0c392}.b16-controls button:disabled{opacity:.52;cursor:not-allowed}.b16-footnote,.b16-note{color:#70655c;line-height:1.45;font-size:.76rem;margin:5px 0}.b16-dirty{color:#a26833}.b16-admin #b16-feedback:not(:empty){padding:13px;border-radius:10px;background:#eef6f1;color:#215a3e;margin:10px 0 18px}
.b16-order{background:#fffdfa;border:1px solid #eadac6;border-radius:20px;padding:clamp(16px,3vw,30px)}.b16-order-head{margin-bottom:22px}.b16-order-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.85fr);gap:22px}.b16-order-main{display:flex;flex-direction:column;gap:18px;min-width:0}.b16-variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.b16-variant{display:flex;flex-direction:column;min-width:0;border:2px solid #e6d8c6;border-radius:16px;overflow:hidden;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s}.b16-variant.selected{border-color:#c77b38;box-shadow:0 0 0 3px rgba(202,128,55,.08)}.b16-variant>input{position:absolute;opacity:0;width:1px;height:1px}.b16-variant-image{display:grid;place-items:center;background:#f9f0e6;min-height:200px;height:220px;padding:8px}.b16-variant-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.b16-variant-copy{display:flex;flex:1;flex-direction:column;gap:7px;padding:15px}.b16-variant-copy strong{font-family:Georgia,serif;color:#4e2b12;font-size:1.13rem}.b16-variant-copy small{color:#6b5e55;line-height:1.4;flex:1}.b16-variant-price{font-size:1.25rem;font-weight:800;color:#6b3b20}.b16-variant-price em{display:block;font-style:normal;font-size:.72rem;font-weight:500;color:#87705d}.b16-order-flavor{background:#fff;border:1px solid #eadfd1;border-radius:15px;padding:15px}.b16-order-flavor h3,.b16-order-sidebar h3{font-size:1.02rem;color:#213e56;margin:0 0 12px}.b16-flavor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.b16-flavor{overflow:hidden;background:#fcf8f2;border:1px solid #ebdfd0;border-radius:12px}.b16-flavor>div{height:137px;padding:6px;display:flex;align-items:center;justify-content:center}.b16-flavor img{width:100%;height:100%;object-fit:contain}.b16-flavor>span{display:block;padding:8px 9px}.b16-flavor strong{display:block;font-family:Georgia,serif;color:#482c1a}.b16-flavor small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.72rem;color:#75665a;line-height:1.4}.b16-order-flavor>p{font-size:.78rem;color:#75655b;margin:12px 0 0}.b16-order-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.b16-order-fields label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:.77rem;color:#72523a}.b16-order-fields input,.b16-order-fields textarea{border:1px solid #e2d2bd;padding:11px;border-radius:9px;background:#fff;font:inherit;color:#23455e;max-width:100%;box-sizing:border-box}.b16-order-fields .b16-order-notes{grid-column:span 2}.b16-composition{background:#fff2db;color:#805324;border-radius:10px;padding:11px 13px;font-size:.85rem}.b16-order-sidebar{background:#fff;border:1px solid #e8d7bf;padding:17px;border-radius:16px;align-self:start;position:sticky;top:12px;box-shadow:0 7px 18px #2f24110d}.b16-summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0e6da;gap:12px;font-size:.86rem;color:#635247}.b16-summary-row strong{white-space:nowrap;color:#2c475c}.b16-summary-total{margin-top:15px;border-radius:10px;background:#fdf1db;color:#744211;display:flex;justify-content:space-between;gap:6px;align-items:center;padding:14px;font-weight:900}.b16-summary-total strong{font-size:1.22rem;white-space:nowrap}.b16-summary-tip{font-size:.77rem;color:#806954;line-height:1.55}.b16-submit{width:100%;margin-top:9px;padding:12px;min-height:47px}.b16-order-sidebar>small{font-size:.71rem;color:#95775f;display:block;margin-top:12px}.b16-warning{background:#fff1e5;color:#853d20;padding:12px;border-radius:10px}
.b16-rail-wrap{margin:20px 0;background:#fffefa;border:1px solid #edddc6;border-radius:18px;padding:18px}.b16-rail-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.b16-rail-heading span{color:#a1642c;font-size:.7rem;font-weight:850;letter-spacing:.15em}.b16-rail-heading small{color:#927657}.b16-rail{display:flex;overflow-x:auto;gap:15px;scroll-snap-type:x mandatory;padding:6px 2px 12px;overscroll-behavior-inline:contain}.b16-rail-item{scroll-snap-align:center;flex:0 0 clamp(210px,26%,290px);padding:8px;margin:0;border:1px solid #e9dbc9;background:#fffaf4;border-radius:13px;text-align:center}.b16-rail-item img{width:100%;height:205px;object-fit:contain;object-position:center;display:block}.b16-rail-item figcaption{font-family:Georgia,serif;font-size:1.08rem;color:#4d2d16;padding:9px}
@media(max-width:1150px){.b16-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b16-order-layout{grid-template-columns:1fr}.b16-order-sidebar{position:static}}
@media(max-width:650px){.b16-admin-grid,.b16-variant-grid,.b16-order-fields{grid-template-columns:1fr}.b16-admin-hero{flex-direction:column}.b16-admin-counter{white-space:normal}.b16-flavor-grid{grid-template-columns:1fr 1fr}.b16-order-fields .b16-order-notes{grid-column:span 1}.b16-rail-item{flex-basis:72%}.b16-card-picture img{height:210px}}

/* B17 · rustige formulekaarten: afbeelding en tekst zitten in gescheiden zones.
   De foto schaalt volledig binnen het kader; geen tekst op de foto. */
.b16-order .b16-variant {
  display:flex; flex-direction:column; min-width:0; isolation:isolate;
}
.b16-order .b16-variant-image {
  display:flex; align-items:center; justify-content:center;
  flex:0 0 235px; height:235px; min-height:0; max-height:235px;
  width:100%; padding:10px; box-sizing:border-box;
  overflow:hidden; background:#fbf3e9;
}
.b16-order .b16-variant-image img {
  display:block; width:100%; height:100%; max-width:100%; max-height:100%;
  min-width:0; min-height:0; object-fit:contain; object-position:center;
}
.b16-order .b16-variant-copy {
  position:relative; z-index:1; box-sizing:border-box;
  display:flex; flex:1 0 auto; flex-direction:column; gap:8px;
  width:100%; min-width:0; min-height:152px;
  padding:17px 18px 18px; background:#fff;
  border-top:1px solid #eadbc9;
}
.b16-order .b16-variant-copy>strong {
  display:block; color:#4e2b12; font:700 1.13rem/1.3 Georgia,serif;
}
.b16-order .b16-variant-copy>small {
  display:block; min-height:2.8em; color:#6b5e55; line-height:1.45;
}
.b16-order .b16-variant-price { display:block; margin-top:auto; padding-top:5px; }
.b16-order .b16-variant-price em { display:block; }
@media(max-width:650px){
  .b16-order .b16-variant-image {flex-basis:210px;height:210px;max-height:210px;}
  .b16-order .b16-variant-copy {min-height:0;}
}

/* Bouwblok 18I: de bestelbare en door Jelte goedgekeurde Experience is direct vindbaar. */
#bestel-experience{scroll-margin-top:24px;border-color:#d7b480;box-shadow:0 8px 25px rgba(114,64,29,.06)}
#bestel-experience:target{outline:3px solid #d3a05f;outline-offset:4px}