.b-doos__in{display:grid;grid-template-columns:minmax(0,1fr);gap:2.6rem}
.b-doos .b-kopgroep{margin-bottom:0}
.b-doos__beeld{position:relative;isolation:isolate;margin:0 0 2.4rem}
.b-doos__paneel{position:absolute;z-index:-1;left:24%;right:-50dvw;top:44%;bottom:-2.4rem;border-radius:var(--b-r-media) 0 0 var(--b-r-media);background:var(--b-roze-100)}
.b-doos__foto{margin:0;filter:drop-shadow(0 26px 34px rgba(10,10,10,.22))}
.b-doos__lijst{display:block;overflow:hidden;border-radius:var(--b-r-media);aspect-ratio:4/3;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
.b-doos__lijst img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% 50%;transition:transform .8s var(--b-ease)}
.b-doos__etiket{position:absolute;z-index:2;left:-.4rem;bottom:-2.4rem;width:15.5rem;margin:0;padding:2.3rem 1.2rem 1.25rem;text-align:center;
background:linear-gradient(176deg,#fff 40%,#F4F2EF);border:1px solid #E6E1DB;border-radius:6px;box-shadow:0 26px 40px -24px rgba(10,10,10,.5);
transform:rotate(-3deg);transition:transform .5s var(--b-ease)}
.b-doos__etiket::before{content:"";position:absolute;top:.85rem;left:50%;width:3.4rem;height:.95rem;margin-left:-1.7rem;border-radius:999px;
background:#3B2B25;box-shadow:inset 0 2px 3px rgba(0,0,0,.55),0 1px 0 #fff}
.b-doos__logo{display:block;width:100%;max-width:11.5rem;height:auto;margin:0 auto}
.b-doos__tel{display:block;margin-top:.6rem;font:700 24px/1 var(--font-titel);letter-spacing:.01em;color:var(--b-signaal);font-variant-numeric:tabular-nums;white-space:nowrap}
.b-doos__dozen{position:absolute;z-index:2;right:clamp(-2.2rem,calc(-2*var(--vw)),-.6rem);bottom:-2.4rem;width:clamp(8.25rem,5.5rem + calc(5.5*var(--vw)),12.65rem);height:auto;max-width:none;
filter:drop-shadow(0 18px 16px rgba(10,10,10,.28));transform-origin:50% 100%;transition:transform .5s var(--b-ease)}
@media (hover:hover){
.b-doos__beeld:hover .b-doos__dozen{transform:translateY(-6px)}
.b-doos__beeld:hover .b-doos__lijst img{transform:scale(1.05)}
.b-doos__beeld:hover .b-doos__etiket{transform:rotate(0deg) translateY(-4px)}
}
.b-doos__vraag{margin:0;font:600 clamp(1.3rem,1.15rem + calc(.5*var(--vw)),1.6rem)/1.2 var(--font-titel);letter-spacing:-.015em;color:var(--b-inkt)}
.b-doos__uitleg{margin:.6rem 0 0;color:var(--b-zacht);line-height:1.65;max-width:48ch}
.b-doos__menu{margin:0;border-top:2px solid var(--b-inkt)}
.b-doos__regel{display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);gap:.4rem 1.2rem;padding:1.05rem 0;border-bottom:1px solid var(--b-lijn)}
.b-doos__regel dt{font:600 1rem/1.5 var(--font-kop);color:var(--b-bordeaux)}
.b-doos__regel dd{margin:0;color:var(--b-inkt);line-height:1.6}
.b-doos__extra{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.b-doos__extra li{position:relative;margin:0;padding-left:1.45rem;line-height:1.5}
.b-doos__extra li::before,.b-doos__extra li::after{content:"";position:absolute;left:.1rem;top:.72em;width:.72rem;height:2px;border-radius:2px;background:var(--b-signaal)}
.b-doos__extra li::after{transform:rotate(90deg)}
.b-doos__noot{margin:.9rem 0 0;font-size:.9rem;color:var(--b-zacht)}
.b-doos__noot a{color:var(--b-bordeaux);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (min-width:1000px){
.b-doos__in{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1.5rem,calc(3*var(--vw)),2.5rem);row-gap:0;align-items:center}
.b-doos__tekst{grid-column:1/7;grid-row:1}
.b-doos__beeld{grid-column:7/13;grid-row:1;margin:0}
.b-doos__lijst{aspect-ratio:1/1.02}
.b-doos__etiket{left:-2.6rem;bottom:-1.6rem}
.b-doos__keuze{grid-column:1/13;grid-row:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1.5rem,calc(3*var(--vw)),2.5rem);
align-items:start;margin-top:clamp(4rem,calc(6*var(--vw)),5.5rem);border-top:2px solid var(--b-inkt)}
.b-doos__keuze>.b-doos__kop{grid-column:1/5;grid-row:1;padding-top:1.2rem}
.b-doos__keuze>.b-doos__menu{grid-column:6/13;grid-row:1;border-top:0}
.b-doos__keuze>.b-doos__menu .b-doos__regel:last-child{border-bottom:0}
.b-doos__keuze>.b-doos__noot{grid-column:1/13;grid-row:2;margin-top:0;padding-top:.9rem;border-top:1px solid var(--b-lijn)}
}
@media (max-width:999px){
.b-doos__beeld{max-width:40rem;width:100%;margin-inline:auto}
.b-doos__menu{margin-top:1.3rem}
}
@media (max-width:520px){
.b-doos__dozen{right:.4rem;bottom:-2.4rem;width:7.04rem}
.b-doos__beeld{margin-bottom:4.6rem}
.b-doos--lift .b-doos__beeld{margin-bottom:2.4rem}
.b-doos__etiket{width:12.9rem;padding:1.9rem .9rem 1rem;left:auto;right:.3rem;bottom:-4.6rem}
.b-doos__etiket::before{top:.7rem}
.b-doos__logo{max-width:8.8rem}
.b-doos__regel{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
.b-doos__beeld:hover .b-doos__lijst img,.b-doos__beeld:hover .b-doos__dozen{transform:none}
.b-doos__beeld:hover .b-doos__etiket{transform:rotate(-3deg)}
}