@media (min-width: 1920px) {
  .overall-wrapper {
    padding-bottom: 0px;
    max-width: 1920px;
    margin: 20px auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 50px #00000026;
  }
}
@media (min-width: 992px) {
  #header .header-top .header-top-wrapper .site-name a img,
  #header .header-top .header-top-wrapper h1.site-name a img {
    max-height: 50px;
  }
  #header .header-top .header-top-wrapper .site-name,
  #header .header-top .header-top-wrapper h1.site-name {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .fitted .navigation-in ul {
    justify-content: flex-start;
  }
  #header,
  .top-navigation-bar,
  .navigation-in {
    background-color: #fff;
  }
  .navigation-buttons a {
    height: 46px;
  }
  #header .header-top .header-top-wrapper > div.navigation-buttons {
    top: unset;
    margin-bottom: -46px;
    z-index: 1;
    width: 170px;
  }
  #header .header-top .header-top-wrapper .site-name,
  #header .header-top .header-top-wrapper h1.site-name {
    width: 130px;
  }
  #header .header-top .header-top-wrapper > div.header_info,
  #header .header-top .header-top-wrapper > .header_articles {
    width: calc((100% - 130px) / 2);
    flex: unset;
  }
  #header .header-top .header-top-wrapper > div.navigation-tools {
    display: none;
  }
  .site-msg.information {
    display: none;
  }
  .header_articles {
    display: flex;
    font-size: 12px;
    gap: 24px;
    align-items: center;
    justify-content: flex-end;
  }
  .header_info {
    padding-right: 30px;
  }
  .header_articles {
    padding-left: 30px;
  }
  #header .header-top .header-top-wrapper {
    justify-content: flex-end;
  }
  .header-bottom {
    border-top: solid 1px #e3e3e3;
  }
}

@media (min-width: 992px) {
  .header-bottom {
    max-width: 964px;
    margin: 0 auto;
    padding-right: 170px;
  }
}
@media (min-width: 1200px) {
  .header-bottom {
    max-width: 1170px;
  }
}
@media (min-width: 1440px) {
  .header-bottom {
    max-width: 1712px;
  }
}

.navigation-buttons a[data-target="login"],
.navigation-buttons a[data-target="search"],
.navigation-buttons a[data-target="search"]:hover,
.navigation-buttons a[data-target="login"]:hover {
  background-color: transparent;
}
[class*=" icon-"]:after,
[class^="icon-"]:after {
  display: none;
}

.navigation-buttons a:hover,
.navigation-buttons a[data-target="cart"]:hover,
.navigation-buttons a[data-target="login"]:hover,
.navigation-buttons a[data-target="search"]:hover {
  color: var(--color-secondary-hover);
}

