.collection-screen { min-height: 100vh; background: linear-gradient(180deg, rgba(5,7,12,.55), rgba(5,7,12,.96)), url('assets/images/remedies_bg.jpg') center/cover fixed no-repeat; }
.collection-screen .catalog-page { padding-top: 116px; }
.collection-page-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 24px; }
.collection-back { color: var(--gold); text-decoration: none; font-size: .86rem; font-weight: 600; }
.collection-back:hover { text-decoration: underline; }
.collection-breadcrumb { color: var(--text-muted); font-size: .75rem; }
.collection-hero { position: relative; min-height: 290px; display: flex; align-items: flex-end; overflow: hidden; border: 1px solid rgba(232,168,56,.28); border-radius: 28px; padding: 34px; margin-bottom: 30px; background-position: center; background-size: cover; box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.collection-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,8,14,.94), rgba(6,8,14,.5) 52%, rgba(6,8,14,.2)); }
.collection-hero-yantra { background-image: url('assets/images/yantra_card_bg.jpg'); }
.collection-hero-bundle { background-image: url('assets/images/bundle_card_bg.jpg'); }
.collection-hero-gemstone { background-image: url('assets/images/gemstone_card_bg.jpg'); }
.collection-hero-content { position: relative; max-width: 610px; z-index: 1; }
.collection-hero-icon { color: var(--gold); font-size: 2.6rem; line-height: 1; margin-bottom: 18px; text-shadow: 0 0 24px rgba(232,168,56,.6); }
.collection-hero h1 { font-family: var(--font-display); font-size: clamp(2.3rem, 5vw, 4.4rem); line-height: 1.05; margin: 0 0 14px; }
.collection-hero p { color: rgba(255,255,255,.78); line-height: 1.65; max-width: 540px; margin: 0; }
.collection-hero-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.collection-hero-meta span { border: 1px solid rgba(232,168,56,.34); background: rgba(232,168,56,.1); border-radius: 999px; color: #f4d18a; padding: 7px 11px; font-size: .72rem; }
.collection-screen .catalog-controls { margin-bottom: 16px; }
.collection-screen .catalog-grid { padding-bottom: 30px; }
@media (max-width: 600px) {
    .collection-screen .catalog-page { padding: 88px 16px 70px; }
    .collection-page-top { align-items: flex-start; flex-direction: column; gap: 8px; }
    .collection-hero { min-height: 330px; padding: 24px 20px; border-radius: 22px; }
    .collection-hero::before { background: linear-gradient(180deg, rgba(6,8,14,.3), rgba(6,8,14,.94) 78%); }
    .collection-hero h1 { font-size: clamp(2.2rem, 12vw, 3.5rem); }
}