/* Delivery page specific styles (built atop base.css) */

.page-hero .hero-media img {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}

/* Checklist bullets using accessible text glyphs (no images) */
.checklist {
  display: grid;
  gap: var(--space-3);
  padding-left: 0;
}

.checklist li {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: var(--space-3);
}

.checklist li::before {
  content: "\2713"; /* checkmark */
  color: var(--color-success);
  background: var(--color-success-light);
  border-radius: var(--radius-full);
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
}

/* FAQ accordion */
.faq .faq-item {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.faq .faq-item + .faq-item { margin-top: var(--space-4); }

.faq summary {
  list-style: none;
  cursor: pointer;
  padding: var(--space-5) var(--space-6);
  font-weight: var(--font-weight-medium);
  position: relative;
}

.faq summary::-webkit-details-marker { display: none; }

.faq summary::after {
  content: "\276F"; /* chevron */
  position: absolute;
  right: var(--space-6);
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform var(--transition-base);
  color: var(--color-text-secondary);
}

.faq details[open] summary::after { transform: translateY(-50%) rotate(90deg); }

.faq .faq-content {
  padding: 0 var(--space-6) var(--space-6) var(--space-6);
  color: var(--color-text-secondary);
}

/* Cards refinement for this page */
.card .card-body h3 { color: var(--color-accent); }

/* Responsive tweaks */
@media (max-width: 768px) {
  .page-hero { grid-template-columns: 1fr !important; }
  .hero-media { order: -1; margin-bottom: var(--space-6); }
}