/* Bootstrap 5 online + legacy šablona: základní kompatibilita pro původní Bootstrap 2 layout. */
.container{width:940px;max-width:calc(100% - 30px);}
.row{display:flex;flex-wrap:wrap;align-items:stretch;}
[class*="span"]{box-sizing:border-box;min-height:1px;padding-left:15px;padding-right:15px;width:100%;}
.span1{flex:0 0 8.333333%;max-width:8.333333%;}.span2{flex:0 0 16.666667%;max-width:16.666667%;}.span3{flex:0 0 25%;max-width:25%;}.span4{flex:0 0 33.333333%;max-width:33.333333%;}.span5{flex:0 0 41.666667%;max-width:41.666667%;}.span6{flex:0 0 50%;max-width:50%;}.span7{flex:0 0 58.333333%;max-width:58.333333%;}.span8{flex:0 0 66.666667%;max-width:66.666667%;}.span9{flex:0 0 75%;max-width:75%;}.span10{flex:0 0 83.333333%;max-width:83.333333%;}.span11{flex:0 0 91.666667%;max-width:91.666667%;}.span12{flex:0 0 100%;max-width:100%;}
.clearfix::after{display:block;clear:both;content:"";}
img{max-width:100%;height:auto;}
.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ddd;}
.btn-navbar .icon-bar{display:block;width:18px;height:2px;margin:4px 0;background-color:#fff;border-radius:1px;}
.nav-collapse_.collapse:not(.show){display:block;}
.nav-collapse_.collapse.show{display:block;}
@media (min-width:1200px){.container{width:940px;}}
@media (min-width:768px) and (max-width:979px){.container{width:724px;}.span3{flex-basis:25%;max-width:25%;}.span9{flex-basis:75%;max-width:75%;}}
@media (max-width:767px){.container{width:440px;max-width:calc(100% - 40px);}.row{display:block;}[class*="span"]{display:block;width:100%;max-width:100%;padding-left:0;padding-right:0;}.nav-collapse_.collapse:not(.show){display:none;}.nav-collapse_.collapse.show{display:block;}}
@media (max-width:480px){.container{width:300px;max-width:calc(100% - 20px);}}

/* EN/CZ Bootstrap 5 menu compatibility: desktop shows full menu only, mobile shows hamburger only */
@media (min-width: 768px){
  .navbar_ .btn-navbar_, .navbar_ .navbar-toggler{display:none!important;}
  .navbar_ .nav-collapse_, .navbar_ .nav-collapse_.collapse{display:block!important;height:auto!important;visibility:visible!important;overflow:visible!important;}
  .navbar_ .nav{float:left!important;margin-left:0!important;padding-left:0!important;}
  .navbar_ .navbar-inner_, .top2_inner{padding-left:0!important;margin-left:0!important;text-align:left!important;}
}
@media (max-width: 767.98px){
  .navbar_ .btn-navbar_{display:block!important;}
  .navbar_ .nav-collapse_.collapse:not(.show){display:none!important;}
  .navbar_ .nav-collapse_.collapse.show{display:block!important;height:auto!important;visibility:visible!important;}
  .navbar_ .nav{float:none!important;margin-left:0!important;padding-left:0!important;}
}

/* Vehicle listing grids - BS5 responsive cards, 4 per row desktop, aligned buttons */
#content .span12 > .row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  margin-left:-15px;
  margin-right:-15px;
}
#content .span12 > .row > .span3{
  display:flex!important;
  flex:0 0 25%!important;
  max-width:25%!important;
  width:25%!important;
  padding-left:15px!important;
  padding-right:15px!important;
  margin-bottom:30px!important;
}
#content .thumb5{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
}
#content .thumb5 .thumbnail{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #ddd!important;
  box-sizing:border-box!important;
}
#content .thumb5 figure,
#content .thumb5 .img-polaroid{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:210px!important;
  margin:0!important;
  padding:10px!important;
  background:#fff!important;
  border:0!important;
  box-sizing:border-box!important;
}
#content .thumb5 img{
  width:100%!important;
  height:190px!important;
  max-height:190px!important;
  object-fit:contain!important;
  display:block!important;
  background:#fff!important;
}
#content .thumb5 .caption{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:18px 14px 14px!important;
  box-sizing:border-box!important;
}
#content .thumb5 h2{
  min-height:58px;
  margin-top:0!important;
  margin-bottom:12px!important;
  line-height:1.2!important;
}
#content .thumb5 .caption p{
  margin:0!important;
  padding:7px 0!important;
  line-height:1.35!important;
  border-bottom:1px solid #e5e5e5;
}
#content .thumb5 .caption p:last-of-type{border-bottom:0!important;}
#content .thumb5 .text-right{
  margin-top:auto!important;
  padding-top:18px!important;
  text-align:center!important;
}
#content .thumb5 .button0{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  text-align:center!important;
  white-space:normal!important;
}
@media (max-width:991.98px){
  #content .span12 > .row > .span3{flex:0 0 50%!important;max-width:50%!important;width:50%!important;}
}
@media (max-width:575.98px){
  #content .span12 > .row{display:flex!important;margin-left:0!important;margin-right:0!important;}
  #content .span12 > .row > .span3{flex:0 0 100%!important;max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-bottom:24px!important;}
  #content .thumb5 .thumbnail{border:1px solid #ddd!important;border-radius:4px!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;overflow:hidden!important;}
  #content .thumb5 figure,#content .thumb5 .img-polaroid{min-height:190px!important;padding:12px!important;border-bottom:1px solid #eee!important;}
  #content .thumb5 img{height:170px!important;max-height:170px!important;object-fit:contain!important;}
  #content .thumb5 .caption{padding:16px 14px 14px!important;}
  #content .thumb5 h2{min-height:0!important;font-size:22px!important;}
}

