.kids-hero__bg {
    background:
        linear-gradient(0deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)),
        url("../assets/img/AutumnHero.webp") center / cover no-repeat;
}

.kids-hero__cta {
    background: linear-gradient(90deg, #D4754C 0%, #B14517 100%);
    box-shadow:
        inset 0 -5px 16px #D4754C,
        inset 0 4px 16px #D4754C;
    color: #FFFFFF;
}

.kids-hero-card--green {
    position: relative;
    background: #8C71C3;
    box-shadow:
        inset -10px -20px 28px #7A57C2,
        inset 10px 20px 28px #7A57C2;
}

.kids-hero-card--blue {
    background: #CF6140;
    box-shadow:
        inset -10px -20px 28px #D4754C,
        inset 10px 20px 28px #D4754C;
}

.kids-hero-card--rose {
    background: #A0C321;
    box-shadow:
        inset -10px -20px 28px #8FC250,
        inset 10px 20px 28px #8FC250;
}

.kids-hero-card--gold {
    background: #EEBE55;
    box-shadow:
        inset -10px -20px 28px #FAE198,
        inset 10px 20px 28px #FAE198;
}

.kids-hero-card__leaf {
    position: absolute;
    z-index: 2;
    top: clamp(-58px, -4vw, -38px);
    right: -16px;
    width: 151px;
    height: auto;
    pointer-events: none;
    user-select: none;
}

.kids-booking__panel {
    position: relative;
}

.kids-booking__decor {
    position: absolute;
    z-index: 2;
    height: auto;
    pointer-events: none;
    user-select: none;
}

.kids-booking__decor--leaf {
    top: clamp(-44px, -3vw, -28px);
    left: clamp(-32px, -2vw, -16px);
    width: 187px;
    transform: rotate(-10deg);
}

.kids-booking__decor--pumpkin {
    right: clamp(-34px, -2vw, -16px);
    bottom: clamp(-34px, -2vw, -18px);
    width: 228px;
    height: 197px;
}

.kids-day > .container {
    position: relative;
}

.kids-day__bat {
    position: absolute;
    z-index: 2;
    top: clamp(46px, 5vw, 78px);
    right: clamp(18px, 4.5vw, 72px);
    width: clamp(112px, 12vw, 170px);
    height: auto;
    pointer-events: none;
    user-select: none;
}

.footer__bat {
    position: absolute;
    z-index: 4;
    top: -56px;
    left: clamp(28px, 10vw, 150px);
    width: 150px;
    height: auto;
    pointer-events: none;
    user-select: none;
}

@media (max-width: 900px) {
    .kids-hero-card__leaf {
        top: -38px;
        right: -10px;
        width: 82px;
    }

    .kids-booking__decor--leaf {
        top: -30px;
        left: -12px;
        width: 88px;
    }

    .kids-booking__decor--pumpkin {
        right: -12px;
        bottom: -26px;
        width: 112px;
        height: auto;
    }

    .kids-day__bat {
        top: 62px;
        right: 18px;
        width: clamp(96px, 15vw, 126px);
    }

    .footer__bat {
        top: -42px;
        left: 20px;
        width: 112px;
    }
}

@media (max-width: 480px) {
    .kids-hero__bg {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, 0) 40.16%, rgba(0, 0, 0, 0.5) 100%),
            url("../assets/img/AutumnHero.webp") center / cover no-repeat;
    }

    .kids-day__bat {
        top: 76px;
        right: 8px;
        width: 86px;
    }

    .footer__bat {
        top: -34px;
        left: 8px;
        width: 88px;
    }

    .kids-hero-card__leaf {
        top: -34px;
        right: -8px;
        width: 76px;
    }

    .kids-booking__decor--leaf {
        top: -22px;
        left: -4px;
        width: 68px;
    }

    .kids-booking__decor--pumpkin {
        right: -4px;
        bottom: -22px;
        width: 92px;
        height: auto;
    }
}