/* ─────────────────────────────────────────────────────────────
   AURA One — WARSTWA MOBILNA (wspólna dla 5 podstron)
   Dołączana PO stylach inline każdej strony (wygrywa kolejnością).
   Zasada: nie zmieniamy reżyserii desktopu — domykamy telefon.
   Orion · 26.07.2026
   ───────────────────────────────────────────────────────────── */

/* ── 1. Baza dotyku: brak podświetleń tapnięcia, stała skala tekstu ── */
html{ -webkit-text-size-adjust:100%; text-size-adjust:100% }
@media (hover:none),(pointer:coarse){
  *{ -webkit-tap-highlight-color:transparent }
}

/* ── 2. Wysokość ekranu: iOS/Android chowają pasek adresu → 100vh skacze ──
   dvh = dynamiczna wysokość viewportu. Nadpisujemy tylko tam, gdzie było 100vh. */
@supports (height:100dvh){
  @media (max-width:860px){
    #cold, .fig, #final .stick, #stage, #hero{ height:100dvh }
    .kroki{ margin-top:-100dvh }
    .krok{ min-height:100dvh }
  }
}

/* ── 3. Bezpieczne marginesy (notch, pasek gestów) ── */
@media (max-width:860px){
  .topbar{ padding-top:max(16px, env(safe-area-inset-top)) }
  .disclaimer{ bottom:max(10px, env(safe-area-inset-bottom)) }
  .progress{ bottom:calc(34px + env(safe-area-inset-bottom)) }
}

/* ── 4. STRONA GŁÓWNA (index.html) ───────────────────────────── */
@media (max-width:720px){
  /* nav: 4 pozycje w monospace z letter-spacing nie mieszczą się w 390 px */
  .topbar .nav{ font-size:10px; letter-spacing:.06em; display:flex; gap:10px; white-space:nowrap }
  .topbar .nav a{ padding:6px 0 }                 /* pole dotyku */
  .topbar{ padding-left:14px; padding-right:14px; gap:10px }
  .brand{ font-size:11px; letter-spacing:.2em; flex:0 0 auto }

  /* produkt za tekstem — przyciemniamy i zsuwamy w górę, żeby copy było czytelne */
  #seq{ top:34%; width:min(52vh,86vw); opacity:.62 }
  .anat-fig{ top:36%; width:min(52vh,86vw) }
  #act1, #act2, #act3{ height:100% }
  #act1 .col{ max-width:none }
  .sub{ max-width:34ch }

  /* CTA: dwa przyciski nie mieszczą się w jednej linii */
  .cta{ flex-wrap:wrap; justify-content:center; gap:10px }
  .btn{ padding:13px 20px; font-size:12px }

  /* wskaźniki anatomii: kroki jako czytelny blok u dołu, bez kolizji z figurą */
  .anat-copy{ bottom:14vh; left:14px; right:14px; max-width:none;
    background:linear-gradient(180deg,rgba(6,7,13,0),rgba(6,7,13,.86) 18%);
    padding:14px 12px 10px; border-radius:4px }
  .anat-step{ padding:9px 0 }
  .anat-step .d{ font-size:12px }
  .progress .track{ width:88px }
}

/* ── 5. ANATOMIA (anatomia.html) ─────────────────────────────── */
@media (max-width:860px){
  .fig{ justify-content:center }
  #fovea{ display:none }            /* efekt kursorowy — na dotyku myli, nie prowadzi */
}

/* ── 6. DANE (dane.html) — karta źródeł jako dolny arkusz ────── */
@media (max-width:860px){
  #karta{
    left:10px !important; right:10px !important; top:auto !important;
    bottom:calc(14px + env(safe-area-inset-bottom)) !important;
    width:auto !important; max-width:none !important;
    max-height:42vh; overflow:auto;
    box-shadow:0 -10px 40px rgba(0,0,0,.55) }
}

/* ── 7. ZAMÓW (zamow.html) ───────────────────────────────────── */
@media (hover:none),(pointer:coarse){
  /* tilt 3D sterowany kursorem zostawał przekrzywiony po tapnięciu */
  .karta{ transform:none !important }
  .karta:active{ transform:scale(.99) !important }
}
@media (max-width:860px){
  .karty{ gap:14px }
  .karta .pick{ min-height:46px; width:100%; font-size:13px }   /* pole dotyku */
  /* iOS zoomuje stronę, gdy pole ma < 16 px — po focusie użytkownik gubi kadr */
  .pole input, .pole select{ font-size:16px; padding-top:19px }
  .pole label{ top:16px }
}

/* ── 8. Wspólne: pola dotyku i przewijalność treści ──────────── */
@media (max-width:860px){
  a.btn, button{ min-height:44px; display:inline-flex; align-items:center; justify-content:center }
  .trzy, .karty{ grid-template-columns:1fr }
}

/* ── 9. Oszczędność ruchu (systemowe „ogranicz animacje") ────── */
@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important }
}