@charset "UTF-8";
.skin-bright-moments .gift-atmosphere i {
    border-radius: 2px;
    background: #e75c4c;
    box-shadow: 22px 18px 0 #f1b82d, -18px 28px 0 #4ea98b, 14px -25px 0 #7f67c7;
}
.skin-bright-moments .gift-hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .18;
    background-image:
        radial-gradient(circle, #e75c4c 0 4px, transparent 5px),
        radial-gradient(circle, #f1b82d 0 3px, transparent 4px),
        radial-gradient(circle, #4ea98b 0 4px, transparent 5px);
    background-position: 8% 18%, 66% 12%, 90% 74%;
    background-size: 170px 190px, 210px 240px, 260px 220px;
    content: "";
}
.skin-bright-moments .gift-hero-visual figure {
    border-radius: 34px 8px 38px 10px;
    transform: rotate(-2deg);
}
.skin-bright-moments .gift-story {
    background: linear-gradient(145deg, #ffe4c6, #fff5d9 58%, #dff2dc);
}
.skin-bright-moments .gift-photo-card {
    border-radius: 28px 8px 28px 8px;
    box-shadow: 0 20px 50px rgba(70, 42, 24, .1);
}
/* Цветная подложка принадлежит сетке, а не карточке: при наведении фотография
   приподнимается отдельно и оставляет за собой неподвижный цветовой силуэт. */
.skin-bright-moments .gift-photo-grid figure::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    border-radius: 28px 8px 28px 8px;
    background: color-mix(in srgb, var(--accent) 24%, transparent);
    transform: translate(12px, 14px) rotateZ(var(--photo-rotation));
    transform-origin: center;
}
/* Для стихотворения с одной фотографией используем самостоятельную композицию,
   чтобы центральное произведение ощущалось подарком, а не вложенным текстовым блоком. */
.skin-bright-moments .gift-work:has(.gift-poem-keepsake) {
    padding-block: clamp(120px, 11vw, 190px);
    background:
        radial-gradient(circle at 12% 10%, rgba(239, 127, 108, .28), transparent 31%),
        radial-gradient(circle at 88% 82%, rgba(246, 203, 118, .18), transparent 26%),
        var(--deep);
}
@media (max-width: 760px) {
    .skin-bright-moments .gift-work:has(.gift-poem-keepsake) {
            padding: 74px 12px 94px;
        }
}