:root {
    --bounce-green: #1f8d3f;
    --bounce-green-dark: #14582d;
    --bounce-green-deep: #0d3f22;
    --bounce-green-soft: #eaf7db;
    --bounce-yellow: #ffc628;
    --bounce-orange: #ff6b24;
    --bounce-blue: #75d7f2;
    --bounce-cream: #fff8dd;
    --bounce-sand: #f6e7b0;
    --bounce-brown: #7a431f;
    --bounce-brown-dark: #47220f;
    --bounce-text: #172219;
    --bounce-muted: #647066;
    --bounce-line: rgba(38,74,44,.14);
    --bounce-white: #fff;
    --bounce-shadow: 0 18px 45px rgba(31,73,39,.12);
    --bounce-radius: 24px;
    --bounce-shell: 1380px;
    --bounce-body: "DM Sans", Arial, sans-serif;
    --bounce-display: "Fredoka", "DM Sans", Arial, sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    overflow-x: hidden;
    background: #fff;
    color: var(--bounce-text);
    font-family: var(--bounce-body);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

body.bounce-menu-open {
    overflow: hidden;
}

img {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select,
textarea {
    font: inherit;
}

.bounce-shell {
    width: min(calc(100% - 48px), var(--bounce-shell));
    margin-inline: auto;
}

/* HEADER */
.bounce-header {
    position: relative;
    z-index: 1000;
    border-bottom: 1px solid var(--bounce-line);
    background: rgba(255,255,255,.97);
}

.bounce-header__inner {
    display: grid;
    min-height: 88px;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
}

.bounce-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

.bounce-brand__company,
.bounce-brand__rental {
    display: grid;
    line-height: .88;
}

.bounce-brand__company strong {
    font-family: var(--bounce-display);
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -.04em;
}

.bounce-brand__company small {
    margin-top: 4px;
    color: var(--bounce-green-dark);
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .18em;
}

.bounce-brand__divider {
    width: 1px;
    height: 40px;
    background: var(--bounce-line);
}

.bounce-brand__rental small {
    color: var(--bounce-brown);
    font-family: var(--bounce-display);
    font-size: .62rem;
    font-weight: 700;
}

.bounce-brand__rental strong {
    color: var(--bounce-green);
    font-family: var(--bounce-display);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -.03em;
}

.bounce-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.bounce-nav__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.bounce-nav__links a {
    position: relative;
    padding: 10px 0;
    font-size: .78rem;
    font-weight: 800;
}

.bounce-nav__links a::after {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 0;
    height: 3px;
    border-radius: 999px;
    background: var(--bounce-green);
    content: "";
    transition: width .2s ease;
}

.bounce-nav__links a:hover::after,
.bounce-nav__links a.is-active::after {
    width: 100%;
}

.bounce-nav__mobile-top {
    display: none;
}

.bounce-header__actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bounce-header__mail {
    display: none;
}

.bounce-menu-button {
    display: none;
}

/* BUTTONS */
.bounce-btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.bounce-btn:hover {
    transform: translateY(-2px);
}

.bounce-btn--yellow {
    background: var(--bounce-yellow);
    color: #2d2100;
    box-shadow: 0 10px 24px rgba(255,198,40,.24);
}

.bounce-btn--green {
    background: var(--bounce-green);
    color: #fff;
}

.bounce-btn--orange {
    background: var(--bounce-orange);
    color: #fff;
    box-shadow: 0 10px 24px rgba(255,107,36,.22);
}

.bounce-btn--soft {
    border: 1px solid rgba(31,141,63,.18);
    background: rgba(255,255,255,.78);
    color: var(--bounce-green-dark);
}

/* HERO */
.bounce-page {
    overflow: hidden;
}

.bounce-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 30%, rgba(255,255,255,.9), transparent 28%),
        linear-gradient(180deg,#bfefff 0%,#dff7cb 56%,#fff7cd 100%);
}

.bounce-hero::before,
.bounce-hero::after {
    position: absolute;
    z-index: 0;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(36,139,58,.09);
    content: "";
    filter: blur(2px);
}

.bounce-hero::before {
    top: -180px;
    left: -120px;
}

.bounce-hero::after {
    right: -140px;
    bottom: -190px;
}

.bounce-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 680px;
    grid-template-columns: .88fr 1.12fr;
    align-items: center;
    gap: 38px;
    padding-top: 56px;
    padding-bottom: 58px;
}

.bounce-hero__copy {
    position: relative;
    z-index: 3;
}

.bounce-kicker {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 18px;
    color: var(--bounce-green-dark);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-kicker i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--bounce-orange);
}

.bounce-hero h1 {
    max-width: 650px;
    margin: 0;
    color: var(--bounce-brown-dark);
    font-family: var(--bounce-display);
    font-size: clamp(4.6rem,6.2vw,7rem);
    font-weight: 700;
    line-height: .88;
    letter-spacing: -.055em;
    text-shadow: 0 3px 0 rgba(255,255,255,.55);
}

.bounce-hero h1 span {
    color: var(--bounce-green);
}

.bounce-hero__copy > p {
    max-width: 610px;
    margin: 25px 0 0;
    color: #294432;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.65;
}

.bounce-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.bounce-hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 26px;
    color: var(--bounce-green-dark);
    font-size: .76rem;
    font-weight: 800;
}

.bounce-hero__visual {
    position: relative;
    min-height: 590px;
}

.bounce-hero__visual > img {
    position: absolute;
    z-index: 2;
    right: -2%;
    bottom: 0;
    width: 94%;
    max-height: 590px;
    object-fit: contain;
    object-position: right bottom;
    filter: drop-shadow(0 24px 22px rgba(31,77,38,.18));
}

.bounce-hero__jungle {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 40% 24% 20% 30%;
    background:
        radial-gradient(circle at 78% 18%,rgba(32,138,60,.2),transparent 23%),
        radial-gradient(circle at 64% 50%,rgba(255,255,255,.48),transparent 36%);
}

.bounce-hero__sign--title {
    display: none;
}

.bounce-price-sign {
    position: absolute;
    z-index: 4;
    right: 4%;
    bottom: 7%;
    display: grid;
    min-width: 180px;
    padding: 17px 22px;
    border: 4px solid #3d1f0d;
    border-radius: 16px;
    background:
        linear-gradient(90deg,rgba(255,255,255,.08),transparent 20%),
        #7f451e;
    box-shadow: 0 10px 0 #4b260f, 0 18px 28px rgba(51,28,12,.25);
    color: #fff;
    text-align: center;
    transform: rotate(-3deg);
}

.bounce-price-sign span,
.bounce-price-sign small {
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .09em;
}

.bounce-price-sign strong {
    color: var(--bounce-yellow);
    font-family: var(--bounce-display);
    font-size: 3.2rem;
    line-height: .9;
    text-shadow: 2px 2px 0 #3e1b09;
}

/* WOOD TITLE */
.bounce-wood-title {
    position: relative;
    display: table;
    margin: 0 auto 38px;
    padding: 18px 40px 16px;
    border: 4px solid #4c250f;
    border-radius: 18px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.09),transparent 30%),
        #7b431e;
    box-shadow: 0 7px 0 #4a260f, 0 14px 25px rgba(65,36,15,.18);
    color: #fff;
    text-align: center;
    transform: rotate(-1deg);
}

.bounce-wood-title::before,
.bounce-wood-title::after {
    position: absolute;
    top: 50%;
    width: 54px;
    height: 28px;
    background: radial-gradient(ellipse at center,var(--bounce-green) 0 44%,transparent 46%);
    content: "";
    transform: translateY(-50%);
}

.bounce-wood-title::before {
    left: -38px;
}

.bounce-wood-title::after {
    right: -38px;
}

.bounce-wood-title span,
.bounce-wood-title strong {
    display: block;
    font-family: var(--bounce-display);
    line-height: 1;
}

.bounce-wood-title span {
    font-size: 1rem;
}

.bounce-wood-title strong {
    color: var(--bounce-yellow);
    font-size: clamp(1.7rem,2.5vw,2.5rem);
}

.bounce-wood-title--left {
    margin-left: 0;
    margin-right: 0;
}

/* BENEFITS */
.bounce-benefits {
    padding: 70px 0 82px;
    background:
        radial-gradient(circle at 50% 0,rgba(255,214,70,.16),transparent 35%),
        var(--bounce-cream);
}

.bounce-benefits__grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 14px;
}

.bounce-benefit {
    min-height: 220px;
    padding: 26px 21px;
    border: 1px solid rgba(58,105,56,.09);
    border-radius: 22px;
    background: rgba(255,255,255,.78);
    text-align: center;
    box-shadow: 0 10px 24px rgba(73,84,48,.045);
}

