/* Gifts page styles – minimal, building on base.css */

/* Breadcrumbs */
.breadcrumbs { margin-block: var(--space-6); }
.breadcrumbs__list { display: inline-flex; gap: var(--space-2); align-items: center; color: var(--gray-600); }
.breadcrumbs__list li { font-weight: 600; }
.breadcrumbs__list li+li::before { content: '\203A'; /* › */ margin-inline: var(--space-2); color: var(--gray-400); }
.breadcrumbs__list [aria-current='page'] { color: var(--color-text); }

/* Hero */
.hero { display: grid; gap: var(--space-8); align-items: center; grid-template-columns: 1.1fr 1fr; margin-block: var(--space-6) var(--space-8); }
.hero__content .kicker { font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--color-accent); }
.hero__actions { display: inline-flex; gap: var(--space-3); margin-block-start: var(--space-4); flex-wrap: wrap; }
.hero__media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); border: 1px solid var(--color-border); }

/* Sections */
.section { margin-block: var(--space-10) var(--space-12); }
.section--alt { background: linear-gradient(180deg, var(--gray-50), #fff); padding-block: var(--space-10); border-block: 1px solid var(--color-border); }
.section__header { margin-block-end: var(--space-4); }
.section__grid { margin-block-start: var(--space-4); }
.section__media { margin-block-start: var(--space-6); }
.section__media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); border: 1px solid var(--color-border); }

.badge-row { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-block: var(--space-4); }

/* Feature list */
.feature-list { display: grid; gap: var(--space-2); margin-block: var(--space-3); }
.feature-list li { padding-left: var(--space-3); position: relative; }
.feature-list li::before { content: '\2022'; position: absolute; left: 0; color: var(--color-primary); font-weight: 900; }

/* FAQ */
#faq .faq__header { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); margin-block-end: var(--space-3); }
#faq details { border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); background: var(--color-surface); box-shadow: var(--shadow-sm); }
#faq details+details { margin-top: var(--space-3); }
#faq summary { cursor: pointer; font-weight: 700; }
#faq summary:focus-visible { outline: none; box-shadow: var(--focus-ring-shadow); border-radius: var(--radius-sm); }
#faq details[open] { box-shadow: var(--shadow-md); }
#faq details p { margin-block-start: var(--space-2); color: var(--gray-700); }

.support-cta { display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: center; margin-block-start: var(--space-6); }

/* Responsive */
@media (max-width: 960px) {
  .hero { grid-template-columns: 1fr; }
}