.catalog-hero {
    min-height: 72svh;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 60px;
    padding: 150px max(24px, calc((100vw - 1380px) / 2)) 80px;
    border-bottom: 1px solid var(--site-section-line);
    background: radial-gradient(circle at 72% 32%, var(--site-hero-glow), transparent 32rem), var(--surface-page);
}
.catalog-hero > div { max-width: 980px; }
.catalog-hero h1 { margin: 22px 0 24px; font-size: clamp(58px, 8vw, 124px); line-height: .96; font-weight: 500; letter-spacing: -.05em; }
html[dir="ltr"] .catalog-hero h1 { font-family: var(--font-en-serif); }
.catalog-hero p { max-width: 680px; color: var(--text-secondary); font-size: 17px; line-height: 1.9; }
.catalog-hero-count { color: var(--site-section-line); font-family: var(--font-en-serif); font-size: clamp(100px, 14vw, 220px); line-height: .72; }
.public-catalog-list { padding: 0 max(24px, calc((100vw - 1380px) / 2)); background: var(--site-paper); color: var(--site-paper-text); }
.public-catalog-list .perfume-card { display: grid; grid-template-columns: minmax(300px, .78fr) 1fr; gap: clamp(34px, 7vw, 110px); align-items: center; padding: 90px 0; border-bottom: 1px solid var(--border-admin); }
.public-catalog-list .perfume-card:nth-child(even) .perfume-card-media { order: 2; }
.public-catalog-list .perfume-card-media { aspect-ratio: .9; }
.public-catalog-list .perfume-card-copy { padding: 0; max-width: 650px; }
.public-catalog-list .perfume-card h3 { font-size: clamp(54px, 7vw, 100px); }
.public-catalog-list .perfume-card p { min-height: auto; max-width: 560px; font-size: 15px; line-height: 1.9; }
.public-catalog-list .perfume-accord-list { margin: 24px 0 30px; }
.catalog-next-phase { display: grid; grid-template-columns: .4fr 1fr; gap: 50px; padding: 80px max(24px, calc((100vw - 1380px) / 2)); border-top: 1px solid var(--site-section-line); background: var(--surface-elevated); }
.catalog-next-phase span { color: var(--taj-gold-soft); font-family: var(--font-en-sans); font-size: 12px; letter-spacing: .2em; }
.catalog-next-phase p { max-width: 780px; margin: 0; color: var(--text-secondary); font-size: 17px; line-height: 1.9; }
.public-page { min-height: 80svh; padding: 168px max(24px, calc((100vw - 1100px) / 2)) 110px; background: var(--surface-page); }
.public-page-header { max-width: 900px; padding-bottom: 56px; border-bottom: 1px solid var(--site-section-line); }
.public-page-header h1 { margin: 22px 0; font-size: clamp(58px, 8vw, 112px); line-height: 1; font-weight: 500; }
html[dir="ltr"] .public-page-header h1 { font-family: var(--font-en-serif); }
.public-page-header p { max-width: 680px; color: var(--text-secondary); font-size: 18px; line-height: 1.9; }
.public-page-body { max-width: 820px; padding-top: 56px; }
.public-page-body p { margin: 0 0 28px; color: var(--taj-cream); font-size: 17px; line-height: 2.15; }

@media (max-width: 820px) {
    .catalog-hero { grid-template-columns: 1fr; min-height: 64svh; padding-top: 130px; }
    .catalog-hero-count { display: none; }
    .public-catalog-list .perfume-card { grid-template-columns: 1fr; padding: 62px 0; }
    .public-catalog-list .perfume-card:nth-child(even) .perfume-card-media { order: initial; }
    .catalog-next-phase { grid-template-columns: 1fr; gap: 18px; }
}

/* Product-card essentials are repeated here because the catalog does not load landing.css. */
.public-catalog-list .perfume-card-media {
    position: relative;
    overflow: hidden;
    background: var(--site-paper-soft);
}
.public-catalog-list .perfume-card-media picture,
.public-catalog-list .perfume-card-media img {
    display: block;
    width: 100%;
    height: 100%;
}
.public-catalog-list .perfume-card-media img { object-fit: cover; transition: transform 900ms var(--ease-out); }
.public-catalog-list .perfume-card:hover .perfume-card-media img { transform: scale(1.025); }
.public-catalog-list .perfume-badge {
    position: absolute;
    inset-block-start: 16px;
    inset-inline-start: 16px;
    z-index: 2;
    padding: 8px 10px;
    border: 1px solid var(--site-card-border);
    background: var(--site-header-solid);
    color: var(--text-primary);
    font-size: 11px;
    letter-spacing: .14em;
}
.public-catalog-list .perfume-card-meta {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: var(--site-paper-muted);
    font-family: var(--font-en-sans);
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.public-catalog-list .perfume-card h3 { margin: 12px 0 14px; font-weight: 500; line-height: 1.02; }
html[dir="ltr"] .public-catalog-list .perfume-card h3 { font-family: var(--font-en-serif); }
.public-catalog-list .perfume-card p { margin: 0; color: var(--site-paper-muted); }
.public-catalog-list .perfume-accord-list { display: flex; flex-wrap: wrap; gap: 7px; }
.public-catalog-list .perfume-accord-list span {
    padding: 6px 9px;
    border: 1px solid var(--border-admin);
    border-radius: 999px;
    color: var(--site-paper-muted);
    font-size: 12px;
}