/* Nouk babymassage, opmaak van de site. Swipe Media. */
  :root{
    --morgenmos:#968D62;
    --morgenmos-diep:#7E7652;
    --heidebloem:#BB97B1;
    --kastanje:#543530;
    --linnen:#F4EBDA;
    --linnen-diep:#EDE0C8;
    --abrikoos:#E49548;
    --eucalyptus:#DBE2C6;
    --lijn:#D7CCB8;
    --papier:var(--linnen);

    --rand-zij:0px;
    --rand-boven:80px;
    --hoek:28px;
    --hoek-knop:12px;
    --schijf:165px;
    --schaal:1;

    --font:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;
    --zacht:cubic-bezier(.22,1,.36,1);
    --sectie:clamp(4.5rem,9vw,7.5rem);
  }

  *,*::before,*::after{box-sizing:border-box}
  html{background:var(--papier);scroll-behavior:smooth;scroll-padding-top:calc(var(--rand-boven) - 2px)}
  body{
    margin:0;background:var(--papier);color:var(--kastanje);
    font-family:var(--font);font-optical-sizing:auto;
    font-size:1.0625rem;line-height:1.7;font-weight:350;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{margin:0;text-wrap:balance}
  p{margin:0}
  a{color:inherit}
  img{max-width:100%;display:block}
  .swipe-wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:clamp(1.25rem,3vw,2.5rem)}

  .swipe-oog{
    display:block;font-size:.84rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
    color:var(--morgenmos);margin-bottom:1.1rem;font-variation-settings:'wdth' 100;
  }
  .swipe-h2{
    font-size:clamp(2rem,4.2vw,3.3rem);font-weight:800;font-variation-settings:'wdth' 86;
    line-height:1.03;letter-spacing:-.025em;margin-bottom:1.1rem;
  }
  .swipe-lead{font-size:1.12rem;font-weight:300;color:rgba(84,53,48,.82);max-width:52ch}

  /* ============ kader ============ */
  .swipe-kader-boven{
    position:fixed;top:var(--adminbalk,0px);left:0;right:0;height:var(--rand-boven);z-index:50;
    background:var(--linnen);
    display:flex;justify-content:flex-end;align-items:center;
    padding-inline:var(--rand-zij) calc(var(--rand-zij) + 1.25rem);
  }
  .swipe-kader-zij{display:none;position:fixed;top:0;bottom:0;width:var(--rand-zij);background:var(--abrikoos);z-index:49}
  .swipe-kader-zij--l{left:0}
  .swipe-kader-zij--r{right:0}
  .swipe-hoek{
    display:none;position:fixed;top:var(--rand-boven);width:var(--hoek);height:var(--hoek);z-index:49;pointer-events:none;
  }
  .swipe-hoek--l{left:var(--rand-zij);background:radial-gradient(circle at 100% 100%,transparent calc(var(--hoek) - .5px),var(--abrikoos) var(--hoek))}
  .swipe-hoek--r{right:var(--rand-zij);background:radial-gradient(circle at 0 100%,transparent calc(var(--hoek) - .5px),var(--abrikoos) var(--hoek))}

  .swipe-site{
    margin:var(--rand-boven) var(--rand-zij) 0;
    background:var(--papier);
    overflow:clip;
  }

  /* menu links en rechts */
  .swipe-menu{display:flex;gap:clamp(1.25rem,2.6vw,2.5rem);list-style:none;margin:0;padding:0}
  .swipe-kader-r{display:flex;align-items:center;gap:clamp(1.5rem,3vw,2.75rem)}
  .swipe-kader-r .swipe-menu{flex:none}
  .swipe-kader-r .swipe-knop{flex:none}
  
  .swipe-knop--lijn{white-space:nowrap;background:transparent;color:var(--abrikoos);box-shadow:inset 0 0 0 1.3px var(--abrikoos);font-weight:700;transition:color 240ms,box-shadow 240ms;padding:.55rem 1.05rem;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.1}
  .swipe-knop--lijn:hover{background:transparent;color:#EDB47F;box-shadow:inset 0 0 0 1.3px #EDB47F}
  .swipe-menu a{
    white-space:nowrap;position:relative;text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.1;color:var(--kastanje);
    padding-block:.4rem;
  }
  .swipe-menu a{transition:color 220ms}
  .swipe-menu a:hover,.swipe-menu a:focus-visible{color:rgba(84,53,48,.62)}

  /* logo op een schijf die over de foto valt */
  .swipe-schijf{
    position:fixed;left:calc(var(--rand-zij) + 2rem + var(--schijf) * .7);top:calc(-40px + var(--adminbalk,0px));z-index:51;
    width:calc(var(--schijf) * 1.4);height:var(--schijf);border-radius:50%;
    background:var(--linnen);
    transform:translateX(-50%) scale(var(--schaal));transform-origin:50% 40px;
    transition:transform 520ms var(--zacht);
  }
  /* WordPress-beheerbalk (alleen ingelogd) */
  .admin-bar{--adminbalk:32px}
  @media (max-width:782px){.admin-bar{--adminbalk:46px}}
  .swipe-kader-boven{box-shadow:0 4px 18px rgba(84,53,48,.03)}
  .swipe-schijf::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;pointer-events:none;
    box-shadow:0 4px 18px rgba(84,53,48,.03);clip-path:inset(calc(40px + var(--rand-boven) / var(--schaal)) -40px -40px -40px)}
  .swipe-schijf a{position:absolute;left:50%;top:58px;transform:translateX(-50%);display:block}
  .swipe-schijf svg{width:119px;height:89px;display:block;color:var(--kastanje)}

  .swipe-menuknop{
    display:none;justify-self:end;grid-column:3;
    background:none;border:0;padding:.5rem;margin-right:-.5rem;cursor:pointer;color:var(--kastanje);
  }
  .swipe-mobielmenu{
    position:fixed;inset:0;z-index:48;background:var(--abrikoos);
    display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.3rem;
    padding-top:calc(var(--rand-boven) + 13vh);
    clip-path:circle(0 at calc(100% - 2.2rem) 2rem);visibility:hidden;
    transition:clip-path 650ms var(--zacht),visibility 0s 650ms;
  }
  .is-open .swipe-mobielmenu{clip-path:circle(150% at calc(100% - 2.2rem) 2rem);visibility:visible;transition:clip-path 700ms var(--zacht)}
  .swipe-mobielmenu > *{opacity:0;transform:translateY(16px);transition:opacity 300ms,transform 500ms var(--zacht)}
  .is-open .swipe-mobielmenu > *{opacity:1;transform:none}
  .is-open .swipe-mobielmenu > :nth-child(1){transition-delay:180ms}
  .is-open .swipe-mobielmenu > :nth-child(2){transition-delay:240ms}
  .is-open .swipe-mobielmenu > :nth-child(3){transition-delay:300ms}
  .is-open .swipe-mobielmenu > :nth-child(4){transition-delay:360ms}
  .is-open .swipe-mobielmenu > :nth-child(5){transition-delay:440ms}
  .swipe-mobielmenu a:not(.swipe-knop){font-size:1.9rem;font-weight:800;font-variation-settings:'wdth' 86;text-decoration:none;color:var(--kastanje)}
  .swipe-mobielmenu .swipe-knop{margin-top:1rem;font-size:1rem;padding:.85rem 1.5rem .85rem 1.1rem}

  /* hamburger en kruisje, getekend zoals de lijnen in de iconen */
  .swipe-menuknop svg{display:block;width:34px;height:28px;overflow:visible}
  .swipe-menuknop path{fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;transition:transform 450ms var(--zacht),opacity 250ms;transform-origin:17px 14px}
  .swipe-hb-kruis path{opacity:0;transform:rotate(-40deg) scale(.6)}
  .is-open .swipe-hb-lijn{opacity:0}
  .is-open .swipe-hb-lijn--1{transform:translateY(8px) rotate(-8deg)}
  .is-open .swipe-hb-lijn--3{transform:translateY(-8px) rotate(8deg)}
  .is-open .swipe-hb-kruis path{opacity:1;transform:none;transition-delay:120ms}

  /* ============ knoppen ============ */
  .swipe-knop{
    display:inline-flex;align-items:center;justify-content:center;gap:.7rem;
    font-family:var(--font);font-size:.9rem;font-weight:600;text-decoration:none;
    padding:.62rem 1.2rem .62rem .9rem;border-radius:999px;border:0;cursor:pointer;
    transition:background-color 240ms,color 240ms,transform 320ms var(--zacht);
  }
  .swipe-knop svg{width:18px;height:18px;flex:none;transition:transform 620ms var(--zacht)}
  .swipe-knop:hover{transform:translateY(-2px)}
  .swipe-knop:hover svg{transform:rotate(60deg) scale(1.12)}
  .swipe-knop--licht{background:var(--linnen);color:var(--kastanje)}
  .swipe-knop--licht svg{color:var(--abrikoos)}
  .swipe-knop--licht:hover{background:#F7F0E3}
  .swipe-knop--oranje{background:var(--abrikoos);color:var(--linnen)}
  .swipe-knop--oranje svg{color:var(--linnen)}
  .swipe-knop--oranje:hover{background:#E89F58}
  .swipe-knop--donker{background:var(--kastanje);color:var(--linnen)}
  .swipe-knop--donker svg{color:var(--abrikoos)}
  .swipe-knop--donker:hover{background:#5E3D37}
  .swipe-knop--mos{background:var(--morgenmos);color:var(--linnen)}
  .swipe-knop--mos svg{color:#F3C79A}
  .swipe-knop--mos:hover{background:#9F966C}
  .swipe-knop--heide{background:var(--heidebloem);color:#5B3D55}
  .swipe-knop--heide svg{color:rgba(244,235,218,.85)}
  .swipe-knop--heide:hover{background:#C2A1B9}

  /* ============ hero ============ */
  .swipe-hero{
    position:relative;height:max(520px,calc(80svh - var(--rand-boven) / 2));
    display:flex;align-items:center;justify-content:center;text-align:center;
    padding:4.5rem 1.5rem 3rem;
    color:var(--linnen);overflow:hidden;
  }
  .swipe-hero-foto{position:absolute;inset:0;z-index:0}
  .swipe-hero .swipe-golf{z-index:3}
  .swipe-hero-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.04);animation:swipe-adem 22s ease-in-out infinite alternate}
  .swipe-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(66,40,36,.34) 0%,rgba(66,40,36,.46) 55%,rgba(66,40,36,.62) 100%)}
  @keyframes swipe-adem{to{transform:scale(1.1)}}
  .swipe-hero-inhoud{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.5rem}
  .swipe-hero h1{
    font-size:clamp(2.5rem,5.4vw,4.9rem);font-weight:800;font-variation-settings:'wdth' 86,'opsz' 96;
    line-height:.98;letter-spacing:-.025em;max-width:12ch;
  }
  .swipe-hero-tekst{font-size:clamp(1rem,1.3vw,1.15rem);font-weight:300;line-height:1.7;max-width:50ch;color:rgba(244,235,218,.92);margin-bottom:.5rem}
  .swipe-hero-tekst strong{font-weight:700}

  /* ============ over mij ============ */
  .swipe-over{position:relative;padding-block:var(--sectie);overflow:hidden}
  .swipe-over-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center;position:relative;z-index:2}
  .swipe-over-tekst p{font-size:1.08rem;font-weight:300;line-height:1.75;color:rgba(84,53,48,.85);max-width:46ch;margin-bottom:1.05rem}
  .swipe-over-tekst .swipe-knop{margin-top:1rem}
  /* lange teksten: de rest achter "Lees meer" (swipe-nouk.js zet de hoogte) */
  .swipe-inklap{position:relative;overflow:hidden;transition:max-height 500ms cubic-bezier(.2,.7,.2,1)}
  .swipe-inklap > :last-child{margin-bottom:0}
  .swipe-knip{display:none}
  .swipe-lees-meer{
    display:flex;width:fit-content;align-items:center;gap:.55rem;margin:1.1rem 0 .25rem;padding:0;border:0;background:none;cursor:pointer;
    font:inherit;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.1;color:var(--kastanje);
    transition:color 220ms;
  }
  .swipe-lees-meer::after{content:'';width:.45em;height:.45em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.15em) rotate(45deg);transition:transform 300ms}
  .swipe-lees-meer[aria-expanded="true"]::after{transform:translateY(.15em) rotate(-135deg)}
  .swipe-lees-meer:hover,.swipe-lees-meer:focus-visible{color:rgba(84,53,48,.62)}
  .swipe-lees-meer[hidden]{display:none}


  .swipe-bloem{position:relative;width:100%;max-width:520px;margin-inline:auto}
  .swipe-bloem > svg{width:100%;height:auto;display:block;position:relative;z-index:1}
  .swipe-ring{position:absolute;inset:-13%;color:var(--morgenmos);opacity:.42;animation:swipe-draai 320s linear infinite;pointer-events:none}
  .swipe-ring svg{width:100%;height:100%;display:block}
  @keyframes swipe-draai{to{transform:rotate(360deg)}}


  .swipe-flora{position:absolute;pointer-events:none;z-index:0;animation:swipe-drijf calc(var(--duur,30s) * 1.3) ease-in-out infinite;animation-delay:var(--wacht,0s)}
  @keyframes swipe-drijf{
    0%,100%{transform:translate3d(0,0,0) rotate(var(--r,0deg))}
    30%{transform:translate3d(var(--dx,30px),calc(var(--dy,24px) * -1),0) rotate(calc(var(--r,0deg) + 8deg))}
    65%{transform:translate3d(calc(var(--dx,30px) * -.7),var(--dy,24px),0) rotate(calc(var(--r,0deg) - 6deg))}
  }
  .swipe-flora svg{width:100%;height:100%;display:block;opacity:.8}

  /* ============ babymassage ============ */
  .swipe-massage{padding-block:calc(var(--sectie) * .85) calc(var(--sectie) * .85 + 1rem);background:var(--eucalyptus);position:relative;overflow:hidden}
  .swipe-massage > .swipe-wrap,.swipe-pakketten > .swipe-wrap{position:relative;z-index:1}
  .swipe-massage-kop{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,6vw,5rem);align-items:center;margin-bottom:clamp(2.5rem,5vw,3.5rem)}
  .swipe-massage-fotos{position:relative;aspect-ratio:1/1.06;width:100%;max-width:480px;justify-self:center}
  .swipe-massage-fotos img{position:absolute;border-radius:50%;object-fit:cover;aspect-ratio:1}
  .swipe-massage-fotos .groot{top:0;right:0;width:72%}
  .swipe-massage-fotos .klein{left:6%;bottom:0;width:52%;box-shadow:0 0 0 10px var(--eucalyptus)}
  .swipe-voordelen{grid-template-columns:repeat(3,1fr) !important;margin-bottom:clamp(1.75rem,3vw,2.5rem)}
  .swipe-tegeltje.swipe-tegeltje--rand svg{color:var(--icoon)}
  .swipe-h3-klein{font-size:1.25rem;font-weight:800;font-variation-settings:'wdth' 90;margin:1.6rem 0 .5rem}
  .swipe-voorwie > *:not(.swipe-tegelvlak){position:relative;z-index:1}
  .swipe-voorwie h3{font-size:1.4rem;font-weight:800;font-variation-settings:'wdth' 88;margin-bottom:.4rem}
  .swipe-voorwie p{margin:0}
  .swipe-tegelvlak{position:absolute;inset:0;z-index:0;border:0 solid transparent;border-image-slice:60 fill;border-image-width:40px;border-image-repeat:stretch;border-image-source:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22474%22 height=%22471%22 viewBox=%220 0 118.58 117.76%22%3E%3Cpath fill=%22%23F4EBDA%22 d=%22M2.21,6.69 C0.00,41.93 0.82,76.67 3.16,111.92 C3.36,114.94 6.47,117.33 10.31,117.44 C21.54,117.76 34.16,117.43 43.34,117.43 C79.38,117.43 96.12,116.46 109.22,116.79 C113.50,116.90 117.04,114.17 116.89,110.79 C116.39,98.75 117.37,80.97 117.37,72.90 C117.37,38.11 118.58,17.15 118.05,7.32 C117.90,4.42 115.10,2.05 111.45,1.75 C104.12,1.13 95.27,0.35 81.35,0.35 C75.64,0.35 55.79,0.92 50.09,0.67 C34.47,0.00 23.74,1.40 9.74,1.17 C5.76,1.10 2.40,3.55 2.21,6.69Z%22/%3E%3C/svg%3E")}
  .swipe-massage-kop .swipe-h2{margin-bottom:1.5rem}
  .swipe-massage-kop p{font-size:1.08rem;font-weight:300;line-height:1.75;color:rgba(84,53,48,.85);margin-bottom:1rem}

  .swipe-h3-los{font-size:1.5rem;font-weight:800;font-variation-settings:'wdth' 88;margin-bottom:1.5rem}
  .swipe-voordelen{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1.5rem}
  .swipe-voordeel{display:flex;gap:1.1rem;align-items:flex-start;padding:.85rem 0;border-radius:18px;transition:background-color 260ms}
  .swipe-tegeltje{flex:none;width:64px;height:64px;border-radius:12px;display:grid;place-items:center}
  .swipe-tegeltje svg{width:70%;height:70%;color:var(--linnen);transition:transform 620ms var(--zacht)}
  @keyframes swipe-tjoep{
    0%,100%{transform:none}
    20%{transform:rotate(-14deg) scale(1.12)}
    45%{transform:rotate(10deg) scale(1.06)}
    70%{transform:rotate(-5deg)}
  }
  .swipe-voordeel.is-zicht .swipe-tegeltje svg{animation:swipe-tjoep 900ms var(--zacht) both;animation-delay:calc(1.6s + var(--n,0) * 120ms)}
  .swipe-voordeel:nth-child(2){--n:1}.swipe-voordeel:nth-child(3){--n:2}.swipe-voordeel:nth-child(4){--n:3}.swipe-voordeel:nth-child(5){--n:4}.swipe-voordeel:nth-child(6){--n:5}
  .swipe-voordeel h3{font-size:1.1rem;font-weight:700;line-height:1.25;margin-bottom:.25rem}
  .swipe-voordeel p{font-size:.95rem;font-weight:300;line-height:1.55;color:rgba(84,53,48,.82)}

  .swipe-duo{display:grid;grid-template-columns:1fr 1.25fr;gap:1.5rem}
  .swipe-blok{border-radius:var(--hoek);padding:clamp(1.75rem,3.5vw,2.75rem);position:relative;overflow:hidden}
  .swipe-blok h3{font-size:1.6rem;font-weight:800;line-height:1.1;font-variation-settings:'wdth' 88;margin-bottom:.9rem;position:relative}
  .swipe-blok p{font-weight:300;line-height:1.7;position:relative;margin-bottom:.9rem}
  .swipe-blok--linnen{background:var(--linnen)}
  .swipe-blok--kastanje{background:var(--kastanje);color:var(--linnen);display:grid;grid-template-columns:1fr .8fr;gap:1.75rem;align-items:center}
  .swipe-blok--kastanje p{color:rgba(244,235,218,.86)}
  .swipe-blok--kastanje img{border-radius:18px;aspect-ratio:3/4;object-fit:cover;width:100%}
  .swipe-blok-icoon{position:absolute;right:-8%;bottom:-12%;width:55%;aspect-ratio:1;opacity:.35;transition:transform 900ms var(--zacht)}
  .swipe-blok-icoon svg{width:100%;height:100%}
  .swipe-blok:hover .swipe-blok-icoon{transform:rotate(14deg) scale(1.06)}

  /* ============ pakketten ============ */
  .swipe-pakketten{padding-block:calc(var(--sectie) + 1rem) 1.5rem;background:var(--papier);position:relative;overflow:hidden}
  .swipe-pakketten::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--overloop) + 7rem);background:var(--linnen-diep);z-index:0}
  .swipe-pakketten{--overloop:220px}
  .swipe-pakketten .swipe-golf--overloop{bottom:calc(var(--overloop) + 7rem - 1px);z-index:1}
  .swipe-naad-rond--vol svg{width:72%;height:72%}
  .swipe-kop-midden{text-align:center;max-width:680px;margin:0 auto clamp(2.75rem,5vw,4rem)}
  .swipe-kop-midden .swipe-lead{margin-inline:auto}

  .swipe-pakket-rij{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto) 1fr auto;gap:0 1.5rem}
  .swipe-pakket{
    position:relative;grid-row:span 7;display:grid;grid-template-rows:subgrid;
    padding:2.25rem 2rem 2rem;
    transition:transform 420ms var(--zacht);
  }
  .swipe-pakket-vlak{position:absolute;inset:0;z-index:0;border:0 solid transparent;border-image-slice:60 fill;border-image-width:40px;border-image-repeat:stretch}
  .swipe-pakket-icoonvak{position:absolute;inset:9px;border-radius:22px;overflow:hidden;z-index:0;pointer-events:none}
  @supports (-webkit-mask-box-image:none){
    .swipe-pakket-icoonvak{inset:0;border-radius:0;-webkit-mask-box-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22474%22 height=%22471%22 viewBox=%220 0 118.58 117.76%22%3E%3Cpath fill=%22%23968D62%22 d=%22M2.21,6.69 C0.00,41.93 0.82,76.67 3.16,111.92 C3.36,114.94 6.47,117.33 10.31,117.44 C21.54,117.76 34.16,117.43 43.34,117.43 C79.38,117.43 96.12,116.46 109.22,116.79 C113.50,116.90 117.04,114.17 116.89,110.79 C116.39,98.75 117.37,80.97 117.37,72.90 C117.37,38.11 118.58,17.15 118.05,7.32 C117.90,4.42 115.10,2.05 111.45,1.75 C104.12,1.13 95.27,0.35 81.35,0.35 C75.64,0.35 55.79,0.92 50.09,0.67 C34.47,0.00 23.74,1.40 9.74,1.17 C5.76,1.10 2.40,3.55 2.21,6.69Z%22/%3E%3C/svg%3E") 60 fill / 40px stretch}
  }
  .swipe-pakket-icoon{
    position:absolute;top:-12%;right:-16%;width:70%;aspect-ratio:1;opacity:.5;pointer-events:none;
    transition:transform 900ms var(--zacht),opacity 400ms;
  }
  .swipe-pakket-icoon svg{width:100%;height:100%}
  .swipe-pakket:hover .swipe-pakket-icoon{transform:translate(-8%,10%) rotate(22deg) scale(1.12);opacity:.7}
  .swipe-pakket > *:not(.swipe-pakket-vlak):not(.swipe-pakket-icoonvak){position:relative;z-index:1}
  .swipe-pakket .swipe-soort{font-size:.76rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;opacity:.75;margin-bottom:.7rem}
  .swipe-pakket h3{font-size:1.55rem;font-weight:800;font-variation-settings:'wdth' 86;line-height:1.1;margin-bottom:.45rem;white-space:nowrap}
  .swipe-pakket .swipe-sub{font-size:.95rem;font-weight:300;line-height:1.5;opacity:.88;margin-bottom:1.3rem}
  .swipe-prijs{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:1.5rem;font-variant-numeric:tabular-nums}
  .swipe-lijst{list-style:none;margin:0 0 1.8rem;padding:0;display:flex;flex-direction:column;gap:.75rem}
  .swipe-lijst li{display:flex;gap:.75rem;align-items:flex-start;font-size:.98rem;line-height:1.5}
  .swipe-lijst svg{flex:none;width:20px;height:20px;margin-top:.1rem}
  .swipe-pakket .swipe-knop{width:100%;border-radius:var(--hoek-knop);padding-block:.72rem}
  .swipe-pakket .swipe-knop--licht{background:rgba(244,235,218,.92)}
  .swipe-pakket .swipe-knop--licht:hover{background:#F7F0E3}

  .swipe-p-mos{color:var(--linnen)}
  .swipe-p-mos .swipe-pakket-vlak{border-image-source:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22474%22 height=%22471%22 viewBox=%220 0 118.58 117.76%22%3E%3Cpath fill=%22%23968D62%22 d=%22M2.21,6.69 C0.00,41.93 0.82,76.67 3.16,111.92 C3.36,114.94 6.47,117.33 10.31,117.44 C21.54,117.76 34.16,117.43 43.34,117.43 C79.38,117.43 96.12,116.46 109.22,116.79 C113.50,116.90 117.04,114.17 116.89,110.79 C116.39,98.75 117.37,80.97 117.37,72.90 C117.37,38.11 118.58,17.15 118.05,7.32 C117.90,4.42 115.10,2.05 111.45,1.75 C104.12,1.13 95.27,0.35 81.35,0.35 C75.64,0.35 55.79,0.92 50.09,0.67 C34.47,0.00 23.74,1.40 9.74,1.17 C5.76,1.10 2.40,3.55 2.21,6.69Z%22/%3E%3C/svg%3E")}
  .swipe-p-mos .swipe-pakket-icoon{color:#857C54}
  .swipe-p-mos .swipe-lijst svg{color:var(--eucalyptus)}
  .swipe-p-heide{color:#3E2438}
  .swipe-p-heide .swipe-pakket-vlak{border-image-source:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22474%22 height=%22471%22 viewBox=%220 0 118.58 117.76%22%3E%3Cpath fill=%22%23BB97B1%22 d=%22M2.21,6.69 C0.00,41.93 0.82,76.67 3.16,111.92 C3.36,114.94 6.47,117.33 10.31,117.44 C21.54,117.76 34.16,117.43 43.34,117.43 C79.38,117.43 96.12,116.46 109.22,116.79 C113.50,116.90 117.04,114.17 116.89,110.79 C116.39,98.75 117.37,80.97 117.37,72.90 C117.37,38.11 118.58,17.15 118.05,7.32 C117.90,4.42 115.10,2.05 111.45,1.75 C104.12,1.13 95.27,0.35 81.35,0.35 C75.64,0.35 55.79,0.92 50.09,0.67 C34.47,0.00 23.74,1.40 9.74,1.17 C5.76,1.10 2.40,3.55 2.21,6.69Z%22/%3E%3C/svg%3E")}
  .swipe-p-heide .swipe-pakket-icoon{color:#A9839F}
  .swipe-p-heide .swipe-lijst svg{color:var(--linnen)}
  .swipe-p-abrikoos{color:#4A2C10}
  .swipe-p-abrikoos .swipe-pakket-vlak{border-image-source:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22474%22 height=%22471%22 viewBox=%220 0 118.58 117.76%22%3E%3Cpath fill=%22%23E49548%22 d=%22M2.21,6.69 C0.00,41.93 0.82,76.67 3.16,111.92 C3.36,114.94 6.47,117.33 10.31,117.44 C21.54,117.76 34.16,117.43 43.34,117.43 C79.38,117.43 96.12,116.46 109.22,116.79 C113.50,116.90 117.04,114.17 116.89,110.79 C116.39,98.75 117.37,80.97 117.37,72.90 C117.37,38.11 118.58,17.15 118.05,7.32 C117.90,4.42 115.10,2.05 111.45,1.75 C104.12,1.13 95.27,0.35 81.35,0.35 C75.64,0.35 55.79,0.92 50.09,0.67 C34.47,0.00 23.74,1.40 9.74,1.17 C5.76,1.10 2.40,3.55 2.21,6.69Z%22/%3E%3C/svg%3E")}
  .swipe-p-abrikoos .swipe-pakket-icoon{color:#D5823A}
  .swipe-p-abrikoos .swipe-lijst svg{color:var(--linnen)}
  .swipe-p-mos .swipe-knop svg{color:var(--morgenmos)}
  .swipe-p-heide .swipe-knop svg{color:var(--heidebloem)}
  .swipe-p-abrikoos .swipe-knop svg{color:var(--abrikoos)}

  .swipe-voetnoot{text-align:center;margin-top:2.25rem;font-size:.95rem;font-weight:300;color:rgba(84,53,48,.75)}

  /* ============ golvende naad tussen blokken ============ */
  .swipe-golf{position:absolute;left:0;right:0;bottom:-1px;height:24px;z-index:3;pointer-events:none;background:var(--kleur);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 24%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0,11.5 C55.0,9.9 105.0,11.8 160.0,12.6 C215.0,11.0 265.0,17.5 320.0,16.2 C375.0,17.0 425.0,9.8 480.0,11.7 C535.0,13.6 585.0,13.9 640.0,12.1 C695.0,12.7 745.0,13.3 800.0,12.9 C855.0,11.5 905.0,6.9 960.0,8.8 C1015.0,9.0 1065.0,10.4 1120.0,12.1 C1175.0,10.9 1225.0,12.3 1280.0,13.3 C1335.0,11.4 1385.0,14.8 1440.0,14.9 L1440,24 L0,24 Z%22/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 24%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0,11.5 C55.0,9.9 105.0,11.8 160.0,12.6 C215.0,11.0 265.0,17.5 320.0,16.2 C375.0,17.0 425.0,9.8 480.0,11.7 C535.0,13.6 585.0,13.9 640.0,12.1 C695.0,12.7 745.0,13.3 800.0,12.9 C855.0,11.5 905.0,6.9 960.0,8.8 C1015.0,9.0 1065.0,10.4 1120.0,12.1 C1175.0,10.9 1225.0,12.3 1280.0,13.3 C1335.0,11.4 1385.0,14.8 1440.0,14.9 L1440,24 L0,24 Z%22/%3E%3C/svg%3E") center/100% 100% no-repeat}

  /* ============ rondje op de naad ============ */
  .swipe-naad{position:relative;height:0;z-index:5}
  .swipe-voet{z-index:1}
  .swipe-naad-zegel{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:clamp(130px,13vw,170px);aspect-ratio:1}
  .swipe-naad-ring{position:absolute;inset:0;width:100%;height:100%;color:#EDB47F;animation:swipe-draai 45s linear infinite}
  .swipe-naad-ster{position:absolute;left:50%;top:50%;width:64%;height:64%;transform:translate(-50%,-50%);color:#EDB47F}
  .swipe-naad-rond{
    position:absolute;left:var(--x,50%);top:0;transform:translate(-50%,-50%);
    width:clamp(70px,7.5vw,100px);aspect-ratio:1;border-radius:50%;
    background:var(--abrikoos);display:grid;place-items:center;
  }
    .swipe-naad-rond svg{width:58%;height:58%;color:var(--icoon,var(--kastanje))}

  /* ============ contact ============ */
  .swipe-contact{padding-block:calc(var(--sectie) * .7) var(--sectie);background:var(--linnen-diep);position:relative;overflow:hidden}
  .swipe-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,5rem);align-items:center;position:relative;z-index:2}
  .swipe-contact-plan{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin-top:1.75rem}
  .swipe-contact-plan span{font-size:.95rem;font-weight:300;color:rgba(84,53,48,.7)}
  .swipe-contact-rijen{display:flex;flex-direction:column;gap:.35rem;margin-top:1.5rem}
  .swipe-contact-rij{display:flex;align-items:center;gap:1rem;text-decoration:none;font-size:1.08rem;padding:.55rem 0}
  .swipe-contact-rij .swipe-tegeltje{width:48px;height:48px;border-radius:10px}
  .swipe-contact-rij span{transition:color 220ms}
  .swipe-contact-rij:hover span{color:rgba(84,53,48,.62)}

  .swipe-formulier{display:flex;flex-direction:column;gap:10px}
  .swipe-formulier input,.swipe-formulier select,.swipe-formulier textarea{
    width:100%;height:40px;padding:0 .1rem;font:inherit;font-size:.98rem;color:var(--kastanje);
    background:transparent;border:0;border-bottom:.8px solid #CDBFA3;border-radius:0;outline:0;
    transition:border-color 200ms;
  }
  .swipe-formulier textarea{height:110px;padding-top:.6rem;resize:vertical}
  .swipe-formulier input:focus,.swipe-formulier select:focus,.swipe-formulier textarea:focus{border-bottom-color:var(--morgenmos)}
  .swipe-formulier ::placeholder{color:rgba(84,53,48,.55)}
  .swipe-formulier .swipe-knop{align-self:flex-start;margin-top:1rem}

  /* ============ voet ============ */
  .swipe-voet{background:var(--kastanje);color:var(--linnen);padding-block:4.5rem 2rem;position:relative}
  .swipe-voet-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem;align-items:start}
  .swipe-voet-logo{width:128px;height:96px;color:#EDB47F;display:block;margin-bottom:1.1rem}
  .swipe-voet p{font-size:.95rem;font-weight:300;line-height:1.7;color:rgba(244,235,218,.78);max-width:34ch}
  .swipe-voet .swipe-voet-register{margin-top:1rem;font-size:.85rem;color:rgba(244,235,218,.6)}
  .swipe-voet-kvk{display:block;margin-top:.35rem}
  .swipe-voet h3{font-size:1.05rem;font-weight:700;font-variation-settings:'wdth' 100;margin:0 0 1rem;color:#EDB47F}
  .swipe-voet-lijst{display:flex;flex-direction:column;gap:.85rem;list-style:none;margin:0;padding:0;font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.1}
  .swipe-voet-lijst a{text-decoration:none;color:rgba(244,235,218,.86);transition:color 220ms}
  .swipe-voet-lijst a:hover{color:#EDB47F}
  .swipe-voet-lijst span{color:rgba(244,235,218,.55)}
  .swipe-voet .swipe-knop--lijn{color:var(--linnen);box-shadow:inset 0 0 0 1.3px rgba(244,235,218,.55);margin-top:1.1rem}
  .swipe-voet .swipe-knop--lijn:hover{background:rgba(244,235,218,.1)}

  .swipe-iconen{display:flex;justify-content:space-between;gap:.5rem;margin:4rem 0 0;padding:0;list-style:none}
  .swipe-iconen li{flex:1;display:grid;place-items:center}
  .swipe-iconen svg{width:clamp(22px,2.4vw,34px);height:clamp(22px,2.4vw,34px);color:rgba(244,235,218,.22);transition:color 400ms,transform 700ms var(--zacht)}
  .swipe-iconen li:hover svg{color:var(--kleur);transform:rotate(-14deg) scale(1.25)}
  .swipe-voet-onder{margin-top:2.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;font-size:.85rem;color:rgba(244,235,218,.55)}
  .swipe-voet-onder nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
  .swipe-voet-onder a{color:inherit;text-decoration:none;transition:color 220ms}
  .swipe-voet-onder a:hover{color:var(--linnen)}

  /* ============ afsprakenvenster ============ */
  dialog.swipe-venster{
    width:min(620px,calc(100vw - 2rem));max-height:calc(100dvh - var(--rand-boven) - 2rem);inset:var(--rand-boven) 0 0 0;margin:auto;padding:0;border:0;
    border-radius:var(--hoek);background:var(--linnen);color:var(--kastanje);overflow:auto;
  }
  dialog.swipe-venster::backdrop{background:rgba(84,53,48,.45)}
  dialog.swipe-venster[open]{animation:swipe-open 380ms var(--zacht)}
  @keyframes swipe-open{from{opacity:0;transform:translateY(16px)}}
  .swipe-venster-kop{position:relative;background:var(--morgenmos);padding:2rem 2rem 1.6rem;overflow:hidden}
  .swipe-venster-kop h2{font-size:1.9rem;font-weight:800;font-variation-settings:'wdth' 86;line-height:1.05;color:var(--linnen);margin-bottom:.4rem;position:relative}
  .swipe-venster-kop p{font-weight:300;color:rgba(244,235,218,.88);position:relative;max-width:40ch}
  .swipe-venster-kop .swipe-venster-icoon{position:absolute;right:-30px;top:-30px;width:170px;height:170px;color:#857C54;opacity:.7}
  .swipe-venster-dicht{position:absolute;top:.9rem;right:.9rem;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(244,235,218,.6);color:var(--kastanje);font-size:1.4rem;line-height:1;cursor:pointer;transition:background-color 220ms}
  .swipe-venster-dicht:hover{background:var(--linnen)}
  .swipe-venster-lijf{padding:1.6rem 2rem 2rem}
  .swipe-venster-lijf h3{font-size:1rem;font-weight:700;margin:1.4rem 0 .7rem}
  .swipe-venster-lijf h3:first-child{margin-top:0}
  .swipe-keuzes{display:flex;flex-wrap:wrap;gap:.5rem}
  .swipe-keuze{
    font:inherit;font-size:.9rem;color:var(--kastanje);background:transparent;cursor:pointer;
    border:0;box-shadow:inset 0 0 0 .8px #CDBFA3;border-radius:999px;padding:.5rem .95rem;
    transition:background-color 200ms,box-shadow 200ms;
  }
  .swipe-keuze:hover{box-shadow:inset 0 0 0 .8px var(--morgenmos)}
  .swipe-keuze[aria-pressed="true"]{background:rgba(150,141,98,.16);box-shadow:inset 0 0 0 .8px var(--morgenmos)}
  .swipe-keuze[disabled]{opacity:.4;text-decoration:line-through;cursor:not-allowed}
  .swipe-keuze small{display:block;font-size:.72rem;opacity:.7}
  .swipe-dagen .swipe-keuze{border-radius:14px;text-align:center;min-width:62px;padding:.45rem .6rem}
  .swipe-venster .swipe-formulier{margin-top:.2rem}
  .swipe-venster-noot{font-size:.8rem;color:rgba(84,53,48,.6);margin-top:1rem}
  .swipe-venster-fout{font-size:.85rem;color:#A0442F;margin-top:.8rem}
  .swipe-venster-klaar{text-align:center;padding:3rem 2rem}
  .swipe-venster-klaar svg{width:72px;height:72px;color:var(--abrikoos);margin:0 auto 1rem;display:block}
  .swipe-venster-klaar h2{font-size:1.8rem;font-weight:800;font-variation-settings:'wdth' 86;margin-bottom:.5rem}
  .swipe-venster-klaar p{font-weight:300;max-width:36ch;margin:0 auto 1.4rem}

  /* ============ onthullen bij scrollen ============ */
  .js .swipe-op{opacity:0;transform:translateY(22px);transition:opacity 760ms var(--zacht),transform 760ms var(--zacht)}
  .js .swipe-op.is-zicht{opacity:1;transform:none}

  :focus-visible{outline:2.5px solid var(--kastanje);outline-offset:4px;border-radius:6px}

  /* ============ responsive ============ */
  @media (max-width:1060px){
    .swipe-pakket-rij{grid-template-columns:1fr;grid-template-rows:none;gap:1.25rem;max-width:520px;margin-inline:auto}
    .swipe-pakket{grid-row:auto;grid-template-rows:none}
    .swipe-duo{grid-template-columns:1fr}
  }
  @media (max-width:1180px){
    .swipe-menu,.swipe-kader-r{display:none}
    .swipe-menuknop{display:block}
  }
  @media (max-width:900px){
    :root{--rand-zij:0px;--rand-boven:64px;--hoek:18px;--schaal:.74}
    .swipe-kader-boven{padding-inline:calc(var(--rand-zij) + 1rem)}
    .swipe-schijf{left:calc(var(--rand-zij) + .5rem + var(--schijf) * .7 * var(--schaal))}
    .swipe-hero{padding:5rem 1.5rem 5rem}
    .swipe-bloem{width:91.9%;margin-top:calc(8% + 1.5rem);margin-bottom:calc(8% + 10px)}
    .swipe-over-grid,.swipe-massage-kop,.swipe-contact-grid{grid-template-columns:1fr}
    .swipe-over-tekst{order:-1}
    .swipe-voordelen{grid-template-columns:1fr 1fr !important}
    .swipe-massage-fotos{max-width:340px}
    .swipe-bloem{max-width:380px}
    .swipe-blok--kastanje{grid-template-columns:1fr}
    .swipe-voet-grid{grid-template-columns:1fr 1fr}
    .swipe-voet-grid > div:first-child{grid-column:1 / -1}
    .swipe-iconen li:nth-child(n+10){display:none}
  }
  @media (max-width:600px){
    .swipe-voordelen{grid-template-columns:1fr !important}
    .swipe-voorwie{flex-direction:column;align-items:flex-start}
    .swipe-voordeel{padding:.6rem 0}
    .swipe-pakket{padding:2rem 1.5rem 1.6rem}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none !important;transition-duration:.01ms !important}
  }

/* ============ formulier (Gravity Forms, eigen opmaak van GF staat uit) ============ */
.swipe-formulier-vak .gform_fields{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;border:0}
.swipe-formulier-vak fieldset{border:0;margin:0;padding:0;min-width:0}
.swipe-formulier-vak .gfield{margin:0;padding:0}
.swipe-formulier-vak .hidden_label .gfield_label,.swipe-formulier-vak .gfield_required,.swipe-formulier-vak .screen-reader-text,.swipe-formulier-vak .gform_required_legend{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.swipe-formulier-vak .gform_validation_container,.swipe-formulier-vak .gfield_visibility_hidden,.swipe-formulier-vak .gform_hidden{display:none!important}
.swipe-formulier-vak input:not([type=hidden]),.swipe-formulier-vak select,.swipe-formulier-vak textarea{
  width:100%;height:40px;padding:0 .1rem;font:inherit;font-size:.98rem;color:var(--kastanje);
  background:transparent;border:0;border-bottom:.8px solid #CDBFA3;border-radius:0;outline:0;box-shadow:none;
  transition:border-color 200ms;
}
.swipe-formulier-vak select{appearance:auto}
.swipe-formulier-vak textarea{height:110px;padding-top:.6rem;resize:vertical}
.swipe-formulier-vak input:focus,.swipe-formulier-vak select:focus,.swipe-formulier-vak textarea:focus{border-bottom-color:var(--morgenmos)}
.swipe-formulier-vak ::placeholder{color:rgba(84,53,48,.55)}
.swipe-formulier-vak .gform_footer{margin:1rem 0 0;padding:0;display:flex}
.swipe-formulier-vak .gform_footer .swipe-knop{font-size:.9rem}
.swipe-formulier-vak .gform_ajax_spinner{margin-left:.6rem;align-self:center;width:18px;height:18px}
.swipe-formulier-vak .gfield_error input,.swipe-formulier-vak .gfield_error select,.swipe-formulier-vak .gfield_error textarea{border-bottom-color:#B4533F}
.swipe-formulier-vak .gfield_validation_message,.swipe-formulier-vak .validation_message{font-size:.82rem;color:#B4533F;margin-top:.3rem}
.swipe-formulier-vak .gform_validation_errors{margin:0 0 1rem;font-size:.9rem;color:#B4533F}
.swipe-formulier-vak .gform_validation_errors h2{font-size:inherit;font-weight:600;margin:0}
.swipe-formulier-vak .gform_confirmation_message{font-size:1.12rem;font-weight:300;line-height:1.7;color:var(--kastanje)}

/* ============ tekstpagina (privacyverklaring) ============ */
.swipe-tekstpagina{padding-block:calc(var(--sectie) * .9) var(--sectie);background:var(--eucalyptus)}
.swipe-tekstpagina .swipe-wrap{max-width:820px}
.swipe-tekstpagina h1{font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:800;font-variation-settings:'wdth' 86;line-height:1.03;letter-spacing:-.025em;margin-bottom:1.75rem}
.swipe-tekstpagina h2{font-size:1.45rem;font-weight:800;font-variation-settings:'wdth' 86;line-height:1.15;margin:2.4rem 0 .6rem;scroll-margin-top:calc(var(--rand-boven) + 1.5rem)}
.swipe-tekstpagina p,.swipe-tekstpagina ul{margin:0 0 1rem}
.swipe-tekstpagina ul{padding-left:1.2rem}
.swipe-tekstpagina li{margin-bottom:.3rem}
.swipe-tekstpagina a{text-underline-offset:3px}