/* intro v26 — Dieter Rams node: hex grid, bottom band, blurred ghost image, serif, typewriter */

/* Hexagon-ish grid (minimal, colour from Tailwind text-*, lines via currentColor) */
.intro-node__hex {
    background-image:
        repeating-linear-gradient(60deg, currentColor 0 1px, transparent 1px 26px),
        repeating-linear-gradient(-60deg, currentColor 0 1px, transparent 1px 26px);
    opacity: 0.1;
}

.intro-node__band { height: 10rem; opacity: 0.7; }

/* Blurred background photo behind the spotlight node */
.intro-node__ghost { height: 14rem; }
.intro-node__img {
    object-fit: cover;
    filter: blur(10px);
    opacity: 0.35;
    transform: scale(1.08);
}

/* Serif heading */
.intro-node__serif {
    font-family: ui-serif, Georgia, "Times New Roman", serif;
}

/* Org-chart stem connector */
.intro-node__stem {
    width: 1px;
    height: 2rem;
}

/* Typewriter caret */
.intro-node__type .is-typing {
    border-right: 2px solid currentColor;
    animation: intro-node-caret 800ms step-end infinite;
}
@keyframes intro-node-caret {
    50% { border-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .intro-node__type .is-typing { animation: none; }
}

.split-product__cart-btn.split-product__cart-btn--added {
  opacity: 0.6;
  cursor: not-allowed;
  transform: scale(1);
}

.split-product__cta-hover:hover { transform: scale(1.05); transition: transform .2s ease; }

.split-product__btn-hover:hover { transform: scale(1.05); transition: transform .2s ease; }

.split-product__grid-gap {
    gap: 4rem;
}

/* Flex + gap: two col-md-50% rows overflow; mirror Tailwind md:w-1/2 + flex-1 min-w-0 */
.split-product__media-slot {
    width: 100%;
}

.split-product__detail-slot {
    width: 100%;
    min-width: 0;
}

@media (min-width: 768px) {
    .split-product__media-slot {
        flex: 0 0 auto;
        width: 50%;
        max-width: 50%;
    }

    .split-product__detail-slot {
        flex: 1 1 0%;
        min-width: 0;
        width: auto;
    }
}

.split-product__cover {
    max-height: 28rem;
}

.split-product__dot {
    width: 0.5rem;
    height: 0.5rem;
}

@media (min-width: 768px) {
    .split-product__sticky-col {
        position: sticky;
        top: 2rem;
    }
}

.mxw-6xl { max-width: 72rem !important; }

/* v29 step funnel — badge fixed size (w-16 h-16 has no BS util) */
.perks-funnel__badge {
    width: 4rem;
    height: 4rem;
    flex-shrink: 0;
}

/* connecting horizontal line — full-width (absolute, no BS util) */
.perks-funnel__line {
    pointer-events: none;
}

/* stagger reveal animation (IntersectionObserver adds .is-visible) */
.perks-funnel__step {
    opacity: 0;
    transform: translateY(1.5rem);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.perks-funnel__step.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* stagger delays (max 4 steps) */
.perks-funnel__step:nth-child(1) { transition-delay: 0s; }
.perks-funnel__step:nth-child(2) { transition-delay: 0.1s; }
.perks-funnel__step:nth-child(3) { transition-delay: 0.2s; }
.perks-funnel__step:nth-child(4) { transition-delay: 0.3s; }

/* Маркери таймлайну: як TW w-4/h-4 та w-3/h-3 (border-box, сукупний розмір) */
.timeline-success-story__node {
    width: 1rem;
    height: 1rem;
    padding: 0;
    box-sizing: border-box;
}

.timeline-success-story__node--sm {
    width: 0.75rem;
    height: 0.75rem;
    padding: 0;
    box-sizing: border-box;
}

/* faq v23 — card top ribbon (BS gradient parity) */
.faq-tile__ribbon {
  height: 0.25rem;
  background-image: linear-gradient(
    90deg,
    var(--bs-primary) 0%,
    var(--bs-info) 50%,
    var(--bs-danger) 100%
  );
}