@media (min-width: 1920px) {
  .navigation-in > ul > li.ext > ul {
    align-items: flex-start;
    left: calc(50% + 85px);
    transform: translateX(-50%);
    width: 1920px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {
  .navigation-in > ul > li.exp > ul {
    width: calc(100% + 170px);
  }
}
@media (min-width: 992px) {
  .carousel-wrapper {
    margin-top: -117px;
  }
  html:not(.scrolled) .in-index #header {
    position: relative;
    z-index: 2;
  }
  html:not(.scrolled) .in-index #header:not(:hover),
  html:not(.scrolled) .in-index .top-navigation-bar,
  html:not(.scrolled) .in-index .navigation-in {
    background-color: transparent;
  }
  html:not(.scrolled) .in-index #header:not(:hover) .header_articles,
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    .header_articles
    a:not(:hover),
  html:not(.scrolled) .in-index #header:not(:hover) a:not(:hover),
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    a[data-target="cart"]:not(:hover),
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    a[data-target="search"]:not(:hover),
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    a[data-target="login"]:not(:hover),
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    .navigation-in
    > ul
    > li
    > a:not(:hover),
  html:not(.scrolled) .in-index #header:not(:hover) .header_info {
    color: #fff;
  }
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    .header-top
    .header-top-wrapper
    .site-name
    a
    img {
    filter: invert(1);
    transition: all 0.3s ease;
  }
  .scrolled #header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
    top: -117px;
    transition: all 0.3s ease;
  }
  .scrolled.scrolled-up #header {
    top: 0px;
    transition: all 0.3s ease;
  }
}
.navigation-in > ul > li.exp > a:hover,
.navigation-in > ul > li > a:hover,
.navigation-in > ul > li.exp.ext,
.navigation-in > ul > li.exp > a {
  background-color: transparent !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.navigation-in > ul > li.ext > ul > li > div > a:hover,
.navigation-in > ul > li.ext > ul > li > div > ul > li > a:hover {
  color: var(--color-secondary-hover);
}
.carousel-control.left,
.carousel-control.right {
  display: none;
}
.carousel-inner a {
  position: relative;
}
.carousel .extended-banner-texts {
  min-height: 100%;
  padding: 60px 20px;
  width: 100%;
  left: 0;
  background: transparent;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.content-wrapper {
  background-color: transparent;
}
.banner-category,
.homepage-banners-full-width,
.homepage-latest-contribution-full-width,
.store-rating-full-width {
  background-color: #f8f4eb;
}
#footer,
.footer-rows .rate-wrapper {
  background-color: #222;
  color: #fff;
}
#footer a {
  color: #a9a9a9;
}
#footer .footer-bottom,
#footer .footer-bottom a,
.copyright,
.copyright a {
  color: #505050;
}
#footer a:hover,
#footer .footer-bottom a:hover,
.copyright a:hover {
  color: var(--color-secondary-hover);
}
#footer h4 {
  color: #fff;
}
.footer-bottom,
.footer-bottom-full-width {
  background-color: #1d1d1d;
}
.breadcrumbs {
  background-color: transparent;
  padding: 12px;
}
.products-block > div {
  padding: 30px 3px;
}
.products-block > div .p .image img {
  width: 100%;
}
.blog-wrapper .image + .text {
  background: transparent;
  color: #000;
  position: unset;
  border-radius: 0;
}
.blog-wrapper .news-item .text {
  overflow: unset;
  position: unset;
}
.blog-wrapper .news-item .image img {
  border-radius: 0;
}
.blog-wrapper .image + .text .description,
.blog-wrapper .image + .text .news-heading,
.blog-wrapper .image + .text .title,
.blog-wrapper .image + .text a,
.blog-wrapper .image + .text time {
  color: #000;
}
.blog-wrapper .image + .text:hover {
  background: transparent;
}
.blog-wrapper .news-item .read-article:hover,
.blog-wrapper .news-item .title:hover {
  color: var(--color-secondary-hover);
}
.navigation-in > ul > li.ext > ul > li > div > ul.has-more-items li {
  display: block;
}
.navigation-in
  > ul
  > li.ext
  > ul
  > li
  > div
  > ul.has-more-items
  .more-items-trigger {
  display: none;
}
.navigation-in > ul > li.ext > ul > li > div > ul {
  max-height: unset;
}
#header:hover .navigation-in > ul > li > a:hover,
.navigation-in > ul > li.ext > ul > li > div > a:hover,
.navigation-in > ul > li.ext > ul > li > div > ul > li > a:hover {
  color: var(--color-secondary);
}
.navigation-in > ul > li.ext > ul > li > div > a {
  font-size: 16px;
  font-weight: 500;
}

@media (min-width: 768px) {
.siteCookies--bottom.siteCookies--scrolled, .siteCookies--bottom {
width: auto;
right: unset;
}
}

.siteCookies__form {
border-radius: 0;
box-shadow: none;
flex-direction: column;
max-width: 400px;
padding: 15px;
font-size: 13px;
background-color: #222;
line-height: 1;
margin: 0 0 10px;
}
.siteCookies--bottom {
left: 10px;
margin-left: 0;
width: auto;
right: unset;
width: auto;
}
.siteCookies--bottom.siteCookies--scrolled {
background-color: transparent;
box-shadow: none;
left: 10px;
}
.siteCookies__links {
display: none;
}
.siteCookies__link {
background: none;
border: none;
border-radius: 0;
font-weight: normal;
line-height: 1;
padding: 0;
display: inline;
}
.siteCookies__button {
line-height: 1;
margin: 0 auto;
padding: 10px;
opacity:1;
}
.siteCookies__button:hover {
background-color: var(--color-secondary);
color: #fff;
opacity:1;
}

@media (max-width:767px) {

.siteCookies__form {
max-width: calc(100% - 10px);

}

}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .homepage-group-title.h4 {
  letter-spacing: 2px;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  #header:hover,
  #header:hover .navigation-in ul.menu-level-2 {
    background-color: #ffffffc7;
  }
  body.user-action-visible.search-window-visible:before {display:none;}
  .popup-widget.search-widget form .search-form-input-group {
    max-width: 100%;
    width: 100%;
    padding: 150px 20px 0;
    isolation:isolate;
    position:relative;
  }
  .popup-widget.search-widget form .search-form-input-group:after {
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
    background: #fff;
  }
  .popup-widget.search-widget form .search-form-input-group .search-input {
    border: none;
    border-bottom: solid 2px #000;
    border-radius: 0;
    font-size: 50px;
    color: #000;
    font-weight: 300;
  }
  .popup-widget.search-widget form .search-form-input-group .search-input::placeholder {color:#000;}
  .popup-widget.search-widget form .search-form-input-group .search-input:focus {outline:none;box-shadow:none;}
  #header .header-top .header-top-wrapper>div.user-action {
    position: relative;
    z-index: 100;
  }
  .popup-widget.search-widget form .search-form-input-group .search-button {
    font-size: 28px;
    border-radius: 8px;
    margin: 0 0 0 10px;
  }
  .popup-widget.search-widget .search-widget-close {
    z-index: 10;
  }
}
#carousel .slick-arrow {
  position: absolute;
  top: 50%;
  left: 30px;
  font-size: 0;
  background: 0;
  border: none;
  opacity: 0.75;
  z-index: 10;
  transform: translateY(-50%);
}
#carousel .slick-arrow:hover {
  opacity: 1;
}
#carousel .slick-arrow:after {
  content: "\e90f";
  font-family: shoptet;
  color: #fff;
  font-size: 30px;
}
#carousel .slick-arrow.slick-next {
  right: 30px;
  left: unset;
}
#carousel .slick-arrow.slick-next:after {content: "\e910";}
#carousel .slick-dots {
  margin: -40px 0 0;
  z-index: 10;
  position: relative;
  display: flex !important;
  justify-content: center;
  list-style-type: none;
  padding: 0;
}
#carousel .slick-dots li button {
  font-size: 0;
  background: #fff;
  border: none;
  line-height: 1;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  padding: 0;
  margin: 5px;
  opacity: 0.75;
}
#carousel .slick-dots li button:hover,
#carousel .slick-dots li.active button { opacity: 1;}

