/* Bazaar1001 — homepage, kaarten, footer. */
.bz-main{display:block;padding-bottom:32px}
.bz-section{padding:26px 0}
.bz-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.bz-section__title{margin:0;font-size:clamp(1.3rem,2.4vw,1.8rem)}
.bz-section__link{font-weight:600;font-size:.87rem;color:var(--bz-orange-dark);white-space:nowrap}
/* Hero */
.bz-hero{position:relative;background:var(--bz-charcoal);overflow:hidden}
.bz-hero__track{position:relative}
.bz-hero__slide{display:none;position:relative;min-height:320px}
.bz-hero__slide.is-active{display:block}
.bz-hero__media{position:absolute;inset:0}
.bz-hero__img{width:100%;height:100%;object-fit:cover;opacity:.75}
.bz-hero__content{position:relative;padding:32px 16px;max-width:1280px;margin:0 auto;color:#fff}
.bz-hero__kicker{display:inline-block;background:var(--bz-yellow);color:var(--bz-charcoal);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:12px}
.bz-hero__title{color:#fff;font-size:clamp(1.8rem,5vw,3rem);max-width:16ch;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.bz-hero__sub{max-width:44ch;color:#EDF1F4;font-size:.98rem;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.bz-hero__dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.bz-hero__dot{width:28px;height:6px;border-radius:3px;border:0;background:rgba(255,255,255,.45);cursor:pointer}
.bz-hero__dot.is-active{background:var(--bz-yellow)}
/* Tiles */
.bz-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.bz-tile__link{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bz-line);border-radius:var(--bz-radius);padding:10px;height:100%;transition:box-shadow .15s,transform .15s}
.bz-tile__link:hover{box-shadow:var(--bz-shadow);transform:translateY(-2px);color:var(--bz-charcoal)}
.bz-tile__media{display:block;background:var(--bz-bg);border-radius:var(--bz-radius-sm);overflow:hidden;aspect-ratio:4/3;margin-bottom:8px}
.bz-tile__img{width:100%;height:100%;object-fit:cover}
.bz-tile__name{font-weight:700;font-size:.9rem;line-height:1.25}
.bz-tile__count{font-size:.75rem;color:var(--bz-muted)}
/* Productkaarten */
.bz-products{display:grid;gap:12px}
.bz-products--row{grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.bz-products--row .bz-card{scroll-snap-align:start}
.bz-products--grid,.bz-products--shop{grid-template-columns:repeat(2,1fr)}
.bz-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--bz-line);border-radius:var(--bz-radius);overflow:hidden;transition:box-shadow .15s,transform .15s}
.bz-card:hover{box-shadow:var(--bz-shadow)}
.bz-card__media{position:relative;background:#fff;aspect-ratio:1/1;overflow:hidden}
.bz-card__media-link{display:block;width:100%;height:100%}
.bz-card__img{width:100%;height:100%;object-fit:contain;padding:8px;transition:opacity .2s}
.bz-card__img--hover{position:absolute;inset:0;opacity:0}
.bz-card:hover .bz-card__img--hover{opacity:1}
.bz-card:hover .bz-card__img:not(.bz-card__img--hover){opacity:0}
.bz-badge{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:var(--bz-orange);color:#fff}
.bz-badge--new{background:var(--bz-green)}
.bz-badge--outlet{background:var(--bz-charcoal)}
.bz-badge--stock{background:#EAF6EE;color:#1D6B3D;font-weight:600;text-transform:none;letter-spacing:0}
.bz-badge--out{background:#EEF0F2;color:var(--bz-muted);text-transform:none}
.bz-wish{position:absolute;top:6px;right:6px;width:36px;height:36px;border-radius:50%;border:1px solid var(--bz-line);background:rgba(255,255,255,.94);display:grid;place-items:center;cursor:pointer;color:var(--bz-charcoal)}
.bz-wish:hover{color:var(--bz-orange)}
.bz-wish[aria-pressed="true"]{background:var(--bz-orange);border-color:var(--bz-orange);color:#fff}
.bz-card__body{padding:10px 12px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.bz-card__brand{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--bz-muted);margin:0}
.bz-card__title{font-family:var(--bz-font);font-size:.92rem;font-weight:600;line-height:1.3;margin:0}
.bz-card__spec{font-size:.76rem;color:var(--bz-muted);margin:0;line-height:1.35}
.bz-stars{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--bz-muted)}
.bz-stars__icons{color:#D5DAE0;letter-spacing:1px}
.bz-star.is-on{color:#FFB020}
.bz-card__price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:1.06rem;font-weight:800;margin-top:2px}
.bz-card__price del{font-size:.82rem;color:var(--bz-muted);font-weight:400}
.bz-card__price ins{text-decoration:none;color:var(--bz-orange-dark)}
.bz-card__vat{font-size:.66rem;font-weight:400;color:var(--bz-muted)}
.bz-card__stock{font-size:.74rem;margin:0}
.bz-card__stock.is-in{color:var(--bz-green);font-weight:600}
.bz-card__stock.is-out{color:var(--bz-muted)}
.bz-card__buy{display:flex;gap:6px;margin-top:auto;padding-top:8px}
.bz-qty{display:flex;align-items:center;border:1px solid var(--bz-line);border-radius:var(--bz-radius-sm);overflow:hidden;flex:0 0 auto}
.bz-qty__btn{width:26px;height:34px;border:0;background:#fff;cursor:pointer;font-size:1rem;line-height:1;color:var(--bz-charcoal)}
.bz-qty__btn:hover{background:var(--bz-bg)}
.bz-qty__input{width:30px;height:34px;border:0;text-align:center;font:inherit;font-size:.85rem;-moz-appearance:textfield}
.bz-qty__input::-webkit-outer-spin-button,.bz-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bz-card__add{flex:1;min-height:34px;padding:6px 8px;font-size:.82rem}
/* Bulkbanner */
.bz-bulkbanner{display:flex;flex-direction:column;gap:14px;background:linear-gradient(120deg,var(--bz-yellow),#FFD96E);color:var(--bz-charcoal);border-radius:var(--bz-radius);padding:22px}
.bz-bulkbanner__kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.bz-bulkbanner__title{margin:2px 0 6px;font-size:clamp(1.3rem,3vw,1.9rem)}
.bz-bulkbanner__sub{margin:0;max-width:56ch;font-size:.92rem}
/* Merken */
.bz-brands{display:flex;gap:10px;overflow-x:auto;padding:4px 0}
.bz-brands__item{min-width:130px;flex:1;display:grid;place-items:center;background:#fff;border:1px solid var(--bz-line);border-radius:var(--bz-radius);padding:12px;height:72px}
.bz-brands__fallback{font-weight:800;font-family:var(--bz-condensed);font-size:1.05rem;color:var(--bz-charcoal-2)}
/* USP-blok */
.bz-section--usp{background:#fff;border-top:1px solid var(--bz-line);border-bottom:1px solid var(--bz-line)}
.bz-uspblock{display:grid;gap:16px;margin-top:8px}
.bz-uspblock__icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--bz-radius);background:#FFF1E7;color:var(--bz-orange-dark);margin-bottom:8px}
.bz-uspblock__title{font-family:var(--bz-font);font-size:1rem;margin:0 0 4px}
.bz-uspblock__text{margin:0;font-size:.88rem;color:var(--bz-muted)}
/* Reviews */
.bz-trustbox{display:flex;flex-direction:column;gap:16px;background:var(--bz-charcoal);color:#fff;border-radius:var(--bz-radius);padding:22px}
.bz-trustbox__number{display:block;font-family:var(--bz-condensed);font-size:3rem;line-height:1;color:var(--bz-yellow)}
.bz-trustbox__stars{color:var(--bz-yellow);letter-spacing:2px;display:block;margin:4px 0}
.bz-trustbox__label{font-size:.8rem;color:#C8D0D6}
.bz-trustbox__title{color:#fff;margin-bottom:6px}
.bz-trustbox__text p{color:#DFE5EA;font-size:.92rem}
.bz-trustbox__note{font-size:.75rem!important;color:#9AA6AF!important}
/* Nieuwsbrief */
.bz-section--news{background:#fff;border-top:1px solid var(--bz-line)}
.bz-news{display:grid;gap:16px}
.bz-news__form{display:grid;gap:8px;max-width:520px}
.bz-news__done{background:#EAF6EE;color:#1D6B3D;padding:12px 14px;border-radius:var(--bz-radius);font-weight:600}
/* Blog */
.bz-posts{display:grid;gap:14px}
.bz-post__link{display:flex;flex-direction:column;gap:6px;height:100%;background:#fff;border:1px solid var(--bz-line);border-radius:var(--bz-radius);overflow:hidden}
.bz-post__media img{aspect-ratio:16/9;object-fit:cover;width:100%}
.bz-post__meta{font-size:.74rem;color:var(--bz-muted);padding:0 12px}
.bz-post__title{font-family:var(--bz-condensed);font-size:1.12rem;font-weight:700;padding:0 12px;line-height:1.2}
.bz-post__excerpt{font-size:.84rem;color:var(--bz-muted);padding:0 12px 14px}
/* Footer */
.bz-footer{background:var(--bz-charcoal);color:#D7DEE4;margin-top:32px;padding-top:28px}
.bz-footer__grid{display:grid;gap:22px}
.bz-footer__title{color:#fff;font-family:var(--bz-font);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}
.bz-footer__list li a{display:block;padding:5px 0;font-size:.88rem;color:#C3CCD3}
.bz-footer__list li a:hover{color:var(--bz-yellow)}
.bz-footer__about{font-size:.86rem;color:#AEB9C1;margin:10px 0}
.bz-footer__address{font-size:.82rem;color:#8F9BA4;margin:0 0 12px}
.bz-footer .bz-logo img{filter:brightness(0) invert(1);height:38px}
.bz-socials{display:flex;gap:8px}
.bz-socials a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff}
.bz-socials a:hover{background:var(--bz-orange);color:#fff}
.bz-footer__bottom{display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding:16px}
.bz-footer__paylabel{font-size:.78rem;color:#9AA6AF;margin-right:8px}
.bz-payments{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bz-payments__item img{border-radius:4px;background:#fff;width:44px;height:28px;object-fit:contain;padding:2px}
.bz-footer__legal{font-size:.78rem;color:#9AA6AF;margin:0}
.bz-footer__sep{margin:0 6px}
/* Cookiebalk + toast */
.bz-cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:140;background:#fff;border-top:1px solid var(--bz-line);box-shadow:0 -6px 24px rgba(31,41,51,.12)}
.bz-cookiebar__inner{display:flex;flex-direction:column;gap:10px;padding:14px 16px}
.bz-cookiebar p{margin:0;font-size:.84rem;color:var(--bz-charcoal-2)}
.bz-cookiebar a{text-decoration:underline}
.bz-cookiebar__actions{display:flex;gap:8px;flex-wrap:wrap}
.bz-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:90px;z-index:150;background:var(--bz-charcoal);color:#fff;padding:12px 18px;border-radius:var(--bz-radius);font-size:.9rem;font-weight:600;box-shadow:var(--bz-shadow);max-width:92vw}
@media(min-width:600px){
.bz-tiles{grid-template-columns:repeat(3,1fr)}
.bz-products--row{grid-auto-columns:44%}
.bz-uspblock{grid-template-columns:repeat(2,1fr)}
.bz-posts{grid-template-columns:repeat(3,1fr)}
.bz-news{grid-template-columns:1fr 1fr;align-items:center}
.bz-footer__bottom{flex-direction:row;align-items:center;justify-content:space-between}
.bz-bulkbanner{flex-direction:row;align-items:center;justify-content:space-between;padding:26px 30px}
.bz-trustbox{flex-direction:row;align-items:center;gap:26px;padding:26px 30px}
}
@media(min-width:768px){
.bz-products--grid,.bz-products--shop{grid-template-columns:repeat(3,1fr)}
.bz-products--row{grid-auto-columns:31%}
.bz-tiles{grid-template-columns:repeat(5,1fr)}
.bz-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr}
.bz-section{padding:34px 0}
.bz-hero__slide{min-height:380px}
}
@media(min-width:1024px){
.bz-products--row{grid-auto-columns:23.5%}
.bz-products--shop{grid-template-columns:repeat(3,1fr)}
.bz-uspblock{grid-template-columns:repeat(4,1fr)}
.bz-hero__slide{min-height:420px}
.bz-hero__content{padding:56px 24px}
}
@media(min-width:1280px){
.bz-products--grid{grid-template-columns:repeat(4,1fr)}
}