/* =========================================================
   HOLLOWED — page-specific overrides
   Aesthetic: deepened black, copper/teal/blood accents,
   heavier weight. The garment line: brooding, weighted.
   ========================================================= */

.page-hollowed {
  background: #050505;
}

.page-hollowed body::before,
.page-hollowed::before {
  background-image:
    radial-gradient(circle at 15% 25%, rgba(139, 37, 0, 0.06), transparent 50%),
    radial-gradient(circle at 85% 75%, rgba(26, 74, 74, 0.08), transparent 55%);
}

/* Banner — heat behind cold */
.banner-hollowed {
  min-height: 60vh;
  display: grid;
  align-items: center;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(204, 85, 0, 0.14), transparent 55%),
    radial-gradient(ellipse at 20% 80%, rgba(26, 74, 74, 0.22), transparent 60%),
    radial-gradient(ellipse at 80% 90%, rgba(139, 37, 0, 0.14), transparent 60%),
    linear-gradient(180deg, #030303 0%, #0A0A0A 100%);
  border-bottom: 1px solid rgba(139, 37, 0, 0.3);
}
.banner-hollowed .banner-title {
  text-shadow: 0 0 80px rgba(204, 85, 0, 0.18);
}
.banner-hollowed .kicker {
  color: var(--copper-warm);
  letter-spacing: 0.42em;
}

/* Sections */
.section-h {
  background: #060606;
  border-bottom: 1px solid rgba(232, 228, 217, 0.06);
}
.section-h.section-alt {
  background:
    radial-gradient(ellipse at 50% 50%, rgba(26, 74, 74, 0.06), transparent 70%),
    #080808;
}

/* Product card embers */
.page-hollowed .card { background: #080808; }
.page-hollowed .card:hover { background: #0d0d0d; }
.page-hollowed .card-img {
  background: linear-gradient(135deg, #1a1410 0%, #060606 100%);
}
.page-hollowed .card-img::after {
  background-image:
    radial-gradient(circle at 50% 50%, rgba(204, 85, 0, 0.10), transparent 60%);
}
.page-hollowed .card-glyph {
  color: rgba(232, 228, 217, 0.16);
  text-shadow: 0 0 40px rgba(204, 85, 0, 0.25);
}
.page-hollowed .card-tag { color: rgba(204, 85, 0, 0.7); }
.page-hollowed .card-add:hover {
  background: var(--copper-warm);
  color: var(--bone);
  border-color: var(--copper-warm);
}

/* Closing band */
.closing-h {
  background:
    radial-gradient(ellipse at 50% 50%, rgba(139, 37, 0, 0.10), transparent 60%),
    #050505;
}

/* Active nav state */
.page-hollowed .nav-links .active {
  color: var(--copper-warm);
}