.carousel .extended-banner-texts .extended-banner-title, .next-to-carousel-banners .extended-banner-texts .extended-banner-title {
  text-align: center;
  color: #fff;
}
.one-column-body .banner-category>a .extended-banner-texts .extended-banner-title, .one-column-body .homepage-banners-full-width .banner-wrapper>a .extended-banner-texts .extended-banner-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  text-transform: uppercase;
}
.p-detail-full-width #tab-content {
  background: transparent;
  box-shadow: none;
}
.p-detail-full-width {
  padding-top: 0;
  margin-top: 66px;
}
.type-product .shp-tabs-row {
  margin-top: -66px;
}
.responsive-nav .shp-tabs-holder {
  margin-bottom: 0;
  background-color: transparent;
  border: none;
}
.shp-tabs-holder ul.shp-tabs li.shp-tab.active a {
  box-shadow: none;
  background: var(--color-tertiary);
}
.shp-tab-link {
  background-color: transparent;
}
.shp-tabs, .shp-tabs-holder {
  background-color: transparent;
  border: navajowhite;
}
.shp-tabs-holder ul.shp-tabs li.shp-tab a:hover,
.shp-tabs-holder ul.shp-tabs li.shp-tab.active a:hover {
  box-shadow: none;
  background: var(--color-secondary);
  color: #fff;
}
.breadcrumbs {
  background-color: transparent;
  padding: 32px 12px;
}
:where(.ums_discussion_rating_forms--on) .discussionContainer form {
  max-width: 800px;
  width: 100%;
}
#discussionWrapper, #description {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
#content .shp-tabs-row .shp-tabs-holder ul.shp-tabs {
  margin: 0 auto;
}
@media (min-width: 992px) {
  html:not(.scrolled) .in-index #header:not(:hover) {
    background: #00000030;
  }
  .scrolled.scrolled-up #header:hover {
    background-color: #fff;
  }
}

/* --- ZPRÁVNÉ OPRAVENÉ VYCENTROVÁNÍ BANNERŮ A CTA TLAČÍTEK --- */
#carousel .slick-slide > a,
.carousel .banner-wrapper > a {
  position: relative !important;
  display: block !important;
  width: 100%;
}

#carousel .extended-banner-texts,
.carousel .extended-banner-texts {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 90% !important;
  max-width: 800px !important;
  z-index: 5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#carousel .extended-banner-title,
.carousel .extended-banner-title {
  display: block !important;
  color: #ffffff !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

#carousel .extended-banner-link,
.carousel .extended-banner-link {
  display: inline-block !important;
  background-color: #2b4d34 !important; /* Zelená barva */
  color: #ffffff !important;
  padding: 14px 32px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
  width: auto !important;
}

#carousel .extended-banner-link:hover,
.carousel .extended-banner-link:hover {
  background-color: #c09653 !important; /* Zlatá barva při najetí */
  color: #ffffff !important;
}

/* RESPONZIVITA PRO TABLET A MOBIL */
#carousel .slick-slide img,
.carousel .banner-wrapper img {
  width: 100% !important;
  display: block !important;
}

@media (max-width: 991px) {
  #carousel .extended-banner-title,
  .carousel .extended-banner-title {
    font-size: 24px !important;
    margin-bottom: 15px !important;
  }
  #carousel .extended-banner-link,
  .carousel .extended-banner-link {
    padding: 10px 24px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 767px) {
  #carousel .slick-slide img,
  .carousel .banner-wrapper img {
    height: 420px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  #carousel .extended-banner-texts,
  .carousel .extended-banner-texts {
    top: 60% !important;
    width: 95% !important;
  }
  #carousel .extended-banner-title,
  .carousel .extended-banner-title {
    font-size: 18px !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
  }
  #carousel .extended-banner-link,
  .carousel .extended-banner-link {
    padding: 8px 18px !important;
    font-size: 11px !important;
  }
  #carousel .slick-dots {
    margin: -25px 0 0 !important;
  }
  #carousel .slick-arrow {
    display: none !important;
  }
}