.brands__grid.v4{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
@media(min-width:900px){.brands__grid.v4{grid-template-columns:1.3fr 1fr 1fr!important}}
.v4b{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;color:#0F0F0F;text-align:left}
.v4b__media{position:relative;aspect-ratio:4/5;overflow:hidden}
.v4b__photo{width:100%;height:100%;object-fit:cover}
.v4b__ph{width:100%;height:100%;display:grid;place-items:center}.v4b__ph img{width:56%;height:auto;border-radius:16px}
.v4b__status,.v4b__fit{position:absolute;left:14px;padding:8px 12px;border-radius:999px;font:600 13px/1 'DM Sans',system-ui,sans-serif}
.v4b__status{top:14px;background:rgba(255,255,255,.94);color:#0F0F0F}.v4b__status.is-open{background:#C8F542}
.v4b__fit{bottom:14px;background:#C8F542;color:#0F0F0F}
.v4b__body{display:flex;flex-direction:column;gap:12px;padding:20px 20px 24px;flex:1}
.v4b__top{display:flex;align-items:center;gap:12px}
.v4b__top h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif!important;font-weight:800!important;text-transform:uppercase;font-size:30px!important;line-height:.95!important;margin:0}
.v4b__logo{width:38px;height:38px;border-radius:10px;object-fit:cover}
.v4b__hl{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#0F0F0F;color:#C8F542;font:600 13px/1 'DM Sans',system-ui,sans-serif}
.v4b__tag{font-size:15px;color:#55534E;margin:0}
.v4b__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:16px;border-top:1px solid rgba(15,15,15,.14)}
.v4b__stats b{display:block;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;text-transform:uppercase;font-size:26px;line-height:1}
.v4b__stats span{display:block;font-size:13px;color:#55534E;margin-top:4px}
.v4b__more{font-weight:600;color:#0F0F0F;margin-top:auto}
.v4b__media{aspect-ratio:4/3}
@media(min-width:900px){.v4b__media{aspect-ratio:1/1}}
.v4b__ph img{width:44%}
.v4b{border:1px solid rgba(15,15,15,.14)}
.v4b__fit{left:auto;right:14px;background:rgba(255,255,255,.94);color:#0F0F0F}
.v4b__hl{background:#0F0F0F;color:#fff}
.v4b__status.is-open{display:inline-flex;align-items:center;gap:7px;background:#0F0F0F;color:#fff}
.v4b__status.is-open::before{content:"";width:8px;height:8px;border-radius:50%;background:#C8F542;box-shadow:0 0 0 3px rgba(200,245,66,.25)}
.v4b__logo{display:block!important}.v4b__top{justify-content:flex-start}.v4b__top h3{text-align:left}
.v4b__hl i{font-style:normal;color:#C8F542}
.v4b__ph--full img{width:100%!important;height:100%!important;object-fit:contain;border-radius:0!important;box-sizing:border-box}
.v4b__media,.v4b__media{aspect-ratio:5/4!important}
@media(min-width:900px){.v4b__media{aspect-ratio:5/4!important}}
section .eyebrow{display:none!important}
.benefit,.benefit:hover{box-shadow:none!important;transform:none!important}
.chips.chips--center{display:none!important}
/* Thunderbuns-stijl overgenomen: knoppen + FAQ zwart */
.btn{border-radius:999px!important;font-family:'Barlow Condensed',sans-serif!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important;box-shadow:none!important}
.btn .arrow{display:none!important}
.btn--primary,.btn--primary:hover{background:#C8F542!important;color:#0F0F0F!important}
.btn--ghost,.btn--ghost:hover{background:#fff!important;color:#0F0F0F!important;border:0!important}
#faq{margin:12px!important;border-radius:36px!important;background:#0F0F0F!important;color:#fff!important}
#faq h2,#faq h3,#faq summary,#faq button,#faq .faq__q{color:#fff!important}
#faq p,#faq .faq__a{color:rgba(255,255,255,.78)!important}
#faq [class*="faq__item"]{border-color:rgba(255,255,255,.18)!important;background:transparent!important}
#faq .faq__a-inner,#faq .faq__a-inner *{color:rgba(255,255,255,.78)!important}
#faq h2 .italic{color:#0F0F0F!important;background:#C8F542!important;padding:0 .12em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#faq h2 .italic .italic,#faq h2 .italic span{background:none!important;padding:0!important;border-radius:0!important}
/* ruimte rond ronde blokken + kaartrondingen */
#faq{margin:40px 12px!important}
@media(min-width:900px){#faq{margin:64px 16px!important}}
.v4b,.benefit,.step,.pipeline__step,.contact__card,.bento-kpi__cell{border-radius:24px!important}
.v4b{overflow:hidden}
/* v4: rondere kaarten */
.v4b,.benefit,.step,.pipeline__step,.contact__card,.bento-kpi__cell{border-radius:32px!important}
.v4b__logo{border-radius:12px!important}
#faq{border-radius:44px!important}
.contact__grid input,.contact__grid textarea,.contact__grid select{border-radius:16px!important}
/* ghost-knop: zwart omlijnd op lichte secties, wit alleen op donker */
.btn--ghost,.btn--ghost:hover{background:transparent!important;color:#0F0F0F!important;box-shadow:inset 0 0 0 2px #0F0F0F!important}
.hero .btn--ghost,.hero .btn--ghost:hover,#faq .btn--ghost,#faq .btn--ghost:hover{background:#fff!important;color:#0F0F0F!important;box-shadow:none!important}
/* hero-tekst als versie 5 */
.hero__eyebrow,.hero__ticker{display:none!important}
.hero h1,.hero .hero__title{font-size:clamp(44px,13.4vw,200px)!important;line-height:.86!important;letter-spacing:-.01em}
.hero__sub{max-width:38ch}
/* hero fix: strakke regels, geen onderstreping, sticker in flow */
.hero__title,.hero__title-line,.hero__title-line>*,.hero__title em{line-height:.88!important}
.hero__title-line{display:block!important;margin:0!important;padding:0!important}
.hero__title em{position:relative;display:inline-block}.hero__title em::after{display:block!important;background:#C8F542!important}
.hero .v5stk{position:static!important;display:inline-block;transform:rotate(-4deg);margin:0 0 22px 2px;transform-origin:left center}
/* desktop hero fix */
.hero__inner{display:flex!important;flex-direction:column!important;align-items:flex-start!important;grid-template-columns:none!important}
.hero__inner>*{max-width:100%}
.hero h1,.hero .hero__title{font-size:min(13.4vw,150px)!important;width:100%}
.hero .v5stk{align-self:flex-start;font-size:clamp(16px,1.8vw,22px)!important}
.hero__cta{display:flex!important;flex-wrap:wrap;gap:10px}
@media(min-width:900px){.hero__title-line,.hero__title-line *,.hero__title em{font-size:1em!important}}
/* hero als 5: tekst onderaan, schermvullend incl. iPhone-adresbalk */
.hero{min-height:100lvh!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
.hero__inner{width:100%;padding-top:120px!important;padding-bottom:48px!important}
@media(min-width:900px){.brands__grid.v4{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch}}
/* alle merkkaarten gelijk */
.brands__grid.v4>.v4b{height:100%}
.v4b__media{aspect-ratio:5/4!important;height:auto!important;flex:none!important}
.v4b__stats{margin-top:auto}
.v4b__more{margin-top:0}
.v4b:not(:has(.v4b__more)) .v4b__body::after{content:"";display:block;height:24px}
/* Meer info als pil op de foto, kaarten gelijk */
.v4b:not(:has(.v4b__more)) .v4b__body::after{display:none!important}
.v4b{position:relative}
.v4b__more{position:absolute!important;top:14px;right:14px;margin:0!important;display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;background:#0F0F0F;color:#fff!important;font:800 14px/1 'Barlow Condensed',sans-serif!important;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;z-index:2}
.v4b__more:hover{background:#C8F542;color:#0F0F0F!important}
.v4b__more::after{content:"";position:fixed;inset:0;display:none}
.v4b:has(.v4b__more){cursor:pointer}
.v4b__stats{margin-top:auto!important}
/* Meer info terug onder de cijfers; desktop: Chickito in het midden uitgelicht */
.v4b__more{position:static!important;height:auto;padding:0;background:none!important;color:#0F0F0F!important;font:600 15px/1.2 'DM Sans',sans-serif!important;text-transform:none;letter-spacing:0;margin-top:0!important}
.v4b__more:hover{text-decoration:underline;text-underline-offset:3px}
@media(min-width:900px){
.brands__grid.v4{align-items:stretch!important}
.v4b[data-id="pasta"]{order:1}.v4b[data-id="chickito"]{order:2}.v4b[data-id="crave"]{order:3}
.v4b[data-id="pasta"],.v4b[data-id="crave"]{margin:32px 0!important;height:auto!important}
.v4b[data-id="chickito"]{border:2px solid #0F0F0F!important;box-shadow:0 0 0 6px #C8F542!important;z-index:1}
.v4b[data-id="chickito"] .v4b__body{padding:24px 24px 28px}
}
@media(min-width:900px){.v4b[data-id="chickito"]{box-shadow:none!important}}
@media(min-width:900px){.v4b[data-id="chickito"]{border:1px solid rgba(15,15,15,.14)!important}}
@media(max-width:560px){.hero__cta{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:10px!important}.hero__cta>*{width:100%!important;justify-content:center!important}}
/* lijn lager + sticker hoog zoals eerste versie (mobiel) */
.hero__title em::after{bottom:-.12em!important}
@media(max-width:700px){.hero__sub{text-wrap:balance}.hero{padding:0!important;justify-content:flex-start!important}.hero__inner{padding-top:160px!important;padding-bottom:48px!important}.hero .hero__title,.hero .hero__title-line,.hero .hero__title-line *,.hero .hero__title em{font-size:16.6vw!important;line-height:.92!important}.hero .hero__title{margin-bottom:0!important}.hero .v5stk{margin-bottom:6px!important}.hero__sub{margin-top:26px!important}.hero__sub{margin-bottom:0!important;padding-bottom:0!important}.hero__cta{margin-top:24px!important;padding-top:0!important}}
@media(max-width:700px){.hero{min-height:calc(100lvh - 60px)!important}}
@media(hover:none){.pipeline__card:not(.pipeline__card--accent):hover{border-color:rgba(255,255,255,.25)!important;background:transparent!important}}