/* Pénztár – Staciona (page-specific styles) */

.checkout-overview .overview-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: var(--space-6);
  align-items: center;
}
.overview-media { margin: 0; }
.overview-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

.checkout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: var(--space-6);
}

@media (max-width: 1024px) {
  .checkout-overview .overview-grid { grid-template-columns: 1fr; }
  .checkout-grid { grid-template-columns: 1fr; }
}

.field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  margin-top: var(--space-4);
}
.field-row .col-2 { grid-column: 1 / -1; }
.align-end { display: flex; align-items: flex-end; }

.shipping-options, .payment-options { display: grid; gap: var(--space-3); margin-top: var(--space-3); }
.option { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.option:hover { box-shadow: var(--shadow-sm); }

.payment-head { display: grid; grid-template-columns: 1fr auto; gap: var(--space-4); align-items: center; }
.payment-figure { margin: 0; max-width: 260px; }
.payment-figure img { border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.card-fields { margin-top: var(--space-3); }

.gift-extra { margin-top: var(--space-4); }

.order-summary { position: sticky; top: var(--space-6); height: max-content; }
.summary-items { display: grid; gap: var(--space-3); margin-top: var(--space-4); }
.summary-item { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); align-items: center; }
.summary-item .meta { color: var(--gray-600); font-size: var(--fs-sm); }
.qty { display: inline-flex; align-items: center; gap: var(--space-2); }
.qty input { width: 72px; text-align: center; }

.summary-totals { display: grid; gap: var(--space-2); }
.summary-row { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); align-items: center; }
.summary-row.discount dd { color: var(--color-accent); }
.summary-row.total { font-weight: 800; font-size: var(--fs-lg); }

.summary-actions { display: flex; justify-content: space-between; gap: var(--space-3); margin-top: var(--space-4); }

.order-success { margin-top: var(--space-8); text-align: center; }

.security-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--space-6); align-items: center; }
.security-media { margin: 0; }
.security-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.security-list { margin-top: var(--space-3); }

.promo-message { margin-top: var(--space-3); font-weight: 600; }

.is-hidden { display: none !important; }

/* Small tweaks for mobile */
@media (max-width: 640px) {
  .field-row { grid-template-columns: 1fr; }
  .summary-actions { flex-direction: column; }
}