/* LP Connect — страница "Подключить заведение" */
.lp-connect {
    min-height: 50vh;
}

/* Заголовки на тёмном фоне: переопределяем глобальный color из site.css */
.lp-connect section.bg-gradient-to-b h1,
.lp-connect section.bg-gradient-to-b h2,
.lp-connect section.bg-gradient-to-b h3,
.lp-connect section.bg-gradient-to-br h1,
.lp-connect section.bg-gradient-to-br h2,
.lp-connect section.bg-gradient-to-br h3 {
    color: #fff;
}
.lp-connect-hero {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
@media (max-width: 639px) {
    .lp-connect-hero {
        min-height: 360px;
    }
}
.lp-connect-card {
    min-height: 0;
}

/* Hero floating images (from LP) */
.lp-connect-hero-float {
    will-change: transform;
}
.lp-connect-hero-float__img {
    display: block;
    max-width: 100%;
    height: auto;
}
.lp-connect-hero-float--1 {
    width: 140px;
    top: 8%;
    left: 12%;
    animation: lp-connect-float 8s ease-in-out infinite;
}
.lp-connect-hero-float--2 {
    width: 180px;
    top: 15%;
    right: 10%;
    animation: lp-connect-float 10s ease-in-out infinite 1s;
}
.lp-connect-hero-float--3 {
    width: 120px;
    bottom: 20%;
    left: 8%;
    animation: lp-connect-float 9s ease-in-out infinite 0.5s;
}
@keyframes lp-connect-float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    33% { transform: translateY(-12px) rotate(3deg); }
    66% { transform: translateY(8px) rotate(-2deg); }
}

/* Логотип: анимация отрисовки буквы R на странице connect (дублируем из site.css, т.к. site.min.css может быть старым) */
.header-logo[data-logo-draw="true"] .header-logo__r-mark .header-logo__r-stroke {
    fill: none;
    stroke: url(#paint0_linear_5_4);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 450;
    stroke-dashoffset: 450;
    animation: lp-connect-strokeDrawInfinite 3s ease-in-out infinite;
}
@keyframes lp-connect-strokeDrawInfinite {
    0% { stroke-dashoffset: 450; fill: none; }
    48% { stroke-dashoffset: 0; fill: none; }
    50% { stroke-dashoffset: 0; fill: url(#paint0_linear_5_4); }
    52% { stroke-dashoffset: 0; fill: url(#paint0_linear_5_4); }
    100% { stroke-dashoffset: 450; fill: none; }
}
@media (prefers-reduced-motion: reduce) {
    .header-logo[data-logo-draw="true"] .header-logo__r-mark .header-logo__r-stroke {
        animation: none;
    }
}

/* Custom cursor: see resources/css/custom-cursor.css (Vite), loaded only on /connect */