@media screen and (max-width: 767px){
    /* *menu items* */
    .menu-level-1 > .menu-item-5264 {
        background-image: url('/user/documents/upload/grafika/ikonky/sale.webp');
        order:1 !important
    }
    .menu-level-1 > .menu-item-6849 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/plan.svg');
        order:3 !important
    }
    .menu-level-1 > .menu-item-6216 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/1_3.webp')
    }
    .menu-level-1 > .menu-item-2660 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/weih.webp')
    }
    .menu-level-1 > .menu-item-673 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/1.jpg')
    }
    .menu-level-1 > .menu-item-806 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/Untitled design (87).jpg')
    }
    .menu-level-1 > .menu-item-809 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/6.jpg')
    }
    .menu-level-1 > .menu-item-812 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/8.jpg')
    }
    .menu-level-1 > .menu-item-913 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/9.jpg')
    }
    .menu-level-1 > .menu-item-919 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/11.jpg')
    }
    .menu-level-1 > .menu-item-824 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/12.jpg')
    }
    .menu-level-1 > .menu-item-815 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/3.jpg')
    }
    .menu-level-1 > .menu-item-818 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/7.jpg')
    }
    .menu-level-1 > .menu-item-6474 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/Untitled design (90).jpg')
    }
    .menu-level-1 > .menu-item-5105 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/Untitled design (97).jpg')
    }
    .menu-level-1 > .menu-item-6073 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/10.webp')
    }
    .menu-level-1 > .menu-item-2765 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/ticket.jpg')
    }
    .menu-level-1 > .menu-item-5295 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/cat.jpg')
    }
    .menu-level-1 > .menu-item-6428 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/det.jpg')
    }
    .menu-level-1 > .menu-item-4897 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/zah.jpg')
    }
    .menu-level-1 > .menu-item-6642 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/bambus.png')
    }
    .menu-level-1 > .menu-item-5145 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/Untitled design (98).jpg')
    }
    .menu-level-1 > .menu-item-1221 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/4.jpg')
    }
    .menu-level-1 > .menu-item-6010 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/5.jpg')
    }
    .menu-level-1 > .menu-item-6178 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/10.jpg')
    }
    .menu-level-1 > .menu-item-6130 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/13.jpg')
    }
    .menu-level-1 > .menu-item-6465 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/Untitled design (89).jpg');
        order:2 !important
    }
    .menu-level-1 > .menu-item-7653{
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/7.png')
    }
    .menu-level-1 > .menu-item-1355{
        background-image: url('/user/documents/upload/grafika/ikonky/bf_ico.jpg')
    }
    .menu-level-1 > .menu-item-6621 {
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/Untitled design (90).jpg')
    }
    .default-menu .page-id-6297{
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/13.png')
    }
    .default-menu .page-id-29{
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/14.png')
    }
    /* *menu spec positions* */
    .menu-level-1 > .menu-item-6834{
        order:2 !important;
        background-image: url('/user/documents/upload/grafika/ikonky/menu_photos/Untitled design (89).jpg')
    }
    .menu-level-1 > .menu-item-5111{
        order:3 !important;
        background-image: url('/user/documents/upload/grafika/ikonky/menu_new/13.webp')
    }
    /* hide menu items */
    .navigation-in ul li.appended-category{
        display:none !important
    }
    .navigation-in ul li.menu-item-6621,
    .navigation-in ul li.menu-item-6834{
        display:flex !important
    }
}


