/* responsive.css — Tam yeniden yazıldı */

/* ── 1200px (büyük laptop) ───────────────────────────────────── */
@media (max-width: 1200px) {
  .header-inner { gap: var(--sp-4); }
  .cats-grid    { grid-template-columns: repeat(4, 1fr); }
}

/* ── 1024px (tablet landscape) ──────────────────────────────── */
@media (max-width: 1024px) {
  .topbar-center { display: none; }
  .topbar-right { display: none; }
  .topbar-inner { justify-content: flex-start; }
  .topbar-left {
    min-width: 0;
    flex-wrap: wrap;
    gap: var(--sp-3);
  }

  /* Header tablet optimize */
  .mobile-menu-toggle { display: flex !important; }
  .site-nav { display: none !important; }
  .header-inner { grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--sp-3); }
  .header-search { max-width: min(26rem, 100%); }
  .header-actions { gap: var(--sp-2); }
  .header-action-btn { min-width: 2.75rem; min-height: 2.75rem; padding-inline: var(--sp-2); }
  .btn-label { display: none; }
  .action-icon { font-size: 20px; }
  .nav-link { padding-inline: var(--sp-3); }

  .hide-md { display: none; }
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: var(--sp-8); }

  /* Hero */
  .hero-slider { height: clamp(280px, 38vw, 420px); }
  .slide-title { font-size: clamp(24px, 3.5vw, 42px); }

  /* Stats bar */
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-6); }
  .stat-divider { border-right: none; }

  /* Category cards */
  .cats-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }

  /* Homepage guide blocks */
  .campaign-showcase-grid { grid-template-columns: repeat(2, 1fr); }
  .ready-packages-grid { grid-template-columns: repeat(2, 1fr); }
  .helper-links-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ── 900px (küçük tablet) ────────────────────────────────────── */
@media (max-width: 900px) {
  .grid-4, .grid-5 { grid-template-columns: repeat(2, 1fr); }
  .reviews-grid    { grid-template-columns: repeat(2, 1fr); }

  /* Process adımları */
  .process-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-6); }
  .process-grid::before { display: none; }
}

