/* ==========================================================================
   8. RESPONSIVE BREAKPOINTS (13" MACBOOK, LAPTOPS, TABLETS, MOBILE)
   ========================================================================== */

/* --------------------------------------------------------------------------
   8.1 LAPTOPS & 13" MACBOOKS (1025px - 1440px)
   -------------------------------------------------------------------------- */
@media (max-width: 1440px) {
  .ash-hero-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .ash-collections-grid {
    gap: 12px;
  }
  .ash-collection-card {
    height: 240px;
  }
  .ash-cat-products-grid {
    gap: 15px;
  }
  .ash-footer-main {
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr;
    gap: 25px;
  }
}

@media (max-width: 1280px) {
  .ash-collections-grid {
    gap: 12px;
  }
  .ash-collection-card {
    flex: 0 0 calc(33.33% - 9px);
    height: 240px;
  }
  .ash-bestseller-slide {
    flex: 0 0 calc((100% - 40px) / 3);
  }
  .ash-instagram-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .ash-category-layout {
    grid-template-columns: 220px 1fr;
    gap: 30px;
  }
  .ash-cat-products-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .ash-summary-trust-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .ash-footer-main {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}

/* --------------------------------------------------------------------------
   8.2 TABLETS & SMALL LAPTOPS (769px - 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .ash-hero-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .ash-hero-image-container {
    text-align: center;
  }
  .ash-hero-desc {
    margin-left: auto;
    margin-right: auto;
  }
  .ash-trust-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .ash-story-card-box {
    grid-template-columns: 1fr;
  }
  .ash-category-layout {
    grid-template-columns: 1fr;
  }
  .ash-cat-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ash-product-detail-grid {
    grid-template-columns: 1fr;
  }
  .ash-energy-grid {
    grid-template-columns: 1fr;
  }
  .ash-reviews-grid {
    grid-template-columns: 1fr;
  }
  .ash-summary-trust-grid {
    grid-template-columns: 1fr;
  }
  .ash-summary-actions {
    grid-template-columns: 1fr;
  }
  .ash-dark-promo-banner {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* --------------------------------------------------------------------------
   8.3 MOBILE PHONES (320px - 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .ash-header-main {
    padding: 8px 14px;
  }
  .ash-nav-menu {
    display: none !important; /* Mobile Drawer menu fallback */
  }
  .ash-collections-grid {
    gap: 10px;
  }
  .ash-collection-card {
    flex: 0 0 calc(50% - 5px);
  }
  .ash-bestseller-slide {
    flex: 0 0 calc((100% - 20px) / 2);
  }
  .ash-instagram-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ash-trust-row {
    grid-template-columns: 1fr;
  }
  .ash-p-trust-bar {
    grid-template-columns: repeat(2, 1fr);
  }
  .ash-cat-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ash-cart-product-row {
    flex-wrap: wrap;
    padding: 15px;
  }
  .ash-c-info-box {
    width: 100%;
    padding: 10px 0;
  }
  .ash-c-price, .ash-c-total {
    width: auto;
  }
  .ash-stepper-bar {
    gap: 6px;
  }
  .ash-step-label {
    font-size: 8px;
    letter-spacing: 1px;
  }
  .ash-step-connector {
    max-width: 30px;
  }
  .ash-footer-main {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .ash-footer-bottom {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
  .ash-footer-signature {
    flex-direction: column;
    gap: 10px;
  }

  /* Ürün sayfası tabları: mobilde 2x2 grid */
  .ash-p-tabs-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    justify-content: unset;
  }
  .ash-p-tabs-nav .nav-item {
    border-bottom: 1px solid var(--ash-border);
  }
  .ash-p-tabs-nav .nav-item:nth-child(odd) {
    border-right: 1px solid var(--ash-border);
  }
  .ash-p-tabs-nav li a,
  .ash-p-tabs-nav .nav-link {
    width: 100%;
    text-align: center;
    padding: 12px 8px;
    font-size: 9px;
    letter-spacing: 1.2px;
    white-space: normal;
    border-bottom: none;
  }
}

@media (max-width: 480px) {
  .ash-collections-grid {
    gap: 8px;
  }
  .ash-collection-card {
    flex: 0 0 100%;
  }
  .ash-bestseller-slide {
    flex: 0 0 calc(100% - 70px);
  }
  .ash-cat-products-grid {
    grid-template-columns: 1fr;
  }
  .ash-p-trust-bar {
    grid-template-columns: 1fr;
  }
}