/* BabyBoulevard: eigen huisstijl (laadt na kw.css). MediaMarkt-opbouw in eigen kleuren, logo van Rinus (12-11-2026).
   NIET meer via shops-basis/huisstijl.py (inc/eigen.php houdt die tegen). */
@font-face{font-family:"Montserrat";src:url(../fonts/montserrat.woff2) format("woff2");font-weight:500 900;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url(../fonts/montserrat-italic.woff2) format("woff2");font-weight:500 900;font-style:italic;font-display:swap}

:root{--kw-inkt:#2E2240;--kw-tekst:#463B52;--kw-grijs:#776C82;--kw-lijn:#E6E1EA;--kw-lijn-2:#D6CEDD;--kw-papier:#FFFFFF;--kw-zacht:#F4F1F6;
  --kw-pruim:#5B4777;--kw-pruim-2:#4A3963;--kw-lavendel:#F3E9F1;--kw-lavendel-2:#E6D5E3;--kw-indigo-d:#2E2240;
  --kw-koop:#E0683D;--kw-koop-2:#C8552C;--kw-koop-zacht:#FCEDE6;--kw-goud:#E8A6A0;--kw-goud-2:#F3C9C4;--kw-goud-zacht:#FBEDEB;
  --kw-denim:#5B4777;--kw-steek:none;--kw-r:8px;
  --kw-kop:"Montserrat",system-ui,sans-serif;
  --bb-paars:#5B4777;--bb-paars-d:#4A3963;--bb-donker:#2E2240;--bb-roze:#C9687A;--bb-peach:#E9C9AE;--bb-grijs:#F1EEF3}

body{background:var(--bb-grijs)}
h1,h2,h3,.kw-rij__kop h2,.kw-vglbanner h2,.kw-seotekst h2,.kw-deal__kop h2{font-family:var(--kw-kop);font-weight:800;letter-spacing:-.02em;color:var(--kw-inkt);text-transform:none}

/* ---------- kop: één paarse balk zoals MediaMarkt ---------- */
.kw-usp{background:var(--bb-donker);color:#E9E2EF;font-size:.8rem}
.kw-usp .kw-ico{color:var(--bb-peach)}
.kw-kop{background:var(--bb-paars);color:#fff;border:0}
.kw-kop::after{display:none!important}
.kw-kop__menuknop{color:#fff}
.kw-logo--beeld img{display:block;height:58px;width:auto}
@media(max-width:959px){.kw-logo--beeld img{height:38px}}
.kw-zoek{background:#fff;border:0;border-radius:8px}
.kw-zoek:focus-within{background:#fff;border:0;box-shadow:0 0 0 3px rgba(243,201,196,.7)}
.kw-zoek input{padding:13px 16px;font-size:1rem;color:var(--kw-inkt)}
.kw-zoek button{background:transparent;color:var(--kw-inkt);border-radius:8px;margin:4px;padding:8px 12px}
.kw-zoek button:hover{background:var(--bb-grijs)}
.kw-kop__snel{gap:10px}
.kw-kop__snel a{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;background:#fff;color:var(--kw-inkt)}
.kw-kop__snel a:hover{background:var(--kw-lavendel)}
.kw-kop__snel span{display:none}
.kw-kop__mand,.kw-kop__vgl{position:relative}
.kw-kop__mand b,.kw-kop__vgl b{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--bb-roze);color:#fff;font-size:.68rem;line-height:18px;text-align:center}

.kw-nav{background:var(--bb-paars);border:0}
.kw-nav__rij{min-height:48px;padding-bottom:8px}
.kw-nav__alles{background:var(--bb-paars-d);color:#fff;border-radius:8px;font-weight:700;text-transform:none;letter-spacing:0}
.kw-nav__alles:hover,.kw-nav__alles[aria-expanded="true"]{background:var(--bb-donker)}
.kw-nav__links a{color:#fff;font-weight:700;font-size:.92rem;border-radius:6px}
.kw-nav__links a:hover,.kw-nav__links a.kw-nav__alle,.kw-nav__links .kw-nav__alle{background:rgba(255,255,255,.12);color:#fff}

/* megamenu: kolom per afdeling */
.kw-mega{background:#fff}
.kw-mega__rij--afd{gap:4px 28px}
@media(min-width:960px){.kw-mega__rij.kw-mega__rij--afd{grid-template-columns:repeat(5,1fr)}}
.kw-mega__rij--afd .kw-mega__kop{text-transform:none;letter-spacing:0;font:800 .95rem/1.2 var(--kw-kop);color:var(--kw-inkt);margin:16px 0 6px}
.kw-mega__rij--afd .kw-mega__kop a{padding:0;font-weight:800;color:var(--kw-inkt)}
.kw-mega__rij--afd ul a{padding:4px 0;font-size:.92rem;color:var(--kw-tekst)}
.kw-mega__rij--afd ul a:hover{color:var(--bb-roze)}
.kw-mega__merkrij{border-top:1px solid var(--kw-lijn);padding-bottom:8px}
.kw-mega__merkrij .kw-mega__merken{display:flex;flex-wrap:wrap;gap:2px 18px}

/* ---------- banner: vol vlak, vette cursieve kop, schuine balkjes uit het logo ---------- */
.kw-promo{border-radius:8px;min-height:320px;
  background:linear-gradient(112deg,var(--bb-paars) 0 60%,var(--bb-roze) 60% 64.5%,var(--bb-paars) 64.5% 66%,var(--bb-peach) 66% 70.5%,var(--bb-paars-d) 70.5%)}
.kw-promo::before{display:none!important}
.kw-promo h1{font:italic 900 clamp(2.1rem,1.3rem + 2.8vw,3.5rem)/1.02 var(--kw-kop);letter-spacing:-.03em;color:#fff;text-transform:none;margin:4px 0 12px}
.kw-promo h1 span{color:var(--kw-goud-2)}
.kw-promo p{color:rgba(255,255,255,.88)}
.kw-promo__label{background:var(--bb-roze);color:#fff;border-radius:4px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.kw-promo .kw-zoek--groot{border-radius:8px;box-shadow:none}
.kw-promo .kw-zoek--groot button{background:var(--kw-koop);color:#fff}
.kw-promo .kw-zoek--groot button:hover{background:var(--kw-koop-2)}
@media(max-width:959px){.kw-promo{background:var(--bb-paars)}}

/* ---------- secties en kaarten op grijs ---------- */
.kw-rij__kop h2{font-size:1.5rem}
.kw-rij__kop a{font-weight:700;color:var(--kw-inkt);text-decoration:underline;text-underline-offset:3px}
.kw-cattegels a{border:0;border-radius:8px;padding:14px 10px 16px}
.kw-cattegels a:hover{box-shadow:0 8px 22px rgba(46,34,64,.12)}
.kw-cattegels strong{font:800 .95rem/1.2 var(--kw-kop)}
.kw-cattegels small{color:var(--kw-grijs)}

.kw-kaart{background:#fff;border:0;border-radius:8px;box-shadow:none}
.kw-kaart:hover{box-shadow:0 8px 24px rgba(46,34,64,.13)}
.kw-kaart__naam{font-weight:600}
.kw-kaart__soort{background:var(--bb-donker);color:#fff;border-radius:4px}
.kw-kaart__korting{background:var(--bb-roze);color:#fff;border-radius:4px;font-weight:800}
.kw-kaart__sterren i{color:#F0A830}
.kw-kaart__prijs strong{font:italic 900 1.65rem/1 var(--kw-kop);color:var(--kw-inkt);letter-spacing:-.03em}
.kw-kaart__vanaf{font-weight:600}

.kw-prijsbox{border:0;border-radius:8px;box-shadow:none}
.kw-prijsbox__prijs{font:italic 900 2.6rem/1.05 var(--kw-kop);letter-spacing:-.03em}
.kw-prijsbox__alle{background:var(--kw-lavendel);border-radius:6px}

.kw-knop,.kw-keuzebalk,.kw-vglbanner,.kw-filters,.kw-seotekst,.kw-faq{border-radius:8px}
.kw-knop{font-weight:700}
.kw-vglbanner{background:#fff;border:0}
.kw-seotekst{background:#fff;border:0}

/* ---------- voet: licht met linkkolommen, donkere onderbalk ---------- */
.kw-voet{background:#E7E2EB;color:var(--kw-tekst);margin-top:64px}
.kw-voet__kop{font:800 1rem/1.2 var(--kw-kop);color:var(--kw-inkt)}
.kw-voet a{color:var(--kw-tekst)}
.kw-voet a:hover{color:var(--kw-inkt)}
.kw-voet .kw-logo--beeld img{height:66px}
.kw-voet__onder{border:0;color:#CFC6DA;background:var(--bb-donker);box-shadow:0 0 0 100vmax var(--bb-donker);clip-path:inset(0 -100vmax);padding-top:18px;padding-bottom:26px}