/* responsive.css
   Punkty łamania i preferencja ograniczonego ruchu. Ładowany ostatni.
   Lucifer's Garage */

/* ============================================================
   Responsywność
   ============================================================ */
@media (max-width:940px){
  .hero__grid{grid-template-columns:1fr; padding:56px 22px 60px}
  .hero__mark{display:none}
  .order{grid-template-columns:1fr}
  .summary{position:static}
  .admin{grid-template-columns:1fr}
  .arail{position:static; flex-direction:row; overflow-x:auto}
  .arail__b{white-space:nowrap}
  .foot__grid{grid-template-columns:1fr}
  .split2{grid-template-columns:1fr; gap:30px}
}
@media (max-width:780px){
  .nav__links{
    position:fixed; inset:var(--nav-h) 0 auto 0; flex-direction:column; align-items:stretch;
    background:var(--bg-2); border-bottom:1px solid var(--line); padding:12px;
    margin-left:0; gap:2px; display:none;
  }
  .nav__links.is-open{display:flex}
  .nav__link{padding:13px}
  .nav__link.is-active::after{display:none}
  .nav__tools{margin-left:auto}
  .burger{display:grid}
  .grid2,.grid3{grid-template-columns:1fr}
  .sizes{grid-template-columns:repeat(2,1fr)}
  .section{padding:52px 0}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important; scroll-behavior:auto !important}
}