/* =====================================================================
   minimal-artist — responsive.css
   Tüm kırılımlar tek dosyada toplanır: 1100px, 900px, 560px.
   Kontrol edilen ekranlar: 1440 / 1280 / 1024 / 768 / 430 / 390 / 360.
   ===================================================================== */

/* ============ ≤1100px — dar desktop / yatay tablet ============ */
@media (max-width: 1100px) {
  .search-results { grid-template-columns: repeat(3, 1fr); }

  .product-grid { grid-template-columns: repeat(3, 1fr); }

  .layout-sidebar { grid-template-columns: 225px minmax(0, 1fr); }

  .insta-grid { grid-template-columns: repeat(4, 1fr); }

  .pin-grid { columns: 3; }

  .stats { grid-template-columns: repeat(2, 1fr); row-gap: 2.2rem; }

  .cart-layout { grid-template-columns: minmax(0, 1fr) 340px; }

  .mega-menu { grid-template-columns: repeat(3, 1fr); }

  .mega-menu__feature { display: none; }
}

/* ============ ≤900px — tablet ve altı ============ */
@media (max-width: 900px) {
  :root {
    --header-h: 64px;
  }

  /* Header: kategori nav gizlenir, hamburger görünür */
  .site-nav { display: none; }
  .nav-toggle { display: inline-flex; }
  .site-header__account { display: none; }
  /* Koleksiyon/Günlük metin linkleri mobilde gizlenir (sol hücre şişip header'ı sağa
     taşıyordu); zaten hamburger drawer'ında (mobil menü) mevcutlar. */
  .site-header__collections { display: none; }

  /* Hero */
  .hero-editorial__grid { grid-template-columns: 1fr; }
  .hero-editorial__content { order: 1; }
  .hero-editorial__media { order: 0; }
  .hero-editorial__img { aspect-ratio: 4 / 3.4; }
  .hero-editorial__card { display: none; }

  .hero-image { min-height: clamp(360px, 55vh, 480px); }

  /* Kategori mozaik (3 kategori: a=Kase büyük, b=Bardak, c=Tabak) */
  .category-mosaic {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "a a"
      "b c";
  }

  .category-mosaic .category-card--a img { aspect-ratio: 16 / 10; }
  .category-mosaic .category-card--b img,
  .category-mosaic .category-card--c img { aspect-ratio: 1; height: auto; }

  .category-cards { grid-template-columns: repeat(2, 1fr); }

  /* Grid'ler */
  .product-grid,
  .product-grid--3 { grid-template-columns: repeat(2, 1fr); }

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

  .split,
  .split--wide-media,
  .split--wide-content { grid-template-columns: 1fr; }

  .blog-featured { grid-template-columns: 1fr; }

  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }

  .values-grid,
  .testimonials { grid-template-columns: 1fr; }

  .process-steps {
    grid-template-columns: 1fr;
    max-width: 560px;
  }

  .process-step {
    display: grid;
    grid-template-columns: minmax(0, 130px) minmax(0, 1fr);
    gap: 1.3rem;
    align-items: center;
  }

  .process-step__no { margin-top: 0; }

  .lookbook__item--a { grid-column: 1 / 8; }
  .lookbook__item--b { grid-column: 8 / 13; margin-top: 2rem; }
  .lookbook__item--c { grid-column: 3 / 11; margin-top: 0; }

  .masonry { columns: 2; }
  .pin-grid { columns: 2; }
  .insta-grid { grid-template-columns: repeat(2, 1fr); }

  /* Quick add mobilde her zaman görünür */
  .quick-add {
    opacity: 1;
    transform: none;
    min-height: 42px;
    left: 0.7rem;
    right: 0.7rem;
    bottom: 0.7rem;
  }

  /* Kenar çubuğu yerleşimleri tek sütuna iner */
  .layout-sidebar,
  .layout-sidebar--right,
  .account-layout,
  .faq-layout,
  .showcase-layout { grid-template-columns: 1fr; }

  .contact-layout,
  .gift-layout,
  .collection-hero { grid-template-columns: 1fr; }

  .gift-preview { position: static; }

  .faq-nav,
  .showcase-toc { position: static; display: flex; flex-wrap: wrap; gap: 0.4rem; }

  .account-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
  }

  .account-nav a { border-left: none; border-bottom: 2px solid transparent; }
  .account-nav a[aria-current="page"] { border-left: none; border-bottom-color: var(--color-primary); }

  /* Koleksiyon: filtreler drawer'a dönüşür */
  .filter-open-btn { display: inline-flex; }

  .filters {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-drawer);
    width: min(360px, calc(100vw - 3rem));
    background: var(--color-surface);
    transform: translateX(-102%);
    visibility: hidden;
    transition: transform 0.45s var(--ease-soft), visibility 0s linear 0.45s;
    display: flex;
    flex-direction: column;
  }

  .filters.is-open {
    transform: translateX(0);
    visibility: visible;
    box-shadow: var(--shadow-drawer);
    transition: transform 0.45s var(--ease-soft);
  }

  .filters__head { display: flex; }

  .filters__body {
    flex: 1;
    overflow-y: auto;
    padding: 0.4rem 1.6rem 1.4rem;
  }

  .filters__apply {
    display: block;
    border-top: 1px solid var(--color-border-soft);
  }

  /* Ürün detay */
  .product-layout { grid-template-columns: 1fr; }
  .product-layout__gallery { position: static; }

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

  .gallery__thumbs {
    order: 1;
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 0.3rem;
    -webkit-overflow-scrolling: touch;
  }

  .gallery__thumb { flex: 0 0 76px; }

  .trust-grid { grid-template-columns: repeat(2, 1fr); row-gap: 1.6rem; }

  /* Sepet ve checkout */
  .cart-layout { grid-template-columns: 1fr; }
  .cart-aside { position: static; }

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

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

  /* Mobil sticky CTA görünür olur */
  .sticky-cta { display: flex; }

  body.has-sticky-cta { padding-bottom: 84px; }

  /* Footer */
  .site-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__brand { grid-column: 1 / -1; }
  .site-footer__newsletter { grid-column: 1 / -1; }

  /* Tablolar yatay kaydırılabilir */
  .table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-scroll .order-table { min-width: 560px; }

  .prev-next { grid-template-columns: 1fr; }
  .prev-next__link--next { text-align: left; }

  .review-summary { grid-template-columns: 1fr; gap: 1.2rem; }

  .type-specimen__row { grid-template-columns: 1fr; gap: 0.5rem; }
}

