/* Collection and occasion pages share the established Aromatica palette. */
body { background: var(--paper); }
.wordmark strong { font-size: 2rem; }
.wordmark small, .eyebrow { letter-spacing: 0; }
.page-hero { padding-block: 2.5rem 3rem; }
.page-hero h1 { max-width: 19ch; font-size: 3.5rem; letter-spacing: 0; }
.lead { font-size: 1.125rem; }
h2 { font-size: 2.125rem; letter-spacing: 0; }
.hero-image { border: 0; border-radius: 0; box-shadow: none; }
.section { padding-block: 3rem; scroll-margin-top: 6rem; }
.product-card { border-radius: 8px; box-shadow: none; }
.side-card { padding: 0 0 0 1.5rem; border: 0; border-inline-start: 1px solid var(--line); border-radius: 0; box-shadow: none; background: transparent; }
[dir="rtl"] .side-card { padding: 0 1.5rem 0 0; }
.product-card h3 { text-wrap: initial; }
.product-card-foot { flex-wrap: wrap; }
.button { border-radius: 6px; }
@media (max-width: 960px) {
  .page-hero h1 { font-size: 2.75rem; }
}
@media (max-width: 760px) {
  .header-row { flex-wrap: wrap; padding-block: .7rem; gap: .7rem; }
  .main-nav { gap: .75rem; }
  .main-nav .nav-link:not(.optional) { display: inline; font-size: .8125rem; }
  .wordmark strong { font-size: 1.625rem; }
  .language-link { min-height: 36px; padding-inline: .7rem; }
  .page-hero { padding-block: 1.5rem 2rem; }
  .page-hero-grid { gap: 1.5rem; }
  .page-hero h1 { font-size: 2.25rem; }
  h2 { font-size: 1.75rem; }
  .lead { font-size: 1rem; margin-top: 1rem; }
  .hero-actions { margin-top: 1rem; gap: .6rem; }
  .hero-actions .button { width: auto; flex: 1 1 9rem; min-height: 44px; font-size: .875rem; }
  .hero-image { width: 100%; max-height: 280px; object-fit: contain; background: transparent; }
  .section { padding-block: 2rem; }
}