/* SOSYAL SANAYİ V3.0.6 – Mobil kullanılabilirlik, mevcut tema renklerini korur */
/* Sabit üst menünün altında kalan başlık ve form hedeflerinin görünürlüğü. */
@media (max-width: 900px) {
  html {
    scroll-padding-top: 102px;
    scroll-padding-bottom: calc(110px + env(safe-area-inset-bottom));
  }
  body { overflow-x: clip; }
  .page-shell, .main-area { min-width:0; }
  .main-area {
    padding-bottom: calc(145px + env(safe-area-inset-bottom)) !important;
    overflow-wrap: anywhere;
  }
  .main-area [id] { scroll-margin-top: 102px; scroll-margin-bottom: calc(110px + env(safe-area-inset-bottom)); }
  .main-area form :is(input, select, textarea) { scroll-margin-top: 110px; scroll-margin-bottom: 105px; }
  /* Tamir, muayene ve araç karşılaştırma gibi uzun sayfalarda taşmayı azalt. */
  .main-area :is(.panel,.inspection-panel,.repair-panel,.detail-card) { min-width:0; }
  .main-area :is(input,textarea,select,button) { max-width:100%; }
  .topbar .mobile-drawer:not([hidden]) {
    display:grid!important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap:8px;
    max-height: min(65dvh, calc(100dvh - 176px));
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#9f2236 #111;
    z-index:98!important;
    border:1px solid #b5253d!important;
    box-shadow:0 22px 50px rgba(0,0,0,.82),0 0 16px rgba(243,25,48,.12)!important;
  }
  .topbar .mobile-drawer a {
    min-height:55px;
    padding:12px!important;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:9px;
    font-size:clamp(11px,3vw,13px)!important;
    line-height:1.28;
    overflow-wrap:anywhere;
    border:1px solid #3a2930!important;
    border-radius:12px!important;
  }
  .topbar .mobile-drawer a:is([href="/arac-muayene-hizmeti"],[href="/adresten-arac-alim-tamir-teslim"],[href="/arac-karsilastirma"]) {
    border-color:rgba(246,47,70,.62)!important;
    background:linear-gradient(140deg,#211015,#111)!important;
  }
  .topbar .mobile-drawer a:focus-visible,
  .topbar .nav-toggle:focus-visible,
  .mobile-nav a:focus-visible,
  .category-strip a:focus-visible {
    outline:2px solid #fff!important;
    outline-offset:3px;
  }
  .topbar .mobile-drawer a[aria-current="page"] {
    border-color:#ff3c52!important;
    box-shadow:inset 3px 0 #ff3c52;
  }
  .ss-menu-backdrop:not([hidden]) {
    display:block;
    position:fixed;
    inset:78px 0 0;
    z-index:72;
    background:rgba(0,0,0,.68);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
  }
  .topbar .topbar-in { position:relative;z-index:75; }
  /* Kartlara basılabilir, erişilebilir odak alanı. */
  .category-strip > a { text-decoration:none; }
  .category-strip > a:focus-visible { border-color:#fff!important; }
}
@media (max-width:370px) {
  .topbar .mobile-drawer:not([hidden]) { grid-template-columns:1fr; max-height:calc(100dvh - 165px); }
  .topbar .mobile-drawer a { min-height:46px; }
}
@media (min-width:901px) { .ss-menu-backdrop {display:none!important} }
@media (prefers-reduced-motion:reduce) {
  .topbar .mobile-drawer a { animation:none!important;transition:none!important; }
}