/* ============================================================
   ABDEX Textildruck · Handy-Korrekturen (MOBIL-FIX 001)
   Wird nach site.css geladen und gilt nur bis 900 px Breite.
   ============================================================ */
@media (max-width:900px){
  /* Produktseite: eine Spalte – eine spätere Regel in site.css („030“)
     hatte die zwei Spalten auch am Handy erzwungen */
  .produkt{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .produkt>*{min-width:0;max-width:100%}
  .produkt>div:first-child{position:static!important}

  /* Handy-Menü: Die Kopfleiste hat einen Glas-Effekt (backdrop-filter),
     dadurch hing das Menü an der Kopfleiste und war durchsichtig über der Seite.
     Jetzt: direkt unter der Leiste, volle Höhe, deckender Hintergrund. */
  .kopf .nav{position:fixed!important;top:100%!important;right:0!important;bottom:auto!important;left:0!important;
    height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    padding:26px 20px 170px!important;background:var(--bg,#fff)!important;z-index:70;border-top:1px solid var(--line,#e6e6e6)}
  .kopf .nav>a{border-bottom:0!important;width:100%}
  .kopf .nav>a.on{color:var(--o)!important}
  .kopf:has(.nav.open){z-index:300}
  body:has(.nav.open) .kleb,body:has(.nav.open) .chat-knopf{display:none!important}
}