/* pokoje */
body.in-miestnosti aside.sidebar{
	display:none;
}
body.in-miestnosti .subcategories li{
	width:20%;
	display:none;
}
body.in-miestnosti .subcategories.visible li{
	display:block;
}
body.in-miestnosti .subcategories li a{
	flex-direction: column;
	padding:0;
	height:unset;
}
body.in-miestnosti .subcategories li a:before{
	content:unset;
}
body.in-miestnosti .subcategories li span.image{
	width:100%;
}
body.in-miestnosti .subcategories li img{
	width:100%;
	max-height:100% !important;
	border-radius:5px;
}
body.in-miestnosti .subcategories li span.text{
	padding:10px 15px;
	width:fit-content;
	background-color:var(--master-color-white);
	position: absolute;
	top:85%;
	font-size:14px;
	font-weight:bold;
	border-radius:3px;
}
body.in-miestnosti #filters-wrapper{
	display:none;
}
@media screen and (max-width: 1149px){
	body.in-miestnosti .subcategories li{
		width:25%;
	}
}
@media screen and (max-width: 991px){
	body.in-miestnosti .subcategories li{
		width:33.333%;
	}
}
@media screen and (max-width: 767px){
    body.in-miestnosti .subcategories{
        overflow:overlay;
        flex-wrap:nowrap
    }
	body.in-miestnosti .subcategories li{
		width:230px;
    }
    body.in-miestnosti .subcategories.with-image li a{
        box-shadow:unset
    }
}
/* shop roku odstranit mobil*/
@media screen and (max-width: 992px){
	a.shoproku-sticky-widget{
	  display:none
	}
}
/* interactive image */
div.interactive-image-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }
  div.image-cover-items{
      position:absolute;
      height:100%;
      width:100%;
  }
  div.image-cover-items ul{
      list-style-type: none;
  }
  div.image-cover-items li{
    position: absolute;
    width: 30px;
    height: 30px;
  }
  
  div.image-cover-items li > a.stl-tooltick{
  
      transform: translateX(-1rem) translateY(-1rem) scale(0.999);
      padding: 0;
      width: 3rem;
      height: 3rem;
      border: 2px solid transparent;
      position: absolute;
      background: rgba(15,15,15, 0.2);
      border-radius: 5px;
      line-height: .5;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 1;
      visibility: visible;
  }
  div.image-cover-items li > a.stl-tooltick:before{
      content: "";
      position: absolute;
      top: -0.5rem;
      bottom: -0.5rem;
      left: -0.5rem;
      right: -0.5rem;
      display: block;
  }
  div.image-cover-items li > a.stl-tooltick:after{
      content: "";
      transition: transform 250ms ease-in-out;
      position: relative;
      display: block;
      background: rgb(255, 255, 255);
      box-shadow: 0 1px 4px rgba(17, 17, 17, 0.55);
      width: 1.25rem;
      height: 1.25rem;
      border-radius: 0px;
  }
  div.image-cover-items li > a.stl-toolbox{
      position: relative;
      opacity: 0;
      visibility: hidden;
      top:-1rem;
      transition:visibility 0.3s linear,opacity 0.3s linear;
      width:fit-content;
      min-width:150px;
      padding:1rem;
      color:#000000;
      display:flex;
      flex-direction:row;
      justify-content: flex-start;
      background-color:#ffffff;
      z-index:1000;
      border-radius:3px;
      padding-left:0;
      box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, .15);
      gap:0.75rem
  }
  div.image-cover-items li:hover > a.stl-toolbox{
      opacity: 1;
      visibility: visible;
      align-items:center;
  }
  div.image-cover-items li > a.stl-toolbox.open-right{
    left: -0.1rem;
    top: -0.1rem;
    width:max-content
  }
  div.image-cover-items li > a.stl-toolbox.open-left{
    right: -0.1rem;
    top: -0.1rem;
    width:max-content
  }
  div.image-cover-items li > a img{
      width:50px;
  }
  div.image-cover-items li > a img.stl-chevron{
    width:25px;
    height:25px
}
  div.image-cover-items li > a span.name{
      font-weight:bold;
      font-size:14px !important;
      color: #16b6b8;
      margin-bottom:0rem;
  }
  div.image-cover-items li > a small{
      color:#3f3f3f;
      font-size:12px;
      text-align:left;
  }
  div.image-cover-items li > div a.btn{
      margin-top:1rem;
      width:fit-content;
      text-decoration:none !important;
      color:#16b6b8;
      border-color:#16b6b8 !important;
      border-radius:5px;
      font-weight:bold
  }
  div.image-cover-items li > div a.btn:hover{
      background-color:#16b6b8 !important;
      border:1px solid #16b6b8 !important;
      color:#ffffff !important;
  }
  @media screen and (max-width: 499px){
      div.image-cover-items li > div p.name{
          font-size:16px !important
      }
      div.image-cover-items li > div small{
          font-size:12px !important
      }
      div.image-cover-items li > div a.btn{
          font-size:16px !important
      }
  }

    /* info line */
    @media screen and (max-width: 767px){
        body:has(div.info-line) .popup-widget.cart-widget,body:has(div.info-line)  .popup-widget.login-widget,body:has(div.info-line)  .popup-widget.search-widget{
            top:100px;
        }
        body:has(div.info-line) #header nav#navigation{
            top:100px;
        }
        div.info-line{
            font-size:12px;
        }
    }
    @media screen and (max-width: 399px){
        div.info-line{
            font-size:10px;
        }
    }

/* custom flag */
div.product-special-flag a.image img{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
div.product-special-flag a.image > span.flag{
	width:100%;
	max-width:100%;
	text-align:center;
	border-top-right-radius:0;
	border-bottom-left-radius:5px;
}