.home-gift-split {
    overflow: hidden;
}

.home-gift-split__head {
    display: block;
    margin-bottom: 34px;
}

.home-gift-split__head .head-ttl {
    margin: 0;
    font-size: clamp(42px, 5vw, 74px);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.05em;
}

.home-gift-split__eyebrow {
    margin: 0 0 12px;
    color: #77634b;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.home-gift-split__cards {
    display: flex;
    gap: 14px;
    min-height: 520px;
}

.home-gift-split__card {
    position: relative;
    display: block;
    overflow: hidden;
    min-width: 0;
    border-radius: 28px;
    color: #fff;
    background: #181716;
    flex: 1 1 0;
    isolation: isolate;
    text-decoration: none;
    transition: flex-grow .65s cubic-bezier(.2, .72, .22, 1), box-shadow .45s ease;
}

.home-gift-split__card:hover,
.home-gift-split__card:focus-visible {
    color: #fff;
    flex-grow: 1.34;
    box-shadow: 0 30px 70px rgba(26, 23, 19, .2);
    text-decoration: none;
}

.home-gift-split__card:focus-visible {
    outline: 3px solid #d5ae67;
    outline-offset: 4px;
}

.home-gift-split__visual,
.home-gift-split__shade {
    position: absolute;
    inset: 0;
}

.home-gift-split__visual {
    z-index: -2;
    filter: grayscale(1) blur(1.6px) brightness(.66);
    transform: scale(1.025);
    transition: filter .6s ease, transform .8s cubic-bezier(.2, .72, .22, 1);
}

.home-gift-split__card:hover .home-gift-split__visual,
.home-gift-split__card:focus-visible .home-gift-split__visual {
    filter: grayscale(0) blur(0) brightness(.96);
    transform: scale(1.055);
}

.home-gift-split__shade {
    z-index: -1;
    background: linear-gradient(180deg, rgba(13, 12, 11, .08) 20%, rgba(13, 12, 11, .88) 100%);
    transition: opacity .55s ease;
}

.home-gift-split__card:hover .home-gift-split__shade,
.home-gift-split__card:focus-visible .home-gift-split__shade {
    opacity: .82;
}

.home-gift-split__card--bike .home-gift-split__visual {
    background: url('/velosiped-v-podarok/images/hero-gift-man-spinn-luna.webp') 58% center / cover no-repeat;
}

