/* VadiEggs website - gedeelde stijl
   Kleuren: wit, Yolk Gold #F5C200, zwart als accent. Koppen Fredoka, tekst Nunito. */
@font-face{font-family:'Fredoka';font-weight:600;font-display:swap;src:url(fonts/fredoka-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Fredoka';font-weight:700;font-display:swap;src:url(fonts/fredoka-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-weight:400;font-display:swap;src:url(fonts/nunito-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-weight:600;font-display:swap;src:url(fonts/nunito-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-weight:700;font-display:swap;src:url(fonts/nunito-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/fraunces-latin-400-italic.woff2) format('woff2')}

:root{
  color-scheme:light;
  --yolk:#F5C200;--yolk-deep:#E3B000;--cream:#FFF3CF;--soft:#FFF1B8;
  --ink:#161616;--white:#fff;--warm:#F6F6F4;--line:#ECE7D8;--muted:#55534C;
  --head:'Fredoka','Arial Rounded MT Bold',Arial,sans-serif;
  --body:'Nunito',Arial,sans-serif;
  --serif:'Fraunces',Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--head);font-weight:600;letter-spacing:-.01em;line-height:1.08;margin:0;text-wrap:balance}
p{margin:0 0 1em}
.in{max-width:1160px;margin:0 auto;padding-inline:20px}
.narrow{max-width:780px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;z-index:50}
.skip:focus{left:8px}

/* knoppen */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 17px/1 var(--body);text-decoration:none;color:var(--white);background:var(--ink);padding:17px 26px;border-radius:12px;border:2px solid var(--ink);cursor:pointer;transition:background .15s,color .15s}
.btn:hover{background:#3A3A3A;border-color:#3A3A3A}
.btn svg{width:18px;height:18px;flex:none}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--white)}
.btn.yolk{background:var(--yolk);border-color:var(--yolk);color:var(--ink)}
.btn.yolk:hover{background:var(--yolk-deep);border-color:var(--yolk-deep)}
.btn:focus-visible,.navlinks a:focus-visible,.chip:focus-visible,.go:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pill{display:inline-block;font:700 14px/1 var(--body);background:var(--ink);color:var(--yolk);padding:9px 15px;border-radius:999px}
.pill.light{background:var(--white);color:var(--ink)}

/* ---------- KOPBALK + NAVIGATIE ---------- */
.bar{background:var(--yolk);position:relative;z-index:20}
.bar .in{display:flex;align-items:center;gap:20px;padding-block:12px}
.logo img{width:clamp(130px,13vw,170px);filter:drop-shadow(0 2px 3px rgba(110,70,0,.35)) drop-shadow(0 0 1px rgba(110,70,0,.25))}
.nav{margin-left:auto;display:flex;align-items:center;gap:8px}
.navlinks{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.navlinks a{display:block;font:700 16px/1 var(--body);text-decoration:none;padding:12px 12px;border-radius:999px}
.navlinks a:hover{background:rgba(255,255,255,.45)}
.navlinks a[aria-current="page"]{background:var(--white)}
.nav .btn{padding:13px 18px;font-size:16px;margin-left:6px}
.menu-btn{display:none;margin-left:auto;background:var(--ink);color:var(--white);border:0;border-radius:12px;padding:12px 14px;font:700 15px/1 var(--body);align-items:center;gap:8px;cursor:pointer}
.menu-btn svg{width:20px;height:20px}
.barwave{display:block;width:100%;height:clamp(22px,3.4vw,46px);margin-top:-1px;position:relative;z-index:19}
@media (max-width:1020px){
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--yolk);flex-direction:column;align-items:stretch;padding:4px 20px 22px;gap:6px;box-shadow:0 18px 24px rgba(80,50,0,.18)}
  .nav.open{display:flex}
  .navlinks{flex-direction:column}
  .navlinks a{font-size:19px;padding:14px 14px}
  .nav .btn{margin:8px 0 0}
}

/* ---------- PAGINA-KOP ---------- */
.pagehead{text-align:center;padding-block:clamp(20px,3.5vw,48px) clamp(26px,4vw,48px)}
.pagehead h1{font-size:clamp(44px,7vw,92px);margin-bottom:22px}
.pagehead p{max-width:720px;margin:0 auto;font-size:clamp(18px,1.8vw,21px)}
.pagehead .btns{justify-content:center;margin-top:28px}
.kicker{display:inline-block;margin-bottom:16px}

/* ---------- HERO (home) ---------- */
.hero{display:grid;grid-template-columns:1fr;gap:clamp(30px,4vw,60px);align-items:center;padding-block:clamp(16px,3vw,40px) clamp(48px,6vw,80px)}
.hero h1{font-size:clamp(46px,6.6vw,92px);margin:16px 0 22px}
.hero p.lead{font-size:clamp(18px,1.9vw,22px);max-width:540px;margin-bottom:28px}
.hero-vis{position:relative;justify-self:center;width:min(100%,560px)}
.hero-vis .photo{border-radius:44% 56% 48% 52% / 52% 44% 56% 48%;aspect-ratio:1/1;object-fit:cover;width:100%;border:10px solid var(--white);box-shadow:0 26px 40px rgba(80,50,0,.25)}
.hero-vis .blob{position:absolute;inset:6% -4% -4% 6%;background:var(--yolk);border-radius:52% 48% 44% 56% / 46% 54% 46% 54%;z-index:-1}
.hero-vis .stamp{position:absolute;left:-4%;bottom:2%;width:clamp(110px,13vw,150px)}
@media (min-width:860px){.hero{grid-template-columns:1.05fr 1fr}}

/* ---------- KEURMERK ---------- */
.stamp{background:var(--white);border-radius:50%;padding:6px;box-shadow:0 10px 22px rgba(0,0,0,.2);transform:rotate(-10deg);z-index:2}

/* ---------- GELE BAND MET GOLVEN ---------- */
.band{position:relative;background:var(--yolk);padding-block:clamp(84px,9vw,130px) clamp(90px,10vw,140px)}
.wave{position:absolute;left:0;width:100%;height:clamp(40px,6vw,90px);display:block;fill:var(--white)}
.wave.top{top:-1px}
.wave.bot{bottom:-1px}
.band h2.title,.sec h2.title{text-align:center;font-size:clamp(38px,5.4vw,68px);margin-bottom:clamp(30px,4.5vw,56px)}
.sec{padding-block:clamp(56px,7vw,100px)}
.sec.tight{padding-block:clamp(36px,5vw,64px)}
.sec .sub{text-align:center;max-width:680px;margin:-26px auto clamp(30px,4vw,48px);color:var(--muted)}

