/*
 * BS Reboot задає img { max-width: 100%; height: auto } — у порожній рамці висота стає 0.
 * Рамка з aspect-ratio + absolute img гарантують видиму площу.
 */
.intro-performance-split__thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 14rem;
    aspect-ratio: 4 / 3;
}

.intro-performance-split__thumb > img.intro-performance-split__img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: cover;
    z-index: 0;
}

.intro-performance-split__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.intro-performance-split__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media (min-width: 768px) {
    .content-lanes__item--lane-1 {
        margin-left: 0;
        margin-right: auto;
    }

    .content-lanes__item--lane-2 {
        margin-left: auto;
        margin-right: auto;
    }

    .content-lanes__item--lane-3 {
        margin-left: auto;
        margin-right: 0;
    }
}

/* glossary film — strip scrollport: min-width 0 + width 100% so overflow-x shows next card; mobile widths */
.glossary-film__mask {
    max-width: 100%;
    min-width: 0;
}

.glossary-film__strip {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scroll-snap-type: x mandatory;
}

.glossary-film__cell {
    scroll-snap-align: center;
}

@media (max-width: 767.98px) {
    .glossary-film__strip {
        padding-inline-start: 0.5rem;
        padding-inline-end: max(0.75rem, 5vw);
        scroll-padding-inline-end: max(0.75rem, 5vw);
    }

    .glossary-film__cell {
        scroll-snap-align: start;
        flex: 0 0 min(20rem, 82vw);
        width: min(20rem, 82vw);
        max-width: min(20rem, 82vw);
    }
}

@media (min-width: 768px) {
    .glossary-film__cell {
        flex: 0 0 20rem;
        width: 20rem;
        max-width: none;
    }
}

.ribbon-corner-card__tile {
    min-width: 260px;
    max-width: 380px;
}

.ribbon-corner-card__fold {
    width: 84px;
    height: 84px;
}

.ribbon-corner-card__stamp {
    width: 116px;
    padding: 5px 0;
    top: 20px;
    right: -30px;
    transform: rotate(45deg);
    letter-spacing: 0.05em;
    white-space: nowrap;
    overflow: hidden;
}

.ribbon-corner-card__media {
    height: 12rem;
}

.ribbon-corner-card__img {
    object-fit: cover;
}
.ribbon-corner-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* FAQ v9 — open state (no Tailwind ring in JS) */
.faq-item.playbook-solver-grown {
    transform: scale(1.02);
}

/* Element sizes */
.playbook-solver__thumb { width: 2.5rem; height: 2.5rem; }
.playbook-solver__icon-circle { width: 2rem; height: 2rem; }
.playbook-solver__svg-arrow { width: 1.25rem; height: 1.25rem; }

/* Decorative blobs */
.playbook-solver__blob-a { top: 0; left: 25%; width: 24rem; height: 24rem; }
.playbook-solver__blob-b { bottom: 0; right: 25%; width: 20rem; height: 20rem; }


.invite-boost__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

@keyframes invite-boost-flare-throb-cycle {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.invite-boost__flare--throb {
    animation: invite-boost-flare-throb-cycle 2s cubic-bezier(.4,0,.6,1) infinite;
}

@keyframes invite-boost-flare-rebound-cycle {
    0%, 100% { transform: translateY(0); animation-timing-function: cubic-bezier(.8,0,1,1); }
    50%       { transform: translateY(-25%); animation-timing-function: cubic-bezier(0,0,.2,1); }
}
.invite-boost__flare--rebound {
    animation: invite-boost-flare-rebound-cycle 1s infinite;
}

@keyframes invite-boost-flare-ping-cycle {
    75%, 100% { transform: scale(2); opacity: 0; }
}
.invite-boost__flare--ping {
    animation: invite-boost-flare-ping-cycle 1s cubic-bezier(0,0,.2,1) infinite;
}

@keyframes invite-boost-stroke-throb-cycle {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.invite-boost__stroke--throb {
    animation: invite-boost-stroke-throb-cycle 2s cubic-bezier(.4,0,.6,1) infinite;
}

.invite-boost__layer--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

.invite-boost__flare--lift:hover { transform: scale(1.25); transition: transform .2s ease; }

.invite-boost__action--lift:hover { transform: scale(1.05); transition: transform .2s ease; }