.home-gift-split__card--certificate .home-gift-split__visual--certificate {
    --certificate-ink: #202322;
    --certificate-muted: #65706d;
    --certificate-turquoise: #42aeb8;
    --certificate-turquoise-dark: #18747c;
    --certificate-gold: #cda55f;
    --certificate-gold-dark: #8b6730;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 15%, rgba(66, 174, 184, .2), transparent 34%),
        linear-gradient(135deg, #f8f6f1 0%, #edf4f1 100%);
}

.home-gift-split__card--certificate .certificate-hero__visual {
    position: absolute;
    inset: 0;
    min-height: 530px;
    perspective: 1400px;
}

.home-gift-split__card--certificate .certificate-hero__visual::before {
    position: absolute;
    top: 8%;
    right: -10%;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(66, 174, 184, .22);
    border-radius: 50%;
    content: '';
}

.home-gift-split__card--certificate .certificate-cover,
.home-gift-split__card--certificate .certificate-card {
    position: absolute;
    border-radius: 18px;
    box-shadow: 0 38px 75px rgba(22, 66, 68, .2);
    transform-origin: center;
}

.home-gift-split__card--certificate .certificate-cover {
    top: 74px;
    right: 8px;
    width: min(80%, 560px);
    aspect-ratio: 1.65;
    overflow: hidden;
    color: #fff;
    background: var(--certificate-turquoise);
    transform: rotate(7deg) translateZ(-30px);
}

.home-gift-split__card--certificate .certificate-cover::before {
    position: absolute;
    inset: -25% -5%;
    background: repeating-linear-gradient(115deg, transparent 0 30px, rgba(255, 255, 255, .07) 30px 31px);
    content: '';
    transform: rotate(-7deg);
}

.home-gift-split__card--certificate .certificate-cover__frame {
    position: absolute;
    inset: 22px;
    border: 5px solid rgba(255, 255, 255, .9);
}

.home-gift-split__card--certificate .certificate-cover__logo,
.home-gift-split__card--certificate .certificate-cover__caption {
    position: absolute;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
}

.home-gift-split__card--certificate .certificate-cover__logo {
    top: 43%;
    font-size: clamp(26px, 3.3vw, 52px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.035em;
}

.home-gift-split__card--certificate .certificate-cover__caption {
    top: 59%;
    font-size: 11px;
    letter-spacing: .38em;
}

.home-gift-split__card--certificate .certificate-card {
    top: 170px;
    left: 0;
    z-index: 2;
    display: flex;
    width: min(86%, 600px);
    min-height: 360px;
    flex-direction: column;
    padding: 30px 34px 26px;
    border: 1px solid rgba(23, 112, 120, .28);
    color: var(--certificate-ink);
    background:
        linear-gradient(90deg, transparent 0 82%, rgba(66, 174, 184, .08) 82% 100%),
        #fff;
    transform: rotate(-5deg) translateZ(50px);
}

.home-gift-split__card--certificate .certificate-card::after {
    position: absolute;
    inset: 14px;
    border: 2px solid var(--certificate-turquoise);
    border-radius: 10px;
    content: '';
    pointer-events: none;
}

.home-gift-split__card--certificate .certificate-card__head,
.home-gift-split__card--certificate .certificate-card__footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.home-gift-split__card--certificate .certificate-card__head > span {
    color: var(--certificate-turquoise-dark);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.03em;
}

.home-gift-split__card--certificate .certificate-card__head small {
    color: var(--certificate-muted);
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.home-gift-split__card--certificate .certificate-card__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 32px 10px 28px;
}

.home-gift-split__card--certificate .certificate-card__title {
    color: var(--certificate-turquoise-dark);
    font-size: clamp(25px, 3vw, 43px);
    font-style: italic;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.home-gift-split__card--certificate .certificate-card__body strong {
    display: block;
    margin-top: 28px;
    font-size: 19px;
    font-weight: 500;
}

.home-gift-split__card--certificate .certificate-card__body strong span {
    display: inline-block;
    color: var(--certificate-gold-dark);
    letter-spacing: .08em;
}

.home-gift-split__card--certificate .certificate-card__body small {
    max-width: 330px;
    margin-top: 12px;
    color: var(--certificate-muted);
    font-size: 12px;
    line-height: 1.45;
}

.home-gift-split__card--certificate .certificate-card__footer {
    color: #7b8380;
    font-size: 9px;
    line-height: 1.35;
}

.home-gift-split__card--certificate .certificate-card__footer i {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    border: 5px double var(--certificate-gold);
    border-radius: 50%;
}

.home-gift-split__card--certificate .certificate-hero__seal {
    position: absolute;
    right: 8%;
    bottom: 14px;
    z-index: 3;
    display: flex;
    width: 112px;
    height: 112px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid rgba(139, 103, 48, .26);
    border-radius: 50%;
    color: var(--certificate-gold-dark);
    background: #f5e7c9;
    box-shadow: 0 18px 45px rgba(85, 67, 35, .16);
    transform: rotate(8deg);
}

.home-gift-split__card--certificate .certificate-hero__seal::before,
.home-gift-split__card--certificate .certificate-hero__seal::after {
    position: absolute;
    inset: 7px;
    border: 1px dashed rgba(139, 103, 48, .45);
    border-radius: 50%;
    content: '';
}

.home-gift-split__card--certificate .certificate-hero__seal::after {
    inset: 12px;
    border-style: solid;
}

.home-gift-split__card--certificate .certificate-hero__seal span,
.home-gift-split__card--certificate .certificate-hero__seal small {
    position: relative;
    z-index: 1;
}

.home-gift-split__card--certificate .certificate-hero__seal span {
    font-size: 24px;
    font-weight: 800;
}

.home-gift-split__card--certificate .certificate-hero__seal small {
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.home-gift-split__content {
    position: absolute;
    right: clamp(24px, 4vw, 56px);
    bottom: clamp(26px, 4vw, 52px);
    left: clamp(24px, 4vw, 56px);
    z-index: 2;
    display: flex;
    max-width: 650px;
    flex-direction: column;
    align-items: flex-start;
}

.home-gift-split__card--certificate .home-gift-split__shade {
    background: linear-gradient(180deg, rgba(13, 12, 11, .06) 8%, rgba(13, 12, 11, .42) 32%, rgba(13, 12, 11, .86) 56%, rgba(13, 12, 11, .96) 100%);
    opacity: 1;
}

.home-gift-split__label {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.home-gift-split__content strong {
    margin-top: 12px;
    font-size: clamp(34px, 4vw, 64px);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.045em;
}

.home-gift-split__description {
    max-width: 520px;
    margin-top: 18px;
    color: rgba(255, 255, 255, .82);
    font-size: 17px;
    line-height: 1.45;
}

.home-gift-split__action {
    display: inline-flex;
    min-height: 48px;
    margin-top: 26px;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    align-items: center;
    gap: 28px;
    transition: color .3s ease, background .3s ease, border-color .3s ease;
}

.home-gift-split__action i {
    font-size: 20px;
    font-style: normal;
    transition: transform .3s ease;
}

.home-gift-split__card:hover .home-gift-split__action,
.home-gift-split__card:focus-visible .home-gift-split__action {
    border-color: #fff;
    color: #171615;
    background: #fff;
}

.home-gift-split__card:hover .home-gift-split__action i,
.home-gift-split__card:focus-visible .home-gift-split__action i {
    transform: translateX(4px);
}

@media (max-width: 1100px) {
    .home-gift-split__cards {
        min-height: 470px;
    }

    .home-gift-split__description {
        font-size: 15px;
    }

    .home-gift-split__card--certificate .certificate-card {
        top: 112px;
        min-height: 305px;
        padding: 25px 28px 22px;
    }
}

@media (max-width: 767px) {
    .home-gift-split__head {
        margin-bottom: 24px;
    }

    .home-gift-split__cards {
        display: grid;
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .home-gift-split__card {
        min-height: 440px;
        border-radius: 22px;
    }

    .home-gift-split__card:hover,
    .home-gift-split__card:focus-visible {
        flex-grow: 1;
    }

    .home-gift-split__visual,
    .home-gift-split__card:hover .home-gift-split__visual,
    .home-gift-split__card:focus-visible .home-gift-split__visual {
        filter: none;
        transform: scale(1.02);
    }

    .home-gift-split__content {
        right: 22px;
        bottom: 24px;
        left: 22px;
    }

    .home-gift-split__content strong {
        font-size: 38px;
    }

    .home-gift-split__description {
        margin-top: 14px;
        font-size: 15px;
    }

    .home-gift-split__action {
        min-height: 44px;
        margin-top: 20px;
    }

    .home-gift-split__card--certificate .certificate-hero__visual {
        min-height: 390px;
    }

    .home-gift-split__card--certificate .certificate-hero__visual::before {
        top: 0;
        right: -40%;
        width: 390px;
        height: 390px;
    }

    .home-gift-split__card--certificate .certificate-cover {
        top: 30px;
        right: -18px;
        width: 88%;
        border-radius: 13px;
    }

    .home-gift-split__card--certificate .certificate-cover__frame {
        inset: 13px;
        border-width: 3px;
    }

    .home-gift-split__card--certificate .certificate-cover__caption {
        font-size: 7px;
    }

    .home-gift-split__card--certificate .certificate-card {
        top: 88px;
        left: -5px;
        width: 92%;
        min-height: 230px;
        padding: 20px 21px 18px;
        border-radius: 13px;
    }

    .home-gift-split__card--certificate .certificate-card::after {
        inset: 9px;
    }

    .home-gift-split__card--certificate .certificate-card__head > span {
        font-size: 14px;
    }

    .home-gift-split__card--certificate .certificate-card__head small {
        display: none;
    }

    .home-gift-split__card--certificate .certificate-card__body {
        padding: 20px 4px 15px;
    }

    .home-gift-split__card--certificate .certificate-card__title {
        font-size: 22px;
    }

    .home-gift-split__card--certificate .certificate-card__body strong {
        margin-top: 16px;
        font-size: 14px;
    }

    .home-gift-split__card--certificate .certificate-card__body small {
        margin-top: 7px;
        font-size: 9px;
    }

    .home-gift-split__card--certificate .certificate-card__footer {
        max-width: 78%;
        font-size: 7px;
    }

    .home-gift-split__card--certificate .certificate-card__footer i {
        position: absolute;
        right: -2px;
        bottom: -2px;
        width: 32px;
        height: 32px;
        border-width: 3px;
    }

    .home-gift-split__card--certificate .certificate-hero__seal {
        right: 0;
        bottom: 100px;
        width: 72px;
        height: 72px;
    }

    .home-gift-split__card--certificate .certificate-hero__seal span {
        font-size: 16px;
    }

    .home-gift-split__card--certificate .certificate-hero__seal small {
        font-size: 7px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-gift-split__card,
    .home-gift-split__visual,
    .home-gift-split__shade,
    .home-gift-split__action,
    .home-gift-split__action i {
        transition: none;
    }
}