/*
 * Sahinoto mobil düzeni — YALNIZCA @media içerir (MobileCssIsolationTest). Layout bu dosyayı
 * media="(max-width: 991.98px)" ile yükler; masaüstüne dokunmaz. Ortak kit token'ları (--hc-*) burada markaya çevrilir.
 */
@media (max-width: 991.98px) {
  :root {
    --hc-accent: #D71920;
    --hc-accent-ink: #FFFFFF;
    --hc-ink: #17191D;
    --hc-ink-muted: #5F646D;
    --hc-surface: #FFFFFF;
    --hc-surface-muted: #F4F5F6;
    --hc-border: #E1E3E6;
    --hc-radius: 10px;
  }

  :root[data-theme="dark"] {
    --hc-ink: #E6E8EB;
    --hc-ink-muted: #A3A8B1;
    --hc-surface: #181B20;
    --hc-surface-muted: #1F2329;
    --hc-border: #2A2E35;
  }

  body { padding-bottom: calc(var(--hc-tabbar-h, 56px) + var(--hc-safe-bottom, 0px) + 8px); }

  .so-topbar { display: none; }
  .so-header { position: sticky; padding-top: var(--hc-safe-top, 0px); }
  .so-header__main { gap: .5rem; padding: .55rem 0; flex-wrap: wrap; }
  .so-header__logo { flex: 1 1 auto; }
  .so-header__logo { padding-right: 0; margin-right: 0; border-right: 0; }
  .so-header__logo img { height: 54px; max-width: 220px; }
  .so-logo-text { font-size: 1.3rem; }
  .so-search { order: 5; flex: 1 0 100%; min-width: 0; }
  .so-header__actions .so-header__action--secondary { display: none; }
  .so-header__action span.so-label { display: none; }
  .so-nav { display: none; }

  .so-section { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .so-section__title { font-size: 1.3rem; }

  .so-hero__slide { min-height: 260px; }
  .so-hero__copy { padding: 1.5rem; }
  .so-hero__slide--image::before { background: linear-gradient(180deg, rgba(15, 17, 20, .35) 0%, rgba(15, 17, 20, .65) 100%); }
  .so-hero__copy h1, .so-hero__copy h2 { font-size: 1.6rem; }
  .so-hero__nav { display: none; }

  .so-quick { grid-template-columns: repeat(2, 1fr); gap: .6rem; }
  .so-quick__item { padding: .75rem; }
  .so-quick__item i { font-size: 1.25rem; width: 1.5rem; }
  .so-quick__item strong { font-size: .9rem; }
  .so-quick__item span { display: none; }

  .so-cats { display: flex; overflow-x: auto; gap: .6rem; scroll-snap-type: x mandatory; padding-bottom: .5rem; }
  .so-cat { flex: 0 0 120px; scroll-snap-align: start; }
  .so-cat__img { width: 72px; height: 72px; }

  .so-products { grid-template-columns: repeat(2, 1fr); gap: .6rem; }
  .so-pcard__title { font-size: .85rem; }
  .so-pcard__actions { display: none; }
  .so-price__now { font-size: 1.15rem; }

  .so-brands { grid-template-columns: repeat(3, 1fr); gap: .6rem; }
  .so-cta { padding: 1.25rem; }
  .so-footer { margin-top: 2rem; }
  .so-footer__news input { min-width: 0; flex: 1; }
  .so-wa { bottom: calc(78px + var(--hc-safe-bottom, 0px)); right: 12px; width: 48px; height: 48px; }

  /* Mobil menü çekmecesi */
  .so-mobile-menu { padding: 1rem 1.25rem 1.5rem; }
  .so-mobile-menu__title { font-size: 1.25rem; text-transform: uppercase; margin: 0 0 .75rem; }
  .so-mobile-menu__list { list-style: none; margin: 0; padding: 0; }
  .so-mobile-menu__list > li { border-bottom: 1px solid var(--so-border); }
  .so-mobile-menu__link, .so-mobile-menu__group summary { display: flex; justify-content: space-between; align-items: center; padding: .85rem 0; font-weight: 600; cursor: pointer; list-style: none; }
  .so-mobile-menu__group summary::-webkit-details-marker { display: none; }
  .so-mobile-menu__group ul { list-style: none; padding: 0 0 .5rem 1rem; margin: 0; }
  .so-mobile-menu__group ul a { display: block; padding: .5rem 0; color: var(--so-muted); }
  .so-mobile-menu__list--secondary { margin-top: 1rem; }

  /* Katalog */
  .so-filters-aside { display: none; }
  .so-page-title { font-size: 1.5rem; }
  .so-products--3 { grid-template-columns: repeat(2, 1fr); }
  .so-filters { padding: 1rem 1.25rem 1.5rem; }
  .so-toolbar { padding: .6rem .75rem; }
  .so-toolbar__controls { width: 100%; }
  .so-toolbar__controls .form-select { flex: 1; }
  .so-buybox { padding: 1rem; }
  .so-price__now--lg { font-size: 1.75rem; }
  .so-tab-content { padding: 1rem; }
  .so-fitnote { flex-wrap: wrap; }
  .so-gallery__thumbs { margin-top: .5rem; }

  /* Sepet, ödeme, sipariş */
  .so-sticky-aside { position: static; }
  .so-cartlist { padding: 0 .75rem; }
  .so-ci { flex-wrap: wrap; gap: .5rem .75rem; }
  .so-ci__info { flex: 1 0 calc(100% - 90px); }
  .so-ci__thumb { flex-basis: 60px; width: 60px; height: 60px; }
  .so-ci__total { min-width: 0; margin-left: auto; }
  .so-minicart-canvas { width: 100%; }
  .so-formcard { padding: 1rem; }
  .so-ordernote { padding: 1rem; }
  .so-ordernote h1 { font-size: 1.3rem; }
  .so-timeline__label { font-size: .6875rem; }

  /* Hesap */
  .so-accnav { grid-auto-flow: column; grid-auto-columns: max-content; overflow-x: auto; padding: .35rem; }
  .so-accnav a, .so-accnav button { white-space: nowrap; width: auto; }
  .so-auth__tab { font-size: 1rem; }

  /* İçerik sayfaları */
  .so-grid3 { grid-template-columns: 1fr; }
  .so-grid4 { grid-template-columns: 1fr 1fr; gap: .75rem; }
  .so-brands--wide { grid-template-columns: repeat(2, 1fr); }
  .so-cmp img { height: 160px; }
  .so-cmphero__img { flex-basis: 100%; }
  .so-cmphero__body { padding: 1.25rem; }
  .so-pagehero h1 { font-size: 1.7rem; }
  .so-404__code { font-size: 5rem; }

  /* Çerez bildirimi alt sekme çubuğunun üstünde durur */
  .so-cookie { left: 12px; right: 12px; width: auto; bottom: calc(68px + var(--hc-safe-bottom, 0px)); }

  /* Araç seçici çubuğu: panel mobilde alt çekmecede açılır */
  .so-vbar .so-vbar__panel { display: none; }
  .so-vbar__summary { gap: .5rem; padding: .45rem 0; }
  .so-vbar__garage { margin-left: 0; }
  .so-vbar__garage span:not(.so-badge) { display: none; }
  .so-vbar .so-btn--accent { display: none; }
  .so-vbar__text strong { font-size: .875rem; }
  .so-vbar__toggle { margin-left: auto; }
  .so-vpicker { padding: 1rem 1.25rem 1.5rem; }
  .so-vpicker__fields { grid-template-columns: 1fr; }
  .so-vlist__item { padding: .85rem; }

  @media (max-width: 575.98px) {
    .so-hero__slide { min-height: 220px; }
    .so-hero__copy h1, .so-hero__copy h2 { font-size: 1.4rem; }
  }
}