/* PARFUMS V2 — single-image perfume Hero composition.
   Scoped to the detail Hero so the olfactive pyramid remains unchanged. */

.perfume-hero-family-1 {
    inset: 0 !important;
    opacity: 1 !important;
    background-image: var(--family-image) !important;
    background-size: cover !important;
    background-position: 70% center !important;
    filter:
        brightness(0.78)
        contrast(1.16)
        saturate(1.02) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

.perfume-hero-family-2,
.perfume-hero-family-3 {
    display: none !important;
}

.perfume-hero-atmosphere {
    background:
        linear-gradient(
            90deg,
            rgba(5, 6, 8, 0.02) 0%,
            rgba(5, 6, 8, 0.05) 40%,
            rgba(5, 6, 8, 0.28) 70%,
            rgba(5, 6, 8, 0.58) 100%
        ),
        linear-gradient(
            0deg,
            rgba(7, 8, 10, 0.72) 0%,
            rgba(7, 8, 10, 0.18) 18%,
            transparent 48%
        ) !important;
}

.perfume-hero-copy {
    transform: translateX(10%) scale(1.15);
    transform-origin: center left;
}

.perfume-hero-copy .perfume-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-bottom: 8px;
    white-space: nowrap;
}

.perfume-hero-copy .perfume-brand::after {
    content: '';
    flex: 1;
    height: 1px;
    min-width: 28px;
    background: linear-gradient(
        90deg,
        rgba(220, 184, 89, 0.85),
        rgba(220, 184, 89, 0.08)
    );
}

.perfume-hero-copy h2 {
    margin-top: 0;
    font-size: 30px !important;
    line-height: 0.92;
    text-wrap: balance;
}

.perfume-hero-copy .perfume-score small {
    font-size: 12px !important;
}

.perfume-hero-copy .perfume-brand,
.perfume-hero-copy h2,
.perfume-hero-copy .perfume-score strong {
    font-weight: 700 !important;
}

.perfume-hero-copy small,
.perfume-hero-copy span {
    font-weight: 600 !important;
}

.perfume-hero-bottle {
    transform: translateY(5%) scale(0.75);
    transform-origin: center bottom;
}

@media (min-width: 960px) {
    .perfume-hero-copy,
    .perfume-hero-bottle {
        transform: none;
    }
}