/* Mobilné doladenie pre iPhone a Android. Platí len do 767px – rozloženie na počítači sa nemení. */
@media (max-width:767px){
  html{-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}
  .wrap,.nav{width:min(1180px,calc(100% - 28px))}
  /* pohodlné dotykové plochy */
  a,button,.btn,summary{-webkit-tap-highlight-color:transparent}
  .btn,button,.call,nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  header nav a{min-height:48px;justify-content:flex-start;border-bottom:1px solid var(--ak-border,#2c2f35)}
  header nav a:last-child{border-bottom:0}
  /* iOS nezväčší stránku pri klikaní do políčka, ak je písmo 16px */
  input,select,textarea{font-size:16px;min-height:48px}
  textarea{min-height:120px}
  .actions .btn,.contact-actions .btn{width:100%}
  .steps{grid-template-columns:1fr}
  .brands{grid-template-columns:repeat(2,1fr)}
  .brand{height:88px}
  .slide{flex:0 0 88%}
  .arrows{justify-content:center}
  .card img{height:180px}
  .section{padding:44px 0}
  .footer{gap:12px;text-align:center;align-items:center}
  /* bezpečná zóna iPhone (výrez a spodná lišta) */
  header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  footer{padding-bottom:env(safe-area-inset-bottom)}
  main{overflow-x:hidden}
  img,iframe,table{max-width:100%}
  table{display:block;overflow-x:auto}
}
@media (max-width:767px) and (orientation:landscape){
  .hero .content{padding:60px 0 180px}
}

/* v93 – mobil zostáva v jednom stĺpci a nikdy neroztiahne stránku */
@media (max-width:767px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none}
  body{margin:0;position:relative;touch-action:pan-y}
  main,.site-shell,header,footer,section{max-width:100%;overflow-x:hidden}
  main *,header *,footer *{box-sizing:border-box;min-width:0}
  iframe,img,video,canvas{max-width:100%}
  input,select,textarea{width:100%;max-width:100%}
  h1,h2,h3,p,a,span,strong,label{overflow-wrap:break-word}
  .akrev-track{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:contain;touch-action:pan-y}
  .akrev-slide{flex:0 0 100%;width:100%;min-width:100%;max-width:100%}
  pre,code{white-space:pre-wrap}
  .grid,.flex{max-width:100%}
}

/* v94 – tablet (768–1023px): pohodlnejsie rozlozenie, nic sa nemeni na pocitaci */
@media (min-width:768px) and (max-width:1023px){
  .wrap,.nav{width:min(1180px,calc(100% - 32px))}
  .cards{grid-template-columns:repeat(2,1fr);gap:18px}
  .cards>.card:last-child:nth-child(odd){grid-column:1 / -1}
  .card img{height:200px}
  .reviews{grid-template-columns:repeat(2,1fr)}
  .brands{grid-template-columns:repeat(4,1fr)}
  .brand{height:96px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .grid2,.contact-grid{grid-template-columns:1fr;gap:24px}
  .mapa{min-height:320px}
  .slide{flex:0 0 calc((100% - 16px)/2)}
  .form-grid{grid-template-columns:1fr 1fr}
  .section{padding:64px 0}
  h1{font-size:clamp(34px,5.4vw,50px)}
  input,select,textarea{font-size:16px;min-height:46px}
  .footer{flex-wrap:wrap;align-items:center}
  .checklist{grid-template-columns:1fr 1fr}
}

/* v94 – administracia na mobile a tablete (doplnok k style.css) */
@media (max-width:1023px){
  .admin-page .adminbar a{padding:8px 10px;border:1px solid #2c2f35;border-radius:8px;font-size:13px;min-height:40px;display:inline-flex;align-items:center}
  .admin-page td .btn,.admin-page td button{min-height:38px;padding:8px 12px}
  .admin-page textarea{min-height:130px}
}

/* menu-fix: len jedno mobilné menu (#ak-mnav), staré zdvojené menu vypnuté */
.ak-mobile-menu{display:none!important}
@media (max-width:1023px){
  header{overflow:visible!important}
  #ak-mnav{height:auto!important;bottom:auto!important;max-height:calc(100vh - 72px)!important;max-height:calc(100dvh - 72px)!important;padding-bottom:28px!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  #ak-mnav a{font-size:16px!important;text-transform:none!important;letter-spacing:0!important}
}