/*shoptet fix*/
@media (-webkit-transform-3d), (transform-3d) {
  .carousel-inner > .item {
    perspective: none !important;
  }

  .carousel-inner > .item.active.right,
  .carousel-inner > .item.next {
    left: 0;
    transform: none !important;
  }

  .carousel-inner > .item.active.left,
  .carousel-inner > .item.prev {
    left: 0;
    transform: none !important;
  }

  .carousel-inner > .item.active,
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right {
    left: 0;
    transform: none !important;
  }

  .homepage-latest-contribution-full-width {
    display: none !important;
  }
}

/*redesign menu*/

.custom-header-ilustration-link {
  display: none;
  max-width: 58.4rem;
}

.custom-header-ilustration-link img {
  max-width: 58.4rem;
}

.mobile-header-ilustration {
  width: 100%;
  height: auto;
  transform: translateY(1.8rem);
  position: relative;
  display: block;
}

@media (min-width: 1200px) {
  .custom-header-ilustration-link {
    display: block;
    position: relative;
    transform: translateY(0.5rem);
  }

  .header-top .container {
    max-width: 120rem;
    padding: 0;
  }
  #header .header-top .header-top-wrapper {
    justify-content: space-between;
    height: 23.5rem;
  }
  .navigation-tools {
    order: 2;
  }

  #header .header-top .header-top-wrapper h1.site-name,
  #header .header-top .header-top-wrapper .site-name {
    text-align: left;
    width: 26% !important;
    display: flex;
    align-items: center;
  }

  #header .header-top {
    min-height: 23.5rem;
  }

  .header-top .navigation-buttons {
    width: 24% !important;
  }

  #navigation.visible {
    max-width: 120rem !important;
  }

  .navigation-in ul {
    max-width: 120rem !important;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.06);
    padding: 3rem;
    border-radius: 2rem;
    border: 1px solid var(--light-beige);
  }

  .navigation-in {
    font-size: 2rem;
  }


  /*zde vložit breadcrums*/
  .breadcrumbs {
    margin-top: 6rem;
  }
}

@media (min-width: 768px) {
  .mobile-header-ilustration {
    display: none;
  }

  .breadcrumbs {
    margin-top: 8rem;
  }

  li.menu-item-1805 a[href="/black-friday/"] {
    background-color: black;
    color: white;
  }
}

@media (min-width: 1024px) {
  .navigation-in > ul > li.ext.exp > a {
    margin-left: none !important;
    margin-right: none !important;
    padding-left: none !important;
    padding-right: none !important;
  }

  .navigation-in > ul > li > a:hover {
    background-color: #cebaa4;
    border: none !important;
    margin-left: none !important;
    margin-right: none !important;
    padding-left: none !important;
    padding-right: none !important;
  }
  .carousel-wrapper {
    margin-top: 10rem;
  }
  .menu-helper.visible {
    display: none;
  }
  #navigation {
    overflow: visible;
    height: 6.6rem;
  }

  #navigation.visible {
    max-width: 90rem;
    margin: 0 auto;
  }
  .navigation-in ul {
    max-width: 90rem;
    justify-content: center;
  }
  .navigation-in ul li.splitted {
    visibility: visible;
  }

  .navigation-in ul li a {
    padding: 1.2rem;
    border-radius: 1rem;
    text-transform: none;
  }

  .navigation-in {
    font-size: 1.8rem;
  }

  .navigation-in > ul > li {
    border: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .navigation-in > ul > li.ext.exp > a {
    margin-left: none !important;
    margin-right: none !important;
    padding-left: none !important;
    padding-right: none !important;
  }

  .navigation-in > ul > li > a:hover {
    background-color: #cebaa4;
    border: none !important;
    margin-left: none !important;
    margin-right: none !important;
    padding-left: none !important;
    padding-right: none !important;
  }
  .carousel-wrapper {
    margin-top: 10rem;
  }
  .menu-helper.visible {
    display: none;
  }
  #navigation {
    overflow: visible;
    height: 3.6rem;
  }

  #navigation.visible {
    max-width: 70rem;
    margin: 0 auto;
  }
  .navigation-in ul {
    max-width: 70rem;
    justify-content: center;
  }
  .navigation-in ul li.splitted {
    visibility: visible;
  }

  .navigation-in ul li a {
    padding: 1.2rem;
    border-radius: 1rem;
    text-transform: none;
  }

  .navigation-in {
    font-size: 1.8rem;
  }
  .navigation-in > ul > li {
    border: none;
  }
}