/* ── 768px (mobil) ───────────────────────────────────────────── */
@media (max-width: 768px) {
  /* Topbar */
  .topbar {
    padding: 6px 0;
    min-height: 40px;
  }
  .topbar-inner {
    flex-direction: row;
    justify-content: center;
    gap: var(--sp-3);
  }
  .topbar-left {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--sp-3);
  }
  .topbar-center,
  .topbar-right {
    display: none !important;
  }
  .topbar-sep {
    display: none;
  }

  /* Header */
  .mobile-menu-toggle  { display: flex !important; }
  .site-nav            { display: none !important; }
  .header-search       { display: none !important; }
  .action-divider      { display: none; }
  .header-action-btn:not([data-action="open-cart"]):not([data-action="open-login"]):not([data-action="open-wishlist"]):not([data-action="request-quote"]) { display: none !important; }
  .header-action-btn[data-action="open-cart"]  { display: flex !important; }
  .header-action-btn[data-action="open-login"] { display: flex !important; }
  .header-action-btn[data-action="open-wishlist"] { display: flex !important; }
  .header-action-btn[data-action="request-quote"] { display: flex !important; }
  .header-actions { gap: var(--sp-2); min-width: 0; }
  .header-inner { grid-template-columns: auto minmax(0,1fr) auto; gap: var(--sp-2); justify-content: space-between; }
  .site-logo { gap: 0; min-width: 0; }
  .logo-domain { display: none; }
  .header-action-btn { min-width: 2.75rem; min-height: 2.75rem; padding: 6px 4px; }
  .btn-label { display: none; }

  /* Hero */
  .hero-slider  { height: clamp(19rem, 62vw, 23rem); }
  .slide-title  { font-size: clamp(1.5rem, 6vw, 2rem); }
  .slide-desc   { display: none; }
  .slide-overlay { background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.2) 100%); }
  .slider-prev, .slider-next { width: 36px; height: 36px; font-size: 16px; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-5); }
  .stat-divider { border-right: none; }

  /* Category cards */
  .cats-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .category-card { aspect-ratio: 3 / 4; }

  /* Product grid */
  .products-grid-3,
  .products-grid-4,
  .products-grid-5 { grid-template-columns: repeat(2, 1fr); gap: 10px; }

  /* Layout grids */
  .grid-2, .grid-3 { grid-template-columns: 1fr; }

  /* Reviews */
  .reviews-grid { grid-template-columns: 1fr; }

  /* Process */
  .process-grid { grid-template-columns: 1fr; }
  .process-grid::before { display: none; }

  /* Homepage guide blocks */
  .campaign-showcase-shell,
  .helper-links-cta { grid-template-columns: 1fr; display: grid; }
  .campaign-showcase-grid,
  .ready-packages-grid,
  .helper-links-grid { grid-template-columns: repeat(2, 1fr); }
  .helper-links-cta { align-items: flex-start; }

  /* Footer */
  .footer-grid   { grid-template-columns: 1fr 1fr; gap: var(--sp-6); }
  .footer-bottom { flex-direction: column; text-align: center; }

  /* Section padding */
  .section    { padding: var(--sp-10) 0; }
  .section-lg { padding: var(--sp-12) 0; }

  /* Blog grid */
  .blog-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px; }
  .blog-card-featured { grid-column: 1 / -1; grid-template-columns: 1fr !important; }
  .blog-card-featured .blog-card-thumb { min-height: 200px !important; }

  /* Urun detay */
  .detail-layout { grid-template-columns: 1fr !important; gap: var(--sp-6); }
  .detail-info   { position: static !important; }

  /* Checkout */
  .checkout-wrap { grid-template-columns: 1fr !important; }
  .order-summary { order: -1; }

  /* Common rails and wrappers */
  .quote-layout,
  .products-layout,
  .blog-layout,
  .campaign-showcase-shell { gap: var(--sp-6) !important; }

  .toolbar-left,
  .toolbar-right,
  .products-toolbar,
  .step-actions,
  .detail-price-row,
  .qty-row {
    flex-wrap: wrap;
    min-width: 0;
  }

  .breadcrumb,
  #breadcrumb,
  nav[aria-label="Breadcrumb"] > .container > div,
  .category-breadcrumb {
    flex-wrap: wrap;
  }

  /* Yardımcılar */
  .hide-sm { display: none; }
}

