/* Pricing page styles (page-specific). Avoid duplicating base.css utilities. */
.section { padding-block: var(--space-20); }

.hero { background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 6%, transparent), transparent); }
.hero-inner { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--space-8); align-items: center; padding-block: var(--space-16); }
.hero-copy h1 { font-family: var(--font-sans); }
.hero-copy .hero-cta { margin-top: var(--space-5); display: flex; gap: var(--space-3); flex-wrap: wrap; }
.hero-media { aspect-ratio: 16 / 10; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }

@media (max-width: 900px) {
  .hero-inner { grid-template-columns: 1fr; }
}

/* Pricing breakdown */
.pricing-breakdown { display: grid; gap: var(--space-2); }
.pricing-breakdown li { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border: 1px dashed var(--color-border); border-radius: var(--radius-md); background: color-mix(in srgb, var(--gray-50), transparent 60%); }
.pricing-breakdown li.total { border-style: solid; background: color-mix(in srgb, var(--color-primary) 7%, transparent); }

/* Filters card */
#price-filter-form .filter-actions { display: flex; gap: var(--space-3); align-items: center; }
#price-range-hint { margin-top: var(--space-2); }

/* Shipping media card alignment */
.ship-figure { padding: 0; overflow: hidden; }
.ship-figure img { height: 100%; object-fit: cover; }

/* Offers */
.offers .offer-figure { aspect-ratio: 16 / 6; border-radius: var(--radius-lg); overflow: hidden; margin-bottom: var(--space-4); }
.offers-list { display: grid; gap: var(--space-4); }
.offer { display: grid; grid-template-columns: 1fr auto auto; gap: var(--space-4); align-items: center; padding: 12px 16px; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.offer .countdown { font-weight: 600; }
.offer.is-expired { opacity: 0.6; }
.offer.is-expired .countdown { color: var(--color-muted); }
@media (max-width: 680px) {
  .offer { grid-template-columns: 1fr; }
}

/* Payments list */
payment-list, .payment-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.payment-list li { display: flex; align-items: center; gap: var(--space-3); padding: 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.payment-list i { font-size: 1.25rem; color: var(--color-primary); }

/* Comparison result emphasis */
#compare-result { font-weight: 600; }

/* Minor spacing tweaks */
.card .card-title { margin-bottom: var(--space-1); }
.card .card-subtitle { margin-top: 0; }