/* FULL WIDTH DESKTOP FIX 2026-05-22: roztažení menu a obsahu do krajů */
@media (min-width: 992px){
  #main,
  #inner,
  header,
  .top1,
  .top2,
  #content,
  #content2,
  #inner2,
  footer{
    width:100%!important;
    max-width:none!important;
  }
  .container{
    width:100%!important;
    max-width:none!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
  }
  .logo_wrapper{
    left:24px!important;
    margin-left:0!important;
  }
  .top1_inner{
    padding-left:0!important;
    padding-right:0!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:18px!important;
  }
  .top2_inner{
    padding-left:0!important;
    margin-left:0!important;
  }
  .navbar_ .nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    gap:0!important;
  }
  .navbar_ .nav > li{
    float:none!important;
    margin-left:26px!important;
  }
  .navbar_ .nav > li:first-child{margin-left:0!important;}
  .navbar_ .nav > li > a{
    font-size:17px!important;
    line-height:41px!important;
  }
  .sub-menu li a{font-size:17px!important;line-height:19px!important;}
  #content2 > .container,
  #inner2 > .container,
  footer > .container{
    padding-left:40px!important;
    padding-right:40px!important;
  }
  #content .span12 > .row{
    margin-left:-15px!important;
    margin-right:-15px!important;
  }
}

@media (min-width: 1400px){
  .container{padding-left:46px!important;padding-right:46px!important;}
  .logo_wrapper{left:46px!important;}
  .navbar_ .nav > li{margin-left:34px!important;}
  .navbar_ .nav > li > a{font-size:18px!important;}
}

@media (min-width: 992px) and (max-width: 1199.98px){
  .navbar_ .nav > li{margin-left:16px!important;}
  .navbar_ .nav > li > a{font-size:15px!important;}
}

@media (max-width: 991.98px){
  #inner{max-width:100%!important;width:100%!important;}
  .container{max-width:calc(100% - 24px)!important;width:calc(100% - 24px)!important;}
  .top1_inner,.top2_inner{padding-left:0!important;}
  .logo_wrapper{left:12px!important;margin-left:0!important;}
}


/* FIX 2026-05-22: odstranění úzkého béžového stínovaného pruhu + sticky menu */
#inner2{
  background:transparent!important;
}
#content2{
  background:none!important;
}
.top2{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  width:100%!important;
}
header{
  overflow:visible!important;
}
@media (min-width:992px){
  .top2 .container,
  .top2_inner,
  .navbar_,
  .navbar_ .navbar-inner_,
  .nav-collapse_ {
    width:100%!important;
    max-width:none!important;
  }
  .navbar_ .nav{
    justify-content:flex-start!important;
  }
}
@media (max-width:991.98px){
  .top2{
    min-height:46px!important;
    height:auto!important;
  }
  .navbar_ .btn-navbar{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    width:auto!important;
    min-height:36px!important;
    padding:8px 12px!important;
    color:#f4edd3!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
  }
  .navbar_ .btn-navbar::after{
    content:'Menu';
    font-size:15px;
    line-height:1;
  }
  html[lang^="en"] .navbar_ .btn-navbar::after{content:'Menu';}
  .navbar_ .btn-navbar .icon-bar{
    display:block!important;
    width:18px!important;
    height:2px!important;
    margin:2px 0!important;
    background:#f4edd3!important;
  }
  .navbar_ .nav{
    width:100%!important;
    justify-content:flex-start!important;
  }
}
.order-page #inner,
.order-page #inner2,
.order-page #content2{
  background:transparent!important;
  padding:0!important;
  margin:0!important;
}
.order-page .order-iframe-wrap{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
.order-page .order-iframe{
  display:block!important;
  width:100%!important;
  min-height:2800px!important;
  height:2800px!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.order-page .logo_wrapper,
.order-page .top1,
.order-page .camera_wrap,
.order-page #slider_wrapper,
.order-page .slider_wrapper,
.order-page footer{
  display:none!important;
}
.order-page header{margin:0!important;padding:0!important;}
.order-page .top2{top:0!important;}