/* =============================================================
   Duyarlı düzen
   ============================================================= */

/* ---------- ≤ 1200px ---------- */
@media (max-width: 1200px) {
  .product-detail { grid-template-columns: minmax(0, 1fr) 400px; gap: var(--sp-7); }
  .checkout-layout { grid-template-columns: minmax(0, 1fr) 340px; gap: var(--sp-6); }
  .cart-layout { grid-template-columns: minmax(0, 1fr) 320px; gap: var(--sp-6); }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; }
  .footer-grid > :nth-child(4) { display: none; }
}

/* ---------- ≤ 1024px (tablet) ---------- */
@media (max-width: 1024px) {
  .container { padding: 0 var(--sp-5); }
  .section { padding: var(--sp-8) 0; }

  .topbar { display: none; }
  .header-nav { display: none; }
  .burger { display: grid; }

  .header-main__inner { gap: var(--sp-4); }
  .logo__sub { display: none; }
  .search { display: none; }
  .header-action__text { display: none; }
  .header-action { padding: var(--sp-2); }

  /* Mobil arama satırı */
  .mobile-search {
    display: block;
    padding: var(--sp-3) 0;
    border-top: 1px solid var(--line);
  }
  .mobile-search .search { display: block; max-width: none; }

  .layout-sidebar,
  .layout-sidebar--right { grid-template-columns: 1fr; gap: var(--sp-6); }
  .filters { display: none; position: static; }
  .filters.is-open { display: block; }
  .filters-mobile-btn { display: inline-flex; }

  .product-detail { grid-template-columns: 1fr; gap: var(--sp-7); }
  .gallery { grid-template-columns: 1fr; }
  .gallery__thumbs {
    flex-direction: row;
    max-height: none;
    overflow-x: auto;
    order: 2;
    padding-bottom: var(--sp-2);
  }

  .cart-layout,
  .checkout-layout { grid-template-columns: 1fr; }
  .summary { position: static; }

  .account-layout { grid-template-columns: 1fr; }
  .account-nav { position: static; }

  .doc-layout { grid-template-columns: 1fr; }
  .doc-nav { position: static; }

  .split { grid-template-columns: 1fr; gap: var(--sp-6); }
  .split__media { order: -1; }

  .contact-layout { grid-template-columns: 1fr; gap: var(--sp-7); }

  .trust-bar__grid { grid-template-columns: repeat(2, 1fr); }
  .trust-item:nth-child(2) { border-right: none; }
  .trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); }

  .stats { grid-template-columns: repeat(2, 1fr); }
  .stat:nth-child(2) { border-right: none; }
  .stat:nth-child(-n+2) { border-bottom: 1px solid var(--line); }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-7); }
  .footer-grid > :nth-child(4) { display: block; }
  .footer-news__inner { flex-direction: column; align-items: stretch; }
  .footer-news__form { min-width: 0; max-width: none; }

  .order-row { grid-template-columns: 1fr 1fr; row-gap: var(--sp-4); }

  .grid--products { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--sp-4); }
}

/* ---------- ≤ 768px (mobil) ---------- */
@media (max-width: 768px) {
  .container { padding: 0 var(--sp-4); }
  .section { padding: var(--sp-7) 0; }

  .hero { height: clamp(400px, 72vh, 520px); }
  .hero__subtitle { font-size: var(--fs-15); }
  .hero__actions { width: 100%; }
  .hero__actions .btn { flex: 1; justify-content: center; }
  .hero__dots { left: var(--sp-4); bottom: var(--sp-8); }
  .hero__dot { width: 32px; }
  .hero__arrow { width: 44px; height: 44px; }

  .section-head { flex-direction: column; align-items: flex-start; gap: var(--sp-3); }

  .grid--2, .grid--3, .grid--4, .grid--6 { grid-template-columns: 1fr; }
  .grid--products { grid-template-columns: repeat(2, 1fr); gap: var(--sp-3); }
  .grid--categories { grid-template-columns: repeat(2, 1fr); gap: var(--sp-3); }

  .product-card__body { padding: var(--sp-3); }
  .product-card__foot { padding: 0 var(--sp-3) var(--sp-3); }
  .product-card__name { font-size: var(--fs-14); }
  .product-card__price { font-size: var(--fs-16); }
  .product-card--row { flex-direction: column; }
  .product-card--row .product-card__media { width: 100%; }
  .product-card--row .product-card__media::before { padding-top: 100%; }
  .product-card--row .product-card__foot { max-width: none; }

  .product-info__title { font-size: var(--fs-24); }
  .price-block__price { font-size: var(--fs-28); }

  .cart-item {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: var(--sp-4);
    row-gap: var(--sp-4);
  }
  .cart-item__media { width: 72px; height: 72px; }
  .cart-item__controls {
    grid-column: 1 / -1;
    justify-content: space-between;
  }

  .field-row, .field-row--3 { grid-template-columns: 1fr; gap: 0; }
  .field-row .field, .field-row--3 .field { margin-bottom: var(--sp-5); }

  .auth-card { padding: var(--sp-5); }
  .auth-wrap { padding: var(--sp-7) 0; }

  .panel__body, .panel__head, .panel__foot { padding: var(--sp-5); }

  .steps { gap: var(--sp-2); font-size: var(--fs-13); }
  .step__sep { width: 14px; }
  .step span:not(.step__num) { display: none; }

  .order-meta { grid-template-columns: 1fr 1fr; }
  .order-meta__cell:nth-child(2n) { border-right: none; }
  .order-meta__cell:nth-child(-n+2) { border-bottom: 1px solid var(--line); }

  .order-row { grid-template-columns: 1fr; }

  .footer-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
  .footer-main { padding: var(--sp-7) 0 var(--sp-6); }
  .footer-bottom__inner { flex-direction: column; align-items: flex-start; gap: var(--sp-3); }

  .cta-band__inner { flex-direction: column; align-items: flex-start; }
  .cta-band__title { font-size: var(--fs-24); }

  .page-hero__inner { padding: var(--sp-9) 0; }

  .table--stack thead { display: none; }
  .table--stack tr { display: block; border-bottom: 1px solid var(--line); padding: var(--sp-4) 0; }
  .table--stack td { display: flex; justify-content: space-between; gap: var(--sp-4); border: none; padding: var(--sp-2) 0; }
  .table--stack td::before {
    content: attr(data-label);
    font-size: var(--fs-12);
    color: var(--ink-3);
    font-weight: var(--fw-semibold);
  }

  .wa-float { width: 46px; height: 46px; right: var(--sp-4); bottom: var(--sp-4); }
  .wa-float svg { width: 22px; height: 22px; }
  .toast-wrap { left: var(--sp-4); right: var(--sp-4); bottom: var(--sp-4); }
  .toast { min-width: 0; max-width: none; }
}

/* ---------- ≤ 420px ---------- */
@media (max-width: 420px) {
  .grid--products, .grid--categories { grid-template-columns: 1fr; }
  .logo__name { font-size: var(--fs-16); }
  .buy-box__row { flex-wrap: wrap; }
  .buy-box__row .btn { width: 100%; flex: none; }
}

/* ---------- Yazdırma ---------- */
@media print {
  .site-header, .site-footer, .wa-float, .toast-wrap, .breadcrumb, .btn { display: none !important; }
  body { font-size: 11pt; color: #000; }
  .container { max-width: none; padding: 0; }
}
