/* RELAX v398 MOBILE M22 – ciste mobilni ovladani 3D sceny */
@media (max-width:850px){
  /* Puvodni spodni toolbox uz na telefonu neni potreba. */
  .viewer>.toolbox{display:none!important}

  /* Vyber materialu je dostupny ve spodnim panelu MATERIALY. */
  #viewModeBar #materialsTopBtn,
  #viewModeBar .m22-top-materials-hidden{display:none!important}

  /* Presunuta skutecna tlacitka zachovavaji puvodni JS funkce. */
  #viewModeBar #interiorBtn,
  #viewModeBar #centerBtn{
    flex:0 0 auto;
    min-height:38px;
    border:1px solid #cfcfcf;
    border-radius:5px;
    background:#fff;
    color:#111;
    font-weight:800;
    white-space:nowrap;
    touch-action:manipulation;
  }
  #viewModeBar #interiorBtn{padding:7px 9px;font-size:10px}
  #viewModeBar #centerBtn{
    width:38px;min-width:38px;padding:0;font-size:21px;line-height:1
  }
  #viewModeBar #interiorBtn.active{
    background:#e8f2ff;color:#0b5cad;border-color:#8db9e8
  }

  /* Cena ma byt stejna svetla jako ostatni prvky listy. */
  #mobileProjectTotal.mobile-project-total{
    background:#fff!important;
    color:#111!important;
    border:1px solid #cfcfcf!important;
    box-shadow:none!important;
  }

  /* Po zruseni spodni listy muze 3D scena vyuzit prostor az k navigaci. */
  .viewer{--relax-hint-space:0px}
}
@media (max-width:430px){
  #viewModeBar #interiorBtn{font-size:9px;padding-left:7px;padding-right:7px}
  #viewModeBar #centerBtn{width:36px;min-width:36px;font-size:20px}
  #mobileProjectTotal.mobile-project-total{font-size:10px!important;padding-left:7px!important;padding-right:7px!important}
}