/* ============ ≤560px — mobil ============ */
@media (max-width: 560px) {
  .section-head__title { font-size: 1.85rem; }

  .hero-editorial__title,
  .hero-minimal h1 { font-size: clamp(2.15rem, 9.5vw, 2.7rem); }

  .hero-editorial__actions .btn { width: 100%; }

  .category-mosaic {
    grid-template-columns: 1fr;
    grid-template-areas: "a" "b" "c";
  }

  .category-mosaic .category-card img { aspect-ratio: 16 / 10; height: auto; }

  .category-cards { grid-template-columns: 1fr; }

  .product-grid,
  .product-grid--3,
  .product-grid--2,
  .blog-grid,
  .grid--4,
  .grid--3,
  .grid--2 { grid-template-columns: 1fr; }

  .account-cards { grid-template-columns: 1fr; }

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

  .newsletter-form { flex-direction: column; }

  .search-results { grid-template-columns: 1fr; }

  .purchase-row { flex-wrap: wrap; }
  .purchase-row .btn { flex: 1 1 100%; order: 1; }

  .bundle-offer__items { grid-template-columns: 1fr auto 1fr; }

  .checkout-steps { gap: 0.5rem; }
  .checkout-steps__sep { width: 1rem; }

  .lookbook__item--a,
  .lookbook__item--b,
  .lookbook__item--c {
    grid-column: 1 / -1;
    margin-top: 0;
  }

  .product-embed {
    grid-template-columns: 90px 1fr;
  }

  .product-embed .btn {
    grid-column: 1 / -1;
  }

  .article-card--horizontal { grid-template-columns: 110px 1fr; }

  .site-footer__main { grid-template-columns: 1fr; }

  .site-footer__bottom {
    justify-content: center;
    text-align: center;
  }

  .promo-banner { font-size: var(--text-xs); }

  .countdown__unit { min-width: 50px; }

  .cart-item { grid-template-columns: 76px 1fr; }
  .cart-item__img { width: 76px; }
}