/* ── 640px ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .section-title { font-size: clamp(1.5rem, 7vw, 2rem); }
  .section-subtitle { font-size: var(--text-sm); }

  .cats-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .blog-grid { grid-template-columns: 1fr !important; }
  .blog-card-featured { grid-template-columns: 1fr !important; }

  .cat-toolbar,
  .category-results-toolbar,
  .category-toolbar-controls {
    flex-direction: column;
    align-items: stretch;
  }

  .cat-toolbar > *,
  .category-toolbar-summary,
  .category-extra-filters,
  .category-select-wrap {
    width: 100%;
  }

  .cat-toolbar .form-select,
  .category-results-toolbar .form-select,
  .category-toolbar-controls .form-select {
    width: 100% !important;
    min-width: 0;
  }

  .promo-strip-inner {
    justify-content: flex-start;
    gap: var(--sp-2) var(--sp-3);
  }

  .promo-item { white-space: normal; }
  .promo-sep { display: none; }

  .tabs-nav {
    margin-inline: calc(var(--sp-4) * -1);
    padding-inline: var(--sp-4);
  }

  #tab-specs-content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .spec-table {
    min-width: 420px;
  }

  .spec-table td:first-child {
    width: auto;
  }

  .related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quote-form-card,
  .sidebar-card,
  .checkout-card,
  .order-summary,
  .sidebar-box,
  .category-filter-card,
  .category-results-toolbar,
  .sidebar-card,
  .blog-layout article > div,
  .sidebar-card {
    padding: var(--sp-5) !important;
  }

  .product-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .category-card,
  .product-card,
  .review-card,
  .stat-card {
    min-width: 0;
  }

  .share-btn,
  .btn,
  .product-add-btn {
    min-height: 2.75rem;
  }

  .homepage-seo-columns {
    columns: 1 !important;
    gap: 0 !important;
  }
}

/* ── 480px (küçük telefon) ───────────────────────────────────── */
@media (max-width: 480px) {
  .container { padding-inline: var(--sp-4); }

  .topbar-left {
    gap: var(--sp-2);
  }

  .topbar-link {
    font-size: 11px;
  }

  /* Header */
  .header-main { padding: 8px 0; }
  .mobile-menu-toggle { padding: 6px; }
  .header-action-btn { min-width: 40px; padding: 4px 4px; gap: 1px; }
  .action-icon { font-size: 16px; }
  .header-action-badge { width: 16px; height: 16px; font-size: 9px; }
  .logo-mark { font-size: 22px; }

  /* Hero */
  .hero-slider  { height: 260px; }
  .slide-title  { font-size: 22px; }
  .slide-tag    { display: none; }
  .slider-prev, .slider-next { display: none; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-4); }

  /* Category grid */
  .cats-grid { grid-template-columns: repeat(2, 1fr); }

  /* Product grid */
  .products-grid-2,
  .products-grid-3,
  .products-grid-4,
  .products-grid-5 { grid-template-columns: repeat(2, 1fr); gap: 8px; }

  /* Layout grids */
  .grid-4, .grid-5 { grid-template-columns: 1fr; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; }

  /* Banners */
  .banners-grid { grid-template-columns: 1fr !important; }

  /* Homepage guide blocks */
  .campaign-showcase-grid,
  .ready-packages-grid,
  .helper-links-grid { grid-template-columns: 1fr; }
  .campaign-showcase-card,
  .ready-package-card,
  .helper-link-card,
  .campaign-showcase-copy,
  .campaign-showcase-note,
  .helper-links-cta { padding: 18px; }

  /* Section header row */
  .section-header-row { flex-direction: column; align-items: flex-start; gap: var(--sp-3); }

  /* Buttons - slide actions */
  .slide-actions { gap: var(--sp-2); }
  .slide-actions .btn-lg { padding: 10px 16px; font-size: var(--text-sm); width: 100%; }
  .slide-actions .btn { width: 100%; }

  /* Form row */
  .form-row { grid-template-columns: 1fr; }

  .products-toolbar,
  .toolbar-left,
  .toolbar-right,
  .category-toolbar-summary {
    width: 100%;
    align-items: stretch;
  }

  .sort-select,
  .price-input,
  .filter-input,
  .filter-select {
    width: 100%;
    min-width: 0;
  }

  .cat-toolbar,
  .category-results-toolbar {
    gap: var(--sp-2);
  }

  .cookie-text { min-width: 0; }

  .cookie-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .cookie-accept,
  .cookie-reject {
    flex: 1 1 140px;
    text-align: center;
  }

  .helper-links-cta .btn {
    width: 100%;
    justify-content: center;
  }

  .price-big { font-size: 30px; }

  .thumb {
    width: 64px;
    height: 64px;
  }

  .related-grid { grid-template-columns: 1fr; }

  .product-chips,
  .combo-inline,
  .checkout-stepper,
  .category-side-grid {
    grid-template-columns: 1fr !important;
  }

  /* Yardımcılar */
  .hide-xs { display: none; }
}

/* ── 360px (en küçük ekran) ──────────────────────────────────── */
@media (max-width: 360px) {
  .cats-grid,
  .products-grid-2,
  .products-grid-3,
  .products-grid-4,
  .products-grid-5 { grid-template-columns: 1fr; }
  .slide-actions .btn { font-size: 12px; padding: 9px 14px; }
}