/* Page-scoped styles for the Consumption (lifestyle) landing — dark-luxe theme */
:root{
  --gold-600: #d4af37;
  --gold-400: #ffcf66;
  --card-bg: rgba(6,6,8,0.6);
  --muted: rgba(234,238,247,0.7);
}

/* Tighten page rhythm and center the single feature */
main.wrap{
  max-width: 1180px;
  margin: 48px auto 96px;
  padding: 0 18px;
  display: block;
}

.feature{
  margin: 0 auto;
  max-width: 820px;
  display: block;
  text-align: center;
}

.feature-card{
  display: block;
  padding: 28px 30px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.28));
  border-radius: 14px;
  border: 1px solid rgba(212,175,55,0.12);
  box-shadow: 0 18px 46px rgba(2,2,6,0.7), 0 0 36px rgba(212,175,55,0.02) inset;
  color: var(--muted);
  text-decoration: none;
}

.feature-card:hover{
  transform: translateY(-6px);
  border-color: rgba(212,175,55,0.28);
  box-shadow: 0 30px 68px rgba(2,2,6,0.75), 0 0 34px rgba(212,175,55,0.06) inset;
}

.feature-kicker{ color: var(--gold-400); font-weight:700; letter-spacing:2px; }
.feature-title{ color: var(--gold-600); font-weight:900; }
.feature-dek{ color: rgba(234,238,247,0.88); margin-top:6px; }
.feature-cta{ color: var(--gold-400); font-weight:800; margin-top:14px; display:inline-block; }

/* Hide legacy tiles but allow recos to display */
.tile { display: none !important; }

/* Ensure recos area is visible and uses site defaults */
.recos { display: flex; flex-direction: column; gap: 14px; }
.recos .recos-card { display: block; }

/* Narrow screens: keep the single card comfortable */
@media (max-width: 940px){
  .feature-card{ padding: 20px; border-radius: 10px; }
  main.wrap{ margin: 20px 12px 64px; }
}