.bounce-benefit__icon {
    display: grid;
    width: 66px;
    height: 66px;
    place-items: center;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: linear-gradient(145deg,#47c33d,#188537);
    box-shadow: 0 8px 18px rgba(31,141,63,.18);
    color: #fff;
}

.bounce-benefit__icon svg {
    width: 30px;
    height: 30px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bounce-benefit h3 {
    margin: 0;
    font-family: var(--bounce-display);
    font-size: 1.15rem;
    line-height: 1.05;
}

.bounce-benefit p {
    margin: 8px 0 0;
    color: var(--bounce-muted);
    font-size: .8rem;
}

/* PRODUCTS */
.bounce-products {
    padding: 84px 0 90px;
    background:
        radial-gradient(circle at 12% 15%,rgba(94,190,63,.08),transparent 24%),
        #f8fff5;
}

.bounce-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 30px;
}

.bounce-section-heading .bounce-wood-title {
    margin-bottom: 0;
}

.bounce-products__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.bounce-product {
    display: grid;
    min-width: 0;
    overflow: hidden;
    grid-template-columns: .94fr 1.06fr;
    border: 1px solid rgba(38,74,44,.12);
    border-radius: 26px;
    box-shadow: 0 15px 35px rgba(31,73,39,.08);
}

.bounce-product--safari {
    background: linear-gradient(145deg,#ecffd7,#fffbe4);
}

.bounce-product--dino {
    background: linear-gradient(145deg,#d8f6ff,#eef7ff);
}

.bounce-product__image {
    display: grid;
    min-height: 390px;
    place-items: center;
    padding: 26px;
}

.bounce-product__image img {
    max-height: 330px;
    object-fit: contain;
    filter: drop-shadow(0 16px 18px rgba(30,65,34,.16));
}

.bounce-product__content {
    display: flex;
    flex-direction: column;
    padding: 34px 30px 28px 12px;
}

.bounce-product__eyebrow {
    color: var(--bounce-green);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-product h2 {
    margin: 8px 0 0;
    font-family: var(--bounce-display);
    font-size: 1.65rem;
    line-height: 1.05;
}

.bounce-product ul {
    display: grid;
    gap: 10px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
    color: #33503b;
    font-size: .83rem;
}

.bounce-product li {
    position: relative;
    padding-left: 25px;
}

.bounce-product li::before {
    position: absolute;
    left: 0;
    top: 1px;
    color: var(--bounce-green);
    content: "✓";
    font-weight: 900;
}

.bounce-product__bottom {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 15px;
    margin-top: auto;
    padding-top: 30px;
}

.bounce-product__price {
    display: grid;
}

.bounce-product__price small {
    color: var(--bounce-brown);
    font-size: .57rem;
    font-weight: 900;
}

.bounce-product__price strong {
    color: var(--bounce-brown-dark);
    font-family: var(--bounce-display);
    font-size: 2.45rem;
    line-height: .9;
}

.bounce-product__price span {
    margin-top: 3px;
    color: var(--bounce-muted);
    font-size: .65rem;
    font-weight: 700;
}

/* PROCESS */
.bounce-process {
    padding: 82px 0 92px;
    background: linear-gradient(180deg,#fff8d8,#fffef5);
}

.bounce-process__layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 290px;
    gap: 28px;
    align-items: stretch;
}

.bounce-process__grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
}

.bounce-process__grid article {
    position: relative;
    min-height: 255px;
    padding: 26px 19px;
    border: 1px solid rgba(53,91,45,.09);
    border-radius: 22px;
    background: rgba(255,255,255,.8);
    text-align: center;
}

.bounce-step-number {
    position: absolute;
    top: 16px;
    left: 16px;
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    background: var(--bounce-green);
    color: #fff;
    font-weight: 900;
}

.bounce-process__grid article:nth-child(2n) .bounce-step-number {
    background: var(--bounce-yellow);
    color: #553700;
}

.bounce-step-icon {
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    margin: 20px auto 22px;
    border-radius: 50%;
    background: var(--bounce-green-soft);
    font-size: 1.7rem;
}

.bounce-process__grid h3 {
    margin: 0;
    font-family: var(--bounce-display);
    font-size: 1.08rem;
    line-height: 1.1;
}

.bounce-process__grid p {
    margin: 8px 0 0;
    color: var(--bounce-muted);
    font-size: .77rem;
}

.bounce-process__cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
    border: 4px solid #4d260f;
    border-radius: 24px;
    background:
        radial-gradient(circle at 75% 15%,rgba(255,255,255,.1),transparent 28%),
        #7d451e;
    box-shadow: 0 8px 0 #4a250f, 0 18px 30px rgba(73,39,16,.18);
    color: #fff;
    text-align: center;
    transform: rotate(1deg);
}

.bounce-process__cta > span {
    color: var(--bounce-yellow);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-process__cta > strong {
    margin: 12px 0 24px;
    font-family: var(--bounce-display);
    font-size: 1.65rem;
    line-height: 1.02;
}

/* DELIVERY */
.bounce-delivery {
    padding: 92px 0;
    background:
        radial-gradient(circle at 82% 18%,rgba(118,215,242,.18),transparent 28%),
        #f8fff7;
}

.bounce-delivery__grid {
    display: grid;
    grid-template-columns: .88fr 1.12fr;
    align-items: center;
    gap: 70px;
}

.bounce-delivery__intro h2 {
    margin: 8px 0 0;
    font-family: var(--bounce-display);
    font-size: clamp(2.7rem,4vw,4.3rem);
    line-height: .95;
    letter-spacing: -.04em;
}

.bounce-delivery__intro > p {
    max-width: 540px;
    margin: 22px 0 27px;
    color: var(--bounce-muted);
    line-height: 1.65;
}

.bounce-delivery__cards {
    display: grid;
    gap: 14px;
}

.bounce-delivery-card {
    display: grid;
    padding: 25px 27px;
    border: 1px solid var(--bounce-line);
    border-radius: 21px;
    background: #fff;
    box-shadow: 0 10px 25px rgba(31,73,39,.05);
}

.bounce-delivery-card span {
    color: var(--bounce-green);
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-delivery-card strong {
    margin-top: 5px;
    font-family: var(--bounce-display);
    font-size: 1.4rem;
}

.bounce-delivery-card small {
    margin-top: 5px;
    color: var(--bounce-muted);
}

.bounce-delivery-card--price {
    border-color: rgba(255,107,36,.2);
    background: linear-gradient(145deg,#fff8dc,#fff0d9);
}

.bounce-delivery-card--price strong {
    color: var(--bounce-orange);
    font-size: 2.55rem;
}

/* CONTACT CTA */
.bounce-contact-cta {
    padding: 75px 0;
    background:
        radial-gradient(circle at 20% 20%,rgba(255,198,40,.16),transparent 28%),
        linear-gradient(135deg,#e7f9d7,#fff3b8);
}

.bounce-contact-cta__inner {
    display: grid;
    grid-template-columns: 1fr .9fr;
    align-items: center;
    gap: 70px;
}

.bounce-contact-cta__label {
    color: var(--bounce-green);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.bounce-contact-cta h2 {
    margin: 7px 0 0;
    font-family: var(--bounce-display);
    font-size: clamp(2.5rem,4vw,4rem);
    line-height: .95;
}

.bounce-contact-cta p {
    max-width: 600px;
    margin: 19px 0 0;
    color: var(--bounce-muted);
}

.bounce-contact-cta__actions {
    display: grid;
    gap: 11px;
}

.bounce-contact-pill {
    display: grid;
    padding: 16px 20px;
    border: 1px solid rgba(31,141,63,.12);
    border-radius: 15px;
    background: rgba(255,255,255,.85);
}

.bounce-contact-pill span {
    color: var(--bounce-green);
    font-size: .6rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.bounce-contact-pill strong {
    margin-top: 3px;
    font-size: .86rem;
}

/* FOOTER */
.bounce-footer {
    padding: 55px 0 25px;
    background: #143b22;
    color: #fff;
}

.bounce-footer .bounce-brand__company strong,
.bounce-footer .bounce-brand__company small,
.bounce-footer .bounce-brand__rental small,
.bounce-footer .bounce-brand__rental strong {
    color: #fff;
}

.bounce-footer__top {
    display: grid;
    grid-template-columns: 1.3fr .65fr .85fr 1fr;
    gap: 45px;
}

.bounce-footer__brand p {
    max-width: 390px;
    margin: 20px 0 0;
    color: #bad2c0;
    font-size: .83rem;
    line-height: 1.6;
}

.bounce-footer__column {
    display: grid;
    align-content: start;
    gap: 8px;
}

.bounce-footer__column > strong {
    margin-bottom: 5px;
    font-family: var(--bounce-display);
}

.bounce-footer__column a {
    color: #bad2c0;
    font-size: .79rem;
}

.bounce-footer__column a:hover {
    color: #fff;
}

.bounce-footer__cta {
    display: grid;
    align-content: start;
    gap: 7px;
}

.bounce-footer__cta > span {
    color: var(--bounce-yellow);
    font-size: .63rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-footer__cta > strong {
    margin-bottom: 11px;
    font-family: var(--bounce-display);
    font-size: 1.35rem;
}

.bounce-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 44px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.11);
    color: #93b19b;
    font-size: .7rem;
}

/* TABLET */
@media (max-width: 1180px) {
    .bounce-header__inner {
        gap: 18px;
    }

    .bounce-nav,
    .bounce-nav__links {
        gap: 14px;
    }

    .bounce-nav__links a {
        font-size: .72rem;
    }

    .bounce-nav__reserve {
        display: none;
    }

    .bounce-hero__grid {
        grid-template-columns: .94fr 1.06fr;
    }

    .bounce-benefits__grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .bounce-products__grid {
        grid-template-columns: 1fr;
    }

    .bounce-product {
        grid-template-columns: .82fr 1.18fr;
    }

    .bounce-process__layout {
        grid-template-columns: 1fr;
    }

    .bounce-process__cta {
        max-width: 520px;
        margin-inline: auto;
    }

    .bounce-footer__top {
        grid-template-columns: 1.2fr 1fr 1fr;
    }

    .bounce-footer__cta {
        grid-column: 1 / -1;
    }
}

/* MOBILE */
@media (max-width: 860px) {
    .bounce-shell {
        width: calc(100% - 36px);
    }

    .bounce-header {
        background: #fff;
    }

    .bounce-header__inner {
        min-height: 88px;
        grid-template-columns: 1fr auto;
        gap: 12px;
    }

    .bounce-brand__divider,
    .bounce-brand__rental {
        display: none;
    }

    .bounce-brand__company strong {
        font-size: 1.45rem;
    }

    .bounce-header__actions {
        display: flex;
    }

    .bounce-header__mail {
        display: inline-flex;
        min-height: 46px;
        align-items: center;
        padding: 0 17px;
        border-radius: 10px;
        background: #17c89b;
        color: #fff;
        font-weight: 700;
    }

    .bounce-menu-button {
        display: block;
        width: 46px;
        height: 46px;
        padding: 8px;
        border: 0;
        background: transparent;
    }

    .bounce-menu-button span {
        display: block;
        width: 28px;
        height: 2px;
        margin: 6px auto;
        border-radius: 99px;
        background: #121812;
    }

    .bounce-nav {
        position: fixed;
        z-index: 2000;
        inset: 0;
        display: flex;
        width: 100%;
        height: 100dvh;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        overflow-y: auto;
        background: #fff;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translateX(100%);
        transition: transform .28s ease,opacity .2s ease,visibility .28s ease;
    }

    .bounce-nav.is-open {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translateX(0);
    }

    .bounce-nav__mobile-top {
        display: flex;
        min-height: 95px;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px;
        border-bottom: 1px solid var(--bounce-line);
    }

    .bounce-nav__close {
        position: relative;
        width: 48px;
        height: 48px;
        border: 0;
        background: transparent;
    }

    .bounce-nav__close span {
        position: absolute;
        top: 23px;
        left: 8px;
        width: 32px;
        height: 2px;
        background: #111;
    }

    .bounce-nav__close span:first-child {
        transform: rotate(45deg);
    }

    .bounce-nav__close span:last-child {
        transform: rotate(-45deg);
    }

    .bounce-nav__links {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 20px;
    }

    .bounce-nav__links a {
        min-height: 64px;
        padding: 0;
        border-bottom: 1px solid var(--bounce-line);
        font-family: var(--bounce-display);
        font-size: 1.45rem;
        line-height: 64px;
    }

    .bounce-nav__links a::after {
        display: none;
    }

    .bounce-nav__reserve {
        display: inline-flex;
        margin: auto 20px 28px;
    }

    .bounce-hero__grid {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 10px;
        padding-top: 45px;
        padding-bottom: 35px;
    }

    .bounce-hero h1 {
        font-size: clamp(3.65rem,15vw,5.2rem);
    }

    .bounce-hero__copy > p {
        font-size: .94rem;
    }

    .bounce-hero__visual {
        min-height: 390px;
    }

    .bounce-hero__visual > img {
        right: 0;
        width: 100%;
        max-height: 390px;
    }

    .bounce-price-sign {
        right: 2%;
        bottom: 4%;
        min-width: 145px;
        padding: 13px 16px;
    }

    .bounce-price-sign strong {
        font-size: 2.55rem;
    }

    .bounce-benefits {
        padding: 58px 0 64px;
    }

    .bounce-benefits__grid {
        grid-template-columns: 1fr 1fr;
    }

    .bounce-benefit:last-child {
        grid-column: 1 / -1;
    }

    .bounce-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .bounce-product {
        grid-template-columns: 1fr;
    }

    .bounce-product__image {
        min-height: 310px;
    }

    .bounce-product__content {
        padding: 0 24px 26px;
    }

    .bounce-product__bottom {
        align-items: stretch;
        flex-direction: column;
    }

    .bounce-process__grid {
        grid-template-columns: 1fr 1fr;
    }

    .bounce-delivery__grid,
    .bounce-contact-cta__inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .bounce-footer__top {
        grid-template-columns: 1fr 1fr;
    }

    .bounce-footer__brand,
    .bounce-footer__cta {
        grid-column: 1 / -1;
    }
}

/* SMALL MOBILE */
@media (max-width: 560px) {
    .bounce-shell {
        width: calc(100% - 30px);
    }

    .bounce-brand__company strong {
        font-size: 1.28rem;
    }

    .bounce-brand__company small {
        font-size: .52rem;
    }

    .bounce-header__mail {
        min-height: 44px;
        padding: 0 14px;
    }

    .bounce-hero {
        background: linear-gradient(180deg,#d7f7c8 0%,#e9ffd7 45%,#fff8df 100%);
    }

    .bounce-hero__grid {
        padding-top: 37px;
    }

    .bounce-kicker {
        font-size: .61rem;
    }

    .bounce-hero h1 {
        font-size: clamp(3.25rem,16vw,4.65rem);
    }

    .bounce-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bounce-btn {
        width: 100%;
    }

    .bounce-hero__trust {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px 12px;
    }

    .bounce-hero__visual {
        min-height: 330px;
    }

    .bounce-hero__visual > img {
        max-height: 330px;
    }

    .bounce-price-sign {
        min-width: 126px;
    }

    .bounce-price-sign strong {
        font-size: 2.2rem;
    }

    .bounce-wood-title {
        width: calc(100% - 20px);
        padding: 15px 20px;
    }

    .bounce-wood-title::before,
    .bounce-wood-title::after {
        width: 34px;
    }

    .bounce-benefits__grid {
        grid-template-columns: 1fr;
    }

    .bounce-benefit:last-child {
        grid-column: auto;
    }

    .bounce-benefit {
        min-height: 0;
        padding: 20px;
    }

    .bounce-benefit__icon {
        width: 58px;
        height: 58px;
        margin-bottom: 16px;
    }

    .bounce-products {
        padding: 62px 0 68px;
    }

    .bounce-product__image {
        min-height: 260px;
        padding: 18px;
    }

    .bounce-product__image img {
        max-height: 240px;
    }

    .bounce-product h2 {
        font-size: 1.45rem;
    }

    .bounce-process {
        padding: 62px 0 68px;
    }

    .bounce-process__grid {
        grid-template-columns: 1fr;
    }

    .bounce-process__grid article {
        min-height: 220px;
    }

    .bounce-delivery,
    .bounce-contact-cta {
        padding: 65px 0;
    }

    .bounce-footer__top {
        grid-template-columns: 1fr;
    }

    .bounce-footer__brand,
    .bounce-footer__cta {
        grid-column: auto;
    }

    .bounce-footer__bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* =========================================
   HEADER ACTIES RECHTS - DESKTOP
   ========================================= */

@media (min-width: 861px) {

    .bounce-nav__actions-desktop {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;

        position: relative !important;
        left: 55px !important;

        flex-shrink: 0 !important;
    }

    .bounce-nav__actions-desktop .bounce-nav__reserve {
        position: static !important;
        left: auto !important;
        margin: 0 !important;

        min-height: 40px !important;
        padding: 0 18px !important;

        font-size: 12px !important;
        white-space: nowrap !important;
        border-radius: 999px !important;
    }

    .bounce-nav__back {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;

        min-height: 40px;
        padding: 0 16px;

        border: 1px solid #d9ded7;
        border-radius: 999px;

        background: #fff;
        color: #17271b;

        font-family: "DM Sans", Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;

        transition:
            border-color .2s ease,
            background .2s ease,
            color .2s ease;
    }

    .bounce-nav__back:hover {
        border-color: #3da51c;
        background: #f4faF1;
        color: #318a16;
    }
}

/* Op mobiel niet tonen:
   daar houden we het bestaande mobiele menu */
@media (max-width: 860px) {

    .bounce-nav__actions-desktop {
        display: contents;
    }

    .bounce-nav__back {
        display: none !important;
    }
}
/* =========================================
   RESERVEERKNOP VERDER NAAR RECHTS - DESKTOP
   ========================================= */

@media (min-width: 861px) {
    .bounce-nav__reserve {
        position: relative !important;
        left: 55px !important;

        min-height: 40px !important;
        padding: 0 18px !important;

        font-size: 12px !important;
        border-radius: 999px !important;
        white-space: nowrap !important;
    }
}
/* =========================================
   RESERVEER NU - DESKTOP
   ========================================= */

@media (min-width: 861px) {
    .bounce-nav__reserve {
        margin-left: 24px !important;
        margin-right: 0 !important;

        min-height: 42px !important;
        padding: 0 20px !important;

        font-size: 13px !important;
        border-radius: 999px !important;
        white-space: nowrap !important;
    }
}
/* =========================================================
   SPRINGKUSSEN - ZO WERKT HET
   ========================================================= */

.bounce-how-page {
    overflow: hidden;
    background: #fff;
}

.bounce-how-hero {
    background:
        radial-gradient(circle at 82% 12%,rgba(255,198,40,.17),transparent 28%),
        linear-gradient(180deg,#dff8ce,#fff8d5);
}

.bounce-how-hero__grid {
    display: grid;
    min-height: 590px;
    grid-template-columns: 1fr .9fr;
    align-items: center;
    gap: 70px;
    padding-top: 58px;
    padding-bottom: 58px;
}

.bounce-how-hero__copy h1 {
    margin: 0;
    color: var(--bounce-brown-dark);
    font-family: var(--bounce-display);
    font-size: clamp(4.4rem,6vw,6.7rem);
    line-height: .88;
    letter-spacing: -.055em;
}

.bounce-how-hero__copy h1 span {
    color: var(--bounce-green);
}

.bounce-how-hero__copy > p {
    max-width: 630px;
    margin: 25px 0 0;
    color: #35513b;
    font-weight: 600;
    line-height: 1.68;
}

.bounce-how-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.bounce-how-hero__visual {
    display: grid;
    place-items: center;
}

.bounce-how-path {
    display: grid;
    width: min(430px,100%);
    gap: 11px;
    padding: 28px;
    border: 4px solid #4c250f;
    border-radius: 26px;
    background: #7a431f;
    box-shadow: 0 9px 0 #49240e,0 22px 40px rgba(67,37,15,.18);
    transform: rotate(1deg);
}

.bounce-how-path > div {
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 15px;
    background: rgba(255,255,255,.08);
    color: #fff;
}

.bounce-how-path span {
    color: var(--bounce-yellow);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.bounce-how-path b {
    font-family: var(--bounce-display);
    font-size: 1.22rem;
}

.bounce-how-steps {
    padding: 92px 0 100px;
}

.bounce-how-steps__grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
}

.bounce-how-steps__grid article {
    min-height: 250px;
    padding: 28px 25px;
    border: 1px solid var(--bounce-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 15px 35px rgba(31,73,39,.05);
}

.bounce-how-steps__grid article > span {
    color: var(--bounce-green);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-how-steps__grid h3 {
    margin: 48px 0 0;
    font-family: var(--bounce-display);
    font-size: 1.15rem;
}

.bounce-how-steps__grid p {
    margin: 9px 0 0;
    color: var(--bounce-muted);
    font-size: .79rem;
    line-height: 1.6;
}

.bounce-how-choice {
    padding: 90px 0;
    background: #f8fcf5;
}

.bounce-how-choice__grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    align-items: center;
    gap: 70px;
}

.bounce-how-choice__copy h2,
.bounce-how-delivery__copy h2,
.bounce-how-faq__heading h2 {
    margin: 10px 0 0;
    font-family: var(--bounce-display);
    font-size: clamp(2.7rem,4vw,4rem);
    line-height: .95;
    letter-spacing: -.04em;
}

.bounce-how-choice__copy p,
.bounce-how-delivery__copy p {
    margin: 20px 0 0;
    color: var(--bounce-muted);
    line-height: 1.7;
}

.bounce-how-choice__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.bounce-how-choice-card {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--bounce-line);
    border-radius: 22px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 14px 35px rgba(31,73,39,.06);
    transition: transform .2s ease,box-shadow .2s ease;
}

.bounce-how-choice-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 42px rgba(31,73,39,.1);
}

.bounce-how-choice-card img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    padding: 20px;
    background: linear-gradient(145deg,#eaffd7,#fff5c5);
}

.bounce-how-choice-card > span {
    display: grid;
    padding: 22px;
}

.bounce-how-choice-card small {
    color: var(--bounce-green);
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.bounce-how-choice-card strong {
    margin-top: 4px;
    font-family: var(--bounce-display);
    font-size: 1.18rem;
}

.bounce-how-choice-card b {
    margin-top: 7px;
    color: var(--bounce-brown);
    font-size: .8rem;
}

.bounce-how-delivery {
    padding: 90px 0;
}

.bounce-how-delivery__grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    align-items: center;
    gap: 80px;
}

.bounce-how-delivery__visual {
    display: grid;
    place-items: center;
}

.bounce-how-delivery-sign {
    display: grid;
    width: min(390px,100%);
    padding: 34px;
    border: 4px solid #4c250f;
    border-radius: 25px;
    background: #7a431f;
    box-shadow: 0 9px 0 #49240e,0 20px 36px rgba(67,37,15,.16);
    color: #fff;
}

.bounce-how-delivery-sign > span {
    color: var(--bounce-yellow);
    font-size: .63rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.bounce-how-delivery-sign > strong {
    margin-top: 9px;
    color: var(--bounce-yellow);
    font-family: var(--bounce-display);
    font-size: 3.4rem;
    line-height: .9;
}

.bounce-how-delivery-sign > b {
    font-family: var(--bounce-display);
    font-size: 1.25rem;
}

.bounce-how-delivery-sign > small {
    margin-top: 5px;
    color: rgba(255,255,255,.72);
}

.bounce-how-delivery-sign hr {
    width: 100%;
    margin: 23px 0;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.18);
}

.bounce-how-delivery__copy .bounce-btn {
    margin-top: 24px;
}

.bounce-how-faq {
    padding: 90px 0 100px;
    background: #fff9dc;
}

.bounce-how-faq__heading {
    margin-bottom: 32px;
}

.bounce-how-faq__grid {
    display: grid;
    gap: 12px;
}

.bounce-how-faq details {
    border: 1px solid rgba(56,82,52,.13);
    border-radius: 18px;
    background: rgba(255,255,255,.82);
}

.bounce-how-faq summary {
    position: relative;
    padding: 21px 58px 21px 22px;
    cursor: pointer;
    list-style: none;
    font-family: var(--bounce-display);
    font-size: 1rem;
}

.bounce-how-faq summary::-webkit-details-marker {
    display: none;
}

.bounce-how-faq summary::after {
    position: absolute;
    top: 50%;
    right: 22px;
    content: "+";
    color: var(--bounce-green);
    font-size: 1.5rem;
    font-weight: 800;
    transform: translateY(-50%);
}

.bounce-how-faq details[open] summary::after {
    content: "−";
}

.bounce-how-faq details p {
    margin: 0;
    padding: 0 22px 22px;
    color: var(--bounce-muted);
    font-size: .82rem;
    line-height: 1.65;
}

@media (max-width: 900px) {
    .bounce-how-hero__grid,
    .bounce-how-choice__grid,
    .bounce-how-delivery__grid {
        grid-template-columns: 1fr;
    }

    .bounce-how-steps__grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .bounce-how-hero__grid {
        min-height: 0;
        gap: 38px;
        padding-top: 42px;
        padding-bottom: 45px;
    }

    .bounce-how-hero__copy h1 {
        font-size: clamp(3.35rem,15vw,4.7rem);
    }

    .bounce-how-hero__actions {
        display: grid;
    }

    .bounce-how-steps,
    .bounce-how-choice,
    .bounce-how-delivery,
    .bounce-how-faq {
        padding: 62px 0 70px;
    }

    .bounce-how-steps__grid,
    .bounce-how-choice__cards {
        grid-template-columns: 1fr;
    }

    .bounce-how-steps__grid article {
        min-height: 210px;
    }

    .bounce-how-steps__grid h3 {
        margin-top: 32px;
    }
}

/* =========================================================
   SPRINGKUSSEN BEZORGING
   ========================================================= */

.bounce-delivery-page {
    overflow: hidden;
    background: #fff;
}

.bounce-delivery-hero {
    background:
        radial-gradient(circle at 85% 12%,rgba(255,198,40,.16),transparent 27%),
        linear-gradient(180deg,#dff8ce,#fff7d4);
}

.bounce-delivery-hero__grid {
    display: grid;
    min-height: 590px;
    grid-template-columns: 1fr .9fr;
    align-items: center;
    gap: 70px;
    padding-top: 58px;
    padding-bottom: 58px;
}

.bounce-delivery-hero__copy h1 {
    margin: 0;
    color: var(--bounce-brown-dark);
    font-family: var(--bounce-display);
    font-size: clamp(4.35rem,6vw,6.6rem);
    line-height: .88;
    letter-spacing: -.055em;
}

.bounce-delivery-hero__copy h1 span {
    color: var(--bounce-green);
}

.bounce-delivery-hero__copy > p {
    max-width: 640px;
    margin: 25px 0 0;
    color: #35513b;
    font-weight: 600;
    line-height: 1.68;
}

.bounce-delivery-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.bounce-delivery-hero__visual {
    display: grid;
    place-items: center;
}

.bounce-delivery-sign {
    width: min(430px,100%);
    padding: 35px;
    border: 4px solid #4c250f;
    border-radius: 26px;
    background: #7a431f;
    box-shadow: 0 9px 0 #49240e,0 22px 40px rgba(67,37,15,.18);
    color: #fff;
    transform: rotate(1deg);
}

.bounce-delivery-sign > span {
    display: block;
    margin-bottom: 20px;
    color: var(--bounce-yellow);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.bounce-delivery-sign > div {
    display: grid;
}

.bounce-delivery-sign strong {
    color: rgba(255,255,255,.72);
    font-size: .72rem;
    letter-spacing: .05em;
}

.bounce-delivery-sign b {
    margin-top: 5px;
    color: var(--bounce-yellow);
    font-family: var(--bounce-display);
    font-size: 2.7rem;
    line-height: 1;
}

.bounce-delivery-sign small {
    margin-top: 5px;
    color: rgba(255,255,255,.72);
}

.bounce-delivery-sign hr {
    margin: 24px 0;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.18);
}

.bounce-delivery-costs {
    padding: 92px 0 100px;
}

.bounce-delivery-costs__grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
}

.bounce-delivery-costs__grid article {
    min-height: 270px;
    padding: 30px;
    border: 1px solid var(--bounce-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(31,73,39,.06);
}

.bounce-delivery-costs__grid span {
    color: var(--bounce-green);
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-delivery-costs__grid strong {
    display: block;
    margin-top: 22px;
    font-family: var(--bounce-display);
    font-size: 2.2rem;
}

.bounce-delivery-costs__grid p {
    margin: 18px 0 0;
    color: var(--bounce-muted);
    font-size: .82rem;
    line-height: 1.65;
}

.bounce-delivery-process {
    padding: 90px 0 96px;
    background: #f8fcf5;
}

.bounce-delivery-process__heading {
    display: grid;
    grid-template-columns: 1fr minmax(300px,460px);
    align-items: end;
    gap: 70px;
    margin-bottom: 38px;
}

.bounce-delivery-process__heading h2,
.bounce-delivery-prepare__copy h2 {
    margin: 10px 0 0;
    font-family: var(--bounce-display);
    font-size: clamp(2.7rem,4vw,4.1rem);
    line-height: .95;
    letter-spacing: -.04em;
}

.bounce-delivery-process__heading > p {
    margin: 0 0 6px;
    color: var(--bounce-muted);
    line-height: 1.65;
}

.bounce-delivery-process__grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
}

.bounce-delivery-process__grid article {
    min-height: 230px;
    padding: 25px 23px;
    border: 1px solid var(--bounce-line);
    border-radius: 20px;
    background: #fff;
}

.bounce-delivery-process__grid article > span {
    color: var(--bounce-green);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.bounce-delivery-process__grid h3 {
    margin: 40px 0 0;
    font-family: var(--bounce-display);
    font-size: 1.1rem;
}

.bounce-delivery-process__grid p {
    margin: 8px 0 0;
    color: var(--bounce-muted);
    font-size: .78rem;
    line-height: 1.55;
}

.bounce-delivery-prepare {
    padding: 90px 0;
}

.bounce-delivery-prepare__grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 80px;
    align-items: start;
}

.bounce-delivery-prepare__copy p {
    max-width: 560px;
    margin: 20px 0 0;
    color: var(--bounce-muted);
    line-height: 1.7;
}

.bounce-delivery-prepare__list {
    display: grid;
    border-top: 1px solid var(--bounce-line);
}

.bounce-delivery-prepare__list > div {
    display: grid;
    grid-template-columns: 50px minmax(0,1fr);
    gap: 14px;
    padding: 19px 0;
    border-bottom: 1px solid var(--bounce-line);
}

.bounce-delivery-prepare__list > div > span {
    color: var(--bounce-green);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.bounce-delivery-prepare__list strong,
.bounce-delivery-prepare__list small {
    display: block;
}

.bounce-delivery-prepare__list strong {
    font-family: var(--bounce-display);
    font-size: 1.02rem;
}

.bounce-delivery-prepare__list small {
    margin-top: 5px;
    color: var(--bounce-muted);
    line-height: 1.5;
}

.bounce-delivery-note {
    padding: 65px 0;
    background: #fff7d2;
}

.bounce-delivery-note__inner {
    display: grid;
    grid-template-columns: 140px minmax(0,1fr);
    gap: 50px;
    align-items: start;
}

.bounce-delivery-note__inner > span {
    color: var(--bounce-green);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-delivery-note h2 {
    margin: 0;
    font-family: var(--bounce-display);
    font-size: clamp(2rem,3vw,3rem);
    line-height: 1;
}

.bounce-delivery-note p {
    max-width: 760px;
    margin: 13px 0 0;
    color: var(--bounce-muted);
    line-height: 1.65;
}

@media (max-width: 900px) {
    .bounce-delivery-hero__grid,
    .bounce-delivery-prepare__grid {
        grid-template-columns: 1fr;
    }

    .bounce-delivery-costs__grid {
        grid-template-columns: 1fr;
    }

    .bounce-delivery-process__heading {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .bounce-delivery-process__grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .bounce-delivery-hero__grid {
        min-height: 0;
        gap: 38px;
        padding-top: 42px;
        padding-bottom: 45px;
    }

    .bounce-delivery-hero__copy h1 {
        font-size: clamp(3.3rem,15vw,4.65rem);
    }

    .bounce-delivery-hero__actions {
        display: grid;
    }

    .bounce-delivery-costs,
    .bounce-delivery-process,
    .bounce-delivery-prepare {
        padding: 62px 0 70px;
    }

    .bounce-delivery-process__grid {
        grid-template-columns: 1fr;
    }

    .bounce-delivery-process__grid article {
        min-height: 195px;
    }

    .bounce-delivery-process__grid h3 {
        margin-top: 28px;
    }

    .bounce-delivery-note__inner {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

/* =========================================================
   MOBILE HEADER + NAVIGATION UPDATE
   - "Mail ons" knop verwijderd
   - rustiger header
   - speelsere springkussen navigatie
   ========================================================= */

@media (max-width: 860px) {

    .bounce-header__inner {
        min-height: 92px;
        grid-template-columns: 1fr auto;
    }

    .bounce-header__actions {
        justify-content: flex-end;
    }

    .bounce-header__mail {
        display: none !important;
    }

    .bounce-menu-button {
        display: block;
        width: 52px;
        height: 52px;
        padding: 9px;
        border-radius: 14px;
        background: #f4faef;
    }

    .bounce-menu-button span {
        width: 30px;
        height: 3px;
        margin: 6px auto;
        border-radius: 999px;
        background: var(--bounce-green-deep);
    }

    .bounce-nav {
        background:
            radial-gradient(circle at 90% 6%, rgba(255,198,40,.10), transparent 22%),
            #fff;
    }

    .bounce-nav__mobile-top {
        min-height: 105px;
        padding: 18px 22px;
        background: #fff;
    }

    .bounce-nav__links {
        padding: 18px 22px 14px;
    }

    .bounce-nav__links a {
        position: relative;
        display: flex;
        min-height: 72px;
        align-items: center;
        padding: 0 8px;
        border-bottom: 1px solid #e3e9df;
        color: var(--bounce-green-deep);
        font-family: var(--bounce-display);
        font-size: 1.45rem;
        font-weight: 700;
        line-height: 1.1;
    }

    .bounce-nav__links a::before {
        width: 9px;
        height: 9px;
        flex: 0 0 9px;
        margin-right: 14px;
        border-radius: 50%;
        background: var(--bounce-yellow);
        content: "";
    }

    .bounce-nav__links a.is-active {
        color: var(--bounce-green);
    }

    .bounce-nav__links a.is-active::before {
        background: var(--bounce-orange);
    }

    .bounce-nav__reserve {
        display: inline-flex;
        min-height: 58px;
        margin: auto 22px 28px;
        border-radius: 16px;
        font-family: var(--bounce-display);
        font-size: 1.05rem;
    }
}

@media (max-width: 560px) {
    .bounce-header__inner {
        min-height: 88px;
    }

    .bounce-menu-button {
        width: 48px;
        height: 48px;
    }

    .bounce-nav__links a {
        min-height: 68px;
        font-size: 1.32rem;
    }
}

/* =========================================
   MOBILE RESERVEERKNOP MENU COMPACT
   ========================================= */

@media (max-width: 860px) {
    .bounce-nav__reserve {
        width: auto !important;
        min-width: 0 !important;
        align-self: center !important;
        padding: 0 34px !important;
        margin: auto auto 28px !important;
    }
}

@media (max-width: 560px) {
    .bounce-nav__reserve {
        width: auto !important;
        padding: 0 30px !important;
        min-height: 54px !important;
    }
}


/* =========================================================
   PRODUCT DETAIL - AMAZONE SAFARI
   ========================================================= */

.bounce-product-page {
    overflow: hidden;
    background: #fff;
}

.bounce-product-hero {
    background:
        radial-gradient(circle at 14% 25%,rgba(255,255,255,.75),transparent 28%),
        linear-gradient(180deg,#d9f8c9,#f4ffe9);
}

.bounce-product-hero__grid {
    display: grid;
    min-height: 660px;
    grid-template-columns: .92fr 1.08fr;
    align-items: center;
    gap: 45px;
    padding-top: 58px;
    padding-bottom: 58px;
}

.bounce-product-hero__copy h1 {
    margin: 0;
    font-family: var(--bounce-display);
    font-size: clamp(4.5rem,6vw,6.8rem);
    line-height: .88;
    letter-spacing: -.055em;
    color: var(--bounce-brown-dark);
}

.bounce-product-hero__copy h1 span {
    color: var(--bounce-green);
}

.bounce-product-hero__copy > p {
    max-width: 620px;
    margin: 25px 0 0;
    color: #35513b;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.65;
}

.bounce-product-hero__facts {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
    margin-top: 30px;
}

.bounce-product-hero__facts div {
    padding: 16px 15px;
    border: 1px solid rgba(38,74,44,.12);
    border-radius: 16px;
    background: rgba(255,255,255,.72);
}

.bounce-product-hero__facts strong,
.bounce-product-hero__facts span {
    display: block;
}

.bounce-product-hero__facts strong {
    font-family: var(--bounce-display);
    font-size: 1.05rem;
}

.bounce-product-hero__facts span {
    margin-top: 3px;
    color: var(--bounce-muted);
    font-size: .7rem;
}

.bounce-product-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.bounce-product-hero__visual {
    position: relative;
    display: grid;
    min-height: 560px;
    place-items: center;
}

.bounce-product-hero__visual > img {
    width: 100%;
    max-height: 540px;
    object-fit: contain;
    filter: drop-shadow(0 22px 24px rgba(35,78,38,.17));
}

.bounce-product-intro {
    padding: 90px 0;
}

.bounce-product-intro__grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 80px;
    align-items: start;
}

.bounce-product-intro h2,
.bounce-product-specs h2,
.bounce-product-delivery h2 {
    margin: 10px 0 0;
    font-family: var(--bounce-display);
    font-size: clamp(2.7rem,4vw,4.3rem);
    line-height: .95;
    letter-spacing: -.045em;
}

.bounce-product-intro__content {
    padding-top: 18px;
}

.bounce-product-intro__content p {
    margin: 0;
    color: var(--bounce-muted);
    font-size: .98rem;
    line-height: 1.72;
}

.bounce-product-intro__content p + p {
    margin-top: 18px;
}

.bounce-product-gallery {
    padding: 82px 0 90px;
    background: #f9fff5;
}

.bounce-product-gallery__grid {
    display: grid;
    grid-template-columns: 1.3fr .85fr .85fr;
    gap: 16px;
}

.bounce-product-gallery__grid figure {
    margin: 0;
    min-height: 420px;
    overflow: hidden;
    border: 1px solid var(--bounce-line);
    border-radius: 24px;
    background: #fff;
}

.bounce-product-gallery__grid img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: contain;
    padding: 24px;
}

.bounce-product-gallery__main {
    background: linear-gradient(145deg,#ecffd7,#fffbe4) !important;
}

.bounce-product-specs {
    padding: 90px 0;
    background: linear-gradient(180deg,#fff8da,#fffdf2);
}

.bounce-product-specs__grid {
    display: grid;
    grid-template-columns: 1fr 380px;
    align-items: start;
    gap: 70px;
}

.bounce-spec-list {
    display: grid;
    margin-top: 34px;
    border-top: 1px solid var(--bounce-line);
}

.bounce-spec-list > div {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr);
    gap: 14px;
    padding: 17px 0;
    border-bottom: 1px solid var(--bounce-line);
}

.bounce-spec-list > div > span {
    color: var(--bounce-green);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.bounce-spec-list strong,
.bounce-spec-list small {
    display: block;
}

.bounce-spec-list strong {
    font-family: var(--bounce-display);
    font-size: 1rem;
}

.bounce-spec-list small {
    margin-top: 3px;
    color: var(--bounce-muted);
    font-size: .75rem;
}

.bounce-product-specs__card {
    display: grid;
    padding: 30px;
    border: 4px solid #4c250f;
    border-radius: 24px;
    background: #7a431f;
    box-shadow: 0 8px 0 #4a260f,0 16px 28px rgba(65,36,15,.16);
    color: #fff;
}

.bounce-product-specs__card > span {
    color: var(--bounce-yellow);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-product-specs__card > strong {
    margin-top: 6px;
    color: var(--bounce-yellow);
    font-family: var(--bounce-display);
    font-size: 3.4rem;
    line-height: .9;
}

.bounce-product-specs__card > b {
    margin-top: 6px;
    font-family: var(--bounce-display);
    font-size: 1.25rem;
}

.bounce-product-specs__card > small {
    margin-top: 5px;
    color: rgba(255,255,255,.72);
}

.bounce-product-specs__card hr {
    width: 100%;
    margin: 24px 0;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.18);
}

.bounce-product-specs__card .bounce-btn {
    margin-top: 25px;
}

.bounce-product-delivery {
    padding: 90px 0 96px;
}

.bounce-product-delivery__heading {
    display: grid;
    grid-template-columns: 1fr minmax(300px,460px);
    align-items: end;
    gap: 70px;
    margin-bottom: 38px;
}

.bounce-product-delivery__heading > p {
    margin: 0 0 6px;
    color: var(--bounce-muted);
    line-height: 1.65;
}

.bounce-product-delivery__grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
}

.bounce-product-delivery__grid article {
    min-height: 220px;
    padding: 25px 23px;
    border: 1px solid var(--bounce-line);
    border-radius: 20px;
    background: #fff;
}

.bounce-product-delivery__grid article > span {
    color: var(--bounce-green);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.bounce-product-delivery__grid h3 {
    margin: 40px 0 0;
    font-family: var(--bounce-display);
    font-size: 1.12rem;
}

.bounce-product-delivery__grid p {
    margin: 8px 0 0;
    color: var(--bounce-muted);
    font-size: .79rem;
}

.bounce-product-cta {
    padding: 72px 0;
    background:
        radial-gradient(circle at 15% 15%,rgba(255,198,40,.16),transparent 30%),
        linear-gradient(135deg,#dff8cb,#fff3b8);
}

.bounce-product-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

.bounce-product-cta__inner > div > span {
    color: var(--bounce-green);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-product-cta h2 {
    margin: 7px 0 0;
    font-family: var(--bounce-display);
    font-size: clamp(2.5rem,4vw,3.8rem);
    line-height: .95;
}

.bounce-product-cta p {
    max-width: 600px;
    margin: 15px 0 0;
    color: var(--bounce-muted);
}

@media (max-width: 980px) {
    .bounce-product-hero__grid,
    .bounce-product-intro__grid,
    .bounce-product-specs__grid {
        grid-template-columns: 1fr;
    }

    .bounce-product-gallery__grid {
        grid-template-columns: 1fr 1fr;
    }

    .bounce-product-gallery__main {
        grid-column: 1 / -1;
    }

    .bounce-product-delivery__grid {
        grid-template-columns: 1fr 1fr;
    }

    .bounce-product-delivery__heading {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}

@media (max-width: 560px) {
    .bounce-product-hero__grid {
        min-height: 0;
        gap: 25px;
        padding-top: 42px;
        padding-bottom: 38px;
    }

    .bounce-product-hero__copy h1 {
        font-size: clamp(3.4rem,15vw,4.8rem);
    }

    .bounce-product-hero__facts {
        grid-template-columns: 1fr;
    }

    .bounce-product-hero__actions {
        display: grid;
    }

    .bounce-product-hero__visual {
        min-height: 330px;
    }

    .bounce-product-hero__visual > img {
        max-height: 320px;
    }

    .bounce-product-intro,
    .bounce-product-gallery,
    .bounce-product-specs,
    .bounce-product-delivery {
        padding: 62px 0;
    }

    .bounce-product-intro__grid {
        gap: 20px;
    }

    .bounce-product-gallery__grid {
        grid-template-columns: 1fr;
    }

    .bounce-product-gallery__main {
        grid-column: auto;
    }

    .bounce-product-gallery__grid figure,
    .bounce-product-gallery__grid img {
        min-height: 290px;
    }

    .bounce-product-gallery__grid img {
        padding: 18px;
    }

    .bounce-product-specs__grid {
        gap: 38px;
    }

    .bounce-product-specs__card {
        padding: 25px 22px;
    }

    .bounce-product-delivery__grid {
        grid-template-columns: 1fr;
    }

    .bounce-product-delivery__grid article {
        min-height: 190px;
    }

    .bounce-product-delivery__grid h3 {
        margin-top: 28px;
    }

    .bounce-product-cta__inner {
        align-items: stretch;
        flex-direction: column;
    }

    .bounce-product-cta__inner .bounce-btn {
        width: 100%;
    }
}


/* =========================================================
   JURASSIC WORLD ACCENTEN
   Gebruikt verder dezelfde product-detail CSS als Amazone Safari
   ========================================================= */

.bounce-product-hero--jurassic {
    background:
        radial-gradient(circle at 14% 25%,rgba(255,255,255,.75),transparent 28%),
        linear-gradient(180deg,#e8efcf,#f8f1df);
}

.bounce-product-page--jurassic .bounce-product-hero__copy h1 span {
    color: #6f7d2c;
}

.bounce-product-page--jurassic .bounce-kicker,
.bounce-product-page--jurassic .bounce-product-hero__facts strong,
.bounce-product-page--jurassic .bounce-spec-list > div > span {
    color: #55641d;
}

.bounce-product-page--jurassic .bounce-product-gallery__main {
    background: linear-gradient(145deg,#edf2cf,#fff2df) !important;
}

.bounce-product-page--jurassic .bounce-product-specs {
    background: linear-gradient(180deg,#f5efdc,#fffdf5);
}

.bounce-product-cta--jurassic {
    background:
        radial-gradient(circle at 15% 15%,rgba(255,198,40,.16),transparent 30%),
        linear-gradient(135deg,#e4ebc4,#f6dfba);
}
/* =========================================================
   SPRINGKUSSEN RESERVEREN
   ========================================================= */

.bounce-reserve-page {
    overflow: hidden;
    background: #fff;
}

.bounce-reserve-hero {
    background:
        radial-gradient(circle at 80% 20%,rgba(255,198,40,.17),transparent 28%),
        linear-gradient(180deg,#dff8ce,#fff7cf);
}

.bounce-reserve-hero__grid {
    display: grid;
    min-height: 600px;
    grid-template-columns: .95fr 1.05fr;
    align-items: center;
    gap: 70px;
    padding-top: 55px;
    padding-bottom: 55px;
}

.bounce-reserve-hero__copy h1 {
    margin: 0;
    color: var(--bounce-brown-dark);
    font-family: var(--bounce-display);
    font-size: clamp(4.4rem,6vw,6.7rem);
    line-height: .88;
    letter-spacing: -.055em;
}

.bounce-reserve-hero__copy h1 span {
    color: var(--bounce-green);
}

.bounce-reserve-hero__copy > p {
    max-width: 620px;
    margin: 25px 0 0;
    color: #35513b;
    font-weight: 600;
    line-height: 1.68;
}

.bounce-reserve-hero__facts {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
    margin-top: 30px;
}

.bounce-reserve-hero__facts > div {
    padding: 17px 16px;
    border: 1px solid rgba(38,74,44,.12);
    border-radius: 17px;
    background: rgba(255,255,255,.7);
}

.bounce-reserve-hero__facts strong,
.bounce-reserve-hero__facts span {
    display: block;
}

.bounce-reserve-hero__facts strong {
    font-family: var(--bounce-display);
    font-size: 1.05rem;
}

.bounce-reserve-hero__facts span {
    margin-top: 3px;
    color: var(--bounce-muted);
    font-size: .69rem;
}

.bounce-reserve-hero__visual {
    display: grid;
    place-items: center;
}

.bounce-reserve-hero__card {
    width: min(480px,100%);
    padding: 35px;
    border: 4px solid #4c250f;
    border-radius: 26px;
    background:
        radial-gradient(circle at 90% 10%,rgba(255,255,255,.1),transparent 30%),
        #7a431f;
    box-shadow: 0 9px 0 #49240e,0 22px 40px rgba(67,37,15,.18);
    color: #fff;
    transform: rotate(1deg);
}

.bounce-reserve-hero__card > span {
    display: block;
    margin-bottom: 13px;
    color: var(--bounce-yellow);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.bounce-reserve-hero__card > div {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 13px;
    padding: 15px 0;
    border-top: 1px solid rgba(255,255,255,.14);
}

.bounce-reserve-hero__card b {
    color: var(--bounce-yellow);
    font-size: .67rem;
    letter-spacing: .1em;
}

.bounce-reserve-hero__card p {
    margin: 0;
    color: rgba(255,255,255,.88);
    font-size: .87rem;
}

.bounce-reserve-main {
    padding: 92px 0 100px;
    background:
        radial-gradient(circle at 10% 15%,rgba(31,141,63,.055),transparent 26%),
        #fff;
}

.bounce-reserve-main__grid {
    display: grid;
    grid-template-columns: minmax(310px,.72fr) minmax(0,1.28fr);
    align-items: start;
    gap: 70px;
}

.bounce-reserve-info {
    position: sticky;
    top: 30px;
}

.bounce-reserve-info h2 {
    margin: 10px 0 0;
    font-family: var(--bounce-display);
    font-size: clamp(2.4rem,3.5vw,3.7rem);
    line-height: .95;
}

.bounce-reserve-info > p {
    margin: 20px 0 26px;
    color: var(--bounce-muted);
    line-height: 1.65;
}

.bounce-reserve-product-list {
    display: grid;
    gap: 12px;
}

.bounce-reserve-product {
    position: relative;
    display: grid;
    grid-template-columns: 100px minmax(0,1fr);
    align-items: center;
    gap: 14px;
    padding: 12px;
    overflow: hidden;
    border: 2px solid var(--bounce-line);
    border-radius: 18px;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.bounce-reserve-product:hover,
.bounce-reserve-product.is-selected {
    border-color: var(--bounce-green);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(31,73,39,.08);
}

.bounce-reserve-product input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.bounce-reserve-product img {
    width: 100px;
    height: 85px;
    object-fit: contain;
    border-radius: 12px;
    background: var(--bounce-green-soft);
}

.bounce-reserve-product > span {
    display: grid;
}

.bounce-reserve-product small {
    color: var(--bounce-green);
    font-size: .57rem;
    font-weight: 900;
    letter-spacing: .1em;
}

.bounce-reserve-product strong {
    margin-top: 3px;
    font-family: var(--bounce-display);
    font-size: 1.05rem;
}

.bounce-reserve-product b {
    margin-top: 5px;
    color: var(--bounce-brown);
    font-size: .72rem;
}

.bounce-reserve-notice {
    display: grid;
    gap: 5px;
    margin-top: 18px;
    padding: 18px;
    border-radius: 16px;
    background: var(--bounce-cream);
}

.bounce-reserve-notice strong {
    font-family: var(--bounce-display);
}

.bounce-reserve-notice span {
    color: var(--bounce-muted);
    font-size: .76rem;
    line-height: 1.5;
}

.bounce-reserve-form {
    padding: 34px;
    border: 1px solid var(--bounce-line);
    border-radius: 26px;
    background:
        radial-gradient(circle at 100% 0,rgba(255,198,40,.08),transparent 23%),
        #fff;
    box-shadow: 0 18px 50px rgba(31,73,39,.07);
}

.bounce-reserve-form__heading {
    margin-bottom: 30px;
}

.bounce-reserve-form__heading > span {
    color: var(--bounce-green);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.bounce-reserve-form__heading h2 {
    margin: 7px 0 0;
    font-family: var(--bounce-display);
    font-size: 2rem;
    line-height: 1;
}

.bounce-reserve-form__heading p {
    margin: 7px 0 0;
    color: var(--bounce-muted);
    font-size: .73rem;
}

.bounce-reserve-form__section + .bounce-reserve-form__section {
    margin-top: 31px;
    padding-top: 31px;
    border-top: 1px solid var(--bounce-line);
}

.bounce-reserve-form__section-title {
    display: grid;
    grid-template-columns: 40px minmax(0,1fr);
    gap: 13px;
    margin-bottom: 20px;
}

.bounce-reserve-form__section-title > span {
    color: var(--bounce-green);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.bounce-reserve-form__section-title strong,
.bounce-reserve-form__section-title small {
    display: block;
}

.bounce-reserve-form__section-title strong {
    font-family: var(--bounce-display);
    font-size: 1.05rem;
}

.bounce-reserve-form__section-title small {
    margin-top: 2px;
    color: var(--bounce-muted);
    font-size: .69rem;
}

.bounce-reserve-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 17px;
}

.bounce-reserve-field {
    display: grid;
    gap: 8px;
}

.bounce-reserve-field--full {
    grid-column: 1 / -1;
}

.bounce-reserve-field > span {
    font-size: .73rem;
    font-weight: 800;
}

.bounce-reserve-field input,
.bounce-reserve-field select,
.bounce-reserve-field textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid #d7dfd4;
    border-radius: 11px;
    outline: 0;
    background: #fff;
    color: var(--bounce-text);
    transition: border-color .2s ease,box-shadow .2s ease;
}

.bounce-reserve-field input,
.bounce-reserve-field select {
    height: 53px;
    padding: 0 14px;
}

.bounce-reserve-field textarea {
    min-height: 155px;
    padding: 14px;
    resize: vertical;
    line-height: 1.55;
}

.bounce-reserve-field input:focus,
.bounce-reserve-field select:focus,
.bounce-reserve-field textarea:focus {
    border-color: var(--bounce-green);
    box-shadow: 0 0 0 3px rgba(31,141,63,.09);
}

.bounce-reserve-choice-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.bounce-reserve-choice {
    position: relative;
    cursor: pointer;
}

.bounce-reserve-choice input {
    position: absolute;
    opacity: 0;
}

.bounce-reserve-choice > span {
    display: grid;
    min-height: 105px;
    align-content: center;
    padding: 17px;
    border: 2px solid var(--bounce-line);
    border-radius: 16px;
    background: #fff;
    transition: border-color .2s ease,background .2s ease;
}

.bounce-reserve-choice input:checked + span {
    border-color: var(--bounce-green);
    background: #f3faef;
}

.bounce-reserve-choice strong,
.bounce-reserve-choice small {
    display: block;
}

.bounce-reserve-choice strong {
    font-family: var(--bounce-display);
}

.bounce-reserve-choice small {
    margin-top: 4px;
    color: var(--bounce-muted);
    font-size: .7rem;
}

.bounce-reserve-address {
    margin-top: 18px;
    padding: 20px;
    border-radius: 17px;
    background: #f8fbf6;
}

.bounce-reserve-address[hidden] {
    display: none !important;
}

.bounce-reserve-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 28px;
}

.bounce-reserve-form__footer p {
    max-width: 440px;
    margin: 0;
    color: var(--bounce-muted);
    font-size: .68rem;
    line-height: 1.55;
}

.bounce-reserve-submit {
    flex: 0 0 auto;
}

.bounce-honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.bounce-reserve-errors,
.bounce-reserve-success {
    margin-bottom: 18px;
    padding: 20px 22px;
    border-radius: 17px;
}

.bounce-reserve-errors {
    border: 1px solid #e7c3bd;
    background: #fff3ef;
    color: #743d34;
}

.bounce-reserve-errors strong {
    display: block;
}

.bounce-reserve-errors ul {
    margin: 8px 0 0;
    padding-left: 20px;
    font-size: .8rem;
}

.bounce-reserve-success {
    display: grid;
    grid-template-columns: 50px minmax(0,1fr);
    gap: 16px;
    border: 1px solid #beddb2;
    background: #eff9e9;
    color: var(--bounce-green-dark);
}

.bounce-reserve-success > span {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 50%;
    background: var(--bounce-green);
    color: #fff;
    font-weight: 900;
}

.bounce-reserve-success strong {
    font-family: var(--bounce-display);
    font-size: 1.25rem;
}

.bounce-reserve-success p {
    margin: 4px 0 0;
    font-size: .82rem;
}

@media (max-width: 980px) {
    .bounce-reserve-hero__grid,
    .bounce-reserve-main__grid {
        grid-template-columns: 1fr;
    }

    .bounce-reserve-info {
        position: static;
    }

    .bounce-reserve-product-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .bounce-reserve-hero__grid {
        min-height: 0;
        gap: 38px;
        padding-top: 42px;
        padding-bottom: 45px;
    }

    .bounce-reserve-hero__copy h1 {
        font-size: clamp(3.35rem,15vw,4.7rem);
    }

    .bounce-reserve-hero__facts,
    .bounce-reserve-product-list,
    .bounce-reserve-form__grid,
    .bounce-reserve-choice-grid {
        grid-template-columns: 1fr;
    }

    .bounce-reserve-main {
        padding: 62px 0 70px;
    }

    .bounce-reserve-main__grid {
        gap: 40px;
    }

    .bounce-reserve-form {
        padding: 24px 18px;
        border-radius: 20px;
    }

    .bounce-reserve-field--full {
        grid-column: auto;
    }

    .bounce-reserve-form__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .bounce-reserve-submit {
        width: 100%;
    }

    .bounce-reserve-hero__card {
        padding: 26px 21px;
    }
}
/* =========================================================
   SPRINGKUSSEN TARIEVEN
   ========================================================= */

.bounce-rates-page {
    overflow: hidden;
    background: #fff;
}

.bounce-rates-hero {
    background:
        radial-gradient(circle at 85% 15%,rgba(255,198,40,.18),transparent 28%),
        linear-gradient(180deg,#dff8ce,#fff8d7);
}

.bounce-rates-hero__grid {
    display: grid;
    min-height: 590px;
    grid-template-columns: 1fr .9fr;
    align-items: center;
    gap: 70px;
    padding-top: 58px;
    padding-bottom: 58px;
}

.bounce-rates-hero__copy h1 {
    margin: 0;
    color: var(--bounce-brown-dark);
    font-family: var(--bounce-display);
    font-size: clamp(4.4rem,6vw,6.7rem);
    line-height: .88;
    letter-spacing: -.055em;
}

.bounce-rates-hero__copy h1 span {
    color: var(--bounce-green);
}

.bounce-rates-hero__copy > p {
    max-width: 620px;
    margin: 25px 0 0;
    color: #35513b;
    font-weight: 600;
    line-height: 1.68;
}

.bounce-rates-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.bounce-rates-hero__visual {
    display: grid;
    place-items: center;
}

.bounce-rates-sign {
    display: grid;
    width: min(420px,100%);
    padding: 36px;
    border: 4px solid #4c250f;
    border-radius: 26px;
    background: #7a431f;
    box-shadow: 0 9px 0 #49240e,0 22px 40px rgba(67,37,15,.18);
    color: #fff;
    transform: rotate(1deg);
}

.bounce-rates-sign > span {
    color: var(--bounce-yellow);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.bounce-rates-sign > strong {
    margin-top: 8px;
    color: var(--bounce-yellow);
    font-family: var(--bounce-display);
    font-size: 4.5rem;
    line-height: .9;
}

.bounce-rates-sign > small {
    margin-top: 5px;
    color: rgba(255,255,255,.72);
}

.bounce-rates-sign > b {
    font-family: var(--bounce-display);
    font-size: 1.2rem;
}

.bounce-rates-sign hr {
    width: 100%;
    margin: 25px 0;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.18);
}

.bounce-rates-products {
    padding: 92px 0 100px;
}

.bounce-section-heading--center {
    max-width: 740px;
    margin: 0 auto 42px;
    text-align: center;
}

.bounce-section-heading--center h2 {
    margin: 12px 0 0;
    font-family: var(--bounce-display);
    font-size: clamp(2.8rem,4vw,4.3rem);
    line-height: .95;
}

.bounce-section-heading--center p {
    margin: 15px 0 0;
    color: var(--bounce-muted);
}

.bounce-rates-products__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.bounce-rate-card {
    overflow: hidden;
    border: 1px solid var(--bounce-line);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(31,73,39,.07);
}

.bounce-rate-card__image {
    display: grid;
    min-height: 330px;
    place-items: center;
    padding: 25px;
    background: linear-gradient(145deg,#eaffd7,#fff6c9);
}

.bounce-rate-card--jurassic .bounce-rate-card__image {
    background: linear-gradient(145deg,#edf2cf,#f7e2c7);
}

.bounce-rate-card__image img {
    width: 100%;
    max-height: 300px;
    object-fit: contain;
}

.bounce-rate-card__body {
    padding: 30px;
}

.bounce-rate-card__body > span {
    color: var(--bounce-green);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-rate-card__body h3 {
    margin: 6px 0 0;
    font-family: var(--bounce-display);
    font-size: 1.7rem;
}

.bounce-rate-card__price {
    display: flex;
    align-items: end;
    gap: 8px;
    margin-top: 20px;
}

.bounce-rate-card__price strong {
    color: var(--bounce-brown);
    font-family: var(--bounce-display);
    font-size: 3rem;
    line-height: .9;
}

.bounce-rate-card__price small {
    margin-bottom: 4px;
    color: var(--bounce-muted);
}

.bounce-rate-card ul {
    display: grid;
    gap: 10px;
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
}

.bounce-rate-card li {
    position: relative;
    padding-left: 21px;
    color: var(--bounce-muted);
    font-size: .82rem;
}

.bounce-rate-card li::before {
    position: absolute;
    top: .4em;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bounce-yellow);
    content: "";
}

.bounce-rate-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 27px;
}

.bounce-rates-delivery {
    padding: 90px 0;
    background: #f8fcf5;
}

.bounce-rates-delivery__grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 70px;
}

.bounce-rates-delivery__copy h2 {
    margin: 10px 0 0;
    font-family: var(--bounce-display);
    font-size: clamp(2.7rem,4vw,4rem);
    line-height: .95;
}

.bounce-rates-delivery__copy p {
    max-width: 620px;
    margin: 20px 0 24px;
    color: var(--bounce-muted);
    line-height: 1.7;
}

.bounce-rates-delivery__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.bounce-rates-delivery__cards > div {
    display: grid;
    min-height: 210px;
    align-content: center;
    padding: 28px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 15px 35px rgba(31,73,39,.06);
}

.bounce-rates-delivery__cards span {
    color: var(--bounce-green);
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.bounce-rates-delivery__cards strong {
    margin-top: 9px;
    font-family: var(--bounce-display);
    font-size: 2.25rem;
}

.bounce-rates-delivery__cards small {
    margin-top: 5px;
    color: var(--bounce-muted);
}

.bounce-rates-note {
    padding: 65px 0;
    background: #fff7d2;
}

.bounce-rates-note__inner {
    display: grid;
    grid-template-columns: 180px minmax(0,1fr);
    gap: 50px;
    align-items: start;
}

.bounce-rates-note__inner > span {
    color: var(--bounce-green);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.bounce-rates-note h2 {
    margin: 0;
    font-family: var(--bounce-display);
    font-size: clamp(2rem,3vw,3rem);
    line-height: 1;
}

.bounce-rates-note p {
    max-width: 750px;
    margin: 13px 0 0;
    color: var(--bounce-muted);
    line-height: 1.65;
}

@media (max-width: 900px) {
    .bounce-rates-hero__grid,
    .bounce-rates-delivery__grid {
        grid-template-columns: 1fr;
    }

    .bounce-rates-products__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .bounce-rates-hero__grid {
        min-height: 0;
        gap: 38px;
        padding-top: 42px;
        padding-bottom: 45px;
    }

    .bounce-rates-hero__copy h1 {
        font-size: clamp(3.35rem,15vw,4.7rem);
    }

    .bounce-rates-hero__actions,
    .bounce-rate-card__actions {
        display: grid;
    }

    .bounce-rates-products,
    .bounce-rates-delivery {
        padding: 62px 0 70px;
    }

    .bounce-rate-card__image {
        min-height: 270px;
    }

    .bounce-rate-card__body {
        padding: 24px 20px;
    }

    .bounce-rates-delivery__cards {
        grid-template-columns: 1fr;
    }

    .bounce-rates-note__inner {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}
<?php
declare(strict_types=1);

date_default_timezone_set('Europe/Amsterdam');

header('Cache-Control: no-store, no-cache, must-revalidate, max-age=0');
header('Pragma: no-cache');
header('Expires: 0');

$pageTitle = 'Bezorging springkussen | Textieldruk Zutphen';
$pageDescription = 'Lees hoe de bezorging van onze springkussens werkt. Gratis bezorgen binnen 10 km, daarna €0,35 per kilometer met een minimale toeslag van €10.';
$pageCanonical = 'https://textieldrukzutphen.nl/springkussen/bezorging';
$pageImage = 'https://textieldrukzutphen.nl/springkussen/assets/images/amazone-safari/IMG_4688.webp';

require_once __DIR__ . '/includes/header.php';
?>

<main class="bounce-delivery-page">

    <section class="bounce-delivery-hero">
        <div class="bounce-shell bounce-delivery-hero__grid">

            <div class="bounce-delivery-hero__copy">
                <div class="bounce-kicker">
                    <span>BEZORGING</span>
                    <i></i>
                    <span>DUidelijk & eenvoudig</span>
                </div>

                <h1>
                    Wij brengen het<br>
                    <span>springplezier naar je toe.</span>
                </h1>

                <p>
                    Binnen 10 kilometer bezorgen we gratis. Buiten die straal rekenen we
                    €0,35 per kilometer. Bij bezorging buiten 10 kilometer geldt een minimale
                    bezorgtoeslag van €10.
                </p>

                <div class="bounce-delivery-hero__actions">
                    <a href="/springkussen/reserveren" class="bounce-btn bounce-btn--orange">
                        Reserveer een springkussen
                    </a>

                    <a href="#bezorgkosten" class="bounce-btn bounce-btn--soft">
                        Bekijk bezorgkosten
                    </a>
                </div>
            </div>

            <div class="bounce-delivery-hero__visual">
                <div class="bounce-delivery-sign">
                    <span>BEZORGKOSTEN</span>

                    <div>
                        <strong>0–10 km</strong>
                        <b>Gratis</b>
                    </div>

                    <hr>

                    <div>
                        <strong>Buiten 10 km</strong>
                        <b>€0,35/km</b>
                        <small>minimale toeslag €10</small>
                    </div>
                </div>
            </div>

        </div>
    </section>


    <section class="bounce-delivery-costs" id="bezorgkosten">
        <div class="bounce-shell">

            <div class="bounce-section-heading bounce-section-heading--center">
                <div class="bounce-wood-title">
                    <strong>Bezorgkosten</strong>
                </div>

                <h2>Zo rekenen we de bezorging.</h2>

                <p>
                    De exacte bezorgkosten worden na je aanvraag gecontroleerd en bevestigd.
                </p>
            </div>

            <div class="bounce-delivery-costs__grid">

                <article>
                    <span>0–10 KM</span>
                    <strong>Gratis</strong>
                    <p>
                        Binnen een straal van 10 kilometer brengen we het springkussen
                        zonder extra bezorgkosten bij je langs.
                    </p>
                </article>

                <article>
                    <span>BUITEN 10 KM</span>
                    <strong>€0,35/km</strong>
                    <p>
                        Buiten de gratis straal rekenen we €0,35 per kilometer.
                        De minimale bezorgtoeslag is €10.
                    </p>
                </article>

                <article>
                    <span>DEFINITIEVE PRIJS</span>
                    <strong>Na controle</strong>
                    <p>
                        Na je reserveringsaanvraag controleren we de afstand en ontvang
                        je van ons de definitieve bevestiging.
                    </p>
                </article>

            </div>

        </div>
    </section>


    <section class="bounce-delivery-process">
        <div class="bounce-shell">

            <div class="bounce-delivery-process__heading">
                <div>
                    <div class="bounce-wood-title bounce-wood-title--left">
                        <strong>Hoe werkt bezorgen?</strong>
                    </div>

                    <h2>
                        Van aanvraag tot<br>
                        springkussen op locatie.
                    </h2>
                </div>

                <p>
                    Je geeft tijdens je aanvraag het afleveradres door. Wij controleren
                    vervolgens de afstand en stemmen de bezorging met je af.
                </p>
            </div>

            <div class="bounce-delivery-process__grid">

                <article>
                    <span>01</span>
                    <h3>Vul je adres in</h3>
                    <p>
                        Geef tijdens het reserveren het adres op waar het springkussen
                        moet worden geleverd.
                    </p>
                </article>

                <article>
                    <span>02</span>
                    <h3>Wij controleren de afstand</h3>
                    <p>
                        We bepalen of het adres binnen de gratis bezorgstraal valt
                        of dat er een toeslag geldt.
                    </p>
                </article>

                <article>
                    <span>03</span>
                    <h3>Je ontvangt bevestiging</h3>
                    <p>
                        De bezorgkosten en verdere afspraken worden samen met de
                        beschikbaarheid bevestigd.
                    </p>
                </article>

                <article>
                    <span>04</span>
                    <h3>Bezorging op locatie</h3>
                    <p>
                        Op de afgesproken dag wordt het springkussen volgens de
                        gemaakte afspraken geleverd.
                    </p>
                </article>

            </div>

        </div>
    </section>


    <section class="bounce-delivery-prepare">
        <div class="bounce-shell bounce-delivery-prepare__grid">

            <div class="bounce-delivery-prepare__copy">
                <div class="bounce-wood-title bounce-wood-title--left">
                    <strong>Voorbereiding</strong>
                </div>

                <h2>Zorg dat de locatie bereikbaar is.</h2>

                <p>
                    Voor een soepele bezorging is het belangrijk dat we de locatie goed
                    kunnen bereiken en dat er voldoende ruimte beschikbaar is voor het
                    springkussen.
                </p>
            </div>

            <div class="bounce-delivery-prepare__list">

                <div>
                    <span>01</span>
                    <div>
                        <strong>Vrije doorgang</strong>
                        <small>Zorg dat de route naar de opstelplek vrij en goed bereikbaar is.</small>
                    </div>
                </div>

                <div>
                    <span>02</span>
                    <div>
                        <strong>Voldoende ruimte</strong>
                        <small>Houd rekening met een formaat van circa 4,2 × 4,8 × 3,8 meter.</small>
                    </div>
                </div>

                <div>
                    <span>03</span>
                    <div>
                        <strong>Duidelijke locatie</strong>
                        <small>Geef bijzonderheden over de locatie alvast door bij je aanvraag.</small>
                    </div>
                </div>

                <div>
                    <span>04</span>
                    <div>
                        <strong>Afspraak bevestigen</strong>
                        <small>De definitieve bezorgafspraak wordt altijd vooraf met je afgestemd.</small>
                    </div>
                </div>

            </div>

        </div>
    </section>


    <section class="bounce-delivery-note">
        <div class="bounce-shell">
            <div class="bounce-delivery-note__inner">

                <span>LET OP</span>

                <div>
                    <h2>Bezorgkosten worden altijd vooraf bevestigd.</h2>
                    <p>
                        Een reserveringsaanvraag is nog geen definitieve boeking.
                        We controleren eerst de beschikbaarheid, het afleveradres en
                        eventuele bezorgkosten. Daarna ontvang je onze bevestiging.
                    </p>
                </div>

            </div>
        </div>
    </section>


    <section class="bounce-product-cta">
        <div class="bounce-shell bounce-product-cta__inner">

            <div>
                <span>KLAAR OM TE RESERVEREN?</span>
                <h2>Geef je locatie direct door.</h2>
                <p>
                    Kies jouw springkussen, vul je adres in en wij controleren
                    meteen welke bezorgkosten voor jouw locatie gelden.
                </p>
            </div>

            <a href="/springkussen/reserveren" class="bounce-btn bounce-btn--orange">
                Naar reserveren
            </a>

        </div>
    </section>

</main>

<?php require_once __DIR__ . '/includes/footer.php'; ?>

<?php
declare(strict_types=1);

date_default_timezone_set('Europe/Amsterdam');

header('Cache-Control: no-store, no-cache, must-revalidate, max-age=0');
header('Pragma: no-cache');
header('Expires: 0');

$pageTitle = 'Zo werkt het | Springkussen Verhuur Zutphen';
$pageDescription = 'Bekijk stap voor stap hoe het huren van een springkussen werkt: kiezen, reserveren, bevestigen, bezorgen of ophalen en genieten.';
$pageCanonical = 'https://textieldrukzutphen.nl/springkussen/zo-werkt-het';
$pageImage = 'https://textieldrukzutphen.nl/springkussen/assets/images/amazone-safari/IMG_4688.webp';

require_once __DIR__ . '/includes/header.php';
?>

<main class="bounce-how-page">

    <section class="bounce-how-hero">
        <div class="bounce-shell bounce-how-hero__grid">

            <div class="bounce-how-hero__copy">
                <div class="bounce-kicker">
                    <span>ZO WERKT HET</span>
                    <i></i>
                    <span>EENVOUDIG GEREGELD</span>
                </div>

                <h1>
                    Van kiezen tot<br>
                    <span>springen.</span>
                </h1>

                <p>
                    Een springkussen huren hoeft niet ingewikkeld te zijn.
                    Je kiest jouw favoriete model, stuurt een aanvraag in en wij
                    controleren de beschikbaarheid. Daarna stemmen we alles persoonlijk met je af.
                </p>

                <div class="bounce-how-hero__actions">
                    <a href="/springkussen/reserveren" class="bounce-btn bounce-btn--orange">
                        Start je reservering
                    </a>

                    <a href="#stappen" class="bounce-btn bounce-btn--soft">
                        Bekijk de stappen
                    </a>
                </div>
            </div>

            <div class="bounce-how-hero__visual">
                <div class="bounce-how-path">
                    <div><span>01</span><b>Kiezen</b></div>
                    <div><span>02</span><b>Aanvragen</b></div>
                    <div><span>03</span><b>Bevestigen</b></div>
                    <div><span>04</span><b>Springen</b></div>
                </div>
            </div>

        </div>
    </section>


    <section class="bounce-how-steps" id="stappen">
        <div class="bounce-shell">

            <div class="bounce-section-heading bounce-section-heading--center">
                <div class="bounce-wood-title">
                    <strong>Stap voor stap</strong>
                </div>

                <h2>Zo regel je jouw springkussen.</h2>

                <p>
                    Van eerste keuze tot de dag zelf: we houden het overzichtelijk.
                </p>
            </div>

            <div class="bounce-how-steps__grid">

                <article>
                    <span>01</span>
                    <h3>Kies je springkussen</h3>
                    <p>
                        Kies tussen Amazone Safari en Jurassic World.
                        Beide modellen zijn vanaf €125 inclusief btw.
                    </p>
                </article>

                <article>
                    <span>02</span>
                    <h3>Stuur je aanvraag in</h3>
                    <p>
                        Vul de gewenste datum, je contactgegevens en eventueel het
                        bezorgadres in via het reserveringsformulier.
                    </p>
                </article>

                <article>
                    <span>03</span>
                    <h3>Wij controleren beschikbaarheid</h3>
                    <p>
                        We kijken of het gekozen springkussen op jouw datum beschikbaar is
                        en controleren indien nodig de bezorgafstand.
                    </p>
                </article>

                <article>
                    <span>04</span>
                    <h3>Je ontvangt bevestiging</h3>
                    <p>
                        We nemen contact met je op en bevestigen de reservering,
                        eventuele bezorgkosten en overige afspraken.
                    </p>
                </article>

                <article>
                    <span>05</span>
                    <h3>Bezorgen of ophalen</h3>
                    <p>
                        Afhankelijk van jouw keuze spreken we af hoe en wanneer het
                        springkussen wordt geleverd of opgehaald.
                    </p>
                </article>

                <article>
                    <span>06</span>
                    <h3>Tijd voor springplezier</h3>
                    <p>
                        Op de afgesproken dag is alles geregeld en kan het feest beginnen.
                    </p>
                </article>

            </div>

        </div>
    </section>


    <section class="bounce-how-choice">
        <div class="bounce-shell bounce-how-choice__grid">

            <div class="bounce-how-choice__copy">
                <div class="bounce-wood-title bounce-wood-title--left">
                    <strong>Welke kies jij?</strong>
                </div>

                <h2>Twee thema’s, één feestje.</h2>

                <p>
                    Ga voor een vrolijk jungle-avontuur met Amazone Safari of kies
                    voor een stoer dino-thema met Jurassic World.
                </p>
            </div>

            <div class="bounce-how-choice__cards">

                <a href="/springkussen/producten/amazone-safari" class="bounce-how-choice-card">
                    <img
                        src="/springkussen/assets/images/amazone-safari/IMG_4688.webp"
                        alt="Amazone Safari springkussen"
                    >

                    <span>
                        <small>AMAZONE SAFARI</small>
                        <strong>Jungle avontuur</strong>
                        <b>€125 incl. btw</b>
                    </span>
                </a>

                <a href="/springkussen/producten/jurassic-world" class="bounce-how-choice-card">
                    <img
                        src="/springkussen/assets/images/jurassic-world/IMG_4685.webp"
                        alt="Jurassic World springkussen"
                    >

                    <span>
                        <small>JURASSIC WORLD</small>
                        <strong>Dino avontuur</strong>
                        <b>€125 incl. btw</b>
                    </span>
                </a>

            </div>

        </div>
    </section>


    <section class="bounce-how-delivery">
        <div class="bounce-shell bounce-how-delivery__grid">

            <div class="bounce-how-delivery__visual">
                <div class="bounce-how-delivery-sign">
                    <span>BEZORGING</span>

                    <strong>Gratis</strong>
                    <small>binnen 10 km</small>

                    <hr>

                    <b>Daarna €0,35/km</b>
                    <small>minimale bezorgtoeslag €10</small>
                </div>
            </div>

            <div class="bounce-how-delivery__copy">
                <div class="bounce-wood-title bounce-wood-title--left">
                    <strong>Bezorgen of ophalen</strong>
                </div>

                <h2>Jij kiest wat handig is.</h2>

                <p>
                    Bij je aanvraag geef je aan of je wilt laten bezorgen of liever ophaalt.
                    Binnen 10 kilometer bezorgen we gratis. Buiten die straal geldt €0,35
                    per kilometer met een minimale bezorgtoeslag van €10.
                </p>

                <a href="/springkussen/bezorging" class="bounce-btn bounce-btn--soft">
                    Alles over bezorging
                </a>
            </div>

        </div>
    </section>


    <section class="bounce-how-faq">
        <div class="bounce-shell">

            <div class="bounce-how-faq__heading">
                <div class="bounce-wood-title bounce-wood-title--left">
                    <strong>Handig om te weten</strong>
                </div>

                <h2>Veelgestelde vragen.</h2>
            </div>

            <div class="bounce-how-faq__grid">

                <details>
                    <summary>Is mijn aanvraag direct een definitieve reservering?</summary>
                    <p>
                        Nee. We controleren eerst de beschikbaarheid en nemen daarna contact
                        met je op om de reservering definitief te bevestigen.
                    </p>
                </details>

                <details>
                    <summary>Wat kost een springkussen?</summary>
                    <p>
                        Beide springkussens zijn vanaf €125 inclusief btw.
                    </p>
                </details>

                <details>
                    <summary>Hoe werkt bezorgen?</summary>
                    <p>
                        Binnen 10 kilometer bezorgen we gratis. Buiten die straal rekenen we
                        €0,35 per kilometer met een minimale bezorgtoeslag van €10.
                    </p>
                </details>

                <details>
                    <summary>Kan ik het springkussen ook ophalen?</summary>
                    <p>
                        Ja. Tijdens het reserveren kun je kiezen tussen bezorgen en ophalen.
                        De verdere afspraken stemmen we na je aanvraag met je af.
                    </p>
                </details>

                <details>
                    <summary>Hoeveel gebruikers mogen tegelijk op het springkussen?</summary>
                    <p>
                        De huidige springkussens zijn geschikt voor maximaal 8 gebruikers tegelijk.
                    </p>
                </details>

                <details>
                    <summary>Wanneer weet ik of mijn datum beschikbaar is?</summary>
                    <p>
                        Nadat je de aanvraag hebt verstuurd controleren we de beschikbaarheid
                        en nemen we zo snel mogelijk contact met je op.
                    </p>
                </details>

            </div>

        </div>
    </section>


    <section class="bounce-product-cta">
        <div class="bounce-shell bounce-product-cta__inner">

            <div>
                <span>KLAAR OM TE BEGINNEN?</span>
                <h2>Kies jouw springkussen.</h2>
                <p>
                    Stuur vrijblijvend je aanvraag in en wij controleren de beschikbaarheid.
                </p>
            </div>

            <a href="/springkussen/reserveren" class="bounce-btn bounce-btn--orange">
                Start reservering
            </a>

        </div>
    </section>

</main>

<?php require_once __DIR__ . '/includes/footer.php'; ?>

/* =========================================================
   SPRINGKUSSEN CONTACT
   ========================================================= */

.bounce-contact-page {
    overflow: hidden;
    background: #fff;
}

.bounce-contact-hero {
    background:
        radial-gradient(circle at 83% 14%,rgba(255,198,40,.17),transparent 28%),
        linear-gradient(180deg,#dff8ce,#fff8d7);
}

.bounce-contact-hero__grid {
    display: grid;
    min-height: 590px;
    grid-template-columns: 1fr .9fr;
    align-items: center;
    gap: 70px;
    padding-top: 58px;
    padding-bottom: 58px;
}

.bounce-contact-hero__copy h1 {
    margin: 0;
    color: var(--bounce-brown-dark);
    font-family: var(--bounce-display);
    font-size: clamp(4.35rem,6vw,6.55rem);
    line-height: .88;
    letter-spacing: -.055em;
}

.bounce-contact-hero__copy h1 span {
    color: var(--bounce-green);
}

.bounce-contact-hero__copy > p {
    max-width: 630px;
    margin: 25px 0 0;
    color: #35513b;
    font-weight: 600;
    line-height: 1.68;
}

.bounce-contact-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.bounce-contact-hero__visual {
    display: grid;
    place-items: center;
}

.bounce-contact-sign {
    display: grid;
    width: min(430px,100%);
    padding: 35px;
    border: 4px solid #4c250f;
    border-radius: 26px;
    background: #7a431f;
    box-shadow: 0 9px 0 #49240e,0 22px 40px rgba(67,37,15,.18);
    color: #fff;
    transform: rotate(1deg);
}

.bounce-contact-sign > span {
    color: var(--bounce-yellow);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.bounce-contact-sign > strong {
    margin-top: 9px;
    color: #fff;
    font-family: var(--bounce-display);
    font-size: 2rem;
    line-height: 1;
}

.bounce-contact-sign hr {
    width: 100%;
    margin: 25px 0;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.18);
}

.bounce-contact-sign > small {
    margin-top: 12px;
    color: var(--bounce-yellow);
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.bounce-contact-sign a,
.bounce-contact-sign b {
    margin-top: 5px;
    color: #fff;
    text-decoration: none;
    font-size: .85rem;
}

.bounce-contact-main {
    padding: 92px 0 100px;
}

.bounce-contact-main__grid {
    display: grid;
    grid-template-columns: minmax(300px,.78fr) minmax(0,1.22fr);
    align-items: start;
    gap: 70px;
}

.bounce-contact-info {
    position: sticky;
    top: 30px;
}

.bounce-contact-info h2 {
    margin: 10px 0 0;
    font-family: var(--bounce-display);
    font-size: clamp(2.5rem,3.7vw,3.9rem);
    line-height: .95;
    letter-spacing: -.04em;
}

.bounce-contact-info > p {
    margin: 20px 0 26px;
    color: var(--bounce-muted);
    line-height: 1.65;
}

.bounce-contact-info__cards {
    display: grid;
    gap: 11px;
}

.bounce-contact-info__cards a {
    display: grid;
    grid-template-columns: 45px minmax(0,1fr);
    gap: 13px;
    padding: 17px 18px;
    border: 1px solid var(--bounce-line);
    border-radius: 16px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    transition: border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.bounce-contact-info__cards a:hover {
    border-color: var(--bounce-green);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(31,73,39,.07);
}

.bounce-contact-info__cards > a > span {
    color: var(--bounce-green);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.bounce-contact-info__cards strong,
.bounce-contact-info__cards small {
    display: block;
}

.bounce-contact-info__cards strong {
    font-family: var(--bounce-display);
    font-size: .96rem;
}

.bounce-contact-info__cards small {
    margin-top: 3px;
    color: var(--bounce-muted);
    line-height: 1.4;
}

.bounce-contact-form {
    padding: 34px;
    border: 1px solid var(--bounce-line);
    border-radius: 26px;
    background:
        radial-gradient(circle at 100% 0,rgba(255,198,40,.08),transparent 23%),
        #fff;
    box-shadow: 0 18px 50px rgba(31,73,39,.07);
}

.bounce-contact-form__heading {
    margin-bottom: 28px;
}

.bounce-contact-form__heading > span {
    color: var(--bounce-green);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.bounce-contact-form__heading h2 {
    margin: 7px 0 0;
    font-family: var(--bounce-display);
    font-size: 2rem;
    line-height: 1;
}

.bounce-contact-form__heading p {
    margin: 7px 0 0;
    color: var(--bounce-muted);
    font-size: .73rem;
}

.bounce-contact-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 17px;
}

.bounce-contact-field {
    display: grid;
    gap: 8px;
}

.bounce-contact-field--full {
    grid-column: 1 / -1;
}

.bounce-contact-field > span {
    font-size: .73rem;
    font-weight: 800;
}

.bounce-contact-field input,
.bounce-contact-field select,
.bounce-contact-field textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid #d7dfd4;
    border-radius: 11px;
    outline: 0;
    background: #fff;
    color: var(--bounce-text);
    transition: border-color .2s ease,box-shadow .2s ease;
}

.bounce-contact-field input,
.bounce-contact-field select {
    height: 53px;
    padding: 0 14px;
}

.bounce-contact-field textarea {
    min-height: 175px;
    padding: 14px;
    resize: vertical;
    line-height: 1.55;
}

.bounce-contact-field input:focus,
.bounce-contact-field select:focus,
.bounce-contact-field textarea:focus {
    border-color: var(--bounce-green);
    box-shadow: 0 0 0 3px rgba(31,141,63,.09);
}

.bounce-contact-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 28px;
}

.bounce-contact-form__footer p {
    max-width: 430px;
    margin: 0;
    color: var(--bounce-muted);
    font-size: .68rem;
    line-height: 1.55;
}

.bounce-contact-errors,
.bounce-contact-success {
    margin-bottom: 18px;
    padding: 20px 22px;
    border-radius: 17px;
}

.bounce-contact-errors {
    border: 1px solid #e7c3bd;
    background: #fff3ef;
    color: #743d34;
}

.bounce-contact-errors strong {
    display: block;
}

.bounce-contact-errors ul {
    margin: 8px 0 0;
    padding-left: 20px;
    font-size: .8rem;
}

.bounce-contact-success {
    display: grid;
    grid-template-columns: 50px minmax(0,1fr);
    gap: 16px;
    border: 1px solid #beddb2;
    background: #eff9e9;
    color: var(--bounce-green-dark);
}

.bounce-contact-success > span {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 50%;
    background: var(--bounce-green);
    color: #fff;
    font-weight: 900;
}

.bounce-contact-success strong {
    font-family: var(--bounce-display);
    font-size: 1.25rem;
}

.bounce-contact-success p {
    margin: 4px 0 0;
    font-size: .82rem;
}

.bounce-contact-shortcuts {
    padding: 70px 0;
    background: #f8fcf5;
}

.bounce-contact-shortcuts__grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
}

.bounce-contact-shortcuts__grid > div {
    display: grid;
    min-height: 180px;
    align-content: center;
    padding: 25px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(31,73,39,.05);
}

.bounce-contact-shortcuts span {
    color: var(--bounce-green);
    font-size: .6rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.bounce-contact-shortcuts strong {
    margin-top: 8px;
    font-family: var(--bounce-display);
    font-size: 1.35rem;
}

.bounce-contact-shortcuts small {
    margin-top: 5px;
    color: var(--bounce-muted);
}

@media (max-width: 900px) {
    .bounce-contact-hero__grid,
    .bounce-contact-main__grid {
        grid-template-columns: 1fr;
    }

    .bounce-contact-info {
        position: static;
    }
}

@media (max-width: 560px) {
    .bounce-contact-hero__grid {
        min-height: 0;
        gap: 38px;
        padding-top: 42px;
        padding-bottom: 45px;
    }

    .bounce-contact-hero__copy h1 {
        font-size: clamp(3.3rem,15vw,4.6rem);
    }

    .bounce-contact-hero__actions {
        display: grid;
    }

    .bounce-contact-main {
        padding: 62px 0 70px;
    }

    .bounce-contact-form {
        padding: 24px 18px;
        border-radius: 20px;
    }

    .bounce-contact-form__grid,
    .bounce-contact-shortcuts__grid {
        grid-template-columns: 1fr;
    }

    .bounce-contact-field--full {
        grid-column: auto;
    }

    .bounce-contact-form__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .bounce-contact-form__footer .bounce-btn {
        width: 100%;
    }
}