/* webshop/kiszallitas.html – page layout only (brand-info group). Tokens only; components come from components.css. */

/* Rules: copy and the live meter in 1–6, the fees card (large) in 8–12. */
.page--delivery .delivery-rules__inner { display: grid; gap: 40px; }
.page--delivery .delivery-rules__copy .lead { margin-top: 16px; color: var(--text); }
.page--delivery .delivery-rules__list { margin-top: 28px; border-top: 1px solid var(--line); }
.page--delivery .delivery-rules__list li { padding: 16px 0; border-bottom: 1px solid var(--line); color: var(--text-2); }
.page--delivery .delivery-rules__list strong { display: block; margin-bottom: 2px; color: var(--text); }
.page--delivery .delivery-meter { display: grid; gap: 12px; justify-items: start; margin-top: 36px; padding: 20px; border-radius: var(--radius-m); background: var(--bg-2); }
.page--delivery .delivery-meter [data-meter] { width: 100%; }
.page--delivery .delivery-rules__card .fees-card__title { font-size: var(--fs-h2); line-height: var(--lh-h2); }
.page--delivery .delivery-rules__card .fees-card__row { padding-block: 18px; }
.page--delivery .delivery-rules__card .fees-card__label,
.page--delivery .delivery-rules__card .fees-card__value { font-size: 18px; }
@media (min-width: 1024px) {
  .page--delivery .delivery-rules__inner { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: start; }
  .page--delivery .delivery-rules__copy { grid-column: 1 / 7; }
  .page--delivery .delivery-rules__card { grid-column: 8 / 13; position: sticky; top: calc(var(--header-offset) + 24px); }
  .page--delivery .delivery-rules__card .fees-card { padding: 40px; }
}

/* "Akár még aznap" (navy): the stock rule beside the live in-stock list. */
.page--delivery .delivery-sameday__inner { display: grid; gap: 40px; }
.page--delivery .delivery-sameday__copy > * + * { margin-top: 16px; }
.page--delivery .delivery-sameday__copy p:not(.lead) { color: var(--on-navy-2); max-width: 56ch; }
.page--delivery .delivery-sameday__stock { display: grid; gap: 16px; align-content: start; padding: 24px; border: 1px solid var(--navy-line); border-radius: var(--radius-m); }
.page--delivery .delivery-stock__list { display: grid; border-top: 1px solid var(--navy-line); }
.page--delivery .delivery-stock__item { border-bottom: 1px solid var(--navy-line); }
.page--delivery .delivery-stock__item a { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 4px 16px; padding: 12px 0; color: var(--on-navy); text-decoration: none; }
.page--delivery .delivery-stock__item a:hover .delivery-stock__name { text-decoration: underline; text-underline-offset: 3px; }
.page--delivery .delivery-stock__name { font-weight: 600; min-width: 0; }
.page--delivery .delivery-stock__pack { font-size: var(--fs-body-s); color: var(--on-navy-2); white-space: nowrap; }
.page--delivery .delivery-stock__more { padding: 12px 0 0; color: var(--on-navy-2); font-size: var(--fs-body-s); }
/* Loading: the shared .skeleton bars (components.css), laid out as list rows. The error is the shared .api-error. */
.page--delivery .delivery-stock__skeleton { padding: 14px 0 15px; border-bottom: 1px solid var(--navy-line); }
.page--delivery .delivery-stock__skeleton .skeleton { margin-top: 0; height: 20px; }
.page--delivery .delivery-stock__error .api-error { margin: 0; }
@media (min-width: 1024px) {
  .page--delivery .delivery-sameday__inner { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: start; }
  .page--delivery .delivery-sameday__copy { grid-column: 1 / 7; }
  .page--delivery .delivery-sameday__stock { grid-column: 8 / 13; padding: 32px; }
}

/* Zones and time windows (demo). */
.page--delivery .delivery-zones__note { max-width: 760px; }
.page--delivery .delivery-zones__table { margin-top: 24px; }
.page--delivery .delivery-zones__table td:nth-child(2) { min-width: 240px; }
.page--delivery .delivery-zones__windows-title { margin: 40px 0 12px; }
.page--delivery .delivery-windows { display: flex; flex-wrap: wrap; gap: 8px; }
.page--delivery .delivery-windows__item { padding: 8px 14px; border: 1px solid var(--line-2); border-radius: var(--radius-s); background: var(--surface); font-weight: 600; font-size: 15px; }
.page--delivery .delivery-zones__regions { margin-top: 32px; max-width: 80ch; color: var(--text-2); font-size: var(--fs-body-s); line-height: var(--lh-body-s); }

/* Cold chain and unloading (tint): four short items and the tracking screen. */
.page--delivery .delivery-chain__inner { display: grid; gap: 40px; align-items: center; }
.page--delivery .delivery-chain__copy .lead { margin-top: 16px; color: var(--text-2); }
.page--delivery .delivery-chain__items { display: grid; gap: 24px; margin-top: 32px; }
.page--delivery .delivery-chain__item { padding-top: 16px; border-top: 1px solid var(--line-2); }
.page--delivery .delivery-chain__item p { margin-top: 6px; color: var(--text-2); max-width: 48ch; }
@media (min-width: 768px) {
  .page--delivery .delivery-chain__items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
}
@media (min-width: 1024px) {
  .page--delivery .delivery-chain__inner { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; }
  .page--delivery .delivery-chain__copy { grid-column: 1 / 9; }
  .page--delivery .delivery-chain__media { grid-column: 9 / 13; }
}

/* FAQ: heading in 1–4, the accordion in 5–12. */
.page--delivery .delivery-faq__inner { display: grid; gap: 32px; }
.page--delivery .delivery-faq__head .lead { margin-top: 16px; color: var(--text-2); }
@media (min-width: 1024px) {
  .page--delivery .delivery-faq__inner { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: start; }
  .page--delivery .delivery-faq__head { grid-column: 1 / 5; }
  .page--delivery .delivery-faq__list { grid-column: 6 / 13; }
}

/* CTA (tint). */
.page--delivery .delivery-cta__inner { display: grid; gap: 24px; align-items: center; }
.page--delivery .delivery-cta__inner .lead { margin-top: 12px; color: var(--text-2); }
.page--delivery .delivery-cta__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }
@media (min-width: 1024px) {
  .page--delivery .delivery-cta__inner { grid-template-columns: minmax(0, 1fr) auto; }
}