.love-page,
.lovep-page {
    --love-ink: #2f1d24;
    --love-muted: #76626a;
    --love-accent: #d75572;
    --love-accent-dark: #ad3853;
    --love-blush: #fff0f3;
    --love-line: rgba(82, 43, 55, .12);
}

.love-page,
.lovep-page {
    color: var(--love-ink);
    background: #fffaf9;
}

.love-site-header .menu-link:hover,
.love-site-header .menu-link:focus {
    color: var(--love-accent);
}

.love-site-header .topnav-mobile-action,
.love-footer .spf-top-btn {
    background: var(--love-accent);
}

.love-top-benefits {
    background: #352229;
}

.love-page .audio-kicker,
.lovep-page .audio-kicker,
.love-page .audio-product-info > small {
    color: var(--love-accent);
}

.love-page .audio-btn-primary,
.love-page .audio-btn-primary:hover,
.love-page .audio-btn-primary:focus {
    background: var(--love-accent);
    color: #fff;
    box-shadow: 0 12px 28px rgba(215, 85, 114, .24);
}

.love-hero {
    background:
        radial-gradient(circle at 78% 10%, rgba(255, 153, 174, .24), transparent 34%),
        linear-gradient(135deg, #311e25 0%, #5a2d3b 55%, #2d1c23 100%);
}

.love-hero .audio-kicker {
    color: #ffb8c7;
}

.love-hero .audio-hero-trust i {
    color: #ffb1c2;
}

.love-hero-visual {
    min-height: 500px;
    overflow: visible;
}

.love-hero-poster {
    position: absolute;
    display: block;
    overflow: hidden;
    border: 9px solid rgba(255, 255, 255, .94);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 54px rgba(20, 7, 12, .35);
    text-decoration: none;
}

.love-hero-poster img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: transparent;
}

.love-hero-poster-main {
    z-index: 2;
    top: 34px;
    left: 54px;
    width: 285px;
    height: 390px;
    transform: rotate(-3deg);
}

.love-hero-poster-second {
    z-index: 1;
    top: 75px;
    right: 40px;
    width: 235px;
    height: 325px;
    opacity: .93;
    transform: rotate(7deg);
}

.love-hero-photo-label {
    position: absolute;
    z-index: 4;
    right: 40px;
    bottom: 25px;
    display: flex;
    max-width: 295px;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 14px;
    background: rgba(35, 18, 25, .88);
    color: rgba(255, 255, 255, .78);
    box-shadow: 0 16px 30px rgba(20, 7, 12, .24);
    font-size: 12px;
    line-height: 1.4;
}

.love-hero-photo-label > i {
    display: flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--love-accent);
    color: #fff;
}

.love-hero-photo-label strong {
    display: block;
    color: #fff;
    font-size: 13px;
}

.love-catalog {
    background: #fffaf9;
}

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

.love-product-card {
    border-color: var(--love-line);
}

.love-product-card:hover,
.love-product-card:focus {
    border-color: rgba(215, 85, 114, .42);
    box-shadow: 0 18px 42px rgba(73, 34, 47, .13);
}

.love-product-card .audio-product-image {
    aspect-ratio: 4 / 4.25;
    background: transparent;
}

.love-product-card .audio-product-badge {
    background: rgba(215, 85, 114, .94);
}

.love-product-card .audio-product-view {
    background: rgba(53, 34, 41, .92);
}

.love-how {
    background:
        radial-gradient(circle at 18% 0, rgba(215, 85, 114, .21), transparent 28%),
        #352229;
}

.love-how .audio-kicker {
    color: #ffb8c7;
}

.love-how .audio-how-grid article > i {
    background: rgba(215, 85, 114, .25);
    color: #ffc0cd;
}

.love-formats {
    background: #fff1f3;
}

.love-formats .audio-format-grid i {
    background: #ffe3e9;
    color: var(--love-accent);
}

.love-photo-section {
    background: #fffaf9;
}

.love-photo-card {
    border-color: var(--love-line);
}