/* productrijen */
.row{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:clamp(56px,7vw,90px)}
.row:last-child{margin-bottom:0}
.row-txt{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.row h3{font-size:clamp(34px,4.4vw,56px)}
.row p{margin:0;font-size:clamp(17px,1.6vw,20px);max-width:470px}
.vis{position:relative;display:flex;justify-content:center}
.pic{position:relative}
.vis-six .pic{width:min(100%,500px)}
.vis-twelve .pic{width:min(86%,390px)}
.cutout{width:100%;transform:rotate(-6deg);filter:drop-shadow(0 26px 30px rgba(80,50,0,.35)) drop-shadow(0 6px 8px rgba(80,50,0,.18))}
.circle{width:100%;aspect-ratio:1/1;border-radius:50%;object-fit:cover;border:10px solid var(--white);box-shadow:0 26px 40px rgba(80,50,0,.3)}
.vis .stamp{position:absolute;width:clamp(110px,13.5vw,152px)}
.vis-six .stamp{left:-2%;bottom:-6%}
.vis-twelve .stamp{right:-6%;bottom:-6%}
@media (min-width:760px){.row{grid-template-columns:1fr 1fr}.row.flip .vis{order:-1}}

/* specificaties */
.specs{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;width:100%;max-width:470px}
.specs li{display:flex;justify-content:space-between;gap:16px;background:rgba(255,255,255,.6);border-radius:12px;padding:10px 14px;font-size:16px}
.specs li b{font-weight:700}

/* beloftes */
.promise{text-align:center;margin-top:clamp(56px,7vw,90px)}
.promise h2{font-size:clamp(26px,3vw,36px);margin-bottom:18px}
.promise ul{list-style:none;margin:0 auto;max-width:840px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.promise li{display:inline-flex;align-items:center;gap:8px;background:var(--white);border-radius:999px;padding:10px 16px 10px 11px;font-size:16px;font-weight:600}
.promise li svg{flex:none;width:22px;height:22px}
.check{stroke:var(--ink)}
.flag{flex:none;width:24px;height:16px;border-radius:3px}

/* ---------- KAARTEN ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:var(--warm);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px}
.card h3{font-size:clamp(24px,2.4vw,30px)}
.card p{margin:0;color:var(--muted)}
.card .more{margin-top:auto;padding-top:8px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.card .more svg{width:16px;height:16px}
.card.yolk{background:var(--yolk)}
.card.yolk p{color:var(--ink)}
.card .ico{width:54px;height:54px;border-radius:50%;background:var(--yolk);display:grid;place-items:center}
.card.yolk .ico{background:var(--white)}
.card .ico svg{width:28px;height:28px}
a.card{text-decoration:none;transition:transform .15s}
a.card:hover{transform:translateY(-3px)}

/* blogkaarten */
.post{background:var(--warm);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .15s}
.post:hover{transform:translateY(-3px)}
.post .thumb{aspect-ratio:16/10;background:var(--yolk);display:grid;place-items:center;overflow:hidden}
.post .thumb img{width:100%;height:100%;object-fit:cover}
.post .thumb svg{width:64px;height:64px}
.post .txt{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px}
.post .meta{font-size:14px;color:var(--muted);font-weight:600}
.post h3{font-size:24px}
.post p{margin:0;color:var(--muted);font-size:16px}

/* ---------- SPLIT (tekst + beeld) ---------- */
.split{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,64px);align-items:center}
.split h2{font-size:clamp(34px,4.4vw,56px);margin-bottom:18px}
.split .roundimg{border-radius:32px;width:100%;object-fit:cover;aspect-ratio:4/3}
@media (min-width:860px){.split{grid-template-columns:1fr 1fr}.split.flip>:first-child{order:2}}
.ph{position:relative;border-radius:32px;aspect-ratio:4/3;background:var(--warm);border:2px dashed #D9D2BE;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;color:var(--muted);font-weight:600;font-size:16px}
.ph svg{width:46px;height:46px}

/* ---------- ZOEKBALK (home + verkooppunten) ---------- */
.search{position:relative;display:block;max-width:700px;margin:0 auto 18px}
.search input{width:100%;font:400 18px var(--body);color:var(--ink);background:var(--white);border:2px solid var(--ink);border-radius:12px;padding:18px 56px 18px 20px;outline:none}
.search input:focus{box-shadow:0 0 0 4px var(--yolk)}
.search button,.search svg.s{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
.search button{background:var(--ink);border:0;border-radius:9px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}
.search button svg{width:22px;height:22px;stroke:var(--white)}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}
.chip{font:600 16px var(--body);padding:12px 20px;border-radius:999px;border:0;background:var(--warm);color:var(--ink);cursor:pointer;text-decoration:none;transition:background .15s}
.chip:hover{background:var(--line)}
.chip[aria-pressed="true"]{background:var(--yolk)}
.board{display:grid;grid-template-columns:1fr;gap:20px}
.panel{background:var(--white);padding:0 4px 8px}
.region{padding:24px 4px 12px;font:700 24px var(--head);display:flex;align-items:center;gap:10px}
.region::before,.egg::before{content:"";flex:none;width:14px;height:17px;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;background:var(--yolk)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.store{background:var(--warm);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:4px}
.store h3{font-size:19px;line-height:1.2}
.store p{margin:0 0 12px;font-size:15px;color:var(--muted);line-height:1.4}
.store.sf{background:var(--soft);box-shadow:inset 0 0 0 2px #F0D97A}
.store .star{display:inline-flex;align-items:center;gap:6px;font:700 13px/1 var(--body);color:#8A6200;margin-bottom:4px}
.store .star svg{width:14px;height:14px;fill:#C98F00}
.go{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font:600 14px/1 var(--body);text-decoration:none;color:var(--ink);background:var(--yolk);padding:11px 14px;border-radius:999px}
.go:hover{background:var(--yolk-deep)}
.go svg{width:15px;height:15px;stroke:var(--ink)}
.empty{padding:56px 20px;text-align:center;color:var(--muted)}
#map{height:640px;border-radius:24px;z-index:0;position:sticky;top:20px}
.pin{width:24px;height:24px;border-radius:50% 50% 50% 0;background:var(--yolk);border:3px solid var(--ink);transform:rotate(-45deg)}
.note{display:inline-flex;align-items:center;gap:10px;background:var(--warm);border-radius:999px;padding:12px 18px;font-size:15px;line-height:1.35;text-align:left}
.note svg{flex:none;width:18px;height:18px}
@media (min-width:960px){.board.has-map{grid-template-columns:1.3fr 1fr;align-items:start}}
@media (max-width:600px){#map{height:420px;position:relative;top:0}.grid{grid-template-columns:1fr}}

/* ---------- ARTIKEL / PROZA ---------- */
.prose{font-size:19px}
.prose h2{font-size:clamp(28px,3.2vw,38px);margin:1.6em 0 .6em}
.prose h3{font-size:24px;margin:1.4em 0 .5em}
.prose ul,.prose ol{padding-left:1.2em;margin:0 0 1.2em}
.prose li{margin-bottom:.4em}
.prose li::marker{color:#C98F00}
.prose .tip{background:var(--soft);border-radius:20px;padding:20px 24px;margin:1.6em 0}
.prose .tip p:last-child{margin:0}
.prose table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:17px}
.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.prose th{font-family:var(--head);font-weight:600}
.articlehead{text-align:center;padding-block:clamp(16px,3vw,40px) clamp(20px,3vw,32px)}
.articlehead h1{font-size:clamp(38px,5.6vw,70px);margin:14px 0 16px}
.articlehead .meta{color:var(--muted);font-weight:600;font-size:15px}
.articleimg{border-radius:32px;width:100%;aspect-ratio:16/8;object-fit:cover;margin-bottom:clamp(28px,4vw,48px)}
.back{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;font-size:16px}
.back svg{width:16px;height:16px}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:12px}
.faq details{background:var(--warm);border-radius:20px;padding:0 24px}
.faq details[open]{background:var(--soft)}
.faq summary{list-style:none;cursor:pointer;padding:22px 0;font:600 21px/1.25 var(--head);display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;background:var(--white);display:grid;place-items:center;font:700 22px/1 var(--body)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 22px;font-size:17px}
.faqgroup{font-size:clamp(26px,3vw,34px);margin:clamp(36px,5vw,56px) 0 16px}
.faqgroup:first-child{margin-top:0}

/* ---------- FORMULIER ---------- */
.form{display:grid;gap:16px}
.form label{display:grid;gap:6px;font-weight:700;font-size:16px}
.form input,.form select,.form textarea{font:400 17px var(--body);color:var(--ink);background:var(--white);border:2px solid #D9D2BE;border-radius:12px;padding:14px 16px;width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px var(--yolk)}
.form textarea{min-height:150px;resize:vertical}
.form .two{display:grid;gap:16px}
@media (min-width:640px){.form .two{grid-template-columns:1fr 1fr}}
.hp{position:absolute;left:-9999px}
.contactbox{background:var(--yolk);border-radius:28px;padding:clamp(26px,4vw,40px)}
.contactbox h2{font-size:clamp(30px,3.4vw,42px);margin-bottom:12px}
.clist{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
.clist a,.clist span{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700}
.clist svg{width:22px;height:22px;flex:none}
.clist small{display:block;font-weight:400;font-size:14px}

/* ---------- INSTAGRAM ---------- */
.insta{padding-block:clamp(56px,7vw,96px) clamp(40px,5vw,64px)}
.insta-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}
.insta-head h2{font-size:clamp(34px,4.4vw,56px)}
.insta-head p{margin:6px 0 0;color:var(--muted)}
.igrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.igrid a{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:1/1;background:var(--yolk)}
.igrid img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.igrid a:hover img{transform:scale(1.05)}
.igrid .ig{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.9);display:grid;place-items:center}
.igrid .ig svg{width:18px;height:18px}
@media (min-width:760px){.igrid{grid-template-columns:repeat(4,1fr)}}

/* ---------- AFSLUITER + FOOTER ---------- */
.banner{position:relative;overflow:hidden;background:var(--yolk);border-radius:28px;padding:clamp(28px,4vw,48px) clamp(24px,5vw,60px);display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
.slogan{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.8vw,32px);line-height:1.3}
.slogan strong{font-family:var(--head);font-style:normal;font-weight:700}
.slogan .flag{display:inline-block;vertical-align:-1px;margin-left:8px;width:30px;height:20px}
.banner-cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.banner-cta span{font-size:16px;line-height:1.4}
@media (min-width:960px){.banner{grid-template-columns:1.6fr 1fr}.banner-cta{align-items:flex-end;text-align:right}}
.foot{background:var(--ink);color:#EDEDED;margin-top:clamp(48px,6vw,80px);padding-block:clamp(44px,5vw,64px) 28px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--yolk)}
.fgrid{display:grid;grid-template-columns:1fr;gap:32px}
.foot .flogo{width:150px;margin-bottom:14px}
.foot h4{font:600 18px var(--head);color:var(--yolk);margin-bottom:12px}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:16px}
.social{display:flex;gap:10px;margin-top:16px}
.social a{width:42px;height:42px;border-radius:50%;background:#2A2A2A;display:grid;place-items:center}
.social a:hover{background:var(--yolk)}
.social a:hover svg{fill:var(--ink)}
.social svg{width:20px;height:20px;fill:#fff}
.copy{border-top:1px solid #333;margin-top:36px;padding-top:20px;font-size:14px;color:#AFAFAF;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
@media (min-width:760px){.fgrid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}

/* WhatsApp-knop rechtsonder */
.wa{position:fixed;right:18px;bottom:18px;z-index:30;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.wa svg{width:30px;height:30px;fill:#fff}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* lijstjes met vinkjes (zakelijk) */
.specs li svg{width:22px;height:22px;flex:none}
.specs li.ck{justify-content:flex-start;align-items:center;font-weight:700}
.note{max-width:100%}

/* compacte winkelkaarten op de telefoon: Maps-knop rechts als rond icoon */
@media (max-width:600px){
  .grid{gap:8px}
  .store{position:relative;padding:14px 76px 14px 16px;border-radius:16px;gap:2px}
  .store p{margin:0;font-size:14px}
  .store h3{font-size:18px}
  .go{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:48px;height:48px;padding:0;justify-content:center;border-radius:50%;font-size:0;gap:0}
  .go svg{width:21px;height:21px}
  .region{font-size:22px;padding-top:20px}
}

/* ---------- RECEPT ---------- */
.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.facts span{display:inline-flex;align-items:center;gap:7px;background:var(--warm);border-radius:999px;padding:9px 14px;font-weight:700;font-size:15px}
.facts svg{width:17px;height:17px}
.recipe{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,48px);align-items:start}
.recipe h2{font-size:clamp(26px,3vw,34px);margin-bottom:16px}
.ingr{background:var(--soft);border-radius:24px;padding:26px 26px 18px}
.ingr ul{list-style:none;margin:0;padding:0}
.ingr li{padding:9px 0 9px 26px;border-bottom:1px solid #F0DF9A;position:relative;font-size:17px}
.ingr li:last-child{border-bottom:0}
.ingr li::before{content:"";position:absolute;left:2px;top:15px;width:11px;height:13px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--yolk);box-shadow:0 0 0 1.5px var(--ink)}
.steps ol{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:18px}
.steps li{counter-increment:s;position:relative;padding-left:54px;font-size:18px}
.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:38px;height:38px;border-radius:50%;background:var(--yolk);display:grid;place-items:center;font:700 18px var(--head)}
@media (min-width:860px){.recipe{grid-template-columns:.85fr 1.15fr}.ingr{position:sticky;top:20px}}

/* ---------- KIPPENPOOTJES over de golven ---------- */
.band{overflow:visible}
.trail{position:absolute;left:0;right:0;height:300px;pointer-events:none;z-index:1}
.trail.t{top:-150px}
.trail.b{bottom:-150px}
.trail svg{position:absolute;width:38px;height:38px;fill:none;stroke:var(--ink);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;opacity:.22}
.band .in{position:relative;z-index:2}
@media (max-width:700px){.trail svg{width:28px;height:28px}}

/* ---------- EMANATA (stralende streepjes) ---------- */
.ema{position:absolute;width:clamp(36px,3.8vw,50px);height:auto;fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;z-index:3;pointer-events:none;opacity:.8}
.ema.light{stroke:#fff;opacity:1}
.e-hero{right:6%;top:-7%;transform:rotate(18deg)}
.e-six{left:4%;top:-14%;transform:rotate(-28deg)}
.e-twelve{right:0;top:-6%;transform:rotate(24deg)}

/* ---------- AANTEKENING bij de dooier ---------- */
.anno-arrow{position:absolute;inset:0;width:100%;height:100%;z-index:3;fill:none;overflow:visible;pointer-events:none}
.anno-arrow path{stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:0 7;vector-effect:non-scaling-stroke}
.anno-arrow path.head{stroke-dasharray:none;stroke-linejoin:round}
.anno{position:absolute;right:-6%;top:-3%;z-index:3;font:700 clamp(18px,1.9vw,24px)/1.05 var(--head);transform:rotate(-6deg);background:var(--white);padding:8px 12px;border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,.12)}
@media (max-width:600px){.anno{right:0;top:-6%}.e-hero{right:auto;left:4%}.e-six{top:-4%;left:0}}

/* ---------- EIERKOOKWEKKER ---------- */
.kwteaser{position:relative;background:var(--warm);border-radius:32px;padding:clamp(26px,4vw,48px);display:grid;gap:clamp(20px,3vw,40px);align-items:center}
.kwteaser h2{font-size:clamp(30px,3.8vw,48px);margin:14px 0 10px}
.kwteaser p{color:var(--muted);max-width:520px}
.kwyolks{display:flex;justify-content:center;gap:4px}
.kwyolks svg{width:clamp(80px,9vw,120px);height:auto;filter:drop-shadow(0 8px 10px rgba(80,50,0,.15))}
.kwyolks svg:nth-child(2){transform:translateY(-14px)}
@media (min-width:860px){.kwteaser{grid-template-columns:1fr 1.1fr}}
.kw{display:grid;gap:clamp(28px,4vw,56px);align-items:start}
@media (min-width:900px){.kw{grid-template-columns:1.15fr 1fr}}
.kwchoose fieldset{border:0;margin:0;padding:0}
.kwchoose legend,.kwcold span{font:600 clamp(22px,2.4vw,28px)/1.2 var(--head);margin-bottom:16px;padding:0}
.kwopts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kwopt{position:relative;cursor:pointer;background:var(--warm);border-radius:24px;padding:18px 10px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;border:3px solid transparent;transition:background .15s,border-color .15s}
.kwopt:hover{background:var(--line)}
.kwopt input{position:absolute;opacity:0;pointer-events:none}
.kwopt svg{width:clamp(64px,8vw,92px);height:auto}
.kwopt b{font:600 22px var(--head);margin-top:4px}
.kwopt span{font-size:14px;color:var(--muted);line-height:1.35}
.kwopt:has(input:checked){background:var(--soft);border-color:var(--yolk)}
.kwopt:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:3px}
.kwcold{display:flex;align-items:center;gap:14px;margin-top:22px;cursor:pointer;background:var(--warm);border-radius:20px;padding:16px 20px}
.kwcold input{width:26px;height:26px;accent-color:var(--ink);flex:none}
.kwcold span{font-size:clamp(18px,1.9vw,21px);margin:0}
.kwcold small{font:400 16px var(--body);color:var(--muted)}
.kwclock{background:var(--yolk);border-radius:32px;padding:clamp(24px,3vw,36px);text-align:center;position:sticky;top:20px}
.kwring{position:relative;width:min(100%,300px);margin:0 auto 22px}
.kwring svg{width:100%;height:auto;transform:rotate(-90deg)}
.kwring circle{fill:none;stroke-width:14}
.kwring .bg{stroke:rgba(255,255,255,.55)}
.kwring .fg{stroke:var(--ink);stroke-linecap:round;transition:stroke-dashoffset .25s linear}
.kwread{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.kwread span{font:700 clamp(56px,7vw,76px)/1 var(--head);font-variant-numeric:tabular-nums}
.kwread small{font-weight:700;font-size:16px;margin-top:6px}
.kwclock .btn.ghost{border-color:var(--ink)}
.kwdone{margin-top:20px;background:var(--white);border-radius:18px;padding:16px 18px;font-size:17px;text-align:left}
.kwhint{margin:18px 0 0;font-size:14px}
@media (max-width:520px){.kwopts{gap:8px}.kwopt{padding:14px 6px 16px}.kwopt span{font-size:13px}}

/* ---------- ZWEVENDE EIEREN (zoals Happy Egg) ---------- */
.fegg{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 18px 18px rgba(80,50,0,.28))}
.fegg svg{width:100%;height:auto;display:block}
.fe1{left:3%;top:-46px;width:clamp(64px,7vw,104px);transform:rotate(-18deg)}
.fe2{right:4%;bottom:-40px;width:clamp(58px,6vw,92px);transform:rotate(14deg)}
@media (max-width:700px){.fe1{top:-30px;left:2%}.fe2{bottom:-26px}}

/* ---------- CIJFERS (zoals eggs.ca) ---------- */
.stats{padding-bottom:clamp(20px,3vw,40px)}
.stats-head{position:relative;display:flex;justify-content:center;align-items:center;gap:20px}
.stats-head .title{margin-bottom:clamp(26px,4vw,48px)}
.seal{width:clamp(96px,10vw,132px);height:auto;flex:none;margin-top:-34px}
.seal .spin{transform-origin:100px 100px;animation:spin 22s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.statgrid{display:grid;grid-template-columns:1fr;border-top:2px solid var(--line)}
.stat{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px 4px;border-bottom:2px solid var(--line)}
.stat b{font:700 clamp(54px,6vw,76px)/1 var(--head);min-width:2.2ch;letter-spacing:-.02em}
.stat p{margin:0;font-size:17px;max-width:280px}
.stat svg{width:44px;height:44px}
.stat svg.flag{width:46px;height:31px;border-radius:5px}
@media (min-width:900px){.statgrid{grid-template-columns:repeat(4,1fr);border:0;gap:20px}
 .stat{grid-template-columns:1fr;border:0;background:var(--warm);border-radius:24px;padding:26px 24px;align-content:start}
 .stat svg{order:-1}}
@media (max-width:600px){.stats-head{flex-direction:column;gap:0}.seal{margin:-14px 0 18px}}

/* ---------- FOTOKADER met verschoven blok en stippen (zoals Happy Egg) ---------- */
.frame{position:relative;z-index:0}
.frame::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);background:var(--yolk);border-radius:32px;z-index:-1}
.frame.ink::before{background:var(--ink)}
.frame::after{content:"";position:absolute;left:-26px;bottom:-30px;width:90px;height:120px;z-index:-2;
  background-image:radial-gradient(var(--ink) 2.4px,transparent 2.6px);background-size:14px 14px;opacity:.5}
.frame.ink::after{background-image:radial-gradient(#fff 2.4px,transparent 2.6px);opacity:.75}
.frame .ph{background:var(--white)}

/* ---------- GEBOGEN KOP (zoals Happy Egg) ---------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.title.arch{margin-bottom:clamp(14px,2vw,24px)!important}
.title.arch svg{display:block;width:min(100%,780px);height:auto;margin:0 auto;overflow:visible}
.title.arch text{font:700 96px var(--head);fill:var(--ink);letter-spacing:-1px}

/* ---------- VLAGLINT boven de footer ---------- */
.ribbon{position:relative;height:56px;margin-top:clamp(48px,6vw,80px)}
.ribbon svg{display:block;width:100%;height:56px}
.ribbon .rstar{position:absolute;left:50%;top:28px;width:15px;height:15px;transform:translate(-50%,-50%)}
.ribbon + .foot{margin-top:0}
@media (prefers-reduced-motion:reduce){.seal .spin{animation:none}}

/* ---------- KOOKWEKKER 2.0 ---------- */
.kwchoose fieldset + fieldset{margin-top:26px}
.kwsmall{margin:-8px 0 12px;font-size:15px;color:var(--muted)}
.kwopts{grid-template-columns:repeat(3,1fr)}
.kwcustom{background:var(--yolk)}
.kwcustom:hover{background:var(--yolk-deep)}
.kwcustom span{color:var(--ink)!important}
.kwclockico{width:clamp(64px,8vw,92px);height:clamp(64px,8vw,92px);border-radius:50%;background:var(--white);display:grid;place-items:center}
.kwclockico svg{width:46%;height:46%}
.kwcustom:has(input:checked){background:var(--yolk);border-color:var(--ink)}
.kwsizes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.kwsizes label{cursor:pointer}
.kwsizes input{position:absolute;opacity:0;pointer-events:none}
.kwsizes span{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--warm);border:3px solid transparent;border-radius:999px;padding:10px 6px;font-size:13px;color:var(--muted);transition:background .15s}
.kwsizes b{font:700 22px/1 var(--head);color:var(--ink)}
.kwsizes label:hover span{background:var(--line)}
.kwsizes input:checked + span{background:var(--soft);border-color:var(--yolk);color:var(--ink)}
.kwsizes input:focus-visible + span{outline:3px solid var(--ink);outline-offset:2px}
.kwcustomset{margin-top:26px;display:grid;gap:12px}
.kwlegend{font:600 clamp(22px,2.4vw,28px)/1.2 var(--head);margin:0 0 4px}
.kwstep{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--warm);border-radius:20px;padding:12px 14px}
.kwstep span{font-size:17px}
.kwstep b{font:700 40px/1 var(--head);font-variant-numeric:tabular-nums;margin-right:4px}
.kwstep button{width:52px;height:52px;border-radius:50%;border:0;background:var(--yolk);font:700 28px/1 var(--body);cursor:pointer;color:var(--ink)}
.kwstep button:hover{background:var(--yolk-deep)}
.kwtitle{font:600 clamp(24px,2.6vw,30px)/1.1 var(--head);margin:0 0 16px}
.kwbtns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.kwbtns .btn{font-variant-numeric:tabular-nums}
.kwsteps{text-align:left;background:rgba(255,255,255,.55);border-radius:20px;padding:18px 20px;margin-top:20px}
.kwsteps h3{font-size:20px;margin-bottom:12px}
.kwsteps ol{list-style:none;counter-reset:k;margin:0;padding:0;display:grid;gap:10px}
.kwsteps li{counter-increment:k;position:relative;padding-left:40px;font-size:16px;line-height:1.45}
.kwsteps li::before{content:counter(k);position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:50%;background:var(--white);display:grid;place-items:center;font:700 15px var(--head)}
.kwclock{position:static}
[hidden]{display:none!important}
.kwsizes span{white-space:nowrap}
@media (max-width:520px){.kwsizes span{font-size:11px;padding:9px 2px}.kwsizes b{font-size:20px}}

/* ---------- EERLIJK GEWOGEN ---------- */
.lead2{font-size:clamp(18px,1.8vw,21px)}
.eerlijk{display:inline-block;font:700 clamp(26px,3vw,36px)/1.1 var(--head);background:var(--yolk);padding:8px 18px;border-radius:16px;transform:rotate(-2deg);margin:4px 0 22px}
.weeg{position:relative;padding-block:clamp(56px,7vw,100px);overflow:hidden}
.weeg h2{font-size:clamp(34px,4.6vw,58px);margin:16px 0 18px}
.kip-peek{position:absolute;left:0;bottom:0;width:clamp(110px,13vw,190px);height:auto;z-index:0;pointer-events:none}
.weeg .in{position:relative;z-index:1}
@media (max-width:860px){.kip-peek{display:none}}
.scalebox{display:flex;flex-direction:column;align-items:center;background:var(--warm);border-radius:32px;padding:clamp(24px,3vw,40px) 20px}
.scale{position:relative;width:min(100%,340px);height:330px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.scalebox.big .scale{height:360px}
.scale-egg{width:calc(150px * var(--s));height:auto;margin-bottom:-6px;position:relative;z-index:2;transition:width .45s cubic-bezier(.3,1.4,.5,1);filter:drop-shadow(0 12px 10px rgba(80,50,0,.25))}
.scale-plate{width:78%;height:16px;border-radius:50%;background:linear-gradient(#fff,#E4DED0);box-shadow:0 4px 0 #CFC7B4;position:relative;z-index:1}
.scale-body{margin-top:8px;width:100%;height:110px;border-radius:26px 26px 34px 34px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 26px;box-shadow:0 18px 26px rgba(0,0,0,.18)}
.scale-disp{background:var(--yolk);border-radius:12px;padding:10px 16px;display:flex;align-items:baseline;gap:6px;min-width:150px;justify-content:center;box-shadow:inset 0 2px 6px rgba(0,0,0,.18)}
.scale-w{font:700 46px/1 var(--head);font-variant-numeric:tabular-nums}
.scale-disp small{font-weight:700;font-size:15px}
.scale-size{width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;font:700 20px var(--head)}
.bump .scale-plate,.bump .scale-body{animation:bump .4s ease}
@keyframes bump{40%{transform:translateY(5px)}}
.scale-read{margin:22px 0 14px;text-align:center;display:flex;flex-direction:column;gap:2px}
.scale-name{font:600 22px var(--head)}
.scale-range{color:var(--muted)}
.szchips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.szchip{min-width:54px;height:54px;border-radius:999px;border:3px solid transparent;background:var(--white);cursor:pointer;font:700 18px var(--head);color:var(--ink);padding:0 12px}
.szchip:hover{background:var(--soft)}
.szchip[aria-pressed="true"]{background:var(--yolk);border-color:var(--ink)}
.szchip:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.scale-egg{transition:none}.bump .scale-plate,.bump .scale-body{animation:none}}
.process{display:grid;gap:clamp(24px,4vw,56px);align-items:center}
@media (min-width:860px){.process{grid-template-columns:.8fr 1.2fr}}
.vidwrap{justify-self:center;width:min(100%,340px);border-radius:32px;overflow:hidden;border:10px solid #fff;box-shadow:0 26px 40px rgba(80,50,0,.3);background:#000}
.vidwrap video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.steps3{list-style:none;counter-reset:p;margin:0;padding:0;display:grid;gap:16px}
.steps3 li{counter-increment:p;position:relative;background:#fff;border-radius:24px;padding:22px 24px 22px 84px;display:flex;flex-direction:column;gap:4px}
.steps3 li::before{content:counter(p);position:absolute;left:22px;top:22px;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--yolk);display:grid;place-items:center;font:700 22px var(--head)}
.steps3 b{font:600 clamp(22px,2.3vw,28px)/1.15 var(--head)}
.steps3 span{color:var(--muted);font-size:17px}
.sztable{display:grid;gap:8px}
.szrow{display:grid;grid-template-columns:56px 64px 1fr auto;align-items:center;gap:12px;background:var(--warm);border-radius:18px;padding:12px 18px}
.szrow:nth-child(3){background:var(--soft)}
.szegg{display:grid;place-items:center;height:48px}
.szegg img{height:auto}
.szrow b{font:700 28px var(--head)}
.szname{color:var(--muted)}
.szg{font-weight:700;text-align:right}
@media (max-width:520px){.szrow{grid-template-columns:44px 52px 1fr;padding:10px 12px}.szg{grid-column:2/4;text-align:left;margin-top:-8px}.szrow b{font-size:24px}}
/* echte dooiers */
.duo{position:relative;padding-right:18%}
.roundimg.tall{aspect-ratio:4/5}
.duo2{position:absolute;right:0;bottom:-8%;width:42%;aspect-ratio:3/4;object-fit:cover;border-radius:24px;border:8px solid #fff;box-shadow:0 18px 30px rgba(0,0,0,.2);transform:rotate(5deg);z-index:2}
.fegg img{width:100%;height:auto;display:block}
@media (max-width:1180px){
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--yolk);flex-direction:column;align-items:stretch;padding:4px 20px 22px;gap:6px;box-shadow:0 18px 24px rgba(80,50,0,.18)}
  .nav.open{display:flex}
  .navlinks{flex-direction:column}
  .navlinks a{font-size:19px;padding:14px 14px}
  .nav .btn{margin:8px 0 0}
}
.kwsizes{grid-template-columns:repeat(3,1fr)}
.navlinks a{white-space:nowrap;padding:11px 9px;font-size:15px}
.nav .btn{white-space:nowrap}
@media (max-width:1180px){.navlinks a{font-size:19px;padding:14px}}
@media (max-width:520px){.szchip{min-width:44px;height:44px;font-size:15px;padding:0 8px}.szchips{gap:5px}}

/* ===== Happy Egg-stijl v5: ronde foto's, gele vlakken, emanata ===== */
.ema{width:clamp(50px,5.4vw,72px);stroke:var(--ink);stroke-width:3.4;opacity:1}
.ema.light{stroke:var(--ink)}
.e-hero{right:4%;top:-9%;transform:rotate(18deg)}
.e-tr{right:2%;top:-6%;transform:rotate(22deg)}
.e-tl{left:2%;top:-6%;transform:rotate(-24deg)}
.e-scale{left:50%;top:-4px;transform:translateX(30px) rotate(28deg);width:46px}
.bpic{position:relative;width:min(100%,470px);justify-self:center;margin:20px auto}
.bpic .bblob{position:absolute;inset:6% -6% -6% 6%;background:var(--yolk);border-radius:52% 48% 44% 56%/46% 54% 46% 54%;z-index:0}
.card.yolk .bpic .bblob,.band .bpic .bblob{background:var(--white)}
.bpic .bi{position:relative;z-index:1;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:10px solid var(--white);box-shadow:0 26px 40px rgba(80,50,0,.25)}
.cutpic{position:relative;width:min(100%,520px);justify-self:center;margin:20px auto;display:grid;place-items:center;aspect-ratio:1/1}
.cutpic .cblob{position:absolute;inset:8%;background:var(--yolk);border-radius:50%}
.cutpic img{position:relative;z-index:1;width:108%;max-width:none;height:auto;filter:drop-shadow(0 24px 22px rgba(80,50,0,.3));transform:rotate(-6deg)}
.cutpic .ema{z-index:2}
.eggrow{overflow:hidden;padding:10px 0 clamp(20px,3vw,40px)}
.eggrow img{width:min(1400px,120%);max-width:none;margin:0 auto;display:block;position:relative;left:50%;transform:translateX(-50%);filter:drop-shadow(0 14px 14px rgba(80,50,0,.18))}
.band.weeg{padding-block:clamp(90px,10vw,140px)}
.band.weeg .scalebox{background:var(--white);box-shadow:0 26px 40px rgba(80,50,0,.18)}
.band.weeg .eerlijk{background:var(--white)}
.band.weeg .kip-peek{bottom:40px;z-index:2}
.scale{position:relative}
.post .thumb img.decothumb{object-fit:contain;padding:8% 10%;transform:rotate(-6deg);filter:drop-shadow(0 14px 14px rgba(80,50,0,.28))}
.decohero{position:relative;background:var(--yolk);border-radius:999px 999px 40px 40px;aspect-ratio:16/8;display:grid;place-items:center;margin-bottom:clamp(28px,4vw,48px)}
.decohero img{width:62%;height:auto;filter:drop-shadow(0 22px 20px rgba(80,50,0,.3));transform:rotate(-5deg)}
/* Instagram: geen vierkanten maar boog- en rondvormen */
.igrid a{border-radius:28px}
.igrid a:nth-child(odd){border-radius:999px 999px 28px 28px}
.igrid a:nth-child(even){border-radius:50%}
.igrid .ig{right:50%;transform:translateX(50%);top:auto;bottom:12px}
/* artikel- en blogbeelden zachter */
.articleimg{border-radius:999px 999px 40px 40px}
.post .thumb{border-radius:0 0 50% 50%/0 0 14% 14%}
html,body{overflow-x:clip}
@media (max-width:600px){.cutpic img{width:100%}.e-tr{right:0}.e-tl{left:0}}

/* ===== v6 details ===== */
/* handgetekende emanata: gevulde, taps toelopende streepjes, dicht tegen de foto */
.ema{fill:var(--ink);stroke:none;opacity:1;width:clamp(72px,8vw,108px);height:auto;position:absolute;z-index:3;pointer-events:none}
.ema.light{fill:var(--ink)}
.e-hero{left:-3%;right:auto;top:-1%;transform:rotate(-38deg)}
.e-tr{right:-3%;left:auto;top:-3%;transform:rotate(40deg)}
.e-tl{left:-3%;right:auto;top:-3%;transform:rotate(-40deg)}
.e-six{left:-1%;top:-12%;transform:rotate(-30deg)}
.e-twelve{right:-6%;left:auto;top:-5%;transform:rotate(40deg)}
.e-scale{left:50%;top:-8px;width:64px;transform:translateX(18px) rotate(32deg)}
@media (max-width:600px){.ema{width:64px}.e-hero{left:-2%}.e-tr{right:-1%}.e-tl{left:-1%}}
/* kip zit achter de golf, zodat de onderkant niet afgesneden oogt */
.band .wave{z-index:2}
.band.weeg .kip-peek{bottom:-12px;z-index:1;width:clamp(130px,14vw,200px)}
/* ruimte tussen vlaglint en footer */
.ribbon{margin-bottom:26px}
/* Instagram: alle tegels dezelfde eivorm */
.igrid a,.igrid a:nth-child(odd),.igrid a:nth-child(even){border-radius:50% 50% 50% 50%/58% 58% 42% 42%;aspect-ratio:4/5}
.igrid .ig{right:50%;transform:translateX(50%);top:auto;bottom:14px}
.anno{left:66%;right:auto;top:2%}
@media (max-width:600px){.anno{left:62%;right:auto;top:0}}
/* kippenpootjes (illustratie) lopen over de golfranden */
img.trail{position:absolute;height:auto;width:clamp(320px,38vw,560px);opacity:.28;pointer-events:none;z-index:1;left:auto;right:auto}
img.trail.t{top:clamp(-150px,-11vw,-80px)}
img.trail.b{bottom:clamp(-150px,-11vw,-80px)}
img.trail.l{left:-2%}
img.trail.r{right:-2%}
/* foto's met witte achtergrond in wit rond kader */
.wpic .bi{background:#fff;object-fit:cover}
.eggrow img{filter:none}
/* staande kip op de golf */
.band.weeg .kip-peek{left:2%;bottom:30px;width:clamp(120px,13vw,190px);z-index:3}
/* recepten */
.post .thumb img.wthumb{object-fit:contain;background:#fff;padding:6%}
.post .thumb:has(img.wthumb){background:#fff}
.articleimg.white{object-fit:contain;background:#fff;border:2px solid var(--line)}
.rtabs{justify-content:flex-start;margin-bottom:10px}
.rgroup{font-size:clamp(30px,3.8vw,46px);margin:18px 0 22px;display:flex;align-items:center;gap:12px}
.rgroup::before{content:"";width:18px;height:22px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--yolk)}
.zoetband{position:relative;margin-top:clamp(48px,6vw,80px);background:var(--soft);border-radius:36px;padding:clamp(26px,4vw,48px)}
.zoetband .rgroup{margin-top:0}
.zoetband .post{background:#fff}
.zoet-cup{position:absolute;right:clamp(10px,3vw,40px);top:-40px;width:clamp(90px,11vw,150px);border-radius:50%;aspect-ratio:1;object-fit:cover;border:8px solid #fff;box-shadow:0 14px 26px rgba(80,50,0,.2)}
@media (max-width:600px){.zoet-cup{top:-30px}}
.band.weeg .kip-peek{left:auto;right:max(4px,calc((100% - 1160px)/2 - 40px));bottom:24px;width:clamp(110px,11vw,160px)}
@media (max-width:860px){.band.weeg .kip-peek{display:block;right:6px;bottom:18px;width:96px}}
.zoetband .cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
@media (max-width:860px){.band.weeg{padding-bottom:200px}.band.weeg .kip-peek{right:18px;bottom:44px;width:92px}}

/* ===== v7 ===== */
.koeltip{display:flex;gap:16px;align-items:flex-start;background:var(--soft);border:2px solid #F0D97A;border-radius:24px;padding:20px 22px;text-align:left}
.koeltip.mt{margin-top:clamp(28px,4vw,44px)}
.koeltip .kico{flex:none;width:56px;height:56px;border-radius:50%;background:var(--yolk);display:grid;place-items:center}
.koeltip .kico svg{width:30px;height:30px}
.koeltip b{font:600 clamp(19px,2vw,23px)/1.2 var(--head)}
.koeltip p{margin:6px 0 0;font-size:16px}
.herken{list-style:none;counter-reset:h;margin:18px 0 0;padding:0;display:grid;gap:12px}
.herken li{counter-increment:h;position:relative;padding:14px 16px 14px 60px;background:var(--warm);border-radius:18px;display:flex;flex-direction:column;gap:2px}
.herken li::before{content:counter(h);position:absolute;left:14px;top:14px;width:32px;height:32px;border-radius:50%;background:var(--yolk);display:grid;place-items:center;font:700 16px var(--head)}
.herken b{font:600 19px var(--head)}
.herken span{font-size:16px;color:var(--muted)}
.bpic.contain .bi{object-fit:contain;background:#fff;padding:8%}
.machpics{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);margin-top:clamp(40px,5vw,64px)}
.machpics .bpic{width:min(100%,360px)}
.kwaliteit{margin-top:clamp(40px,5vw,64px);background:#fff;border-radius:32px;padding:clamp(22px,3.5vw,40px);display:grid;gap:24px;align-items:center}
.kwaliteit h3{font-size:clamp(26px,3vw,36px);margin:14px 0 10px}
.kwaliteit img{border-radius:18px;width:100%;box-shadow:0 14px 26px rgba(80,50,0,.15)}
.ssb{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.ssb li{background:var(--soft);border-radius:14px;padding:10px 16px;display:flex;flex-direction:column}
.ssb span{font-size:14px;color:var(--muted)}
.ssb b{font:700 22px var(--head);letter-spacing:.02em}
@media (min-width:900px){.kwaliteit{grid-template-columns:1fr 1.1fr}}
/* grotere kip en eieren */
.band.weeg .kip-peek{width:clamp(170px,17vw,260px);bottom:10px}
@media (max-width:860px){.band.weeg{padding-bottom:280px}.band.weeg .kip-peek{width:150px;bottom:40px}}
.fe1{width:clamp(100px,11vw,165px);top:-80px}
.fe2{width:clamp(110px,12vw,180px);bottom:-70px}
.kwteaser{position:relative}
.fe3{position:absolute;right:-20px;top:-60px;width:clamp(120px,13vw,190px);transform:rotate(12deg);filter:drop-shadow(0 16px 16px rgba(80,50,0,.25));pointer-events:none}
@media (max-width:600px){.fe3{width:100px;top:-40px;right:-6px}}
.bpic.contain .bi{padding:3%}
[id]{scroll-margin-top:24px}
/* ===== v8: grotere kip en losse eieren ===== */
.band.weeg{padding-bottom:clamp(200px,22vw,320px)}
.band.weeg .kip-peek{width:clamp(240px,25vw,360px);right:max(0px,calc((100% - 1160px)/2 - 60px));bottom:-30px;z-index:3}
@media (max-width:860px){.band.weeg{padding-bottom:330px}.band.weeg .kip-peek{width:230px;right:10px;bottom:-10px}}
.fe1{width:clamp(150px,17vw,250px);top:-130px;left:1%}
.fe2{width:clamp(160px,18vw,270px);bottom:-120px;right:2%}
@media (max-width:700px){.fe1{width:120px;top:-70px}.fe2{width:130px;bottom:-60px}}
.fe3{width:clamp(180px,20vw,290px);top:-110px;right:-30px}
@media (max-width:600px){.fe3{width:140px;top:-60px;right:-10px}}
.kwteaser{margin-top:60px}
.scale-egg{width:calc(190px * var(--s))}.scalebox .scale{height:370px}@media (max-width:600px){.scale-egg{width:calc(160px * var(--s))}}
/* ===== v9 ===== */
.hero-vis .stamp{position:absolute;z-index:6}
img.trail{width:clamp(560px,62vw,980px);opacity:.32}
img.trail.t{top:clamp(-260px,-17vw,-130px)}
img.trail.b{bottom:clamp(-260px,-17vw,-130px)}
@media (max-width:700px){img.trail{width:520px}}
img.wfloat{position:absolute;z-index:4;width:clamp(150px,17vw,260px);height:auto;pointer-events:none;filter:drop-shadow(0 18px 18px rgba(80,50,0,.28))}
img.wfloat.t{top:clamp(20px,3vw,45px);transform:translateY(-55%) rotate(-10deg)}
img.wfloat.b{bottom:clamp(20px,3vw,45px);transform:translateY(55%) rotate(8deg)}
img.wfloat.l{left:clamp(4px,3vw,60px)}
img.wfloat.r{right:clamp(4px,3vw,60px)}
@media (max-width:700px){img.wfloat{width:120px}}
.band.weeg .kip-peek{width:clamp(300px,31vw,450px);bottom:-40px;right:max(-20px,calc((100% - 1160px)/2 - 90px))}
.band.weeg{padding-bottom:clamp(240px,26vw,380px)}
@media (max-width:860px){.band.weeg{padding-bottom:380px}.band.weeg .kip-peek{width:280px;bottom:-20px}}
.pagehead{position:relative}
.hfloat{position:absolute;width:clamp(120px,15vw,230px);top:10px;filter:drop-shadow(0 16px 16px rgba(80,50,0,.25));pointer-events:none}
.hfloat.l{left:0;transform:rotate(-12deg)}
.hfloat.r{right:0;transform:rotate(8deg);top:60px}
@media (max-width:860px){.hfloat{display:none}}
.zoet-cup{border:0;border-radius:0;aspect-ratio:auto;object-fit:contain;box-shadow:none;width:clamp(110px,13vw,190px);top:-80px;filter:drop-shadow(0 14px 16px rgba(80,50,0,.25))}
/* ===== v10 ===== */
.band.weeg{overflow:visible;padding-bottom:clamp(70px,8vw,110px)}
.weeggrid{display:grid;grid-template-columns:1fr;grid-template-areas:"txt" "card" "kip";gap:clamp(20px,3vw,40px);align-items:center}
.wtxt{grid-area:txt}.wcard{grid-area:card}
.weeggrid .kip-peek{grid-area:kip;position:relative!important;right:auto!important;left:auto!important;bottom:auto!important;width:clamp(240px,60vw,320px)!important;justify-self:center;margin-bottom:clamp(-150px,-12vw,-90px);z-index:3}
@media (min-width:860px){
  .weeggrid{grid-template-columns:1fr 1fr;grid-template-areas:"txt card" "kip card";align-items:start}
  .wcard{align-self:center}
  .weeggrid .kip-peek{width:clamp(280px,26vw,380px)!important;justify-self:start;margin:-10px 0 clamp(-170px,-12vw,-120px) 20px}
}
@media (max-width:860px){.band.weeg{padding-bottom:80px}}
.herksec{position:relative}
.herkarrows{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:5}
.herkarrows path{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1 8}
.hbadge{position:absolute;z-index:4;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--yolk);border:3px solid var(--ink);display:grid;place-items:center;font:700 19px var(--head);box-shadow:0 0 0 6px rgba(245,194,0,.35)}
.herkvis{position:relative}
.stempel-close{position:absolute;right:-2%;bottom:-6%;width:44%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:8px solid #fff;box-shadow:0 18px 30px rgba(0,0,0,.22);z-index:3}
.herken li:nth-child(2),.herken li:nth-child(4){background:var(--soft)}
.insta-head .btns{gap:10px}
.weeggrid .kip-peek{justify-self:end!important;margin-right:0!important}
@media (min-width:860px){.weeggrid .kip-peek{margin-right:30px!important}}
@media (max-width:859px){.herkarrows{display:none}}
.band.weeg .in{z-index:3}
/* ===== v11 ===== */
.hlead{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.hlead path{stroke:var(--ink);stroke-width:2.4;fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.hlead circle{fill:var(--ink)}
/* pootjes: achtergrond (over geel en wit, onder alle inhoud en foto's) */
.wave{z-index:1!important}
img.trail{z-index:2!important}
.in{position:relative;z-index:3}
.band .in,.band.weeg .in{z-index:3}
img.wfloat{z-index:4}
.eggrow,.stats,.banner,.foot,.ribbon{position:relative;z-index:3}
/* pootjes niet laten afsnijden door foto's erboven of eronder */
img.trail.t{top:clamp(-150px,-10vw,-80px)!important}
img.trail.b{bottom:clamp(-150px,-10vw,-80px)!important}
.eggrow{padding-bottom:clamp(90px,10vw,150px)}
.eggrow img{mix-blend-mode:multiply}
/* ruimte onder gele banden zodat zwevende items nooit over koppen vallen */
.band{margin-bottom:clamp(80px,10vw,140px)}
@media (max-width:700px){img.wfloat{width:96px}img.wfloat.b{transform:translateY(40%) rotate(8deg)}}
.band{margin-top:clamp(50px,7vw,100px);padding-top:clamp(140px,14vw,200px)}
/* watertest */
.wtbox{background:var(--warm);border-radius:36px;padding:clamp(26px,4vw,52px)}
.wthead{max-width:720px;margin:0 auto 28px;text-align:center}
.wthead h2{font-size:clamp(32px,4vw,50px);margin:14px 0 12px}
.wtgrid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:760px){.wtgrid{grid-template-columns:repeat(3,1fr)}}
.wt{background:#fff;border-radius:24px;padding:22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.wtg svg{width:110px;height:auto}
.wt b{font:600 21px/1.2 var(--head);margin-top:6px}
.wt span{color:var(--muted);font-size:16px}
.wt:nth-child(3) b{color:#A33A1E}
.wtnote{text-align:center;max-width:720px;margin:24px auto 0;font-size:16px}
/* weegschaal-band: rustiger onderkant, kip staat alleen op de golf */
.band.weeg img.trail.b,.band.weeg img.wfloat.b{display:none}
.weeggrid .kip-peek{filter:drop-shadow(0 14px 10px rgba(80,50,0,.22))}
.band.weeg{padding-bottom:clamp(40px,5vw,70px)}
/* v12: brede schermen en ingezoomde browsers */
.eggrow img{margin:0!important;left:50%;transform:translateX(-50%)}
@media (min-width:1700px){
  img.trail{width:980px}
  img.trail.l{left:calc(50% - 900px)}
  img.trail.r{right:calc(50% - 900px)}
  img.wfloat{width:260px}
  img.wfloat.l{left:calc(50% - 860px)}
  img.wfloat.r{right:calc(50% - 860px)}
}