/* ── HERO BG (product-specific) ── */
.page-hero {
  min-height: 340px; padding: 120px 24px 60px;
}
.page-hero-bg {
  background: url('../img/cart.png') center/cover no-repeat;
  background-color: #D4C0A8;
}

.page-hero .page-hero-title { color: #542908; }
.page-hero .page-hero-title span { color: #6a520c; }
.page-hero .page-hero-ornament { color: var(--gold-light); opacity: 0.5; }

/* ── CATEGORY NAV ── */
.ritual-category-nav {
  display: flex; flex-wrap: wrap; gap: 8px;
  justify-content: center; margin-bottom: 32px;
}
.ritual-cat-pill {
  font-family: 'Cinzel', serif; font-size: 12px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase;
  padding: 10px 22px; border-radius: 25px;
  border: 1.5px solid rgba(74,50,38,0.2);
  background: transparent; color: var(--text-soft);
  cursor: pointer; transition: all .25s;
}
.ritual-cat-pill:hover {
  border-color: var(--gold); color: var(--walnut);
  background: rgba(184,137,62,0.06);
}
.ritual-cat-pill.is-active {
  background: var(--walnut); color: var(--ivory);
  border-color: var(--walnut);
}

/* ── PRODUCT GALLERY ── */
.ritual-products {
  background: var(--sand-light); padding: 80px 24px;
}
.ritual-product-card {
  display: block; color: inherit; text-decoration: none;
  background: #fff; border: 1px solid rgba(198,161,91,0.12);
  text-align: center; padding: 0 0 16px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  height: 100%;
}
.ritual-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(106,75,58,0.08);
}
.ritual-product-img {
  aspect-ratio: 0.8; overflow: hidden; background: var(--sand);
  margin-bottom: 12px;
}
.ritual-product-img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 0.5s;
}
.ritual-product-card:hover .ritual-product-img img { transform: scale(1.05); }
.ritual-product-name {
  font-family: 'Cinzel', serif; font-size: 14px; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--text-dark); padding: 0 8px; margin-bottom: 4px;
}

/* ── CTA ── */
.ritual-cta {
  background: var(--ivory); padding: 80px 24px;
}
.ritual-ornament { font-size: 20px; letter-spacing: 10px; color: var(--gold); margin-bottom: 14px; }
.ritual-cta-title {
  font-family: 'Cinzel', serif; font-size: clamp(24px, 3.5vw, 34px);
  font-weight: 600; letter-spacing: 0.1em; color: var(--text-dark); margin-bottom: 10px;
}
.ritual-cta-text {
  font-family: 'Cinzel', serif; font-style: italic;font-weight: 600;
  font-size: 17px; color: #1a0f08; margin-bottom: 28px;
}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .page-hero { min-height: 340px; padding: 120px 24px 60px; }
}
@media(max-width:576px){
  .page-hero { min-height: 280px; padding: 100px 16px 40px; }
}