.love-photo-icon {
    background: linear-gradient(145deg, #ffe9ee, #f5cbd5);
    color: var(--love-accent-dark);
}

.love-photo-icon .fa-heart {
    position: absolute;
    right: 10px;
    bottom: 8px;
    display: flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border: 4px solid #fff;
    border-radius: 50%;
    background: var(--love-accent);
    color: #fff;
    font-size: 18px;
}

.love-footer .spf-logo i,
.love-footer .spf-links a:hover,
.love-footer .spf-contacts a:hover {
    color: #f0a1b3;
}

.lovep-hero {
    background:
        radial-gradient(circle at 90% 7%, rgba(215, 85, 114, .12), transparent 31%),
        #fffaf9;
}

.lovep-gallery-card,
.lovep-gallery-card .spv2-gallery-stage,
.lovep-gallery-card .spv2-gallery-slide,
.lovep-gallery-card .spv2-gallery-slide img,
.lovep-gallery-card .spv2-gallery-thumb img {
    background: transparent;
}

.lovep-gallery-card .spv2-gallery-slide img {
    object-fit: contain;
    object-position: center;
}

.lovep-order-card {
    border-color: var(--love-line);
    box-shadow: 0 20px 54px rgba(73, 34, 47, .09);
}

.lovep-order-card .spv2-kicker {
    color: var(--love-accent);
}

.lovep-order-card .spv2-option-input:checked + .spv2-option-label {
    border-color: var(--love-accent);
    box-shadow: 0 0 0 2px rgba(215, 85, 114, .12);
}

.lovep-order-card .spv2-step-head > span {
    background: var(--love-accent);
}

.lovep-intro-card {
    background: #fff0f3;
}

.lovep-photo-status {
    border-top-color: rgba(215, 85, 114, .15);
}

.lovep-photo-status > i {
    background: var(--love-accent);
}

.lovep-photo-status strong {
    color: var(--love-ink);
}

.lovep-media-note {
    border-color: rgba(215, 85, 114, .2);
    background: linear-gradient(135deg, #fff5f7, #ffe9ee);
}

.lovep-media-note .audp-media-note-icons i {
    border-color: #fff0f3;
    background: var(--love-accent);
}

.lovep-media-note .audp-media-note-icons .fa-telegram-plane {
    background: #249bd7;
}

.lovep-media-note .audp-media-note-icons .fa-viber {
    background: #7360f2;
}

.lovep-media-note strong {
    color: #5f2c3a;
}

.lovep-media-note span {
    color: #7b5a63;
}

.lovep-action-box .spv2-main-btn,
.lovep-action-box .spv2-main-btn:hover,
.lovep-action-box .spv2-main-btn:focus {
    border-color: var(--love-accent);
    background: var(--love-accent);
    color: #fff;
}

.lovep-hidden-choice {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.lovep-explain {
    background: #fff0f3;
}

.lovep-explain .audp-explain-grid i {
    background: #ffe0e7;
    color: var(--love-accent);
}

.lovep-related {
    background: #fffaf9;
}

.love-text-link,
.love-text-link:hover,
.love-text-link:focus {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--love-accent-dark);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.lovep-delivery-note .container {
    border-color: var(--love-line);
}

.lovep-delivery-note .container > div > i {
    background: #ffe2e8;
    color: var(--love-accent);
}

.lovep-delivery-note a,
.lovep-delivery-note a:hover,
.lovep-delivery-note a:visited {
    background: var(--love-accent);
    color: #fff;
}

@media (max-width: 1199px) {
    .love-hero-visual {
        min-height: 455px;
    }

    .love-hero-poster-main {
        left: 30px;
        width: 250px;
        height: 350px;
    }

    .love-hero-poster-second {
        right: 20px;
        width: 210px;
        height: 295px;
    }
}

@media (max-width: 991px) {
    .love-hero-visual {
        width: 100%;
        max-width: 620px;
        min-height: 475px;
        margin: 0 auto;
    }

    .love-hero-poster-main {
        left: 90px;
    }

    .love-hero-poster-second {
        right: 80px;
    }

    .love-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .love-hero-poster-main {
        left: 34px;
    }

    .love-hero-poster-second {
        right: 30px;
    }

    .love-photo-card {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .love-photo-icon {
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .love-hero-visual {
        min-height: 390px;
    }

    .love-hero-poster-main {
        top: 28px;
        left: 22px;
        width: 205px;
        height: 285px;
        border-width: 6px;
    }

    .love-hero-poster-second {
        top: 55px;
        right: 18px;
        width: 170px;
        height: 235px;
        border-width: 6px;
    }

    .love-hero-photo-label {
        right: 18px;
        bottom: 18px;
        left: 18px;
        max-width: none;
    }

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

    .lovep-media-note {
        align-items: flex-start;
        flex-direction: column;
    }
}
