g:root {
  /* =========================
     Backgrounds
     ========================= */

  --bg: #f2e7e4;
  --bg-white: #ffffff;
  --bg-black: #09090f;

  --bg-pink: #f6e5e5;
  --bg-green: #cae3a1;
  --bg-blue: #e1f4ff;
  --bg-yellow: #f4dda6;
  --bg-purple: #e0d2e2;

  /* =========================
     Brand colors
     ========================= */

  --color-green: #87da66;
  --color-green-dark: #278004;

  --color-blue: #4091be;
  --color-blue-dark: #1d5879;

  --color-pink: #f6e5e5;
  --color-yellow: #f4dda6;
  --color-purple: #e0d2e2;
  --color-light-blue: #e1f4ff;
  --color-light-green: #cae3a1;

  /* =========================
     Text
     ========================= */

  --text-primary: #09090f;
  --text-secondary: #726d6b;
  --text-muted: #a59c94;
  --text-white: #ffffff;

  /* =========================
     UI / Borders
     ========================= */

  --border: #ddd6d8;
  --border-dark: #c2bdbe;

  /* =========================
     Status colors
     ========================= */

  --color-success: #278004;
  --color-success-light: #cae3a1;

  --color-info: #4091be;
  --color-info-light: #e1f4ff;

  --color-warning: #edb242;
  --color-warning-light: #f4dda6;

  --color-error: #d94657;
  --color-error-light: #f6e5e5;

  /* =========================
     Typography
     ========================= */

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}

/* =========================
     TYPOGRAPHY
     ========================= */

@font-face {
    font-family: 'Proxima Nova';
    src: url('/user/documents/tvujBrand/fonts/Proxima Nova Regular.ttf') format('truetype');
}     

h1, .h1 {
  font-family: "Rubik", sans-serif !important;
  font-weight: var(--font-weight-medium);
  font-size: 2.25rem;
}

h2, .h2 {
  font-family: "Rubik", sans-serif !important;
  font-weight: var(--font-weight-medium);
  font-size: 1.875rem;
}

h3, .h3 {
  font-family: "Rubik", sans-serif !important;
  font-weight: var(--font-weight-bold);
  font-size: 1.5rem;
  font-weight: 700;
}

h4, .h4 {
  font-family: "Rubik", sans-serif !important;
  font-weight: var(--font-weight-medium);
  font-size: 	1.125rem;
}

html, p, a, ul, li {
  font-family: "Rubik", sans-serif !important;
  font-weight: var(--font-weight-regular);
  font-size: 1rem;
}

.description {
  font-family: "Rubik", sans-serif !important;
  font-weight: var(--font-weight-regular);
  font-size: 0.8125rem;
}

/* =========================
     BUTTONS
     ========================= */

.btn:not(.cart-count), a.btn:not(.cart-count) {
  font-family: Rubik !important;
  line-height: unset !important;
}

.btn, .custom-empty-cart-button, .cookiesSetting__button--green,
.cookiesSetting__button[data-testid="cookiesConfirmSelection"], .siteCookies__button[data-testid="buttonCookiesReject"], .siteCookies__button[data-testid="buttonCookiesAccept"],
.do-obchodu .next-step-back.colorbox-close, .login-widget .form-group.submit-wrapper .btn, #login .tb-login-benefits .btn, .tb-cart-delete-keep,
.tb-cart-delete-confirm, .tb-instagram-button, .search-whisperer-document.whisperer-trigger,
.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-main .luigi-ac-rest-main .luigi-ac-button-block--show-all .luigi-ac-button,
.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-main .luigi-ac-first-main .luigi-ac-item .luigi-ac-heromobile-action-for-desktop .luigi-ac-button-action {
  display: inline-flex;
  padding: 12px 30px !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 63px !important;
  transition: .25s ease-out;
  border: 1px solid;
  line-height: unset !important;
}

.btn span, .btn, .custom-empty-cart-button, .cookiesSetting__button--green,
.cookiesSetting__button[data-testid="cookiesConfirmSelection"], .siteCookies__button[data-testid="buttonCookiesReject"], .siteCookies__button[data-testid="buttonCookiesAccept"],
.do-obchodu .next-step-back.colorbox-close, .login-widget .form-group.submit-wrapper .btn, #login .tb-login-benefits .btn, .tb-cart-delete-keep,
.tb-cart-delete-confirm, .tb-instagram-button, .search-whisperer-document.whisperer-trigger,
.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-main .luigi-ac-rest-main .luigi-ac-button-block--show-all .luigi-ac-button,
.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-main .luigi-ac-first-main .luigi-ac-item .luigi-ac-heromobile-action-for-desktop .luigi-ac-button-action {
  color: var(--UI-Buttons-Conversion-Text, #040811) !important;
  /* Paragraph */
  font-family: Rubik !important;
  font-size: var(--FontSize-Paragraph, 1rem) !important;
  font-style: normal;
  font-weight: 700;
  line-height: 150% !important; /* 24px */
  letter-spacing: -0.16px !important;
  text-transform: initial !important;
  text-decoration: unset !important;
}

.btn-cart.add-to-cart-button, .btn.btn-conversion, .custom-empty-cart-button,
.cookiesSetting__button--green, .siteCookies__button[data-testid="buttonCookiesAccept"], #login .tb-login-benefits .btn, .tb-cart-delete-keep,
.search-whisperer-document.whisperer-trigger,
.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-main .luigi-ac-rest-main .luigi-ac-button-block--show-all .luigi-ac-button,
.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-main .luigi-ac-first-main .luigi-ac-item .luigi-ac-heromobile-action-for-desktop .luigi-ac-button-action {
  background: var(--UI-Buttons-Conversion-Background, #87DB66) !important;
  border-color: var(--UI-Buttons-Conversion-Background, #87DB66) !important;
}

.btn-cart.add-to-cart-button span {
  color: #040811 !important;
}

.btn.btn-conversion, .custom-empty-cart-button {
  color: #040811 !important;
}

.btn-cart.add-to-cart-button:hover, .btn.btn-conversion:hover, .custom-empty-cart-button:hover,
.btn.tb-order-back:hover, .cookiesSetting__button--green:hover, .siteCookies__button[data-testid="buttonCookiesAccept"]:hover, #login .tb-login-benefits .btn:hover,
.tb-cart-delete-keep:hover, .advanced-order .products-block .btn:hover, .product:hover .btn-cart.add-to-cart-button, .search-whisperer-document.whisperer-trigger:hover,
.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-main .luigi-ac-rest-main .luigi-ac-button-block--show-all .luigi-ac-button:hover,
.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-main .luigi-ac-first-main .luigi-ac-item .luigi-ac-heromobile-action-for-desktop .luigi-ac-button-action:hover {
  background: var(--UI-Buttons-Conversion-Hover-Background, #278003) !important;
  border-color: var(--UI-Buttons-Conversion-Hover-Background, #278003) !important;
}

.btn-cart.add-to-cart-button:hover span,
.product:hover .btn-cart.add-to-cart-button span {
  color: #FFFFFF !important;
}

.btn.btn-conversion:hover, .custom-empty-cart-button:hover, .tb-instagram-button {
  color: #FFFFFF !important;
}

.btn.loadMore__button, #formNewsletterWidget .btn, .login-widget .form-group.submit-wrapper .btn, .tb-instagram-button {
background: var(--UI-Buttons-Primary-Background, #3F91BF) !important;
border-color: var(--UI-Buttons-Primary-Background, #3F91BF) !important;
}

.btn.loadMore__button:hover, #formNewsletterWidget .btn:hover, .login-widget .form-group.submit-wrapper .btn:hover, .tb-instagram-button:hover {
background: var(--UI-Buttons-Primary-Hover-Background, #1C5778) !important;
border-color: var(--UI-Buttons-Primary-Hover-Background, #1C5778) !important;
}

.btn.loadMore__button, #formNewsletterWidget .btn, .login-widget .form-group.submit-wrapper .btn,
.advanced-order .products-block .btn:hover span {
  color: #FFFFFF !important;
}

.btn.tb-order-back, .advanced-order .products-block .btn {
  background: unset !important;
  border: 1px solid var(--UI-Buttons-Conversion-Hover-Background, #278003) !important;
  color: var(--UI-Buttons-Conversion-Hover-Background, #278003) !important;
}

.btn.tb-order-back:hover {
  color: #040811 !important;
}

.cookiesSetting__button[data-testid="cookiesConfirmSelection"], .siteCookies__button[data-testid="buttonCookiesReject"] {
background: #FFFFFF !important;
border-color: var(--UI-Paragraph, #040811) !important;
}

.cookiesSetting__button[data-testid="cookiesConfirmSelection"]:hover, .siteCookies__button[data-testid="buttonCookiesReject"]:hover {
background: var(--UI-Paragraph, #040811) !important;
border-color: var(--UI-Paragraph, #040811) !important;
color: #FFFFFF !important;
}

.do-obchodu .next-step-back.colorbox-close {
  background: #FFFFFF !important;
border-color: var(--UI-Buttons-Primary-Background, #3F91BF) !important;
color: var(--UI-Buttons-Primary-Hover-Background, #1C5778) !important;
text-decoration: unset !important;
}

.do-obchodu .next-step-back.colorbox-close:hover {
background: var(--UI-Buttons-Primary-Hover-Background, #1C5778) !important;
border-color: var(--UI-Buttons-Primary-Hover-Background, #1C5778) !important;
  color: #FFFFFF !important;
}

.tb-cart-delete-confirm {
  background: unset !important;
  border: 1px solid var(--UI-Sale, #CD4139) !important;
  color: var(--UI-Sale, #CD4139) !important;
}

.tb-cart-delete-confirm:hover {
  background: var(--UI-Sale, #CD4139) !important;
  border: 1px solid var(--UI-Sale, #CD4139) !important;
  color: #FFFFFF !important;
}

.advanced-order .products-block .btn span {
  color: var(--UI-Buttons-Conversion-Hover-Background, #278003) !important;
}

/* =========================
     GLOBAL
     ========================= */

html {
  scroll-behavior: smooth;
}

.container {
  @media only screen and (min-width: 1440px) {
      width: 1400px;
  }

  @media only screen and (min-width: 1640px) {
      width: 1440px;
  }
}

.container.footer-bottom {
  @media only screen and (min-width: 1440px) {
      width: 1440px;
  }
}

.overall-wrapper,
.content-wrapper-in,
.benefitBanner,
.homepage-group-title,
.products-block,
.welcome-wrapper,
.type-category .content-wrapper.container,
.type-detail .content-wrapper.container,
.content-wrapper.container {
  background: var(--Brand-Snow, #FBF5F3);
}     

.content-wrapper.container {
  @media only screen and (max-width: 767px) {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.in-index .content-wrapper.container {
  @media only screen and (max-width: 767px) {
    padding-top: 24px !important;
  }
}

.homepage-group-title {
color: var(--UI-Paragraph, #040811);
margin-top: 64px;

/* H2 */
font-family: Rubik !important;
font-size: var(--FontSize-H2, 36px) !important;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 45px */
letter-spacing: -0.36px;
}

.submenu-visible:not(.menu-helper-visible)::before,
.empty-cart-hover-visible::before, .cart-window-visible::before,
.login-window-visible::before,
.tb-cart-delete-overlay {
  background: rgba(0, 0, 0, 0.25);
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}

.homepage-box {
  margin: 0 !important;
}

.slick-dots li {
  width: 14px !important;
    height: 14px !important;
    border-radius: 8px;
}

.slick-dots li.slick-active button {
  width: 14px !important;
    height: 14px !important;
}

.slick-dots li button {
opacity: 0.2;
background-color: #946759 !important;
}

.slick-dots li.slick-active button {  
    background-color: var(--UI-Paragraph, #040811) !important;
    opacity: 1;
}

.nowrap {
  @media only screen and (max-width: 767px) {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

/* =========================
     BREADCRUMBS
     ========================= */

.container.breadcrumbs-wrapper {
  background-color: unset;
  margin-bottom: 0;
}

.breadcrumbs {
    color: var(--UI-Description, #70615A);
}    

.navigation-home-icon-wrapper #navigation-first a.navigation-home-icon {

}

.breadcrumbs>span>a, .breadcrumbs>span>span, .breadcrumbs>span a[itemprop="name"], .breadcrumbs>span>span[itemprop="name"] {
  color: var(--UI-Description, #70615A);
    font-family: Rubik !important;
    font-size: var(--FontSize-Description, 13px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 150%;
    letter-spacing: -0.13px;
        padding: 24px 10px;
}

.breadcrumbs>span>a::after {
  font-size: 6px;
}

/* =========================
     HOMEPAGE
     ========================= */

/* =========================
     HOMEPAGE - Hero Carousel
     ========================= */

.wide-carousel, .row.banners-row > div.col-sm-8,
.content-wrapper.container .row>div {
  @media only screen and (max-width: 767px) {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}    
     
.col-sm-8 #carousel .carousel-inner {
  border-radius: 24px;

  @media only screen and (max-width: 767px) {
      min-height: unset !important;
      max-height: 405px;
  }
}     

.col-sm-8 #carousel .carousel-inner .item {
  height: 405px;
  align-self: stretch;
  border-radius: 24px;
}          

.col-sm-8 #carousel .carousel-inner .item a img {
  width: 1113.893px;
  height: 421.697px;
  aspect-ratio: 140 / 53;
}       

.col-sm-8 #carousel .carousel-inner .item img {
  @media only screen and (max-width: 767px) {
    width: 364.812px;
    height: 486.507px;
  }
}  

.col-sm-8 #carousel .carousel-inner .item .extended-banner-texts {
  left: unset;
  right: unset;
  top: unset;
  bottom: 0;
  background-color: unset;
  opacity: 1;

   @media only screen and (min-width: 768px) {
    left: 13%;
    right: unset;
    top: unset;
    bottom: 18%;
  }
}

.col-sm-8 #carousel .carousel-inner .item .extended-banner-link {
  position: relative;
  right: unset;
  height: unset;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
  top: unset;

  display: inline-flex;
  padding: 12px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 63px;
  background: var(--UI-Buttons-Conversion-Background, #87DB66);
  color: var(--UI-Buttons-Conversion-Text, #040811);
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.16px;
  transition: .25s ease-out;

  @media only screen and (min-width: 768px) {
    width: unset;
    left: unset;
    transform: unset;
    bottom: unset;
    top: unset;
    position: absolute;
  }
}

.col-sm-8 #carousel .carousel-inner .item .extended-banner-link:hover {
    background: var(--UI-Buttons-Conversion-Hover-Background, #278003) !important;
  border-color: var(--UI-Buttons-Conversion-Hover-Background, #278003) !important;
}

.col-sm-4 .next-to-carousel-banners .banner-wrapper a {
  display: flex;
}     

.col-sm-4 .next-to-carousel-banners .banner-wrapper a img {
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 24px;
  width: 465.349px;
  height: 199.4px;
  aspect-ratio: 465.35/199.40;
}    

.carousel-control {
  top: 53%;
}

.carousel-control.left,
.carousel-control.right,
.slick-prev.slick-arrow,
.slick-next.slick-arrow,
#latest-reviews-ajax .reviews-slider-arrow,
#cboxPrevious, #cboxNext {
    display: flex;
    width: 55px !important;
    height: 55px !important;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 32px;
    border: 1px solid #D0B1A8;
    background: rgba(255, 255, 255, 0.90);
    transition: .25s ease-out;
    z-index: 4 !important;
}

.carousel-control.left {
  left: 1.5%;

  @media only screen and (min-width: 1024px) {
    left: -1.5%;
  }
}

.carousel-control.right {
  right: 1.5%;

  @media only screen and (min-width: 1024px) {
    /*right: 21.5%;*/
    right: -1.5%;
  }
}

.slick-prev.slick-arrow, #cboxPrevious {
  left: 2% !important;
  display: none;
  top: 50% !important;
  transform: translateY(-50%);

  @media only screen and (min-width: 768px) and (max-width: 1599px) {
    left: 0 !important;
    display: block;
    top: 45% !important;
  }

  @media only screen and (min-width: 1600px) {
    left: -6% !important;
    display: block;
  }
}

.slick-next.slick-arrow, #cboxNext {
  right: 2% !important;
  top: 50% !important;
  transform: translateY(-50%);

  @media only screen and (min-width: 768px) and (max-width: 1599px) {
    right: 0 !important;
    display: block;
    top: 45% !important;
  }

  @media only screen and (min-width: 1600px) {
    right: -6% !important;
  }
}

.carousel-control.left::before,
.slick-prev.slick-arrow:before,
.carousel-control.right::before,
.slick-next.slick-arrow:before,
#latest-reviews-ajax .reviews-slider-arrow:before,
#cboxPrevious::before, #cboxNext::before {
    content: "" !important;
    display: block;
    width: 30px;
    height: 22px;
    flex: 0 0 30px;
    transform: unset;
    background: url('/user/documents/tvujBrand/img/icons/carousel-arrow-black.png') center / contain no-repeat !important;
}

.slick-prev:before {
  margin-left: -6px;
}

.slick-next:before {
  margin-right: -13px;
}

.carousel-control.right:before,
.slick-next.slick-arrow:before,
#cboxNext::before {
  transform: rotate(-180deg) !important;
}

#latest-reviews-ajax .reviews-slider-arrow.reviews-slider-next:before {
 transform: rotate(180deg) !important;
}

.carousel-control.left:hover,
.slick-prev.slick-arrow:hover,
.carousel-control.right:hover,
.slick-next.slick-arrow:hover,
#latest-reviews-ajax .reviews-slider-arrow:hover,
#cboxPrevious:hover, #cboxNext:hover {
  background: var(--UI-Description, #70615A) !important;
  border: 1px solid #70615A;
}

.carousel-control.left:hover:before,
.slick-prev.slick-arrow:hover:before,
.carousel-control.right:hover:before,
.slick-next.slick-arrow:hover:before,
#latest-reviews-ajax .reviews-slider-arrow:hover:before,
#cboxPrevious:hover:before, #cboxNext:hover:before  {
  background: url('/user/documents/tvujBrand/img/icons/carousel-arrow-white.png') center / contain no-repeat !important;
}

#cboxPrevious {
  left: 2% !important;
}

#cboxPrevious::before, #cboxNext::before {
  margin-top: -11px;
}

/* =========================
     HOMEPAGE - Benefits
     ========================= */

#content .benefitBanner, .type-category .benefitBanner, .type-detail .benefitBanner {
  @media only screen and (max-width: 1023px) {
    padding: 64px 16px !important
  }
}

.benefitBanner__heading {
  @media only screen and (max-width: 1023px) {
    color: var(--UI-Paragraph, #0E090A);
text-align: center;

/* H3 */
font-family: Rubik;
font-size: var(--FontSize-H3, 24px) !important;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 30px */
letter-spacing: -0.24px;
position: relative;
  }
}

.benefitBanner__heading:before {
    content: "" !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  aspect-ratio: 1 / 1;
  transform: unset;
  background: url(/user/documents/tvujBrand/img/icons/yellow-blob-bottom.png) center / contain no-repeat;
  border: unset;
  margin-bottom: -30px;
  margin-right: 5px;
  vertical-align: middle;
}

.benefitBanner__heading:after {
    content: "" !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  aspect-ratio: 1 / 1;
  transform: unset;
  background: url(/user/documents/tvujBrand/img/icons/yellow-blob-top.png) center / contain no-repeat;
  border: unset;
  margin-top: -30px;
  margin-left: 5px;
  vertical-align: middle;


  @media only screen and (max-width: 768px) {
    margin-top: 0;
  }
}

.benefitBanner__item {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
}

.benefitBanner.position--benefitHomepage .benefitBanner__item {
  @media only screen and (max-width: 768px) {
    flex: 1 1 100% !important;
  }

  @media only screen and (min-width: 769px) and (max-width: 1023px) {
    flex: 1 1 50% !important;
  }
}

.type-detail .benefitBanner.position--benefitProduct {
  @media only screen and (max-width: 1023px) {
    padding: 48px 16px !important;
  }
}

.type-detail .benefitBanner__item {
  @media only screen and (min-width: 1024px) {
    flex: 1 1 20% !important;
  }
}

.benefitBanner__item .benefitBanner__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}

.benefitBanner__item .benefitBanner__title {
  color: var(--UI-Paragraph, #0E090A);
  /* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  margin-bottom: 0;
}

.benefitBanner__item .benefitBanner__data {
  color: var(--UI-Description, #70615A);

  /* Description */
  font-family: Rubik;
  font-size: var(--FontSize-Description, 0.813rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.13px;
}

.benefitBanner__item .benefitBanner__picture {
  width: 82.704px;
  height: 81.437px;
  flex: 0 0 82.704px;
  max-width: unset;
  margin-right: 0;
}



.benefitBanner {
padding: 64px 0 !important;
    border: unset !important;
}

.benefitBanner.position--benefitHomepage {
    display: flex;
    flex-wrap: wrap;
}

.benefitBanner__heading {
  width: 100%;
      flex: 0 0 100%;
      text-align: center;
      margin-bottom: 24px;
      color: var(--UI-Paragraph, #0E090A);
  text-align: center;

  /* H3 */
  font-family: Rubik;
  font-size: var(--FontSize-H3, 27px);
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 33.75px */
  letter-spacing: -0.27px;
}

.benefitBanner.position--benefitHomepage .benefitBanner__item {
  flex: 1 1 25%;
}


.homepage-group-title.homepage-products-heading-1.h4 {
  margin-bottom: 0;
}

/* =========================
     FOOTER
     ========================= */

#footer {
  background: #EEE6E4;
}

.footer-bottom {
  background: #fff;
  position: relative;
  border: unset;

  @media only screen and (min-width: 1024px) and (max-width: 1599px) {
    width: 100vw !important;
    padding-left: 50px;
    padding-right: 50px;
  }
}

.footer-bottom span {
  z-index: 1;
}

.custom-footer {
  padding: 0;
}

.custom-footer>div:not(.contact) {
  padding-bottom: 0;
  padding: 0;
  border: unset !important;
}

.container.footer-rows, .custom-footer__banner1, .kids-footer-main {
  max-width: 1440px;
  width: 100% !important;

  @media only screen and (max-width: 1599px) {
    padding: 0 16px;
    max-width: 1400px;
  }
}

.kids-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;

  @media only screen and (max-width: 1023px) {
    padding: 0 16px;
  }
}

.kids-footer-container {
  display: flex;
  max-width: var(--MaxWidth, 1440px);
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  margin: 0 0 32px;
  flex-direction: column;
  gap: 0;


  @media only screen and (min-width: 1024px) {
    flex-direction: row;
    gap: unset;
    margin: 0 0 64px;
  }
}

.kids-footer-meta-item {
  margin: auto;
}

.kids-footer-column {
  display: flex;
  width: 250px;
  flex-direction: column;
  align-items: flex-start;

  @media only screen and (max-width: 1023px) {
    width: 100%;
  }
}

.kids-footer-column h3 {
  color: var(--UI-Paragraph, #0E090A);
  /* H3 */
  font-family: Rubik;
  font-size: var(--FontSize-H3, 1.5rem) !important;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: -0.24px;
  margin-bottom: 0 !important;
  position: unset;

  @media only screen and (max-width: 1023px) {
    font-size: var(--FontSize-H3, 24px);
    padding: 12px 0;
    width: 100%;
  }
}

.kids-footer-column ul {
  margin: 0;
}

.kids-footer-column ul li {
  display: flex;
  padding: 6px 0;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}

.kids-footer-column ul li:before {
  display: none;
}

.kids-footer-column ul li a {
  flex: 1 0 0;
  color: var(--UI-Paragraph, #0E090A);
  /* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}

.kids-footer-contact {
  @media only screen and (max-width: 1023px) {
    width: 100%;
  }
}

.kids-footer-contact .kids-footer-contact-person {
  display: flex;
  padding-right: 8px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  margin-bottom: 24px;

  @media only screen and (max-width: 1023px) {
    padding-top: 12px;
  }
}

.kids-footer-contact .kids-footer-contact-person .kids-footer-contact-photo-wrapper {
    position: relative;
    margin-bottom: auto;
}

.kids-footer-contact .kids-footer-contact-person img {
  width: 47.915px;
  height: 47.915px;
  border-radius: 47.849px;
  margin-bottom: auto;
}

.kids-footer-contact .kids-footer-contact-person div {
  display: flex;
  /*width: 214px;*/
  /*height: 58px;*/
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.kids-footer-contact .kids-footer-contact-person div strong {
  color: var(--UI-Paragraph, #0E090A);
  font-family: "Figtree", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  flex: 1 0 0;
}

.kids-footer-contact .kids-footer-contact-person div span {
  color: var(--UI-Paragraph, #0E090A);
  align-self: stretch;
  /* Description */
  font-family: "Proxima Nova" !important;
  font-size: var(--FontSize-Description, 0.813rem);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 19.5px */
  margin-bottom: 8px;
}

.kids-footer-contact .kids-footer-phone, .kids-footer-contact .kids-footer-email {
  color: var(--UI-Paragraph, #0E090A);
  /* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: 25%; /* 4px */
  text-underline-position: from-font;
  transition: .25s ease-out;
}

.kids-footer-contact .kids-footer-phone:hover, .kids-footer-contact .kids-footer-email:hover {
  text-decoration: unset;
}

.kids-footer-phone:before, .kids-footer-email:before {
    content: "" !important;
    display: inline-block;
    width: 14.912px;
    height: 16px;
    flex: 0 0 14.912px;
    aspect-ratio: 1 / 1;
    transform: unset;
    background: url(/user/documents/tvujBrand/img/icons/phone.png) center / contain no-repeat;
    border: unset;
    margin-left: 0;
    vertical-align: middle;
}

.kids-footer-email:before {
  background: url(/user/documents/tvujBrand/img/icons/email-footer.png) center / contain no-repeat;
  width: 18px !important;
}

.kids-footer-contact .kids-footer-opening, .kids-footer-contact .kids-footer-email-note {
  color: var(--UI-Description, #70615A);
  /* Description */
  font-family: Rubik;
  font-size: var(--FontSize-Description, 0.813rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.13px;
  margin-bottom: 8px;
}

.kids-footer-contact .kids-footer-social-title {
  color: var(--UI-Paragraph, #0E090A);
  text-align: center;
  align-self: stretch;
  /* Paragraph */
  font-family: "Proxima Nova" !important;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  margin-bottom: 8px;
}

.kids-footer-contact .kids-footer-social {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

.kids-footer-contact .kids-footer-social a {
  width: 34px;
  height: 34px;
}


.kids-footer-meta-item h4 {
  color: var(--UI-Paragraph, #0E090A);
  /* Paragraph */
  font-family: "Proxima Nova" !important;
  font-size: var(--FontSize-Paragraph, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  margin-bottom: 0;
  text-align: center;

  @media only screen and (min-width: 1024px) {
    text-align: left;
  }
}

.kids-footer-meta-item h4:after {
  display: none;
}


.kids-footer-meta-item .kids-footer-logos {
  display: flex;
  align-items: center;
  gap: 16px;

  @media only screen and (max-width: 1023px) {
    flex-wrap: wrap;
    gap: 10px;
  }
}

.kids-footer-meta-item:nth-of-type(1) .kids-footer-logos img:nth-of-type(1) {
  width: 91px;
  height: 20px;
}

.kids-footer-meta-item:nth-of-type(1) .kids-footer-logos img:nth-of-type(2) {
  width: 92px;
height: 21px;
}

.kids-footer-meta-item:nth-of-type(1) .kids-footer-logos img:nth-of-type(3) {
    width: 100px;
    height: 14px;
}

.kids-footer-meta-item:nth-of-type(1) .kids-footer-logos img:nth-of-type(4) {
  width: auto;
  height: 30px;
}

/*.kids-footer-meta-item:nth-of-type(2) .kids-footer-logos img {
  @media only screen and (max-width: 1023px) {
    flex: 0 0 20%;
  }
}*/

.kids-footer-meta-item:nth-of-type(2) .kids-footer-logos img:nth-of-type(1),
.kids-footer-meta-item:nth-of-type(2) .kids-footer-logos img:nth-of-type(2) {
width: 43px;
height: 27px;
aspect-ratio: 43/27;
}

.kids-footer-meta-item:nth-of-type(2) .kids-footer-logos img:nth-of-type(3) {
width: 44px;
height: 28px;
aspect-ratio: 11/7;
}

.kids-footer-meta-item:nth-of-type(2) .kids-footer-logos img:nth-of-type(4) {
width: 42px;
height: 28px;
aspect-ratio: 3/2;
}

.kids-footer-meta-item:nth-of-type(2) .kids-footer-logos img:nth-of-type(5) {
width: 26px;
height: 26px;
aspect-ratio: 1/1;
}

.kids-footer-meta-item:nth-of-type(2) .kids-footer-logos img:nth-of-type(6) {
width: 76px;
height: 18px;
}

.kids-footer-meta-item:nth-of-type(2) .kids-footer-logos img:nth-of-type(7) {
width: 47px;
height: 21px;
}

.kids-footer-meta-item .kids-footer-logos img {
  /*width: 91px;*/
  height: 20px;

  @media only screen and (max-width: 1023px) {
    flex: unset;
    width: auto;
  }
}

.kids-footer-logos {
    display: flex;
    justify-content: center;
    
  @media only screen and (max-width: 767px) {
    flex-wrap: wrap;
  }
}

/* poslední řádek – 2 položky */
.kids-footer-logos img:nth-child(6) {
  @media only screen and (max-width: 767px) {
    margin-left: 20%;
  }
}

.kids-footer-certificates-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.kids-footer-ratings {
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: center;
gap: 16px;
margin: auto 0;
margin-top: 42px;
width: 100%;
gap: 12px;

 @media only screen and (min-width: 1024px) {
    flex-direction: row;
    margin: auto 0;
    width: unset;
  }
}


.kids-footer-rating {
  display: flex;
align-items: center;
gap: 12px;
}

.kids-footer-rating img {
  width: 47px;
height: 47px;
}

.kids-footer-cert-small {
    width: 51px;
height: 51px;
}

.kids-footer-rating div {
  display: flex;
    flex-direction: column;
}

.kids-footer-rating div span {
color: var(--Text-Description, #5D5D5D);
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 19.5px */
}

.kids-footer-rating div img {
  width: 148px;
  height: 24px;
}

.custom-footer__banner1 .banner {
  overflow: visible;
}

.kids-footer-certificates {
  display: flex;
padding: 32px 16px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
align-self: stretch;
background: var(--UI-Background-Body, #FFF);
position: relative;

@media only screen and (min-width: 1024px) {
    padding: 64px 24px 32px 24px;
  }
}

.footer-bottom {
position: relative;
}

.kids-footer-certificates:before, .footer-bottom:before {
  background: var(--UI-Background-Body, #FFF);
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 0px);
  height: 100%;

  @media only screen and (min-width: 1599px) {
    width: calc(100vw - 15px);
  }
}

.kids-footer-certificates-inner {
  display: flex;
  align-items: center;
  gap: 24px;
  z-index: 1;

  @media only screen and (min-width: 1024px) {
    gap: 36px;
  }
}

.kids-footer-certificates-inner img {
width: auto;
height: 50.681px;
aspect-ratio: auto/50.68;
background: url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.kids-footer-certificates-inner img:nth-child(1),
.kids-footer-certificates-inner img:nth-child(2) {
    width: 139.755px;
    height: 44.781px;
    aspect-ratio: 139.76 / 44.78;

  @media only screen and (min-width: 1024px) {
    width: 158.168px;
    height: 50.681px;
    aspect-ratio: 158.17/50.68;
  }
}

.kids-footer-certificates-inner img:nth-child(3) {
width: 59.451px;
height: 48.086px;
aspect-ratio: 59.45/48.09;

  @media only screen and (min-width: 1024px) {
    width: 67.284px;
  height: 54.421px;
  aspect-ratio: 67.28/54.42;
  }
}

.kids-footer-certificates-inner img:nth-child(4) {
  width: 59.452px;
  height: 48.086px;
  aspect-ratio: 59.45/48.09;

  @media only screen and (min-width: 1024px) {
    width: 67.285px;
    height: 54.421px;
    aspect-ratio: 67.28/54.42;
  }
}

.kids-footer-certificates-inner img:nth-child(5) {
  width: 48.153px;
  height: 52.968px;
  aspect-ratio: 10/11;

  @media only screen and (min-width: 1024px) {
    width: 54.497px;
    height: 59.947px;
    aspect-ratio: 10/11;
  }
}

.footer-bottom span.copyright {
  color: var(--UI-Paragraph, #0E090A);

  /* Description */
  font-family: Rubik;
  font-size: var(--FontSize-Description, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.13px;

  @media only screen and (max-width: 1023px) {
    justify-content: center;
  }
}

.footer-bottom span.copyright a, .footer-bottom #signature a {
color: var(--UI-Paragraph, #0E090A);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%;
text-underline-position: from-font;
}

.footer-bottom span.copyright a:hover, .footer-bottom #signature a:hover {
  text-decoration: unset;
}
/* =========================
     NEWSLETTER
     ========================= */

#footer.newsletter-active {
  margin-top: 0 !important;
}

.custom-footer__banner7931.newsletter {
  display: flex;
  max-width: var(--max-width, 1440px);
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 36px;
  align-self: stretch;
  border-radius: 52px;
background: var(--UI-Background-Body, #FFF);
  margin: 64px 8px;
  position: relative;

  @media only screen and (min-width: 1024px) {
    padding: 32px;
    margin: 64px 0;
  }
}

.custom-footer__banner7931.newsletter:before {
    content: "" !important;
  display: none;
  width: 54px;
  height: 64px;
  flex: 0 0 54px;
  aspect-ratio: 1 / 1;
  transform: unset;
  background: url(/user/documents/tvujBrand/img/icons/white-blob-bottom.png) center / contain no-repeat;
  border: unset;
  margin-bottom: -30px;
  vertical-align: middle;
  position: absolute;
  bottom: 0;
  left: -4%;

  @media only screen and (min-width: 1024px) and (max-width: 1599px) {
    margin-bottom: -60px;
    left: 0;
    display: inline-block;
  }

  @media only screen and (min-width: 1600px) {
    display: inline-block;
  }
}

.custom-footer__banner7931.newsletter:after {
    content: "" !important;
  display: none;
  width: 54px;
  height: 64px;
  flex: 0 0 54px;
  aspect-ratio: 1 / 1;
  transform: unset;
  background: url(/user/documents/tvujBrand/img/icons/white-blob-top.png) center / contain no-repeat;
  border: unset;
  margin-top: -30px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: -4%;

  @media only screen and (min-width: 1024px) and (max-width: 1599px) {
    margin-top: -70px;
    right: 0;
    display: inline-block;
  }

  @media only screen and (min-width: 1600px) {
    display: inline-block;
  }
}


.custom-footer__banner7931.newsletter .banner {
  width: 100%;
}

.custom-footer__banner7931.newsletter .newsletter {
  padding: 0;
  margin-top: unset;
  background: var(--UI-Background-Body, #FFF);
}

.newsletter h4, .newsletter h3 {
  color: var(--UI-Paragraph, #0E090A);

/* H3 */
font-family: Rubik !important;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
}

.newsletter-header p {
  color: var(--UI-Paragraph, #0E090A);
  display: block;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

#formNewsletterWidget label {
  color: var(--UI-Description, #70615A) !important;
  left: 50px !important;
}

#formNewsletterWidget p.label, #formNewsletterWidget .consents label {
  color: var(--UI-Paragraph, #0E090A);
  margin-top: 5px;

/* Description */
font-family: Rubik !important;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

#formNewsletterWidget p.label a, #formNewsletterWidget .consents label a {
  color: var(--UI-Paragraph, #0E090A);

/* Description */
font-family: Rubik !important;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%;
text-underline-position: from-font;
}

#formNewsletterWidget label:before {
  content: "" !important;
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  aspect-ratio: 1/1;
  background: url('/user/documents/tvujBrand/img/icons/email-white.png') center / contain no-repeat;
  position: absolute;
  top: 0;
  position: absolute;
  left: -35px;

  @media only screen and (min-width: 480px) {
    top: 16px;
  }
}

#formNewsletterWidget .form-control {
      border-radius: 100px;
    border: 1px solid var(--UI-Paragraph, #040811);
    background: var(--Brand-WHITE, #FFF);
    border-radius: 100px;
    display: flex;
    width: 100%;
    height: 48px;
    padding: 0 3px 0 16px;
    align-items: center;
    gap: 12px;
}

#formNewsletterWidget .btn {
  height: 40px;

  @media only screen and (max-width: 1023px) {
    padding: 9px 9px 9px 0px !important;
  }
}


.newsletter .benefitBanner {
  display: flex;
align-items: center;
flex-direction: column;
flex-wrap: unset !important;
gap: 24px;
align-self: stretch;
background: var(--Brand-WHITE, #FFF) !important;
border: unset !important;
    margin: 36px 0 0 !important;
    padding: 0 !important;

    @media only screen and (min-width: 1024px) {
      flex-direction: row;
      flex-wrap: wrap !important;
    }
}

.multiple-columns-body .newsletter .benefitBanner .benefitBanner__item {
  flex: 1 0 0;
}

.newsletter .benefitBanner__heading {
  display: none;
}

/* =========================
     SHOP RATING
     ========================= */

.custom-footer__banner3 {
  width: 100% !important;
   background: var(--Brand-Snow, #FBF5F3);
   position: relative;
       padding: 84px 0 64px;
}

.custom-footer__banner3:before {    
  background: var(--Brand-Snow, #FBF5F3);
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 0px);
  height: 100%;

  @media only screen and (min-width: 1599px) {
    width: calc(100vw - 15px);
  }
}

#latest-reviews-ajax {
      display: flex;
    align-items: flex-start;
    gap: 36px;
    align-self: stretch;
}

.single-review-item {
  display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.50);
    width: 100%;
}



  
    #latest-reviews-ajax {
    width: 100%;
}

.reviews-slider {
    position: relative;
    width: 100%;
}

/* Okno slideru */
.reviews-slider-window {
    width: 100%;
    overflow: hidden;
}

/* Track */
.reviews-slider-track {
    display: flex;
    width: 100%;
    transition: transform 0.4s ease;
align-items: flex-start;
/*gap: 36px;*/
align-self: stretch;
}

.custom-ratings-widget_heading {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: space-between;
margin-bottom: 26px;
gap: 16px;

  @media only screen and (min-width: 1024px) {
    flex-direction: row;
    gap: 30px;
  }
}

.custom-ratings-widget_heading-img {
      display: flex;
      gap: 16px;
}

.custom-ratings-widget_heading-img img {
    width: 73px;
    height: 73px;
}

.custom-ratings-widget_heading-img-text p {
color: var(--UI-Paragraph, #040811);
margin: 0;

/* H1 */
font-family: Rubik;
font-size: var(--FontSize-H1, 42px);
font-style: normal;
font-weight: 500;
line-height: 125%; /* 52.5px */
letter-spacing: -0.42px;
}

.custom-ratings-widget_heading-img-text img {
    display: flex;
    height: 14px;
    width: 94px;
}

.custom-ratings-widget_heading-content {
text-align: center;

   @media only screen and (min-width: 1024px) {
  margin-right: auto;
  text-align: left;
  }
}

.custom-ratings-widget_heading-content h4 {
color: var(--UI-Paragraph, #040811);
    font-family: Rubik !important;
    font-size: var(--FontSize-Paragraph, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.16px;
    margin-bottom: 0 !important;
}

.custom-ratings-widget_heading-content p {
color: var(--UI-Description, #70615A);
margin-bottom: 0;

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

.custom-ratings-widget_heading-content a {
color: var(--UI-Paragraph, #040811);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 3.25px */
text-underline-position: from-font;
}

.custom-ratings-widget_heading a {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
transition: .25s ease-out;
}

.custom-ratings-widget_heading a:hover {
  text-decoration: unset !important;
  cursor: pointer;
}

/* Jeden item 
.single-review-item {
    position: relative;
    flex: 0 0 31.5%;
    width: 31.5%;
    box-sizing: border-box;

    padding: 24px;

    display: flex;
    flex-direction: column;

    min-height: 260px;
}*/

.single-review-top {
  display: flex;
    justify-content: space-between;
    width: 100%;
}

/* --------------------------------
   HVĚZDIČKY
-------------------------------- */

.single-review-stars {
    display: flex;
    gap: 3px;
}

.single-review-star {
    font-size: 18px;
    line-height: 1;
    opacity: .25;
}

.single-review-star.is-active {
    opacity: 1;
    width: 21.452px;
    height: 21.452px;
}


/* --------------------------------
   OVĚŘENÁ RECENZE
-------------------------------- */

.single-review-verified {
    color: var(--UI-Paragraph, #040811);
    font-family: Rubik !important;
    font-size: var(--FontSize-Description, 13px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.13px;
    position: relative;

    display: inline-flex;
    align-items: center;
    border-radius: 87px;
    background: var(--Brand-WHITE, #FFF);
    padding: 4px 8px 4px 28px;
}

.single-review-verified::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url('/user/documents/tvujBrand/img/icons/verify.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 8px;
    /*top: 50%;
    transform: translateY(-50%);*/
}


/* --------------------------------
   TEXT RECENZE
-------------------------------- */

.single-review-content {
    width: 100%;
    font-size: 16px;
    line-height: 1.6;
    flex: 1;
}

.single-review-content p {
    margin: 0;
}

.heureka-rating-group {
  width: 100%;
}

.heureka-rating-group.plus {
  width: 100%;
  color: var(--UI-Paragraph, #040811);
  padding: 0;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: italic;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}


/* --------------------------------
   AUTOR + DATUM
-------------------------------- */

.single-review-author {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.single-review-name {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.single-review-date {
color: var(--UI-Paragraph, #040811);
    font-family: Rubik;
    font-size: var(--FontSize-Paragraph, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.16px;
}


/* --------------------------------
   ŠIPKY
-------------------------------- */

.reviews-slider-arrow {
    position: absolute;

    top: 50%;
    z-index: 10;

    transform: translateY(-50%);

    width: 40px;
    height: 40px;

    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    background: transparent;

    cursor: pointer;

    font-size: 28px;
    line-height: 1;
}

.reviews-slider-prev {
    left: 0;
}

.reviews-slider-next {
    right: 0;
}

.reviews-slider-arrow:disabled {
    opacity: .25;
    cursor: default;
}


/* --------------------------------
   TABLET
-------------------------------- */

@media (max-width: 900px) {

    .single-review-item {
        flex-basis: 50%;
        width: 50%;
    }

}


/* --------------------------------
   MOBIL
-------------------------------- */

@media (max-width: 600px) {

    .single-review-item {
        flex-basis: 100%;
        width: 100%;

        padding-left: 45px;
        padding-right: 45px;
    }
}

/* =========================
     HEADER - LOGO
     ========================= */

#header .site-name a img {
  display: flex;
  width: 186px;
  height: auto;
  padding-right: 2.329px;
  justify-content: center;
  align-items: center;

  @media only screen and (min-width: 1024px) {
    height: 44px;
  }
}
     
.site-name-wrapper {
  display: flex;
  gap: 20px;
}

#header .site-name {
  display: flex;
  align-items: center;
  padding-right: 0;
}

.header-brand-extra {
display: none;

  @media only screen and (min-width: 1024px) {
    display: flex;
    align-items: center;
    gap: 20px;
  }
}

.header-brand-divider {
  display: block;
  width: auto;
  height: 40px;
}

.header-brand-extra-image {
  width: 121.483px;
  height: 38.926px;
  aspect-ratio: 121.48/38.93;
}

/* =========================
     HEADER - MENU
     ========================= */

.header-top {
  padding: 8px 12px;

  @media only screen and (min-width: 768px) {
    height: 64px;
    padding: 8px 0;
  }  
}

#header::after, #navigation {
  border-top: unset;
}     

#navigation {
  @media only screen and (min-width: 1024px) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  background: #FFF;
  }   
}     

#navigation .navigation-in.menu {
  padding: 8px 0;
}

.navigation-in ul li a {
   @media only screen and (min-width: 1024px) {
  display: flex;
  align-items: center;
  } 
}  

.navigation-in ul li a {
   @media only screen and (min-width: 1024px) {
  display: flex;
  padding: 8px 14px;
  align-items: center;
  gap: 7px;
  }
}

.navigation-in ul li a b {
  color: #0E090A;
  /* Paragraph */
  font-family: Rubik !important;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}

.navigation-in ul li a.active, .navigation-in ul li:hover a.active {
  display: flex;
  padding: 8px 18px;
  align-items: center;
  gap: 7px;
  border-radius: 100px;
  background: var(--Brand-Snow, #FBF5F3);
}

.navigation-in ul li:hover a {
  text-decoration: underline;
  background: unset;
}

.navigation-in ul li a.active b {
  color: #0E090A;

  /* Paragraph */
  font-family: Rubik !important;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}

.submenu-arrow::after {
  content: "" !important;
  display: block;
  width: 10px;
  height: 10px;
  aspect-ratio: 1/1;
  transform: rotate(-90deg);
  background: url('/user/documents/tvujBrand/img/icons/carousel-arrow-black.png') center / contain no-repeat;
  border: unset;
  top: 0;
  transition: .25s ease-out;
}

.navigation-in ul li:hover .submenu-arrow::after {
  transform: rotate(90deg);
}

.top-navigation-bar {
  @media only screen and (min-width: 1024px) {
    display: none;
  }
}

#navigation .navigation-main-menu {
  @media only screen and (min-width: 1024px) {
    display: flex;
    align-items: center;
    width: 100%;
}
}

/* O nás = první prvek pravé části */
#navigation .navigation-right-item-first {
    margin-left: auto;
}

/* Pravá část */
#navigation .navigation-right-item {
    flex: 0 0 auto;
}

.submenu-visible .navigation-in>ul>li.ext.exp>ul {
  @media only screen and (min-width: 768px) {
    border-radius: 28px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.navigation-in > ul > li.ext > ul::before {
  width: fit-content;
}

.navigation-in > ul > li.exp > a::after {
  display: none;
}

.navigation-in>ul>li.exp>ul {
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    top: 64%;
  }

  @media only screen and (min-width: 1024px) {
    top: 88%;
  }
}

.navigation-in ul.menu-level-2 {
  @media only screen and (min-width: 1024px) {
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    align-self: stretch;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-flow: row;
    }
}

.submenu-visible .navigation-in>ul>li.ext.exp>ul {
  display: grid;
  margin: 0 !important;
}

.navigation-in ul.menu-level-2 li {
  @media only screen and (min-width: 1024px) {
  display: flex;
  padding: 16px !important;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  grid-row: span 1;
  grid-column: span 1;
  justify-self: stretch;
  width: 100% !important;
  justify-items: center;
  margin: 0 !important;
  }
}
    
.navigation-in ul.menu-level-2 li a {
  @media only screen and (min-width: 1024px) {
  display: flex;
  width: 100%;
  height: 79px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 80/79;
  margin: auto;
  text-decoration: unset;
  }
}

.navigation-in ul.menu-level-2 li ul {
  @media only screen and (min-width: 1024px) {
    display: none !important;
  }
}

.navigation-in ul.menu-level-2 li a img {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  margin: auto;
}

.navigation-in ul.menu-level-2 li div {
  min-height: unset;
  justify-content: center;
  height: unset;
  width: 100% !important;
  margin: auto;

  @media only screen and (min-width: 1024px) {
    padding: 0 !important;
  }
}

.navigation-in ul.menu-level-2 li div span {
  color: var(--UI-Paragraph, #0E090A);
  text-align: center;
  font-family: Rubik !important;
  font-size: var(--FontSize-Paragraph, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}
    

.responsive-tools>a[data-target="navigation"]::before, .navigation-close::before {
  margin-bottom: 5px;
  color: var(--UI-Paragraph, #0E090A);
}

.responsive-tools > a[data-target="login"] {
  top: 11px !important;
}

.responsive-tools > a[data-target="login"]::before {
  content: "" !important;
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  aspect-ratio: 1/1;
  background: url('/user/documents/tvujBrand/img/icons/login.png') center / contain no-repeat;
}

.top-navigation-bar .project-phone {
  top: 11px !important;
}

.top-navigation-bar .project-phone::before {
    content: "" !important;
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  aspect-ratio: 1/1;
  background: url('/user/documents/tvujBrand/img/icons/phone.png') center / contain no-repeat;
}

.responsive-tools>a[data-target="navigation"]::after, .navigation-close::after {
  color: var(--UI-Paragraph, #0E090A);
text-align: right;

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
text-transform: lowercase;
}

.menu-helper {
  top: 75px;
}

.menu-helper-visible .menu-helper::after, .menu-helper::after {
  color: var(--UI-Paragraph, #040811);
}

/* =========================
     HEADER - MENU - Mobile
     ========================= */

@media only screen and (max-width: 767px) {
  .navigation-window-visible #navigation, .langcur-wingow-visible #navigation {
    width: calc(100% - 0px);
  }

  .responsive-tools>a[data-target="navigation"] {
    border-top-left-radius: 8px;
  }

  #navigation .navigation-in.menu {
    padding: 0;
  }

  .navigation-in ul li {
    border: unset !important;
  }

  .submenu-arrow {
    line-height: 60px;
  }

  .submenu-arrow::after {
    display: inline-block;
    transform: rotate(180deg) !important;
  }

  .navigation-in ul li.ext.exp > a .submenu-arrow::after, .navigation-in ul li.ext.exp > div > .submenu-arrow::after {
    transform: rotate(0deg) !important;
  }

  .navigation-in ul li a b {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: 25%; /* 4px */
    text-underline-position: from-font;
  }

  .submenu-visible::before {
    display: none;
  }

  .navigation-in ul.menu-level-2 li div span {
    text-decoration: unset !important;
  }

  .navigation-window-visible .navigation-in ul li.ext.exp {
    width: calc(100% - 0px);
  }

  .navigation-in ul li.ext.exp > a, .navigation-in ul li.ext.exp > div > a {
    background-color: unset;
  }

  .navigation-in ul li.ext.exp > a b, .navigation-in ul li.ext.exp > div > a b, .navigation-in .has-third-level.ext.exp div > a span {
    color: var(--UI-Paragraph, #0E090A);
    text-align: center;

    /* Paragraph */
    font-family: Rubik !important;
    font-size: var(--FontSize-Paragraph, 16px);
    font-style: normal;
    font-weight: 700 !important;
    line-height: 150%; /* 24px */
    letter-spacing: -0.16px;
    text-decoration: unset !important;
  }

  .navigation-in ul li.ext.exp > a .submenu-arrow, .navigation-in ul li.ext.exp > div > .submenu-arrow {
    border: unset;
  }

  .navigation-in ul li.has-third-level .submenu-arrow {
    line-height: 50px !important;
  }

  .navigation-in .has-third-level div > ul a {
    color: #0E090A;
    text-align: left;

    /* Paragraph */
    font-family: Rubik !important;
    font-size: var(--FontSize-Paragraph, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.16px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: 25%; /* 4px */
    text-underline-position: from-font;
  }
}

/* =========================
     HEADER - SEARCH
     ========================= */

.header-top > div.search {
  padding: 0;
}  
     
form.search-form {
  display: flex;
  max-width: 449px;
  width: 100%;
  height: 48px;
  padding: 0 3px 0 28px;
  align-items: center;
  gap: 12px;
  border-radius: 100px;
  border: 1px solid var(--UI-Paragraph, #040811);
  background: var(--Brand-WHITE, #FFF);
} 

form.search-form fieldset input[type="search"] {
  height: unset;
  border: unset;
  background: transparent;
  padding-left: 20px;
  padding-right: 100px;
  width: 301px;
  color: var(--UI-Description, #70615A);

  /* Paragraph */
  font-family: Rubik !important;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}    

form.search-form fieldset input[type="search"]::placeholder {
  color: var(--UI-Description, #70615A);
  /* Paragraph */
  font-family: Rubik !important;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}

.search-form::before, .subscribe-form::before {
  content: "" !important;
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  aspect-ratio: 1/1;
  transform: unset;
  background: url('/user/documents/tvujBrand/img/icons/search.png') center / contain no-repeat;
  border: unset;
  margin-left: 16px;
}

form.search-form .btn {
  display: none;
  height: 38px;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 63px;
  background: var(--UI-Buttons-Primary-Background, #3F91BF);
  color: var(--UI-Buttons-Primary-Text, #FFF) !important;
  text-transform: unset;

  /* Paragraph */
  font-family: "Proxima Nova" !important;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  min-width: unset;
  width: fit-content;

  @media only screen and (min-width: 1024px) {
    display: inline-flex;
  }
}


.header-top .search .search-whisperer, .header-top .searchWhisperer.active, .header-top .search-whisperer.active {
  display: flex !important;
  flex-direction: column;
  flex-wrap: unset;
  padding: 0;
  border-radius: 28px;
  margin-top: 8px;

  @media only screen and (min-width: 1024px) {
    width: 993px;
    left: 50%;
    flex-direction: row;
    transform: translateX(-50%);
  }
}

.search-whisperer.active::before {
  display: none;
}

.search-whisperer-documents {
  border-top: unset !important;
}

.search-whisperer-documents[data-testid="searchResultsAdditional"] {
      display: flex;
    flex-direction: column;
    order: 1 !important;
    max-width: 410px;
    width: 100%;
    padding: 24px;
}

.search-whisperer-documents em {
  display: none;
}

.search-whisperer-documents a, .luigi-ac-others a[data-type="category"] {
  color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

.search-whisperer-documents a:hover, .luigi-ac-others a[data-type="category"]:hover {
text-decoration: unset !important;
}

.search-whisperer-documents .search-box {
  flex: unset;
  padding: 24px 0;
  border-bottom: 1px solid var(--UI-Divider, rgba(101, 61, 42, 0.10));
}

.search-whisperer-documents .search-box:first-of-type {
  padding-top: 0;
}

.search-whisperer-documents .search-box:last-of-type {
  border-bottom: unset;
}

.search-box.clanky:before, .search-box.kategorie:before {
  color: var(--UI-Paragraph, #0E090A);

/* H4 */
font-family: Rubik !important;
font-size: var(--FontSize-H4, 21px);
font-style: normal;
font-weight: 500 !important;
line-height: 150%; /* 31.5px */
letter-spacing: -0.21px;
}

.search-box.clanky:before {
  content:"Fráze";
}

.search-box.kategorie:before {
  content:"Kategorie";
}

.search-box.clanky a, .luigi-ac-others a[data-type="brand"], .luigi-ac-others a[data-type="article"] {
  border-radius: 8px;
background: var(--UI-Background-Body-Accent, #FBF5F3);
    display: inline-block;
padding: 4px 8px;
align-items: flex-start;
width: fit-content;
margin-right: 6px;

  color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.search-whisperer-products {
background: var(--Brand-Snow, #FBF5F3);
border-left: 1px solid var(--UI-Divider, rgba(14, 9, 10, 0.10));
padding: 24px !important;
border-top-right-radius: 28px;
}

.search-whisperer ul::before {
  color: var(--UI-Paragraph, #0E090A);
  content: "Nalezené produkty";

/* H4 */
font-family: Rubik !important;
font-size: var(--FontSize-H4, 21px);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 31.5px */
letter-spacing: -0.21px;
}

.search-whisperer ul li a {
  flex-direction: column;
}

.search-whisperer .p-info span {
  overflow: visible;
color: var(--UI-Paragraph, #040811);
text-overflow: ellipsis;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px) !important;
font-style: normal;
font-weight: 700 !important;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

.search-whisperer .p-name, .search-whisperer .p-availability {
  height: unset;
}

.search-whisperer .p-availability span:not(.p-label) {
      font-family: Rubik !important;
    font-size: var(--FontSize-Description, 13px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.13px;
}

.search-whisperer .price {
  color: var(--UI-Paragraph, #0E090A) !important;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px) !important;
font-style: normal;
font-weight: 700 !important;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.search-whisperer-documents:has(a[data-testid="btnShowAllResults"]) {
  @media only screen and (min-width: 1024px) {
    position: absolute;
    bottom: 0;
  }
} 


.luigi-ac-heromobile.luigi-ac-autocomplete.luigi-ac-open {
  max-width: 1440px !important;
}

.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-others, .luigi-ac-products.luigi-ac-main, .luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-item:hover {
  background: #fff !important;
}

.luigi-ac-products.luigi-ac-main, .luigi-ac-autocomplete .luigi-ac-hero-color {
background: var(--Brand-Snow, #FBF5F3) !important;
}

.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-item:hover {
background: unset !important;
}

.luigi-ac-heromobile .luigi-ac-ribbon {
  display: none;
}

.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-header {
  color: var(--UI-Paragraph, #0E090A) !important;

  /* H4 */
  font-family: Rubik !important;
  font-size: var(--FontSize-H4, 21px) !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 150%; /* 31.5px */
  letter-spacing: -0.21px;
}

.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-main .luigi-ac-rest-main .luigi-ac-item .luigi-ac-name, .luigi-ac-main .luigi-ac-name {
overflow: hidden;
color: var(--UI-Paragraph, #040811) !important;
text-overflow: ellipsis;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

a[data-type="product"]:hover .luigi-ac-name {
  text-decoration: unset !important;
}

.luigi-ac-price {
  color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-item .luigi-ac-attr--availability_rank_text {
  color: var(--UI-Success, #4E7B4D);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

.luigi-ac-action-heromobile.luigi-ac-hero-color.luigi-ac-hero-color-clickable {
  display: none;
}

.luigi-ac-others a .luigi-ac-other-content {
  color: var(--UI-Paragraph, #0E090A) !important;
}

.luigi-ac-heromobile .luigi-ac-main .luigi-ac-first-main .luigi-ac-item .luigi-ac-image,
.luigi-ac-heromobile .luigi-ac-main .luigi-ac-rest-main .luigi-ac-image {
  background: #fff;
  border-radius: 24px;
}

.luigi-ac-autocomplete .luigi-ac-inner .luigi-ac-others {
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
}

.luigi-ac-products.luigi-ac-main {
  border-bottom-right-radius: 24px;
  border-top-right-radius: 24px;
}

.luigi-ac-heromobile .luigi-ac-others>a.luigi-ac-item:last-child {
  margin-bottom: unset !important;
}

.luigi-ac-heromobile .luigi-ac-main--border {
  border-left: 1px solid var(--UI-Divider, rgba(14, 9, 10, 0.10));
}

.luigi-ac-heromobile .luigi-ac-main .luigi-ac-rest-main .luigi-ac-image img {
  max-width: 144px !important;
}

.luigi-ac-heromobile .luigi-ac-button-block--show-all,
.luigi-ac-heromobile .luigi-ac-action-primary {
  bottom: 0 !important;
}

.luigi-ac-others a[data-type="brand"] {
  margin-left: 24px;
}

/* =========================
     HEADER - CART
     ========================= */

.navigation-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
}

.navigation-buttons .navigation-contact,
.navigation-buttons .top-nav-button,
.navigation-buttons .cart-count {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 10px;
  width: unset !important;
  min-width: unset !important;
}

.navigation-buttons .cart-count {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 10px;
  width: unset !important;
  min-width: unset !important;
}

#header .cart-count {
  top: 5px;
  display: inline-block !important;

  @media only screen and (min-width: 1024px) {
    min-width: 105px !important;
  }
}

.navigation-buttons .navigation-contact {
  @media only screen and (max-width: 1023px) {
     display: none;
  }
}

.empty-cart-hover-visible #header, .cart-window-visible #header {
  z-index: 10;
}

.header-top .btn.cart-count .cart-price {
  color: var(--UI-Paragraph, #040811);
  text-align: right;
  /* Paragraph */
  font-family: Rubik !important;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  padding: 0;
  margin: 0;
  margin-top: -23px;
}     

.navigation-buttons .cart-count {
  display: flex !important;
  padding: 8px !important;
  align-items: center;
  gap: 6px;
  border-radius: 28px;
  border: unset !important;
}

.btn.cart-count::before, a.btn.cart-count::before {
  content: "" !important;
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  aspect-ratio: 1/1;
  transform: unset;
  background: url('/user/documents/tvujBrand/img/icons/cart.png') center / contain no-repeat;
  border: unset !important;
  margin-left: 0;
}

.navigation-buttons > a[data-target="cart"] i {
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: absolute;
  left: 16px;
  top: 0;
  border-radius: 0;
  background: url('/user/documents/tvujBrand/img/icons/cart-count.png') center / contain no-repeat;
  justify-content: center;
  flex-shrink: 0;
  color: var(--UI-Buttons-Conversion-Text, #040811);
  text-align: center;
  margin-left: 0;
  /* Description */
  font-family: Rubik;
  font-size: var(--FontSize-Description, 0.813rem);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.13px;
}

.popup-widget.cart-widget {
  display: flex;
  height: 374px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  width: 620px;
  flex-direction: column;
  align-items: flex-start;
  border-top-left-radius: 28px;
  background: var(--UI-Background-Body, #FFF);

  @media only screen and (min-width: 992px) {
    top: 100px !important;
    left: 55%;
  }
}

.cart-widget .popup-widget-inner {
  padding: 26px;
}

.cart-widget .popup-widget-inner::before {
  display: none;
}

.cart-widget-product {
  display: flex;
  padding: 16px 0;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.cart-widget-product:hover {
  background-color: unset;
}

.cart-widget-product-name, .cart-widget-product > span, .cart-widget-product .cart-widget-product-delete {
  padding: 0;
}

.quantity {
  display: flex;
  height: 48px;
  min-width: 112px;
  padding: 6px 3px;
  align-items: center;
  gap: 8px;
  border-radius: 32px;
  border: 1px solid var(--UI-Paragraph, #040811);
  background: var(--UI-Background-Body, #FFF);
}

.quantity .increase, .quantity .decrease {
  border: unset !important;
  background-color: unset;
  width: 40px;
  height: 42px;
  top: 2px !important;
  transition: .25s ease-out;
}

.quantity .increase, .quantity .decrease:hover {
  display: flex;
  width: 40px;
  height: 42px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 61px;
  background: var(--Brand-Brand-Green, #CAE3A1);
}

.quantity .increase:hover {
  background: var(--UI-Buttons-Conversion-Background, #87DB66);
}

.quantity .decrease {
  left: 3px;
  right: auto;
  top: 0;
}

.quantity .decrease:before {
  content: "" !important;
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background: url('/user/documents/tvujBrand/img/icons/minus-1.png') center / contain no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.quantity .increase {
  right: 3px;
}

.quantity .increase:before {
  content: "" !important;
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background: url('/user/documents/tvujBrand/img/icons/plus-1.png') center / contain no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.quantity input {
  width: 72px;
  color: var(--UI-Paragraph, #040811);
  text-align: center;
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.16px;
}

.cart-widget-product-name strong a {
  color: var(--UI-Paragraph, #0E090A) !important;

  /* Paragraph */
  font-family: Rubik !important;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  align-self: stretch;
}

.cartWidgetProductPrice {
  color: var(--UI-Paragraph, #0E090A);
  text-align: right;

  /* Paragraph */
  font-family: "Proxima Nova" !important;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
}

.cart-widget-product-delete button {

}

.cart-widget-product-image a {
  display: flex;
  width: 76px;
  height: 76px;
  padding: 6.583px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border: 1px solid var(--UI-Divider, rgba(101, 61, 42, 0.10));
  background: #FFF;
}

.cart-widget-product-image a img {
  width: 62.833px;
  height: 62.833px;
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
}

.cart-widget-button {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
  align-self: stretch;
  background: var(--Brand-Snow, #FBF5F3);
  top: 0;
  margin-top: 0;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  flex-wrap: unset !important;

  box-shadow: 0px -15px 10px 0px rgba(255, 255, 255, 0.75);
}

.cart-widget-button .cart-free-shipping div {
  color: var(--UI-Paragraph, #0E090A);
  text-align: left;
  padding: 0;
  width: 82%;

  /* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}

.cart-widget-button .cart-free-shipping {
  flex-wrap: wrap;
}

.cart-free-shipping::before {
  content: "" !important;
  display: block;
  width: 40.011px;
  height: 39.398px;
  flex: 0 0 40.011px;
  aspect-ratio: 1/1;
  transform: unset;
  background: url('/user/documents/tvujBrand/img/icons/doprava-zdarma.png') center / contain no-repeat;
  border: unset !important;
}

.tb-cart-tip, .tb-delivery-tip {
  width: 100% !important;
  color: var(--UI-Paragraph, #0E090A);
  text-align: left !important;
  padding: 0 !important;
  margin-top: 10px;

/* Description */
font-family: Rubik !important;
font-size: var(--FontSize-Description, 13px) !important;
font-style: normal;
font-weight: 400 !important;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

.tb-cart-tip strong, .tb-delivery-tip strong {
font-weight: 700;
}

.tb-cart-tip a, .tb-delivery-tip a {
color: var(--UI-Paragraph, #0E090A);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%;
text-underline-position: from-font;
}

.tb-cart-tip a:hover, .tb-delivery-tip a:hover {
text-decoration: unset !important;
}

.empty-cart-hover {
  padding: 0;
  width: 100%;
  max-width: 792px;
  margin: 0;
  top: 118px !important;
  left: 46%;
  border-top-left-radius: 28px;
}

.empty-cart-hover::after {
  display: none;
}

/* EMPTY CART */
.custom-empty-cart-intro {
    display: flex;
    padding: 32px;
    align-items: center;
    gap: 36px;
    align-self: stretch;
}

.custom-empty-cart-intro-img {
  display: flex;
  width: 154px;
  height: 152px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.custom-empty-cart-intro-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  flex: 1 0 0;
}

.custom-empty-cart-intro h5 {
color: var(--UI-Paragraph, #0E090A);

/* H3 */
font-family: Rubik;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
}

.custom-empty-cart-intro p {
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}


/* Tlačítko */

.custom-empty-cart-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 18px;
    padding: 11px 20px;

    background: #111;
    border-radius: 6px;

    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
}



/* Sekce */

.custom-empty-cart-section {
        display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    border-top: 2px solid var(--Brand-Snow, #FBF5F3);
    border-bottom: 2px solid var(--Brand-Snow, #FBF5F3);
}

.custom-empty-cart-section h6 {
   color: var(--UI-Paragraph, #0E090A);

/* H4 */
font-family: Rubik !important;
font-size: var(--FontSize-H4, 21px);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 31.5px */
letter-spacing: -0.21px;
}


/* 2 × 2 odkazy */
.custom-empty-cart-links {
	display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.custom-empty-cart-links a img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex: 0 0 22px;
}

.custom-empty-cart-links a span {
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}


.custom-empty-cart-contact-icon {
display: flex;
width: 16px;
height: 24px;
justify-content: center;
align-items: center;
gap: 10px;
}

.custom-empty-cart-links a:hover {

}

.custom-empty-cart-link-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    min-width: 22px;

    font-size: 16px;
}


/* Kontakt */

.custom-empty-cart-contact {
    background: var(--Brand-Snow, #FBF5F3);
    display: flex;
padding: 24px;
justify-content: center;
align-items: flex-end;
gap: 32px;
align-self: stretch;
flex-direction: row;
    align-items: center;
    gap: 16px;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
}


/* Jednotlivé kontakty */

.custom-empty-cart-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    min-width: 0;
}

.custom-empty-cart-contact-item > div {
    min-width: 0;
}


/* Foto */

.custom-empty-cart-person img {
    width: 47.915px;
height: 47.915px;
    flex: 0 0 47.915px;
    border-radius: 47.849px;
}

/* Stav */

.custom-empty-cart-status {
    position: absolute;

    right: -1px;
    bottom: -1px;

    width: 13px;
    height: 13px;

    border: 2px solid #fff;
    border-radius: 50%;

    box-sizing: border-box;
}


/* Otevřeno */

.custom-empty-cart-status.is-open {
    background: #36a853;
}


/* Zavřeno */

.custom-empty-cart-status.is-closed {
    background: #d93025;
}

.custom-empty-cart-photo {
    position: relative;

    width: 48px;
    height: 48px;

    flex: 0 0 48px;
}

.custom-empty-cart-photo img {
    display: block;

    width: 48px;
    height: 48px;

    object-fit: cover;

    border-radius: 50%;
}


/* Stav */

.custom-empty-cart-status {
    position: absolute;

    right: -1px;
    bottom: -1px;

    width: 13px;
    height: 13px;

    border: 2px solid #fff;
    border-radius: 50%;

    box-sizing: border-box;
}


/* Otevřeno */

.custom-empty-cart-status.is-open {
    background: #36a853;
}


/* Zavřeno */

.custom-empty-cart-status.is-closed {
    background: #d93025;
}


/* Nadpis / odkazy */

.custom-empty-cart-contact-item strong,
.custom-empty-cart-contact-item a {
    color: var(--UI-Paragraph, #0E090A);
font-family: "Figtree", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
flex: 1 0 0;
}

.custom-empty-cart-contact-item a {
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

.custom-empty-cart-contact-item a:hover {
    text-decoration: underline;
}


/* Spodní text */
.custom-empty-cart-contact-item.custom-empty-cart-person p {
color: var(--UI-Paragraph, #0E090A);

/* Description */
font-family: "Proxima Nova" !important;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 19.5px */
}

.custom-empty-cart-contact-item p {
color: var(--UI-Description, #70615A);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}


/* Ikona telefonu / emailu */

.custom-empty-cart-contact-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15.966px;
  height: 16px;
  flex: 0 0 15.966px;
  background: #f5f5f5;
  font-size: 17px;
  margin-top: 8px;
}

.custom-empty-cart-contact-item:nth-of-type(3) .custom-empty-cart-contact-icon {
  width: 15.966px;
  height: 24px !important;
  flex: 0 0 15.966px;
  margin-top: 3px;
}

/* Mobil */

@media (max-width: 767px) {

    .custom-empty-cart {
        padding: 20px;
    }

    .custom-empty-cart-contact {
        grid-template-columns: 1fr;
        gap: 16px;
    }

}


.cart-widget .popup-widget-inner {
  --sb-track-color: #653d2a1a;
  --sb-thumb-color: #70615A;
  --sb-size: 5px;
}

.cart-widget .popup-widget-inner::-webkit-scrollbar {
  width: var(--sb-size)
}

.cart-widget .popup-widget-inner::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1px;
}

.cart-widget .popup-widget-inner::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1px;
  
}

@supports not selector(::-webkit-scrollbar) {
  .cart-widget .popup-widget-inner {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}


/* =========================
     HEADER - LOGIN
     ========================= */


.top-nav-button {
  border: unset;
  justify-content: center;
}

.top-nav-button::before {
  content: "" !important;
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  aspect-ratio: 1/1;
  transform: unset;
  background: url('/user/documents/tvujBrand/img/icons/login.png') center / contain no-repeat;
  border: unset;
  margin: 0;
}

.top-nav-button span, .top-nav-button::after, .btn.cart-count::after {
  display: none;
}


.popup-widget.login-widget {
  left: 50%;
  top: 50% !important;
  transform: translate(-50%, -50%);
  margin-left: 0;
  height: fit-content;

  width: 100%;
  max-width: 999px;
  justify-content: center;
  align-items: flex-start;
  border-radius: 28px;
  border: 1px solid var(--UI-Background-Body, #FFF);
  background: var(--Product-Card-Background, #FFF);
  box-shadow: 0 2px 20px 0 rgba(112, 85, 50, 0.07);
}

.popup-widget-inner:not(.cart-widget-inner) {
  border-radius: 28px;
}

.popup-widget.login-widget h2 {
  color: var(--UI-Paragraph, #040811);
    text-align: center;
    font-family: Rubik !important;
    font-size: var(--FontSize-H3, 27px);
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.27px;
}

.login-widget .form-control {
  display: flex;
    height: 54px;
    padding: 0 20px 0 16px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 100px;
    border: 1px solid var(--UI-Paragraph, #040811);
    background: var(--Brand-WHITE, #FFF);
}

.popup-widget.login-widget a {
  color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
transition: .25s ease-out;
}

.popup-widget.login-widget a:hover {
text-decoration: unset;
}

.login-widget .form-group.submit-wrapper .btn {
  width: 100%;
}

.popup-widget.login-widget .alternative-links {
  display: none;
}

/* =========================
     HEADER - CONTACT BOX
     ========================= */

.navigation-contact {
  display: flex;
  padding: 0 8px;
  align-items: center;
  gap: 8px;
}

.navigation-contact__photo {
  position: relative;
  flex: 0 0 47.915px;
  width: 47.915px;
  height: 47.915px;
}

.navigation-contact__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.navigation-contact__status {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}

.navigation-contact__status.is-open {
  background: var(--UI-Success, #4E7B4D);
}

.navigation-contact__status.is-closed {
  background: var(--UI-Sale, #CD4139);
}

.navigation-contact__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.25;
}

.navigation-contact__phone {
  color: var(--UI-Paragraph, #0E090A);
  text-align: right;

  /* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: 25%; /* 4px */
  text-underline-position: from-font;
}

.navigation-contact__phone:hover {
color: var(--UI-Paragraph, #0E090A) !important;
}

.navigation-contact__phone::before {
  content: "" !important;
  display: inline-block;
  width: 14.912px;
  height: 16px;;
  flex: 0 0 14.912px;
  aspect-ratio: 1/1;
  transform: unset;
  background: url('/user/documents/tvujBrand/img/icons/phone.png') center / contain no-repeat;
  border: unset;
  margin-left: 0;
  vertical-align: middle;
}

.navigation-contact__hours {
  color: var(--UI-Description, #70615A);

  /* Description */
  font-family: Rubik;
  font-size: var(--FontSize-Description, 0.813rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.13px;
}



/* =========================
     PRODUCT CATEGORY - SORTING
     ========================= */

.subcategories.with-image {
      background: white;
    display: inline-grid;
    max-width: var(--MaxWidth, 1440px);
    align-self: stretch;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
    padding: 24px 16px 32px !important;
    margin: 0;
    margin-top: 0;
    position: relative;

    @media only screen and (min-width: 1024px) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}

.subcategories.with-image:before {
  background: white;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 0px);
  height: 100%;

  @media only screen and (min-width: 1599px) {
    width: calc(100vw - 15px);
  }
}

.subcategories li {
  width: 100%;
  padding: 0;
  height: 100%;
}

/*.subcategories::before {
  display: none;
}*/

.subcategories::after {
  display: none;
}

.subcategories.with-image li a {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  grid-row: span 1;
  grid-column: span 1;
  justify-self: stretch;
  height: unset;
  border: unset;
  box-shadow: unset;

  @media only screen and (min-width: 1024px) {
    padding: 16px 8px;		
  }
}

.subcategories.with-image li a .image {
  display: flex;
  width: 80px;
  height: 79px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 80/79;
}

.subcategories.with-image li a .image img {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}

.subcategories.with-image li a .text {
  padding: 0;
}

.subcategories li a .text {
  color: var(--UI-Paragraph, #0E090A);
  text-align: center !important;
  width: 100% !important;
  /* Paragraph */
  font-family: Rubik !important;
  font-size: var(--FontSize-Paragraph, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: 25%; /* 4px */
  text-underline-position: from-font;
}

.subcategories li a:hover .text, .subcategories li a:hover {
text-decoration: unset !important;
}

#content.content.narrow .category-top,
.category-content-wrapper #category-header {
  @media only screen and (min-width: 1024px) {
      display: none !important;
  }
}

.category-content-wrapper #category-header {
  display: none !important;
}

/* Celá struktura kategorie */
.type-category .content-wrapper-in {
    display: grid !important;
    grid-template-columns: 354px minmax(0, 1fr);
    row-gap: 0;
}

/* Název + popis přes celou šířku */
.type-category .content-wrapper-in > .category-top {
    grid-column: 1 / -1;
    width: 100%;
    margin-bottom: 46px;

}

/* Sidebar */
.type-category .content-wrapper-in > .sidebar.sidebar-left {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
}

/* Produkty */
.type-category .content-wrapper-in > main#content {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    max-width: none;
    min-width: 0;
}

/* Nadpis */
.type-category .content-wrapper-in > .category-top .category-title {
    margin-top: 0;
    margin-bottom: 0;
}

/* Popis
.type-category .content-wrapper-in > .category-top .category-perex {
    max-width: none;
    width: 100%;
} */


/* --------------------------------
   TABLET / MOBILE
-------------------------------- */

@media (max-width: 767px) {

    .type-category .content-wrapper-in {
        display: flex !important;
        flex-direction: column;
        gap: 0;
    }

    .type-category .content-wrapper-in > .category-top {
        order: 1;
        margin-bottom: 30px;
    }

    .type-category .content-wrapper-in > .sidebar.sidebar-left {
        order: 2;
        width: 100%;
    }

    .type-category .content-wrapper-in > main#content {
        order: 3;
        width: 100%;
    }

}


/* =========================================
   TOOLBAR
========================================= */

.tb-products-toolbar {
    width: 100%;
    margin-bottom: 30px;
}


/* =========================================
   HORNÍ ŘÁDEK
========================================= */

.tb-toolbar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 48px;
}


/* Řazení */

.tb-toolbar-sort {
    display: flex;
    align-items: center;
}

.tb-toolbar-sort .products-listing-order {
    margin: 0;
}

.tb-toolbar-count {
    margin-left: auto;
    color: var(--UI-Paragraph, #040811);
text-align: right;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;

  @media only screen and (max-width: 767px) {
    margin: auto !important;
  }
}

.tb-toolbar-count strong {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.16px;
}

/* Pagination */

.tb-toolbar-pagination .pagination {
    margin: 0;
}


/* Počet produktů */

.tb-products-count {
    margin-left: auto;
    white-space: nowrap;
    font-size: 14px;
}


/* =========================================
   AKTIVNÍ FILTRY
========================================= */

.tb-toolbar-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    min-height: 34px;
}

.tb-toolbar-filters.is-empty {
    display: none;
}

.tb-filtered-label {
    margin-right: 3px;
    white-space: nowrap;
    color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}


/* =========================================
   FILTER CHIP
========================================= */

.tb-active-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.tb-active-filter {
    align-items: center;
    gap: 7px;
    display: flex;
    padding: 6px 12px;
    align-items: center;
    gap: 6px;
    border: 0;
    border-radius: 20px;

    padding: 8px 12px;

    background: #f0e9e7;
    color: #222;

    font-size: 13px;
    line-height: 1;

    cursor: pointer;
    transition:
        background .2s ease,
        transform .2s ease;
}

.tb-active-filter:hover {
    background: #e6ddda;
}

.tb-active-filter span {
color: var(--UI-Paragraph, #040811);

/* Description */
font-family: Rubik !important;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

.tb-active-filter-remove {
    font-size: 16px;
    line-height: 10px;
}


/* =========================================
   ZRUŠIT FILTRY
========================================= */

.tb-clear-filters {
color: var(--UI-Paragraph, #040811);
text-align: center;
background: unset;
    border: unset;
/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

.tb-clear-filters:hover {
    text-decoration: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .tb-toolbar-top {
        flex-wrap: wrap;
        gap: 15px;
    }

    .tb-toolbar-sort {
        width: 100%;
    }

    .tb-toolbar-pagination {
        margin-left: 0;
        width: 100%;
    }

    .tb-toolbar-filters {
        align-items: flex-start;
    }

    .tb-filtered-label {
        width: 100%;
    }

    .tb-clear-filters {
        margin-left: 0;
    }

}



/* =========================
     PRODUCTS - LAYOUT
     ========================= */

.slick-list.draggable, .type-index .products > div {
  border: unset !important;
}

.products-block {
  
  border: unset;

   @media only screen and (max-width: 1023px) {
    gap: 3rem;
  }
}

body:not(.type-index) .products-block {
  border: unset !important;
}

.type-category .products-block {
  gap: 32px;

  @media only screen and (max-width: 1023px) {
    padding: 0 16px;
  }
}

.products-block>div {
  @media only screen and (min-width: 1200px) {
    width: 31.28%;
  }
}

.products-block.products .product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  grid-row: span 1;
  grid-column: span 1;
  justify-self: stretch;
  padding: 0;
  border: unset !important;
}

.slick-slider.products-block.products .product {
  @media only screen and (min-width: 1024px) {
    margin-right: 48px;
  }
}

.type-category .products-block .product {
  @media only screen and (max-width: 1023px) {
    width: 100%;
  }
}

.products-block.products .product:hover {
  box-shadow: unset;
}

.products-block.products .product:hover .p a.image {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.products-block.products .product:hover .p-in {
  background: #FFF;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
}

.products-block .p a.image {
  height: 312px;
  align-self: stretch;
  aspect-ratio: 1/1;
  border-radius: 36px;
  background: #FFF;
  margin-bottom: 0;
  align-content: center;

  @media only screen and (min-width: 1024px) and (max-width: 1599px) {
    height: 302px;
  }

  @media only screen and (min-width: 1600px) {
    aspect-ratio: unset;
  }
}

.products-block:not(.slick-slider) .p a.image {
  align-content: center;

  @media only screen and (min-width: 1024px) {
    aspect-ratio: 1/1;
    height: 339px;
  }
}

.products-block .p {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.products-block .p a.image img {
  width: 278.004px;
  height: 291.103px;
  aspect-ratio: 85/89;
  margin: auto;
  background: url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.product .p-in {
  display: flex;
  padding: 16px 18px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  /*flex: 1 0 0;*/
  align-self: stretch;

  flex: 1;
}

.product .p-in-in {
  flex-direction: column;
  display: flex;
  
  flex: 1;
}

.products-block .ratings-wrapper {
  padding-bottom: 0 !important;
}

.product .p-in .p-in-in a {
  margin-bottom: 0 !important;
  height: unset !important;
  text-decoration: unset !important;
}

.product .p-in .p-in-in a span {
  color: var(--UI-Paragraph, #040811);

  /* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: 25%; /* 4px */
  text-underline-position: from-font;
}


.products-block.products .p .price strong, .products-block.products .p .price span {
  color: var(--UI-Paragraph, #0E090A);

  /* H4 */
  font-family: Rubik !important;
  font-size: var(--FontSize-H4, 21px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 31.5px */
  letter-spacing: -0.21px;
}

.product .availability span {
/* Paragraph */
font-family: "Proxima Nova" !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
}

.product .availability:has(.skladem) span {
color: var(--UI-Success, #4E7B4D) !important;
}

.p-bottom {
width: 100%;
}

.product [data-micro="offer"] {
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 15px;
    row-gap: 8px;
}

.product [data-micro="offer"] .prices {
    display: contents;
}

.product [data-micro="offer"] .availability {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    margin-bottom: 3rem;
}

.product [data-micro="offer"] .price-final {
    grid-column: 1;
    grid-row: 2;

    align-self: center;
}

.product [data-micro="offer"] .p-tools {
    grid-column: 2;
    grid-row: 2;

    margin: 0;
    align-self: center;
}

.product [data-micro="offer"] .p-tools form {
    margin: 0;
}



.product [data-micro="offer"] {
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
    column-gap: 15px;
    row-gap: 8px;
}

/* Dostupnost */
.product [data-micro="offer"] .availability {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0 !important;
}

/* Slevový kód */
.product [data-micro="offer"] .dm-coupon-div.show-tooltip {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
}

/* Cena */
.product [data-micro="offer"] .prices {
    display: contents;
}

.product [data-micro="offer"] .price-final {
    grid-column: 1;
    grid-row: 3;
}

/* Tlačítko koupit */
.product [data-micro="offer"] .p-tools {
    grid-column: 2;
    grid-row: 3;
}

/* =========================
     PRODUCTS - FLAGS
     ========================= */

.flags-default {
  display: flex;
  width: 296.765px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  left: 14px;
  top: 14px;
}

.products-block .p .flags-default {
  left: 14px;
  top: 14px;
}

.p-image-wrapper .flags.flags-default {
  left: 16px;
  top: 15px;
}

.flags-default .flag {
display: inline-flex;
padding: 2px 10px;
align-items: flex-start;
gap: 4px;
border-radius: 100px;
margin-bottom: 0;

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

.flag-tip {
  color: #804471
}

.flag-flag-custom1, .flag-action {
  color: #fff;
}

.flag-new {
  color: #1C5778;
}

.tb-price-row {
    display: flex;
    height: 56px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2px;
}

.flag.flag-discount, .tb-discount-price {
  display: flex;
  flex-direction: row;
  background: unset;
  align-items: center;
  gap: 6px;
  row-gap: 4px;
  margin: 0;
  padding: 0;
}

.flag.flag-discount .price-standard span, .tb-discount-price-value {
color: var(--UI-Description, #70615A) !important;
/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px) !important;
font-style: normal;
font-weight: 400 !important;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
text-decoration-line: line-through;
}

.flag.flag-discount .price-save, .tb-discount-percent {
display: flex;
padding: 4px;
align-items: flex-start;
border-radius: 6px;
background: var(--UI-Sale, #CD4139);
color: var(--UI-Background-Body, #FFF) !important;
font-family: Rubik;
font-size: var(--FontSize-Description, 13px) !important;
font-style: normal;
font-weight: 400 !important;
line-height: 100%; /* 13px */
letter-spacing: -0.13px;
}

.products-block.products .p .price {
margin-right: auto;
}

/* =========================
     PRODUCTS - SORTING
     ========================= */

/*.type-category .content-wrapper-in > .category-top .category-title {
  display: none;
}*/

.category-top .category-title {
  color: var(--UI-Paragraph, #0E090A);
  margin-bottom: 16px;

/* H1 */
font-family: Rubik !important;
font-size: var(--FontSize-H1, 42px);
font-style: normal;
font-weight: 500;
line-height: 125%; /* 52.5px */
letter-spacing: -0.42px;
}

.category-top .category-perex {
  margin-bottom: 64px;
  width: 100%;

  @media only screen and (min-width: 1024px) {
    width: 57%;
  }
}

.category-top .category-perex h2 {
    color: var(--UI-Paragraph, #0E090A);
    margin-bottom: 16px;

  /* H1 */
  font-family: Rubik !important;
  font-size: var(--FontSize-H1, 42px);
  font-style: normal;
  font-weight: 500;
  line-height: 125%; /* 52.5px */
  letter-spacing: -0.42px;
}

.category-top .category-perex p {
  color: var(--UI-Paragraph, #0E090A);
  margin: 0 !important;

  /* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}

.category-top .category-perex a {
  color: var(--UI-Paragraph, #0E090A);
  margin: 0 !important;

  /* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}

.category-top .category-perex a:hover {
  text-decoration: unset !important;
}

.category-top .category-perex p strong {
  font-weight: 700;
}

.products-top-wrapper {
  display: none;
}

.listSorting {
  padding: 0 !important;
}

.listSorting__controls {
  display: flex;
  padding: 6px;
  border-radius: 42px;
  background: var(--UI-Background-Body, #FFF);
  align-items: center;
  border: unset;
}

.listSorting__controls li {
  display: flex;
  padding: 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
}

.listSorting__controls li button {
  color: var(--UI-Paragraph, #040811) !important;

  /* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 16px) !important;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: 25%; /* 4px */
  text-underline-position: from-font;
  text-transform: unset;
  padding: 0;
  background-color: unset !important;
  border: unset !important;
}

.listSorting__controls li:has(button.listSorting__control--current) {
background: #E5F0D2;
/* Ecohaus Shadow */
box-shadow: 0 0 36px 0 rgba(194, 156, 113, 0.15);
color: var(--UI-Paragraph, #040811) !important;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.listSorting__controls li button.listSorting__control--current {
/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration: unset !important;
}

/* =========================
     PRODUCTS - PAGINATION
     ========================= */

.pagination__list {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: unset;
}

.pagination__list li {
  list-style:none;
}

.pagination__list li strong.pagination__currentPage {
    color: var(--UI-Description, #70615A) !important;
    text-align: center;
    font-family: Rubik !important;
    font-size: var(--FontSize-Paragraph, 16px) !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 150% !important;
    letter-spacing: -0.16px !important;
    background-color: unset !important;
    border: unset !important;
    background: unset !important;
    margin: 0;
    place-content: center;
    width: fit-content;
}

.pagination__list li .btn.pagination__link, .pagination__list li .pagination__link {
color: var(--UI-Paragraph, #040811) !important;
text-align: center;
margin: 0;
place-content: center;
width: fit-content;
/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px) !important;
font-style: normal;
font-weight: 400 !important;
line-height: 150% !important;
letter-spacing: -0.16px !important;
text-decoration-line: underline !important;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
background-color: unset !important;
    border: unset !important;
    background: unset !important;
}

.pagination__list li:has(.btn.pagination__link) {
  order: 3;
}

.pagination__list li .btn.pagination__link {
  display: flex;
    width: 40px;
    height: 40px;
    padding: 10px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 32px !important;
    border: 1px solid #D0B1A8 !important;
    background: rgba(255, 255, 255, 0.90) !important;
}

.pagination__list li .btn.pagination__link::before {
  content: "" !important;
  display: inline-block;
 width: 15.983px;
height: 9.174px;
transform: rotate(180deg);
flex-shrink: 0;
  flex: 0 0 15.983px;
  aspect-ratio: 1/1;
  background: url('/user/documents/tvujBrand/img/icons/carousel-arrow-black.png') center / contain no-repeat;
  vertical-align: middle;
}

.pagination__list li .btn.pagination__link.pagination__link--prev::before {
  transform: rotate(360deg);
}


.pagination__list li .btn.pagination__link:hover {
  background: var(--UI-Description, #70615A) !important;
  border: 1px solid #70615A;
}

.pagination__list li .btn.pagination__link:hover::before {
  background: url('/user/documents/tvujBrand/img/icons/carousel-arrow-white.png') center / contain no-repeat !important;
}



.listingControls {
align-items: flex-end;
}

.tb-listing-progress {
    width: 100%;
    margin-bottom: 14px;
}

.tb-listing-progress-text {
    margin-bottom: 8px;
    text-align: center;
    color: var(--Text-Paragraph, #272727);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.tb-listing-progress-text strong {
color: var(--Text-Paragraph, #272727);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.16px;
}

.tb-listing-progress-bar {
    width: 100%;
    height: 8px;
    overflow: hidden;
    display: flex;
align-items: center;
border-radius: 11px;
background: var(--UI-Divider, rgba(101, 61, 42, 0.10));
}

.tb-listing-progress-fill {
    width: 0;
    height: 100%;
border-radius: 11px;
background: var(--Brand-Brand-Blue-Darker, #1C5778);
    transition: width 0.35s ease;
}

.tb-go-to-top {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 12px 20px;
    border: 0;
    cursor: pointer;
}

.goToTop {
visibility: visible;
}

.goToTop__button.btn.btn-secondary {
    border: 1px solid var(--UI-Buttons-Primary-Background, #3F91BF);
    background-color: unset !important;
    color: var(--UI-Buttons-Primary-Background, #3F91BF) !important;
    font-family: Rubik !important;
    font-size: var(--FontSize-Paragraph, 16px) !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 150% !important;
    letter-spacing: -0.16px !important;
}

.goToTop__button.btn.btn-secondary:hover {
    border: 1px solid var(--UI-Buttons-Primary-Hover-Background, #1C5778);
    background-color: var(--UI-Buttons-Primary-Hover-Background, #1C5778) !important;
    color: #fff !important;
}

.goToTop__button.btn.btn-secondary::after {
  content: "" !important;
  display: inline-block;
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  aspect-ratio: 1/1;
  background: url('/user/documents/tvujBrand/img/icons/arrow-blue.png') center / contain no-repeat;
  vertical-align: middle;
  margin-left: 10px;
}

.listingControls .loadMore .btn {
height: 48px;
}


/* =========================
     PRODUCTS - FILTERS
     ========================= */

.sidebar-inner>div {
  margin-bottom: 24px;
}     

.sidebar-inner .box, .filter-sections {
  background-color: unset !important;
  border: unset !important;
  border-bottom: 1px solid var(--UI-Divider, rgba(14, 9, 10, 0.10));
}

.box-filters::before {
  content: "Filtry";
  color: var(--UI-Paragraph, #040811);
  margin-bottom: 20px;

/* H3 */
font-family: Rubik !important;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
padding: 0;
}

.filter-section span, #filters h4 span {
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

#filters h4 {
  position: relative;
  padding: 20px 0;
}

#filters h4:hover {
  background-color: unset;
}

#filters h4::before {
  display: none;
}

#filters h4::after {
    position: absolute;
    right: 0;
    content: "" !important;
  display: inline-block;
  width: 10px;
height: 10px;
  flex: 0 0 10px;
  aspect-ratio: 1/1;
  background: url('/user/documents/tvujBrand/img/icons/carousel-arrow-black.png') center / contain no-repeat;
  vertical-align: middle;
}

.filter-section h4::after, .slider-wrapper h4::after {
transform: rotate(270deg);
transition: .25s ease-out;
}

.filter-section.otevreny h4::after, .slider-wrapper.otevreny h4::after {
transform: rotate(90deg);
}

.filter-section form > fieldset > div {
  margin-bottom: 14px;
  padding: 0;
}

.filter-section form > fieldset > div:not(.advanced-filters-wrapper):hover {
  background-color: unset;
}

.param-filter-top .filter-label, .filter-section .filter-label {
      width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--UI-Paragraph, #040811);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 3.25px */
text-underline-position: from-font;
}

.param-filter-top .filter-label:hover, .filter-section .filter-label:hover {
text-decoration: unset !important;
}

.param-filter-top .filter-count, .filter-section .filter-count {
  color: var(--UI-Description, #70615A);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

input[type="checkbox"]+label::before, input[type="radio"]+label::before, .kupon-odkaz::before {
  width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid var(--UI-Paragraph, #040811);
background: #FFF;
}

input[type="checkbox"]:checked+label::after, input[type="radio"]:checked+label::after, .otevreny .kupon-odkaz::before {
  border-radius: 4px;
background: var(--Brand-Brand-Green, #CAE3A1);
color: #040811;
}

.otevreny .kupon-odkaz::before {
  border: 1px solid var(--Brand-Brand-Green, #CAE3A1);
}

.slider-wrapper {
  padding: 0;
}

.slider-wrapper h4 {
  padding: 20px !important;
}

.slider-wrapper h4::after {
  right: 20px !important;
}

.ui-slider, .slider-content {
    border-radius: 2px;
border-radius: 2px;
background: var(--UI-Divider, rgba(14, 9, 10, 0.10));
}

.ui-slider .ui-slider-range {
  border-radius: 2px;
background: var(--UI-Success, #4E7B4D);
height: 4px;
}

.ui-slider-horizontal .ui-slider-handle {
  width: 20px;
height: 20px;
border-radius: 100px;
border: 2.5px solid var(--UI-Success, #4E7B4D);
background: var(--UI-Background-Body, #FFF);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}

.ui-slider-horizontal .ui-slider-handle::after {
  display: none;
}

.slider-header .from,
.slider-header .to {
color: var(--UI-Description, #70615A);

/* Description */
font-family: Rubik !important;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

.slider-header .from #min,
.slider-header .to #max {
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

#category-filter-hover .filter-section:last-child {
  background-color: unset !important;
}

.sidebar .filter-section:has(#clear-filters), .sidebar.sidebar-left .tb-go-to-top {
  display: none;
}

.sidebar-inner .banner-wrapper:has(.kids-footer-contact) {
    display: flex;
    padding: 24px 22px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
    border-radius: 24px;
    background: var(--Brand-Brand-Yellow, #F4DDA5);
}

.sidebar-inner .banner-wrapper .kids-footer-contact-person {
  margin: 0;
}

.banner-wrapper .kids-footer-contact-person div span {
  @media only screen and (min-width: 1024px) {
    width: 80%;
  }
}


.filtrovat {
  @media only screen and (max-width: 767px) {
    display: flex;
    height: 54px;
    padding: 0 20px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 100px;
    border: 1px solid var(--UI-Paragraph, #0E090A);
    background: var(--Brand-WHITE, #FFF);
    color: var(--UI-Paragraph, #0E090A);

    /* Paragraph */
    font-family: Rubik;
    font-size: var(--FontSize-Paragraph, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: -0.16px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: 25%; /* 4px */
    text-underline-position: from-font;
  }
}

.otevreno .filter-sections {
  @media only screen and (max-width: 767px) {
    padding: 0 16px;
  }
}




.filter-search {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
}

.filter-search::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);

    background-image: url('/user/documents/tvujBrand/img/icons/search.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    pointer-events: none;
}

.filter-search-input {
    display: block;
    width: 100%;
    height: 42px;
    padding: 8px 12px 8px 42px;
    box-sizing: border-box;
    line-height: 1;
    outline: none;
    display: flex;
align-items: center;
gap: 12px;
align-self: stretch;
border-radius: 100px;
border: 1px solid var(--UI-Paragraph, #040811);
background: var(--Brand-WHITE, #FFF);
    color: var(--UI-Description, #70615A);
    font-family: Rubik;
    font-size: var(--FontSize-Description, 13px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.13px;
}

.filter-search-input:focus {
    border-color: #999;
}

.filter-search-input::placeholder {
    color: #999;
}


/* =========================
     PRODUCT DETAIL
     ========================= */

.type-detail .row.product-top {
  display: grid;
  grid-template-columns: 1fr;

  @media only screen and (min-width: 992px) {
    grid-template-columns: 1fr 1fr;
  }
}

body:not(.multiple-columns-body).type-detail .p-image-wrapper,
body:not(.multiple-columns-body).type-detail .p-info-wrapper {
  width: 100%;
}

.type-detail .content-wrapper-in {
  display: block !important;
} 

.p-detail-inner-header h1, .p-detail-inner-header .h1 {
  color: var(--UI-Paragraph, #040811);

/* H1 */
font-family: Rubik;
font-size: var(--FontSize-H1, 42px);
font-style: normal;
font-weight: 500;
line-height: 125%; /* 52.5px */
letter-spacing: -0.42px;
}

.p-info-wrapper > .p-short-description {
  color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
border-color: var(--UI-Divider, rgba(14, 9, 10, 0.10));
padding-bottom: 32px;
margin-bottom: 32px;
}

.p-info-wrapper > .p-short-description p {
  margin-bottom: 0;
}

.p-info-wrapper > .p-short-description strong {
font-weight: 700;
}

.p-info-wrapper > .p-short-description p[data-testid="productCardDescr"] a {
color: var(--UI-Paragraph, #040811);
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

.p-info-wrapper > .p-short-description p[data-testid="productCardDescr"] {
display: block;
    margin-top: 4px;
}

.p-info-wrapper .availability-value {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  @media only screen and (min-width: 1024px) {
    flex-direction: row;
  }
}

.p-info-wrapper .availability-value > span:not(.availability-result) {
  color: var(--UI-Success, #4E7B4D);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.p-info-wrapper .availability-value > span.availability-amount {
  margin-right: auto;
  margin-left: 5px;
}

.p-info-wrapper .availability-value > span.availability-result {
    color: var(--UI-Success, #4E7B4D);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.p-info-wrapper .availability-value > span.availability-result strong {
  font-weight: 700;
}

.p-info-wrapper .delivery-in-detail {
  margin-top: 0;
}

.p-info-wrapper .delivery-in-detail a, .availability-value a {
color: var(--UI-Paragraph, #040811);
text-align: right;

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 3.25px */
text-underline-position: from-font;
}

#cboxContent {
  border-radius: 48px;
  max-width: 1025px !important;
  width: 100% !important;
  float: unset !important;
}

.content-modal {
  padding: 24px;
}

.content-modal:has(.shipping-options-popup) {
  padding: 24px 24px 0;
}

.shipping-options-popup h1 {
  color: var(--UI-Paragraph, #040811);

/* H3 */
font-family: "Proxima Nova" !important;
font-size: 27px;
font-style: normal;
font-weight: 800;
line-height: 140%; /* 37.8px */
}

.shipping-options-popup > p {
  color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.shipping-options-popup .shipping-row {
    border: unset;
    border-bottom: 1px solid var(--UI-Divider, rgba(101, 61, 42, 0.10));
    padding: 16px 0;
}

.shipping-options-popup .shipping-row .payment-logo {
  border: unset;
}

.shipping-options-popup .extra.delivery {
  margin: 0 -24px 0 -24px;
}


.p-info-wrapper .price-final span {
  color: var(--Text-Paragraph, #061F2A);
text-align: left;

/* H3 */
font-family: Rubik !important;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
}

.p-image-wrapper .p-image {
  display: flex;
  height: 812px;
  padding: 0 70px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1 / 1;
  grid-row: span 1;
  grid-column: span 2;
  justify-self: stretch;
  border-radius: 16px;
  background: var(--UI-Background-Body, #FFF);
  margin-bottom: 24px;

  @media only screen and (max-width: 1024px) {
    display: flex;
    height: 328px;
    padding: 0 70px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    aspect-ratio: unset;
    grid-row: span 1;
    grid-column: span 2;
    justify-self: stretch;
    border-radius: 16px;
    background: var(--UI-Background-Body, #FFF);
  }
}

.p-thumbnails-wrapper {
    width: 100%;
}

.p-thumbnails-horizontal {
    width: 100%;
    height: auto !important;
    overflow: visible;
}

.p-thumbnails-inner {
    width: 100% !important;
    position: static !important;
        height: auto !important;
}

.p-thumbnails-inner > div {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.p-thumbnails>div>div:before, .p-thumbnails>div>div:after {
display: none;
}

.p-thumbnails-inner .p-thumbnail {
    display: block;
    width: 100%;
    margin-right: 0;
}

.p-thumbnails-inner .p-thumbnail a {
display: flex;
height: 394px;
justify-content: center;
align-items: center;
gap: 10px;
aspect-ratio: 1/1;
grid-row: span 1;
grid-column: span 1;
justify-self: stretch;
    border-radius: 16px;
}

.p-thumbnails-inner .p-thumbnail img {
    display: block;
    height: 152px;
    width: 100%;
    flex: 1 0 0;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
    border: unset;

    @media only screen and (min-width: 1024px) {
      height: 394px;
    }
}

/* Skryje navigaci carouselu */
.p-thumbnails .thumbnail-prev,
.p-thumbnails .thumbnail-next {
    display: none;
}

.p-info-wrapper .add-to-cart {
  flex-wrap: unset;
}

.p-detail .add-to-cart .quantity {
  margin-right: 16px;
  max-width: 112px;
  width: 100%;
}

.p-detail .add-to-cart .quantity .increase, .p-detail .add-to-cart .quantity .decrease {
  width: 40px;
}

.p-info-wrapper .buy-box {
  display: flex;
    padding: 28px 16px 16px;
    flex-direction: column;
    justify-content: center;
    flex-wrap: unset;
    align-items: center;
    gap: 0;
    align-self: stretch;
    border-radius: 24px;
    background: var(--Brand-WHITE, #FFF);
    margin: 16px 0 32px;

    @media only screen and (min-width: 1024px) {
      flex-direction: row;
      gap: 24px;
      margin: 8px 0 32px;
      padding: 16px;
    }
}

.p-info-wrapper .buy-box .p-final-price-wrapper {
  @media only screen and (max-width: 1023px) {
    gap: 1rem;
  }
}

.p-info-wrapper .buy-box .add-to-cart {
  @media only screen and (max-width: 1023px) {
    max-width: 377px;
    width: 100%;
  }
}

.social-buttons-wrapper, .p-detail .stars-wrapper {
  display: none;
}

.p-detail-info {
  margin-bottom: 32px;
      flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
}

.p-detail-info a[data-testid="productCardBrandName"] {
  color: var(--UI-Description, #70615A);

/* Description */
font-family: Rubik !important;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 3.25px */
text-underline-position: from-font;
}

.p-code span {
color: var(--UI-Description, #70615A);

/* Description */
font-family: Rubik !important;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400 !important;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}




.product .p-in {
    display: flex;
    flex-direction: column;
}

.product .p-bottom {
    margin-top: auto;
}

.product [data-micro="offer"] {
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
    column-gap: 15px;
    row-gap: 8px;
}

.product [data-micro="offer"] .prices {
    display: contents;
}

.product [data-micro="offer"] .availability {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
}

.product [data-micro="offer"] .dm-coupon-div.show-tooltip {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
}

.product [data-micro="offer"] .tb-discount-price {
    grid-column: 1;
    grid-row: 3;
}

.product [data-micro="offer"] .price-final {
    grid-column: 1;
    grid-row: 3;
}

.product [data-micro="offer"] .p-tools {
    grid-column: 2;
    grid-row: 3;
}


.product [data-micro="offer"] .dm-coupon-placeholder {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    height: 70px;
}    

/* ========================================
   KONTAKT V BUY BOXU
   ======================================== */

.type-product .kids-footer-contact-person {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: flex-start;
    width: 100%;
    padding-top: 32px;
    margin-top: 32px;
    border-top: 1px solid var(--UI-Divider, rgba(14, 9, 10, 0.10));
}


/* FOTO */

.type-product .kids-footer-contact-photo-wrapper {
    position: relative;
    display: block;
    flex-shrink: 0;
}

.type-product .kids-footer-contact-photo {
    display: block;
    width: 47.915px;
height: 47.915px;
border-radius: 47.915px;
}


/* LEVÁ ČÁST */

.type-product .kids-footer-contact-intro {
        display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 5px;
}

.type-product .kids-footer-contact-intro strong {
color: var(--UI-Paragraph, #0E090A);
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.type-product .kids-footer-contact-intro span {
color: var(--UI-Paragraph, #0E090A);

/* Description */
font-family: "Proxima Nova";
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 19.5px */
}


/* PRAVÁ ČÁST */

.type-product .kids-footer-contact-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0;
}


/* TELEFON + EMAIL */

.type-product .kids-footer-contact-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.type-product .kids-footer-contact-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.type-product .kids-footer-phone,
.type-product .kids-footer-email {
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

.type-product .kids-footer-opening,
.type-product .kids-footer-email-note {
color: var(--UI-Description, #70615A);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}


/* STAV */

.type-product .kids-footer-contact-photo-wrapper
.navigation-contact__status {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
}

.type-product .kids-footer-contact-photo-wrapper
.navigation-contact__status.is-open {
    background: #2ecc71;
}

.type-product .kids-footer-contact-photo-wrapper
.navigation-contact__status.is-closed {
    background: #e74c3c;
}


/* ========================================
   MOBIL
   ======================================== */

@media (max-width: 767px) {

    .type-product .kids-footer-contact-person {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    /* FOTO + ÚVOD = JEDEN ŘÁDEK */
    .type-product .kids-footer-contact-top {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 15px;
        align-items: center;
        width: 100%;
    }

    .type-product .kids-footer-contact-photo-wrapper {
        width: auto;
    }

    .type-product .kids-footer-contact-photo {
        display: block;
        width: 47.915px;
        height: 47.915px;
    }

    .type-product .kids-footer-contact-intro {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    /* TELEFON + EMAIL POD SEBOU */
    .type-product .kids-footer-contact-details {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    .type-product .kids-footer-contact-item {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

}







.type-product .kids-footer-contact-person {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    margin-top: 24px;
}

/* FOTO + ÚVOD */
.type-product .kids-footer-contact-top {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    flex: 1;
    min-width: 0;
}

/* TEXT */
.type-product .kids-footer-contact-intro {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* TELEFON + EMAIL */
.type-product .kids-footer-contact-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.type-product .kids-footer-contact-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* STAV OTEVŘENO / ZAVŘENO */
.type-product .kids-footer-contact-photo-wrapper
.navigation-contact__status {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
}

.type-product .kids-footer-contact-photo-wrapper
.navigation-contact__status.is-open {
    background: #2ecc71;
}

.type-product .kids-footer-contact-photo-wrapper
.navigation-contact__status.is-closed {
    background: #e74c3c;
}


/* ========================================
   MOBIL
   ======================================== */

@media (max-width: 767px) {

    .type-product .kids-footer-contact-person {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    /* FOTO + TEXT = PRVNÍ ŘÁDEK */
    .type-product .kids-footer-contact-top {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 15px;
        align-items: center;
        width: 100%;
    }

    /* TELEFON + EMAIL POD TÍM */
    .type-product .kids-footer-contact-details {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    .type-product .kids-footer-contact-item {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

}





.type-detail .row.product-top {
  margin-bottom: 0;
}

.type-product .benefitBanner {
  margin-bottom: 0;
}

.shp-tabs-wrapper {
  margin-bottom: 0;
}

.p-detail-tabs {
display: flex;
align-items: center;
gap: 56px;
flex: 1 0 0;
align-self: stretch;
background-color: unset;
border: unset;
}

.shp-tabs-row {
border-top: 1px solid var(--UI-Paragraph, #040811) !important;
/*border-bottom: 1px solid var(--UI-Paragraph, #040811) !important;*/
position: relative;
margin-bottom: 0;
position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
    height: 72px;
}

.shp-tabs-row:before {
  background: #fff;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 0px);
  height: 100%;
  margin-top: -1px;
  border-top: 1px solid var(--UI-Paragraph, #040811) !important;
  border-bottom: 1px solid var(--UI-Paragraph, #040811) !important;

  @media only screen and (min-width: 1599px) {
    width: calc(100vw - 15px);
  }
}

.shp-tab[data-testid="tabDiscussion"] {
  display: none;
}

.shp-tabs-holder {
      z-index: 2;
    position: relative;
}

.shp-tabs-holder, .shp-tabs {
 background-color: #fff; 
 border: unset;
}

.shp-tabs-holder ul.shp-tabs {
   border: unset;
   height: 69px;
}

.shp-tabs-holder ul.shp-tabs li {
  flex: unset;
}

.shp-tab-link {
   background-color: unset !important; 
}

.shp-tabs-row .shp-tabs-holder .p-detail-tabs li a {
color: var(--UI-Paragraph, #040811) !important;
border: unset !important;
padding: 23px 0;
display: inline;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px) !important;
font-style: normal;
font-weight: 400;
line-height: 0 !important; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline !important;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
text-transform: none !important;
transition: .25s ease-out;
}

.shp-tabs-row .shp-tabs-holder .p-detail-tabs li a:hover {
  text-decoration: unset !important;
}

.p-detail-tabs li a::after {
    content: "" !important;
    display: inline-block;
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    transform: unset;
    background: url('/user/documents/tvujBrand/img/icons/carousel-arrow-black.png') center / contain no-repeat !important;
    transform: rotate(270deg);
    margin-bottom: -3px;
    margin-left: 5px;
}

.description-inner {
  flex-direction: column;
  align-items: center;
}

.popis-nadpis, .extended-description h3 {
  color: var(--UI-Paragraph, #040811);
    text-align: center;
    font-family: Rubik !important;
    font-size: var(--FontSize-H2, 36px);
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: -0.36px;
    margin-bottom: 0;
}

.basic-description h3 {
  margin-bottom: 16px;
}

.basic-description p, article p, .news-item-detail p, .basic-description ul, .basic-description li, .basic-description  {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
max-width: 720px;
align-self: stretch;
}

.basic-description {
  padding: 64px 0;
  margin: auto;
}

.extended-description {
  background: #F1E6E3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    position: relative;
    padding: 64px 0;
    max-width: 720px;
    width: 100%;
}

.extended-description:before {
  background: #F1E6E3;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 0px);
  height: 100%;

  @media only screen and (min-width: 1599px) {
    width: calc(100vw - 15px);
  }
}

.extended-description, .extended-description h3, .detail-parameters, .produkt-kat {
  z-index: 2;
  position: relative;
}

#tab-content .tab-pane#productDiscussion {
  display: none !important;
}

.extended-description .detail-parameters th {
  color: var(--UI-Description, #70615A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
padding: 14px 20px;
}

.extended-description .detail-parameters td {
  color: var(--UI-Paragraph, #040811);
  text-align: left;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
padding: 14px 20px;
}

.extended-description .detail-parameters td a {
  color: var(--UI-Paragraph, #040811) !important;
}

.extended-description .detail-parameters td:hover a {
 text-decoration: unset !important;
}

.extended-description .detail-parameters th,
.extended-description .detail-parameters td {
  border: unset;
}

.extended-description .detail-parameters tr:nth-child(even) th {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
background: var(--Brand-Snow, #FBF5F3);
}

.extended-description .detail-parameters tr:nth-child(even) td {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
background: var(--Brand-Snow, #FBF5F3);
}

.all-param  {
background-color: unset;
background: unset;
}

.all-param span {
  color: var(--UI-Paragraph, #0E090A);
background: unset;
border: unset;
/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
text-transform: none;
}

.all-param span:hover {
  color: var(--UI-Paragraph, #0E090A);
text-decoration: unset;
background: unset;
}



/* Mobilní select */
.tb-tab-select-wrapper {
    display: none;
}

@media (max-width: 767px) {

    .tb-tab-select-wrapper {
        display: block;
        position: sticky;
        top: 0;
        z-index: 100;
        background: #fff;
        padding: 10px 0;
        border-top: 1px solid var(--UI-Paragraph, #040811);
border-bottom: 1px solid var(--UI-Paragraph, #040811);
    }

    .tb-tab-select {
        display: flex;
        width: 100%;
height: 54px;
padding: 0 20px;
align-items: center;
gap: 12px;
align-self: stretch;
border-radius: 100px;
border: 1px solid var(--UI-Paragraph, #0E090A);
background: var(--Brand-WHITE, #FFF);
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
letter-spacing: 0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
        cursor: pointer;
    }

    /* Všechny sekce zůstávají otevřené */
    #tab-content .tab-pane,
    #tab-content .extended-description {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
    }

    #tab-content .tab-pane.fade {
        transition: none;
    }

    /* Mobilní původní nadpisy už nepotřebujeme */
    #tab-content .tab-mobil {
        display: none;
    }
}

    
    
    
/* Mobilní select je defaultně skrytý */
.tb-mobile-sorting {
    display: none;
}

@media (max-width: 767px) {

    /* Select */
    .tb-mobile-sorting {
        width: 100%;
        background: #fff;
        cursor: pointer;
        
        display: flex;
height: 54px;
padding: 0 20px;
align-items: center;
gap: 12px;
align-self: stretch;
border-radius: 100px;
border: 1px solid var(--UI-Paragraph, #0E090A);
background: var(--Brand-WHITE, #FFF);
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
    }

    /* Desktopní řazení na mobilu schovat */
    .tb-toolbar-sort .tb-listSorting-clone {
        display: none !important;
    }

}


#productsAlternative {
  margin: 64px 0 !important;
  border: unset !important;
  padding: 0 !important;
}

#productsAlternative .slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.products-related-header, #productsAlternative::before {
color: var(--UI-Paragraph, #040811);
text-align: center;

/* H2 */
font-family: Rubik !important;
font-size: var(--FontSize-H2, 36px);
font-style: normal;
font-weight: 500;
line-height: 125%; /* 45px */
letter-spacing: -0.36px;
}

#productsAlternative,
#souvisejici h2,
.in-index .homepage-group-title.homepage-products-heading-1,
.in-index .homepage-group-title.homepage-products-heading-2  {
  position: relative;

@media only screen and (max-width: 1023px) {
display: flex;
    flex-direction: column;
    align-items: center;
padding-right: 0;
    text-align: center !important;
}
}

#productsAlternative .tb-all-link,
#souvisejici h2 .tb-all-link,
.in-index .homepage-group-title .tb-all-link {
position: absolute;
    right: 0;
    top: 0;
    text-decoration: unset !important;
    margin-top: 12px;

@media only screen and (max-width: 1023px) {
position: relative;
}
}

#productsAlternative .tb-all-link .tb-all-link-text-span,
#souvisejici h2 .tb-all-link .tb-all-link-text-span,
.in-index .homepage-group-title .tb-all-link-text-span {
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px) !important;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

#productsAlternative .tb-all-link-text-arrow,
#souvisejici h2 .tb-all-link-text-arrow {
    font-size: 24px;
    line-height: 1;
}

#productsAlternative .tb-all-link .tb-all-link-text-span:hover,
#souvisejici h2 .tb-all-link .tb-all-link-text-span:hover,
.in-index .homepage-group-title .tb-all-link-text-span:hover {
text-decoration: unset !important;
}

#productsAlternative .tb-all-link span,
#souvisejici h2 .tb-all-link span {
font-size: unset;
}

#productsAlternative .tb-all-link .tb-all-link-text-arrow,
#souvisejici h2 .tb-all-link .tb-all-link-text-arrow,
.in-index .homepage-group-title .tb-all-link-text-arrow {
  text-decoration: unset !important;
  font-size: 16px;
}

/* =========================
      ADD TO CART - POPUP
     ========================= */

#colorbox.roz-obj, .roz-obj #cboxWrapper, .roz-obj #cboxContent, .roz-boj #cboxLoadedContent, .roz-obj #cboxLoadedContent, .roz-obj .advanced-order {
  max-width: 1440px !important
}

.roz-obj .h1, .roz-obj .h2, .roz-obj .extras-wrap, .roz-obj #products {
  background: white;
  padding: 24px;
  max-width: 1440px;
  width: 100%;
}

#cboxContent:has(.advanced-order) {
  border-radius: 32px;
  background-color: unset !important;
}    

#colorbox.roz-obj {
  margin-left: unset;

  @media only screen and (max-width: 991px) {
    left: 50% !important;
  }
}     

.roz-obj .colorbox-html-content {
  padding: 0 !important;
  background-color: unset !important;

  @media only screen and (max-width: 991px) {
    padding: 26px 24px 12px 24px;
  }
}

.advanced-order .h1:not(.advanced-order-suggestion) {
  padding-top: 24px !important;

  @media only screen and (min-width: 1024px) {
    padding-top: 12px !important;
  }
}

.advanced-order .h1:not(.advanced-order-suggestion),
.h1.advanced-order-suggestion {
  color: var(--UI-Paragraph, #0E090A);
text-align: center;
padding: 0;

/* H3 */
font-family: Rubik !important;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
}

.advanced-order .h1:not(.advanced-order-suggestion)::before {
  padding-right: 10px;
  background: unset;
  color: #4E7B4D;
      left: 5px;
    top: -10px;

  @media only screen and (min-width: 768px) {
    position: relative;
  }
}

.advanced-order .h2 {
  color: var(--UI-Paragraph, #040811);
  padding: 16px 24px 12px;
  text-align: center;
  margin: unset !important;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;

  @media only screen and (min-width: 1024px) {
    padding: 0;
  }
}

.advanced-order .extras-wrap .extra.delivery span {
  color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.advanced-order .extras-wrap .extra.delivery span strong {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.16px;
}

.advanced-order .extras-wrap {
  padding: 16px 24px 12px;
  background: var(--Brand-Snow, #FBF5F3);
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 10px;
  max-width: 1440px;
  width: 100%;
  margin-left: 0 ;
}

.do-obchodu {
  width: 100%;

  @media only screen and (min-width: 1024px) {
    width: 27%;
  }
}

.do-obchodu .next-step-back.colorbox-close {
  width: 100%;
}

.advanced-order .extras-wrap .extra.delivery {
  width: 100%;
  flex-direction: column;

  @media only screen and (min-width: 1024px) {
    width: fit-content;
  }
}

.extra.delivery .tb-delivery-tip:before {
  display: none;
}

.shipping-options-popup .extra.delivery {
  flex-direction: column;
}

.shipping-options-popup .extra.delivery .tb-delivery-tip {
  text-align: center !important;
}

.h1.advanced-order-suggestion {
  padding: 24px 0;
  background: #fff;
  border-top: unset !important;
  max-width: 1440px;
  width: 100%;
  margin-left: 0 !important;
}

.advanced-order #products {
  padding: 0 24px;
  background: #fff;
  max-width: 1440px;
  width: 100%;
  margin-left: 0 !important;
}

/* =========================
      CART
     ========================= */

.in-krok-1 .content-wrapper.container,
.in-krok-2 .content-wrapper.container {
  @media only screen and (max-width: 767px) {
    padding-bottom: 36px !important;
  } 
}

ol.cart-header {
  display: flex;
  padding: 16px 0;
  justify-content: center;
  align-items: center;
  gap: 0;
  align-self: stretch;
  background: #F1E6E3;

   @media only screen and (max-width: 767px) {
    justify-content: space-between;
  } 
}     

ol.cart-header::before {
  background: #F1E6E3;
}

ol.cart-header li {
display: flex;
align-items: center;
gap: 36px;
border: unset;
width: unset;
padding: 0 0 0 36px;

  @media only screen and (max-width: 767px) {
    padding: 0;
  }
}  

ol.cart-header li span {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
} 

ol.cart-header li a:hover span {
text-decoration: unset !important;
} 

ol.cart-header li.active {
  @media only screen and (max-width: 767px) {
    padding: 0;
  }
}

ol.cart-header li.active span {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
} 

ol.cart-header li a, ol.cart-header li strong {
  padding: 0;
}

ol.cart-header li.active a, ol.cart-header li.active strong {
  background-color: unset;
}

ol.cart-header li a span::before, ol.cart-header li strong span::before {
display: inline-flex;
width: 32px;
height: 32px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 66px;
border: 1px solid var(--UI-Success, #4E7B4D);
color: var(--UI-Success, #4E7B4D);
text-align: center;
font-family: "Proxima Nova";
font-size: 21px;
font-style: normal;
font-weight: 800;
line-height: 140%; /* 29.4px */
margin-right: 12px;
transition: .25s ease-out;
}

ol.cart-header li a span:hover::before, ol.cart-header li strong span:hover::before {
  background: var(--Brand-Brand-Green, #CAE3A1);
    border-color: var(--Brand-Brand-Green, #CAE3A1);
    color: var(--UI-Paragraph, #040811);
    font-weight: 800 !important;
}

ol.cart-header li.active a span::before, ol.cart-header li.active strong span::before {
  display: inline-flex;
  width: 32px;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 66px;
  background: var(--Brand-Brand-Green, #CAE3A1);
  border-color: var(--Brand-Brand-Green, #CAE3A1);
  color: var(--UI-Paragraph, #040811);
  text-align: center;
  font-family: "Proxima Nova";
  font-size: 21px;
  font-style: normal;
  font-weight: 800;
  line-height: 140%; /* 29.4px */
  margin-right: 12px;
}

 ol.cart-header li.completed a span::before, ol.cart-header li.completed strong span::before {
  background: unset;
    border-color: var(--UI-Success, #4E7B4D);
    color: var(--UI-Success, #4E7B4D);
 }

ol.cart-header li.active a::before, ol.cart-header li.active strong::before {
  display: none;
}

ol.cart-header li::after {
  position: unset;  

  @media only screen and (max-width: 767px) {
    position: absolute;  
    top: 5px;
    right: -20px !important;
  }
}

@media only screen and (max-width: 1023px) {
  .cart-header .step span {
      font-size: 0;
  }

  .cart-header .step span::before {
      font-size: 16px; /* velikost ikony */
  }

  .cart-header .step.active span {
      font-size: 16px; /* velikost textu */
  }
}


.in-kosik .cart-row>div.col-md-8 {
  width: 100%;
}

.cart-table {
  border-color: var(--UI-Divider, rgba(14, 9, 10, 0.10));
}

.cart-table tr td {
  background: var(--Brand-Snow, #FBF5F3);
}

.cart-table tr td.cart-p-image {
    width: 99px;
    height: 99px;
    align-items: center;
    padding: 0;
}

.cart-table .cart-p-image a {
  display: flex;
}

.cart-table .cart-p-image img {
  width: 82.26px;
    height: 82.26px;
    flex-shrink: 0;
    aspect-ratio: 1 / 1;
    margin: auto;
}

.cart-table tr td.p-name a {
  color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.cart-table .p-availability .availability-label {
    color: var(--UI-Success, #4E7B4D);
    font-family: Rubik;
    font-size: var(--FontSize-Paragraph, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.16px;
}

.cart-table .quantity input {
  width: 85px;
}

.p-price.p-cell span, .p-price.p-cell strong.price-final {
  color: var(--UI-Paragraph, #040811);
text-align: right;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.cart-table .price-final {
  color: var(--UI-Paragraph, #040811);
text-align: right;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.extras-wrapper {
  width: 100%;
}

.extras-col:last-child > div {
  width: 100%;
}

.id--9 .extra.delivery > span {
  color: var(--UI-Paragraph, #040811);
  margin-left: 0;

  /* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}

.id--9 .extra.delivery > span strong {
  color: var(--UI-Paragraph, #040811);

  /* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.16px;
}

.price-range {
  display: flex;
  height: 8px;
  align-items: center;
  align-self: stretch;
  border-radius: 17px;
  background: var(--UI-Divider, rgba(14, 9, 10, 0.10));
  margin-top: 10px;
  margin-bottom: 10px;
}

.price-range div {
  background: var(--UI-Success, #4E7B4D);
}

.kupon-odkaz {
  color: var(--UI-Paragraph, #040811);

/* Paragraph */
  font-family: Rubik;
  font-size: var(--FontSize-Paragraph, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: 25%; /* 4px */
  text-underline-position: from-font;
}

.compact-form .form-control#discountCouponCode {
  display: flex;
height: 48px;
padding: 0 3px 0 16px;
align-items: center;
gap: 12px;
border-radius: 100px;
border: 1px solid var(--UI-Paragraph, #040811);
background: var(--Brand-WHITE, #FFF);
}

.discount-coupon {
  margin-bottom: 16px !important;
}

.discount-coupon:not(.uplatneno) form .btn {
  height: 40px;
}

.cart-content {
background: var(--UI-Background-Body, #FFF);
}

.cart-content.summary-wrapper {
padding: 36px;
align-items: center;
gap: 24px;
align-self: stretch;
border-radius: 24px;
border: 1px solid var(--UI-Paragraph, #040811);
background: var(--UI-Background-Body, #FFF);
}

.price-wrapper .price-label.price-primary, .price-wrapper .price.price-primary {
  color: var(--UI-Paragraph, #040811);
text-align: left;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700 !important;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.price-wrapper .price.price-primary {
  color: var(--UI-Paragraph, #0E090A);
text-align: right;

/* H2 */
font-family: Rubik !important;
font-size: var(--FontSize-H2, 36px);
font-style: normal;
font-weight: 500 !important;
line-height: 125%; /* 45px */
letter-spacing: -0.36px;
}

.price-wrapper .price-label.price-secondary {
  color: var(--UI-Paragraph, #040811);
text-align: left;
padding: 0;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.price-wrapper .price.price-secondary {
  padding: 0;

  color: var(--UI-Paragraph, #0E090A);
text-align: right;
font-family: Rubik !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.cart-row > div.col-md-4 .next-step-back {
  color: var(--UI-Paragraph, #040811) !important;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px) !important;
font-style: normal;
font-weight: 400 !important;
line-height: 150% !important; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline !important;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

.cart-row > div.col-md-4 .next-step-back:hover {
  text-decoration: unset !important;
}

.cart-row > div.col-md-4 .next-step-back a {
font-weight: 400 !important;
}

.cart-summary {
  background: var(--Brand-Snow, #FBF5F3);
}

.cart-content.checkout-box-wrapper {
  display: none;
}


.cart-row .col-md-8 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.tb-cart-bottom {
    display: flex;
    width: 100%;
    gap: 30px;
    margin: 36px 0;
}

.tb-cart-bottom .cart-summary {
    flex: 1 1 100%;
    width: 100%;
}

.tb-cart-bottom .sidebar-in-cart {
    flex: 1 1 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 494px;
}

@media (max-width: 767px) {
    .tb-cart-bottom {
        flex-direction: column;
    }

    .tb-cart-bottom .sidebar-in-cart {
        width: 100%;
        flex-basis: auto;
    }
}

.extras-col:last-child > div.extras-wrap, .id--9 .extra.delivery, .id--9 .delivery-time, .id--9 .extra.gift {
  margin-left: unset;
  max-width: unset;
  justify-content: left;
}

.id--9 .extra.delivery > span {
  text-align: left;
}

.extra.delivery > span::before {
      content: "" !important;
    display: inline-block;
width: 40.011px;
height: 39.398px;
    flex: 0 0 40.011px;
    transform: unset;
    background: url('/user/documents/tvujBrand/img/icons/doprava-zdarma.png') center / contain no-repeat !important;
}

.id--9 .cart-inner .btn.next-step-back {
  color: var(--UI-Paragraph, #040811);
padding: 0 !important;
/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400 !important;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

.id--9 .cart-inner .btn.next-step-back span {
  font-weight: 400 !important;
}

.btn.next-step-forward, .btn.next-step-finish {
  text-align: center;
}

.id--9 .btn.next-step-forward::after {
  right: unset;
}

.btn.next-step-forward .order-button-text {
  margin-right: 8px;
}


.in-krok-1 .co-basic-information .form-group > select.form-control, .form-control[disabled], select[disabled] {
  display: flex;
  height: 54px;
  padding: 0 20px 0 16px;
  align-items: center;
  gap: 12px;
  border-radius: 100px;
  border: 1px solid var(--UI-Paragraph, #040811);
  background-color: var(--Brand-WHITE, #FFF);
  align-self: stretch;
}

.checkout-box {
  display: none;
}

.in-krok-1 ol.cart-header {
  margin-bottom: 36px;
}

.cart-row>div#checkoutContent.col-md-8 {
  margin-bottom: 64px;
  margin-right: 72px;
      max-width: 874px;
    width: 63%;
}

.in-krok-1 .box.box-bg-default,
.in-krok-2 .box.box-bg-default {
      background-color: unset;
    border: unset;
    border-bottom: 1px solid var(--UI-Divider, rgba(101, 61, 42, 0.10));
        background: var(--Brand-Snow, #FBF5F3);
        margin-bottom: 0;
        padding: 48px 0;
}

.box.box-bg-default:first-of-type {
  padding-top: 0;
}

.box.box-bg-default:last-of-type {
  border: unset;
}

.in-krok-1 .co-box h4, .in-krok-1 .co-box h2 {
  color: var(--UI-Paragraph, #0E090A);
margin-bottom: 24px;
/* H3 */
font-family: Rubik;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
}

.in-krok-1 .radio-wrapper {
  display: flex;
padding: 12px 16px;
align-items: center;
gap: 24px;
align-self: stretch;
border-radius: 16px;
border: 1px solid var(--UI-Divider, rgba(101, 61, 42, 0.10));
}

.in-krok-1 .radio-wrapper.active, .in-krok-1 .radio-wrapper:hover {
border-radius: 16px;
border: 1px solid var(--UI-Success, #4E7B4D);
background: #E6F5CE;
}

.in-krok-1  .radio-wrapper input[type="radio"]+label {
 padding: 0 0 0 32px;; 
}

.payment-info b {
  color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.radio-wrapper input[type="radio"] + label .sublabel a {
color: var(--UI-Paragraph, #0E090A);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 3.25px */
text-underline-position: from-font;
}

.payment-shipping-price {
color: var(--UI-Paragraph, #0E090A);
text-align: right;

/* Paragraph */
font-family: "Proxima Nova" !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
    width: 92px;
}

.payment-logo {
  display: flex;
width: 87px;
height: 70px;
padding: 7.52px 10px 9.48px 10px;
justify-content: center;
align-items: center;
border-radius: 4px;
background: var(--UI-Background-Body, #FFF);
border: unset;
}

.payment-logo img {
  width: 67px;
height: auto;
flex-shrink: 0;
}

.in-krok-1 input[type="checkbox"]+label::before, .in-krok-1 input[type="radio"]+label::before {
border-radius: 59px;
border: 1px solid var(--UI-Paragraph, #0E090A);
}

.in-krok-1 .radio-wrapper input[type="radio"]:checked+label::after {
  border-radius: 20px;
border-color: var(--Brand-Brand-Green, #CAE3A1);
background-color: var(--UI-Paragraph, #040811);
}

#checkoutSidebar {
  border-radius: 24px;
    border: 1px solid var(--UI-Paragraph, #040811);
    background: var(--UI-Background-Body, #FFF);
    padding: 0;
}

#checkoutSidebar .cart-content {
  display: block;
padding: 0;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0;
align-self: stretch;
    border-radius: 24px;
    background: #F1E6E3;
}

#checkoutSidebar .cart-content .order-summary {
    padding: 24px 24px 0 24px;
    background: white;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.order-summary-inner h4, .order-summary-inner h2 {
  color: var(--UI-Paragraph, #040811);
  background-color: #fff;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border: unset !important;

/* H3 */
font-family: Rubik !important;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
}

#checkoutSidebar .order-summary-inner {
      padding: 0;
    border: unset;
}

#checkoutSidebar .cart-item>div.cart-item-name a {
  color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

#checkoutSidebar .cart-item {
      display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0;
}

#checkoutSidebar .cart-item>div.cart-item-name {
  grid-row: 1 / 3;
  justify-self: start;
}

#checkoutSidebar .cart-item>div.cart-item-amount,
#checkoutSidebar .cart-item>div.cart-item-price {
  justify-self: end;
}

#checkoutSidebar .cart-item>div.cart-item-price {
  color: var(--UI-Paragraph, #0E090A);
text-align: right;

/* Paragraph */
font-family: "Proxima Nova";
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
}

#checkoutSidebar .order-summary-inner .cart-item>div.cart-item-price {
  width: 100%;
}

#checkoutSidebar .cart-item>div.cart-item-amount {
  color: var(--UI-Description, #70615A);
text-align: right;

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

.cart-item {
  border: unset;
}

.order-summary-item.helper {
  border-top: 1px solid var(--UI-Paragraph, #0E090A);
  border-bottom: unset;
  padding-top: 24px;
}

.order-summary-item.helper {
  color: var(--UI-Paragraph, #0E090A);
text-align: right;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.order-summary-item.helper {
color: var(--UI-Paragraph, #0E090A);
text-align: left;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.order-summary-item.helper>div[data-testid="recapItemTotalPrice"] {
color: var(--UI-Paragraph, #0E090A);
text-align: right;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.recapitulation-single>span {
  display: none;
}

.recapitulation-single>strong {
  color: var(--UI-Paragraph, #0E090A);
text-align: left;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.recapitulation-single:last-child {
  border: unset;
}

.order-summary-item.price {
      display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    border-radius: 0 0 6px 6px;
    background: #F1E6E3;
}

.order-summary-item.price::before {
      content: "" !important;
  display: none;
  width: 54px;
  height: 64px;
  flex: 0 0 54px;
  aspect-ratio: 1 / 1;
  transform: unset;
  background: url(/user/documents/tvujBrand/img/icons/yellow-border.png) center / contain no-repeat;
  border: unset;
  margin-bottom: -30px;
  vertical-align: middle;
  position: absolute;
  bottom: 0;
  left: -4%;
}

.order-summary-item.price .price-wrapper {
  margin-bottom: 0;
}

.in-krok-1 #checkoutSidebar .next-step {
background: #F1E6E3;
    padding: 0 24px 24px 24px;
    border-style: none;
}

#checkoutSidebar .btn.next-step-back {
  background: #F1E6E3;
    margin-top: 0;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
    padding: 0 24px 24px !important;
}

.ordering-process .top-nav-button {
  border: unset;
}

.id--16 #header .project-phone, .id--17 #header .project-phone {
  display: none;
}

#checkoutContent .cart-content {
  background: var(--Brand-Snow, #FBF5F3);
}

#checkoutSidebar .cart-content .consents label {
  color: var(--UI-Paragraph, #0E090A) !important;

  /* Paragraph */
  font-family: "Proxima Nova" !important;
  font-size: var(--FontSize-Paragraph, 16px) !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 150%; /* 24px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: 25%; /* 4px */
  text-underline-position: from-font;
}

#checkoutSidebar .cart-content .consents label:hover {
  text-decoration: unset !important;
}

#checkoutContent .ucet {
  display: flex;
    padding: 24px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--Brand-Brand-Purple, #E2D0E5);
    border: unset;
    margin: 0;
    margin-bottom: 24px;
}

#checkoutContent .ucet a {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%;
text-underline-position: from-font;
}

#checkoutContent .ucet::before {
  content: "" !important;
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  transform: unset;
  background: url('/user/documents/tvujBrand/img/icons/cart-login.png') center / contain no-repeat !important;
  margin-right: 0;
}

.in-krok-2 .co-box h4, .in-krok-2 .co-box h2 {
  color: var(--UI-Paragraph, #0E090A);

/* H3 */
font-family: "Proxima Nova" !important;
font-size: 27px;
font-style: normal;
font-weight: 800;
line-height: 140%; /* 37.8px */
margin-bottom: 24px;
}

.form-group {
  margin-bottom: 24px;
}

.form-group label {
  color: var(--UI-Paragraph, #0E090A) !important;
          width: 150px;
        flex-shrink: 0;
        padding-right: 8px;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px) !important;
font-style: normal;
font-weight: 400 !important;
letter-spacing: -0.16px;
}

.cart-content .form-group> .form-control-wrapper input.form-control {
display: flex;
height: 54px;
padding: 0 20px 0 16px;
align-items: center;
gap: 12px;
flex: 1 0 0;
border-radius: 100px;
border: 1px solid var(--UI-Paragraph, #0E090A);
background: var(--Brand-WHITE, #FFF);
}

.phone-combined-input {
  border-radius: 100px;
border: 1px solid var(--UI-Paragraph, #0E090A);
background: var(--Brand-WHITE, #FFF);
}

.cart-content textarea.form-control {
display: flex;
padding: 0 20px 0 16px;
align-items: center;
gap: 12px;
flex: 1 0 0;
border-radius: 8px;
border: 1px solid var(--UI-Paragraph, #0E090A);
background: var(--Brand-WHITE, #FFF);
}

.cart-content .form-group>input.form-control, .cart-content .form-group>select.form-control, .cart-content .form-group> .form-control-wrapper input.form-control,
.cart-content .form-group> .form-control-wrapper select.form-control {
  max-width: 534px;
  width: 100%;
}

.cart-content .form-group> .form-control-wrapper input.form-control[name="billZip"] {
  width: 100%;

  @media only screen and (min-width: 768px) {
    max-width: 222px;
  }
}

.phone-combined-input input, .phone-combined-input .country-flags {
  border: unset;
}

.country-flag .shp-flag-label {
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.phone-combined-input input {
    border-radius: unset !important;
border: unset !important;
background: unset !important;
}

.co-box.co-billing-address {
  border: unset;
  border-top: 1px solid var(--UI-Divider, rgba(101, 61, 42, 0.10));
  border-bottom: 1px solid var(--UI-Divider, rgba(101, 61, 42, 0.10));
}

.co-box.co-billing-address .form-group input[type="checkbox"] + label.whole-width,
#checkoutContent label.whole-width {
  color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px) !important;
font-style: normal;
font-weight: 400 !important;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

.co-box.co-billing-address .form-group input[type="checkbox"] + label.whole-width:hover,
#checkoutContent label.whole-width:hover {
  text-decoration: unset !important;
}

.co-box.co-box-additional {
  border: unset;
}

.co-box.co-box-additional::before {
  display: none;
}


#checkoutSidebar .form-group.consents, #checkoutSidebar .next-step {
    background: #F1E6E3;
}

#checkoutSidebar .form-group.consents p {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
margin-bottom: 0;
}

#checkoutSidebar .form-group.consents p a {
  color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%;
text-underline-position: from-font;
}

.btn.next-step-finish {
  flex-direction: column;
  gap: 0;
}

.btn.next-step-finish .order-button-suffix {
  color: var(--UI-Buttons-Conversion-Text, #040811) !important;
text-align: center;

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px) !important;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

/* =========================
      CART MOBILE
     ========================= */

@media only screen and (max-width: 767px) {
  .cart-table {
      padding: 0;
  }

  .cart-table tr {
      border: unset;
      background: var(--Brand-Snow, #FBF5F3) !important;
  }

  .in-dekujeme .cart-table tr {
    background: #fff !important;
  }

  .cart-table tr>td.p-name {
      flex: 1 1 calc(80% - 48px);
  }

  .cart-table .p-availability {
      flex: 1 1 calc(80% - 48px);
  }

  .cart-table .p-quantity {
    width: 40%;
  }

  .cart-table .quantity input {
    width: 75px;
  }

  .id--9 .extra.delivery > span, .id--9 .extras-wrap .extra.discount {
    padding-left: 50px;
  }

  .cart-row>div#checkoutContent.col-md-8 {
    width: 100%;
    margin-right: 0;
  }

  .payment-info {
    width: calc(85% - 72px);
  }

  .payment-shipping-price {
    margin-left: auto;
  }

  .in-krok-1 #checkoutSidebar,
  .in-krok-2 #checkoutSidebar {
    padding: 0 !important;
  }

  .in-krok-1 #checkoutSidebar .btn.next-step-back,
  .in-krok-2 #checkoutSidebar .btn.next-step-back {
    margin: 0;
  }

  .in-krok-1 #checkoutSidebar .cart-content .order-summary,
  .in-krok-2 #checkoutSidebar .cart-content .order-summary {
    padding: 24px 16px 0 16px;
  }

  #checkoutContent .ucet {
    padding: 24px 24px 24px 48px;
    width: 100%;
    margin-top: 24px;
    display: block;
  }

  .co-box.co-billing-address .form-group input[type="checkbox"] + label.whole-width, #checkoutContent label.whole-width {
    width: 100%;
  }
}

/* =========================
      ORDER COMPLETE
     ========================= */

.id--15 #content {
  background: var(--Brand-Snow, #FBF5F3);

  @media only screen and (max-width: 767px) {
    padding: 0;
  }
} 

.id--15 .content-inner {
  margin: 0 auto;
  padding: 42px 0 64px;
  border: unset;
  max-width: unset;
}

.id--15 h1 {
  color: var(--UI-Paragraph, #040811);
margin-bottom: 12px;
/* H2 */
font-family: Rubik !important;
font-size: var(--FontSize-H2, 36px);
font-style: normal;
font-weight: 500;
line-height: 125%; /* 45px */
letter-spacing: -0.36px;
padding: 0;
}

.id--15 h1::before {
  content: "" !important;
  display: inline-block;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  aspect-ratio: 1 / 1;
  transform: unset;
  background: url(/user/documents/tvujBrand/img/icons/green-check.png) center / contain no-repeat;
  border: unset;
  margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 0;
  vertical-align: middle;
  position: relative;
  left: 0;
}

.id--15 h1::after {
  content: "" !important;
  display: inline-block;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  aspect-ratio: 1 / 1;
  transform: unset;
  background: url(/user/documents/tvujBrand/img/icons/green-blob-top-big.png) center / contain no-repeat;
  border: unset;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 0;
  vertical-align: middle;
  position: relative;
  left: 0;
  top: -20px;
  opacity: 1;
}

.reca-number, .reca-number strong {
color: var(--UI-Paragraph, #040811);
text-align: center;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.reca-number::before {
  display: none;
}

.id--15 .recapitulation-wrapper {
  display: flex;
    flex-direction: column;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    background: var(--UI-Background-Body, #FFF);
    padding: 24px;
    max-width: 955px;
    width: 100%;
}

.id--15 .qrcode {
  border-radius: 24px;
}

.id--15 .recapitulation-wrapper:has(.order-summary-item.total),
.id--15 .recapitulation-wrapper:has(.order-summary-item.summary-thx) {
  display: none;
}

.id--15 .recapitulation-wrapper[data-testid="recapTable"] {
  border-radius: 24px;
}


.id--15 .co-box {
  max-width: unset;
  margin: unset;
}

.id--15 .co-box-co-order {
  padding-bottom: 24px;
}

.id--15 .co-box.co-payment-method {
  order: 2;
  border-top: 1px solid var(--UI-Paragraph, #0E090A);
  padding-top: 24px;
  padding-bottom: 0;
}

.id--15 .co-box h4, .id--15 .co-box h2 {
  color: var(--UI-Paragraph, #040811);

/* H3 */
font-family: Rubik !important;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
}

.id--15 .order-icon.order-payment {
  display: none;
}

.id--15 .cart-table .p-name span {
  color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.id--15 .cart-table .p-quantity {
  color: var(--UI-Description, #70615A);
text-align: right;

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

.id--15 .cart-table .p-price {
  color: var(--UI-Paragraph, #0E090A);
text-align: right;

/* Paragraph */
font-family: "Proxima Nova" !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
}

.id--15 table.table.recapitulation-table>tbody>tr>th {
  color: var(--UI-Paragraph, #0E090A);
padding: 12px 0;
/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.id--15 table.table.recapitulation-table>tbody>tr[data-testid="recapCartItem"]>th {
color: var(--UI-Paragraph, #0E090A);
padding: 12px 0;
/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400 !important;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.id--15 .co-payment-method table th, .id--15 .co-payment-method table td {
  border: unset !important;
}

.id--15 .cart-table tr td {
  background: var(--UI-Background-Body, #FFF);
}

.id--15 .co-payment-method table td {
  color: var(--UI-Paragraph, #0E090A);
text-align: right;
padding: 12px 0;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.id--15 .cart-table tr:last-of-type {
  border-bottom: unset;
}



.content-inner > .order-summary-heading {
    width: 100%;
}

.content-inner > .reca-number {
    width: 100%;
    margin-bottom: 30px;
    justify-content: center;
    padding: 0;
    margin-bottom: 32px;
    border: unset;
}

.tb-order-layout {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
}

.tb-order-main {
    flex: 1 1 auto;
    min-width: 0;
}

.tb-order-sidebar {
    flex: 0 0 340px;
    width: 340px;
}

@media (max-width: 767px) {

    .tb-order-layout {
        flex-direction: column;
    }

    .tb-order-sidebar {
        width: 100%;
        flex-basis: auto;
    }

}




.content-inner {
    width: 100%;
}

.tb-order-layout {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

.tb-order-main {
    flex: 1 1 auto;
    min-width: 0;
}

.tb-order-sidebar {
    flex: 0 0 421px;
    max-width: 421px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tb-order-sidebar-top,
.tb-order-sidebar-bottom {
    width: 100%;
}

/* Číslo objednávky + informační texty */
.reca-number {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
}

/* Mobil */
@media (max-width: 767px) {

    .tb-order-layout {
        flex-direction: column;
    }

    .tb-order-sidebar {
        width: 100%;
        flex-basis: auto;
    }

}

.tb-order-layout {
    display: flex;
    align-items: flex-start;
    gap: 64px;
    width: 100%;
}

.tb-order-main {
    flex: 1 1 955px;
    max-width: 955px;
    min-width: 0;
}

.tb-order-sidebar {
    flex: 0 0 340px;
    width: 340px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tb-order-sidebar-top,
.tb-order-sidebar-bottom {
    width: 100%;
    box-sizing: border-box;
}

.tb-order-sidebar-top {
    display: flex;
    max-width: 421px;
    width: 100%;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-radius: 24px;
    background: #F1E6E3;
}

/* Nadpis */
.tb-order-sidebar-title {
color: var(--UI-Paragraph, #0E090A);

/* H3 */
font-family: Rubik;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
}

/* Klasický text */
.tb-order-sidebar-text {
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

/* Tučný text */
.tb-order-sidebar-bold {
color: var(--UI-Paragraph, #0E090A);
border-bottom: 1px solid var(--UI-Divider, rgba(14, 9, 10, 0.10));
padding-bottom: 32px;
width: 100%;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}



/* Kontaktní box */
.in-dekujeme .kids-footer-contact {
    width: 100%;
    padding-top: 32px;
}

/* Druhý blok */
.tb-order-sidebar-bottom {
    display: flex;
    flex-direction: column;
    max-width: 421px;
    width: 100%;
    padding: 24px;
    gap: 0;
    border-radius: 24px;
}

.tb-order-sidebar-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
    margin-bottom: 16px;
}

.tb-order-sidebar-links ul {
  padding-left: 25px;
  margin: 0;
}

.tb-order-sidebar-links ul li {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}


.tb-order-sidebar-links ul li a {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%;
text-underline-position: from-font;
}

/* Hodnocení */
.tb-order-review {
    display: block;
    text-align: center;
    text-decoration: none;
    margin-bottom: 16px;
    line-height: 24px !important;
}

/* Zpět do obchodu */
.tb-order-back {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

/* Rekapitulace */
.reca-number {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.reca-number .order-summary-item {
    margin: 0;
}

/* Mobil */
@media (max-width: 767px) {

    .tb-order-layout {
        flex-direction: column;
        gap: 30px;
    }

    .tb-order-sidebar {
        width: 100%;
        flex-basis: auto;
    }

}


/* =========================
      COOKIES
     ========================= */

#colorbox {
  left: 50% !important;
  transform: translateX(-50%);
  max-width: 1025px !important;
  width: 100% !important;
}

#cboxOverlay {
  background: rgba(0, 0, 0, 0.25) !important;
  opacity: 1 !important;
}

body:has(.siteCookies.siteCookies--center):before {
    background: rgba(0, 0, 0, 0.25);
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}

#cboxClose {
  top: 24px;
  right: 24px;
}

#cboxWrapper, #cboxContent.cookiesDialog, #cboxLoadedContent, .siteCookies--center {
  max-width: 1025px !important;
  width: 100% !important;
      border-radius: 48px;
}

.colorbox-html-content {
  background-color: #fff;
  padding: 24px;
}

.siteCookies__text {
color: var(--UI-Paragraph, #040811);

/* H3 */
font-family: Rubik;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700 !important;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
}

.siteCookies__form {
    display: block;
    width: 100%;
    max-width: 1025px;
    padding: 24px;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
     border-radius: 48px !important;

     @media only screen and (min-width: 1024px) {
        display: flex;
     }
}
     
.cookiesSetting__form {
  padding: 0;
}

.cookiesSetting__title {
  color: var(--UI-Paragraph, #040811);
      margin: 0;
    margin-bottom: 8px;

/* H3 */
font-family: "Proxima Nova" !important;
font-size: 27px;
font-style: normal;
font-weight: 800;
line-height: 140%; /* 37.8px */
}    

.cookiesSetting__perex {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.cookiesSetting__data {
  border: unset;
  padding: 0;
}

.cookiesSetting__item  {
  padding: 16px 0;
  border-bottom: 1px solid var(--UI-Divider, rgba(101, 61, 42, 0.10));
}

.cookiesSetting__item__name {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.16px;
}

.cookiesSetting__item__name strong {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.cookiesSetting__item__text {
  color: var(--UI-Paragraph, #040811);

/* Description */
font-family: Rubik !important;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

.siteCookies__text {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.cookiesSetting__item__text a, .siteCookies__text a {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: 25%;
text-underline-position: from-font;
}

.cookiesSetting__item__status {
  display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 6px;
    background: var(--Brand-Snow, #FBF5F3);
    border: unset !important;
}

.cookiesSetting__item__status:hover {
  background: var(--Brand-Snow, #FBF5F3);
}

.cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after {
  left: 10px;
}

.cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state {
  color: var(--UI-Paragraph, #040811);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 3.25px */
text-underline-position: from-font;
}

.cookiesSetting__bottom {
  align-items: center;
}

.cookiesSetting__uncheckLink, .siteCookies__link.js-cookies-settings {
  color: var(--UI-Paragraph, #040811);
  border: unset;
  background-color: unset;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

.cookiesSetting__uncheckLink:hover, .siteCookies__link.js-cookies-settings:hover {
  background-color: unset;
  text-decoration: unset;
}


/* =========================
      INFO BAR
     ========================= */

.site-msg.information {
    display: flex;
    padding: 6px 0;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    background: #B84269;
}

.site-msg.information .container {
  text-align: center;
}

.site-msg.information .container .text {
  color: var(--UI-Background-Body, #FFF);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

.site-msg.information .container .text a {
  text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 3.25px */
text-underline-position: from-font;
}

.site-msg.information .container .text strong {
color: var(--UI-Background-Body, #FFF);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.13px;
}

.site-msg .close {
  @media only screen and (max-width: 767px) {
    right: 10px;
  }
}


/* =========================
      SHOP REVIEW ON HP 
     ========================= */

#latest-reviews-ajax .reviews-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 4px;
}

#latest-reviews-ajax .reviews-slider-track {
    display: flex;
    align-items: stretch;
    box-sizing: content-box;
}

#latest-reviews-ajax .single-review-item {
    flex-shrink: 0;
    height: auto;
    min-width: 0;
    box-sizing: border-box;
}

/* Navigační šipky */
#latest-reviews-ajax .reviews-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
}

#latest-reviews-ajax .reviews-slider-prev {
    left: 0;
}

#latest-reviews-ajax .reviews-slider-next {
    right: 0;
}

#latest-reviews-ajax .reviews-slider-arrow:disabled {
    opacity: 0.3;
    cursor: default;
}

#latest-reviews-ajax .swiper-button-lock {
    display: none;
}

#latest-reviews-ajax .reviews-slider {
    position: relative;
    width: 100%;
    overflow: visible;
}

/* Ořezává pouze obsah při posouvání */
#latest-reviews-ajax .reviews-slider .swiper-wrapper {
    overflow: visible;
}


/* Pravá šipka mimo slider */
#latest-reviews-ajax .reviews-slider-next {
    right: .5%;
}

/* Levá šipka mimo slider */
#latest-reviews-ajax .reviews-slider-prev {
    left: .5%;
}


     /* =========================
   LOGIN POPUP - 2 COLUMNS
   ========================= */

#login.login-widget {
  padding: 0;

  @media only screen and (max-width: 767px) {
    height: 100% !important;
  }
}

.popup-widget.login-widget::before {
  display: none;
}

#login .popup-widget-inner {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr);
    gap: 0;
    align-items: stretch;
    padding: 0 !important;
}

/* Levý sloupec - existující login */
#login .popup-widget-inner > h2,
#login .popup-widget-inner > #customerLogin {
    grid-column: 1;
}

#login .popup-widget-inner > h2 {
    grid-row: 1;
}

#login .popup-widget-inner > #customerLogin {
    grid-row: 2;
}

/* Levý sloupec */
#login .tb-login-column {
  padding: 56px 48px;
}

/* Pravý sloupec */
#login .tb-login-benefits {
    grid-column: 2;
    grid-row: 1 / span 2;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    background: var(--Brand-Snow, #FBF5F3);
}

#login .tb-login-benefits__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 56px 32px 0;
}

#login .tb-login-benefits h3 {
color: var(--UI-Paragraph, #040811);
text-align: center;
margin: -15px auto 16px;

/* H3 */
font-family: Rubik;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
}

#login .tb-login-benefits h3:before {
    content: "" !important;
    display: inline-block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    aspect-ratio: 1 / 1;
    transform: unset;
    background: url(/user/documents/tvujBrand/img/icons/green-blob-bottom.png) center / contain no-repeat;
    border: unset;
    margin-bottom: -30px;
    margin-right: 5px;
    vertical-align: middle;
}

#login .tb-login-benefits h3:after {
    content: "" !important;
    display: inline-block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    aspect-ratio: 1 / 1;
    transform: unset;
    background: url(/user/documents/tvujBrand/img/icons/green-blob-top.png) center / contain no-repeat;
    border: unset;
    margin-bottom: 30px;
    margin-right: 5px;
    vertical-align: middle;
}

#login .tb-login-benefits p {
color: var(--UI-Paragraph, #0E090A);
text-align: center;
margin-bottom: 24px;

/* Paragraph */
font-family: "Proxima Nova" !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}

#login .tb-login-benefits ul {
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
}

#login .tb-login-benefits li {
color: var(--UI-Paragraph, #040811);
position: relative;
    padding-left: 34px;
    margin-bottom: 16px;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

#login .tb-login-benefits li strong  {
color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.16px;
}

#login .tb-login-benefits li::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#login .tb-login-benefits__item--1::before {
    background-image: url("/user/documents/tvujBrand/img/icons/login-red.png");
}

#login .tb-login-benefits__item--2::before {
    background-image: url("/user/documents/tvujBrand/img/icons/login-yellow.png");
}

#login .tb-login-benefits__item--3::before {
    background-image: url("/user/documents/tvujBrand/img/icons/login-green.png");
}

#login .tb-login-benefits__item--4::before {
    background-image: url("/user/documents/tvujBrand/img/icons/login-purple.png");
}

#login .tb-login-benefits__item--5::before {
    background-image: url("/user/documents/tvujBrand/img/icons/login-blue.png");
}

#login .tb-login-benefits .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-decoration: unset !important;
}

#login .tb-login-benefits__image {
    margin-top: 30px;
}

#login .tb-login-benefits__image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {

    #login .popup-widget-inner {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    #login .tb-login-benefits {
        order: 3;
    }

    #login .tb-login-benefits__image {
        margin-top: 25px;
    }
}


/* =========================
   FOOTER BOTTOM
   ========================= */

.footer-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.footer-bottom__left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 20px;
    min-width: 0;

  @media only screen and (min-width: 1024px) {
    flex-direction: row;
  }
}

/* Shoptet Premium */
.footer-bottom #signature {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin: 0 !important;

flex: unset;

  @media only screen and (max-width: 1023px) {
    margin: auto !important;
  }
}

/*.footer-bottom #signature .image {
    display: flex;
    align-items: center;
}*/

.footer-bottom #signature img {
    /*display: block;*/
    width: 17px;
    height: 17px;
}

.footer-bottom #signature .title {
    line-height: 1;
}

/* Copyright */
.footer-bottom .copyright {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 5px;
    margin: 0;
}

/* Cookies */
.footer-bottom .cookies-settings {
    margin-left: 5px;
}

/* Pravá část */
.footer-bottom__right {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
  margin-left: auto;

  @media only screen and (max-width: 1023px) {
    justify-content: center;
  }
}

.footer-bottom__link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    white-space: nowrap;
}

.footer-bottom__link span {
color: var(--UI-Paragraph, #040811);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 3.25px */
text-underline-position: from-font;
}

.footer-bottom__link span:hover {
  text-decoration: unset;
}

/* Ikony */
.footer-bottom__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

/* dokument */
.footer-bottom__icon--terms::before {
    content: '';
    width: 15px;
    height: 18px;
    border: 1.5px solid currentColor;
    border-radius: 2px;
}

/* kontakt */
.footer-bottom__icon--contact::before {
    content: '';
    width: 16px;
    height: 12px;
    border: 1.5px solid currentColor;
    border-radius: 2px;
}

.footer-bottom__icon--contact::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-left: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    bottom: 1px;
    left: 7px;
    background: transparent;
}


/* MOBIL */
@media (max-width: 767px) {
    .footer-bottom {
        padding: 32px 12px 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .footer-bottom__left {
        width: 100%;
        gap: 8px 15px;
        flex-direction: column-reverse;
    }

    .footer-bottom__right {
        width: 100%;
        gap: 15px 20px;
        flex-wrap: wrap;
    }
}


/* =========================
   NAPOSLEDY NAVŠTÍVENÉ
   ========================= */

.dkLabVisitedProductsNew {
    background: var(--Brand-Snow, #FBF5F3);
}

.dkLabVisitedProductsNew .dvpnProducts--6 {
  gap: 16px;

  @media only screen and (min-width: 1024px) and (max-width: 1599px) {
    gap: 24px;
  }

  @media only screen and (min-width: 1600px) {
    gap: 36px;
  }
}

.dkLabVisitedProductsNew h2 {
  text-align: center;
  color: var(--UI-Paragraph, #040811);

/* H2 */
font-family: Rubik !important;
font-size: var(--FontSize-H2, 36px);
font-style: normal;
font-weight: 500;
line-height: 125%; /* 45px */
letter-spacing: -0.36px;
}

.dkLabVisitedProductsNew .dvpnProducts__item {
  background-color: unset;
  padding: 0;

  @media only screen and (max-width: 767px) {
    min-width: 88% !important;
    width: 88% !important;
  }
}

.dkLabVisitedProductsNew .dvpnProducts__item__image {
      border-radius: 24px;
    background: #FFF;
    height: 210px;
    align-self: stretch;
    aspect-ratio: 1 / 1;

  @media only screen and (max-width: 767px) {
    height: 240px;
    align-self: stretch;
    aspect-ratio: 1/1;
  }
} 

.dkLabVisitedProductsNew .dvpnProducts__item__image img {
      border-radius: 24px;
} 
  
.dkLabVisitedProductsNew .dvpnProducts__item__name {
      color: var(--UI-Paragraph, #040811);
    font-family: Rubik;
    font-size: var(--FontSize-Paragraph, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.16px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: 25%;
    text-underline-position: from-font;
    text-align: left;
}

.dkLabVisitedProductsNew .dvpnProducts__item__text {
  margin: 0;
  padding: 16px 12px;
}

.dkLabVisitedProductsNew .dvpnProducts__item__price {
  position: relative;
  transform: unset;
  left: unset;
  margin-top: 2rem;
  color: var(--UI-Paragraph, #0E090A);

/* H3 */
font-family: Rubik;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
}




/* =============================
   HOMEPAGE CONTENT
   ============================= */

/* =========================================
   ZÁKLAD
========================================= */

.tb-categories-section,
.tb-brands-section {
    width: 100%;
    box-sizing: border-box;
}

.tb-categories-section *,
.tb-brands-section * {
    box-sizing: border-box;
}

.tb-brands-section a {
    color: var(--UI-Paragraph, #0E090A);
text-align: center;

/* H4 */
font-family: Rubik;
font-size: var(--FontSize-H4, 21px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 31.5px */
letter-spacing: -0.21px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 5.25px */
text-underline-position: from-font;
}

.tb-tab.is-active a {
    color: var(--UI-Paragraph, #0E090A);
text-align: center;

/* H4 */
font-family: Rubik;
font-size: var(--FontSize-H4, 21px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 31.5px */
letter-spacing: -0.21px;
text-decoration: unset !important;
}

.tb-categories-section a {
    color: var(--UI-Paragraph, #0E090A);
text-align: center;

/* H4 */
font-family: Rubik !important;
font-size: var(--FontSize-H4, 21px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 31.5px */
letter-spacing: -0.21px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 5.25px */
text-underline-position: from-font;
transition: .25s ease-out;
}

a.tb-tab:hover {
    color: var(--UI-Paragraph, #040811);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
display: flex;
padding: 10px 18px;
align-items: flex-start;
border-radius: 24px;
background: var(--Brand-Brand-Purple, #E2D0E5);
text-decoration: unset;
}

.tb-categories-section .tb-section-heading a,
.tb-brands-section .tb-section-heading a {
  text-decoration: unset !important;
}

.tb-categories-section .tb-section-heading a .tb-all-link-text-arrow,
.tb-brands-section .tb-section-heading a .tb-all-link-text-arrow {
  text-decoration: unset !important;
  font-size: 16px;
}

/* =========================================
   SPOLEČNÉ NADPISY
========================================= */

.tb-section-heading {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.tb-brands-section > .tb-section-heading div {
    margin: auto;
}

.tb-section-heading h2 {
   color: var(--UI-Paragraph, #0E090A);
text-align: center;
flex: 1 0 0;
/* H2 */
font-family: Rubik;
font-size: var(--FontSize-H2, 36px);
font-style: normal;
font-weight: 500;
line-height: 125%; /* 45px */
letter-spacing: -0.36px;
margin: 0 !important;
}

.tb-all-link {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    font-size: 9px;
    line-height: 1;
    color: #171717;
    text-decoration: underline !important;
}


.tb-all-link span {
    font-size: 13px;
    line-height: 8px;
    text-decoration: none;
}


/* =========================================
   KATEGORIE
========================================= */

.tb-categories-section {
    margin: 0 auto;
    padding: 0;
}

.tb-categories-section > .tb-section-heading {
    justify-content: center;

  @media only screen and (max-width: 767px) {
     flex-direction: column;
  }
}

.tb-categories-section > .tb-section-heading .tb-all-link,
.tb-brands-section > .tb-section-heading .tb-all-link {
  position: absolute;
    right: 0;
    top: 0;
color: var(--UI-Paragraph, #0E090A);

  @media only screen and (max-width: 767px) {
     position: relative;
     margin: auto;
  }
}

.tb-categories-section > .tb-section-heading .tb-all-link .tb-all-link-text-span,
.tb-brands-section > .tb-section-heading .tb-all-link .tb-all-link-text-span {
/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
transition: .25s ease-out;
}

.tb-categories-section > .tb-section-heading .tb-all-link .tb-all-link-text-span:hover,
.tb-brands-section > .tb-section-heading .tb-all-link .tb-all-link-text-span:hover {
  text-decoration: unset !important;
}


/* =========================================
   TABS
========================================= */

.tb-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 24px 0 24px;
}

.tb-tabs.section-bestseller {
  margin: 32px 0;
}

.tb-tab {
    display: flex;
padding: 10px 18px !important;
align-items: flex-start;
border-radius: 24px;
color: var(--UI-Paragraph, #0E090A);
border: 1px solid var(--Brand-Brand-Pink, #FDE2E7);
background: var(--UI-Background-Body, #FFF);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px) !important;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 3.25px */
text-underline-position: from-font;
}

.tb-tab.is-active {
    color: var(--UI-Paragraph, #040811);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
display: flex;
padding: 10px 18px;
align-items: flex-start;
border-radius: 24px;
background: var(--Brand-Brand-Purple, #E2D0E5);
text-decoration: unset !important;
}


/* =========================================
   KATEGORIE CARDS
========================================= */

.tb-category-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;

  @media only screen and (min-width: 1024px) and (max-width: 1599px) {
     gap: 12px;
  }

  @media only screen and (min-width: 1600px) {
     gap: 24px;
  }
}

.tb-category-item {
   display: flex;
padding: 24px;
flex-direction: column;
align-items: center;
gap: 32px;
flex: 1 0 0;
border-radius: 24px;

  @media only screen and (max-width: 1023px) {
       padding: 16px !important;
        gap: 16px;
  }
}

.tb-category-item:hover a,
.tb-category-item:hover a span {
  text-decoration: unset !important;
}

.tb-card-pink {
    background: #f8dfe2;
}

.tb-card-green {
    background: #e2f0ce;
}

.tb-card-blue {
    background: #dceff8;
}

.tb-card-yellow {
    background: #f8dfa2;
}

.tb-card-purple {
    background: #e5d6e8;
}

.tb-category-image {
    display: flex;
    height: 172px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    aspect-ratio: 1 / 1;

   @media only screen and (max-width: 1023px) {
      display: flex;
height: 124px;
width: 124px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
aspect-ratio: 1/1;
   }
}

.tb-category-image img {
    height: 122.98px;
flex-shrink: 0;
/*aspect-ratio: 172.00/122.98;*/

   @media only screen and (max-width: 1023px) {
height: 88.66px;
flex-shrink: 0;
/*aspect-ratio: 124.00/88.66;*/
   }
}

.tb-category-card > span {
    color: var(--UI-Paragraph, #0E090A);
text-align: center;

/* H4 */
font-family: Rubik;
font-size: var(--FontSize-H4, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 31.5px */
letter-spacing: -0.21px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 5.25px */
text-underline-position: from-font;

  @media only screen and (min-width: 1024px) {
     font-size: var(--FontSize-H4, 21px);
  }
}


/* =========================================
   VĚK
========================================= */

.tb-age-box {
    margin-top: 32px;
    padding: 36px;
    background: #fff;
    border-radius: 19px;
}

.tb-age-box h2 {
color: var(--UI-Paragraph, #0E090A);
text-align: center;

/* H2 */
font-family: Rubik;
font-size: var(--FontSize-H2, 36px);
font-style: normal;
font-weight: 500;
line-height: 125%; /* 45px */
letter-spacing: -0.36px;
margin: 0 !important;
}

.tb-age-box .tb-tabs {
    margin-top: 24px;
    margin-bottom: 24px;
}

.tb-age-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    align-items: end;
    gap: 24px;
}

.tb-age-grid-item {
display: flex;
padding: 16px;
flex-direction: column;
align-items: center;
gap: 24px;
flex: 1 0 0;
border-radius: 24px;

  @media only screen and (max-width: 1023px) {
padding: 16px !important;
  }
}

.tb-age-grid-item:hover a,
.tb-age-grid-item:hover a span {
text-decoration: unset !important;
}

a.tb-age-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
align-self: stretch;
}

.tb-age-icon {
display: flex;
width: 80px;
height: 79px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
aspect-ratio: 80/79;

  @media only screen and (max-width: 1023px) {
display: flex;
width: 80px !important;
height: 79px !important;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
aspect-ratio: 80/79;
  }
}

.tb-age-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tb-age-item > span {
color: var(--UI-Paragraph, #0E090A);
text-align: center;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;

  @media only screen and (max-width: 1023px) {
font-size: var(--FontSize-Paragraph, 16px) !important;
  }
}

/* =========================================
   ZNAČKY
========================================= */

.tb-brands-section {
    background: #f2e7e3;
    padding: 64px 0;
position: relative;
}

.tb-brands-section::before {
  width: 100vw;
  background: #f2e7e3;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 0px);
  height: 100%;

  @media only screen and (min-width: 1599px) {
    width: calc(100vw - 15px);
  }
}


/* NADPIS SEKCE */

.tb-brands-section > .tb-section-heading {
    position: relative;
    margin: 0 auto 13px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

@media only screen and (max-width: 1023px) {
    flex-direction: column; 
    gap: 0;
  }
}


/* Nadpis */

.tb-brands-section > .tb-section-heading h2 {
color: var(--UI-Paragraph, #0E090A);
text-align: center;

/* H2 */
font-family: Rubik;
font-size: var(--FontSize-H2, 36px);
font-style: normal;
font-weight: 500;
line-height: 125%; /* 45px */
letter-spacing: -0.36px;

@media only screen and (max-width: 1023px) {
    font-size: var(--FontSize-H2, 30px) !important;
    margin-bottom: 16px !important;
  }
}


/* Popis pod nadpisem */

.tb-brands-section > .tb-section-heading p {
color: var(--UI-Description, #70615A);
text-align: center;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}


/* Všechny značky */

.tb-brands-section > .tb-section-heading .tb-all-link {
    position: absolute;
    top: 4px;
    right: 0;

color: var(--UI-Paragraph, #040811);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
transition: .25s ease-out;

  @media only screen and (max-width: 1023px) {
    position: relative;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
  }
}

.tb-brands-section > .tb-section-heading .tb-all-link:hover {
   text-decoration: unset !important;
}

.tb-brands-section > .tb-section-heading .tb-all-link span {
    font-size: 16px;
    line-height: 8px;
    text-decoration: none;
}


/* Obsah pod nadpisem */

.tb-brands-inner {
    margin: 0 auto;
    position: relative;
     z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 454px;
    gap: 38px;
    align-items: center;
}

.tb-brands-content > .tb-section-heading {
    margin-bottom: 13px;
}

.tb-brands-content .tb-section-heading {
    align-items: flex-start;
}

.tb-brands-content h2 {
    font-size: 19px;
}

.tb-brands-content p {
    margin: 5px 0 0;
    max-width: 540px;
    font-size: 8px;
    line-height: 1.35;
    color: #766e6c;
}


/* =========================================
   LOGA ZNAČEK
========================================= */

.tb-brands-logos a {
    /*height: 28px;*/
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.tb-brands-logos img {
width: 901px;
height: 341px;
aspect-ratio: 288/109;
border-radius: 36px;
background: url(<path-to-image>) lightgray 50% / cover no-repeat;


  @media only screen and (max-width: 1023px) {
width: 312px;
height: 223.519px;
border-radius: 21px;
background: url(<path-to-image>) lightgray 50% / cover no-repeat;
  }
}

.tb-brands-logos_desktop {
display: none;

  @media only screen and (min-width: 1024px) {
display: block;
  }
}

.tb-brands-logos_mobile {
display: block;

  @media only screen and (min-width: 1024px) {
display: none;
  }
}

/* =========================================
   BENEFITY
========================================= */

.tb-brand-benefits {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tb-benefit {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tb-benefit-icon {
    flex: 0 0 82.704px;
    width: 82.704px;
height: 81.437px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tb-benefit-icon img {
width: 82.704px;
height: 81.437px;
}

.tb-benefit > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tb-benefit strong {
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.tb-benefit span {
color: var(--UI-Description, #70615A);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}



.tb-category-item,
.tb-age-grid-item {
    position: relative;
}

.tb-category-card,
.tb-age-item {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.tb-category-card::before,
.tb-age-item::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

.tb-category-image,
.tb-age-icon {
    pointer-events: none;
}


/* =========================================
   TABLET
========================================= */

@media only screen and (min-width: 768px) and (max-width: 900px) {

    .tb-categories-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tb-brands-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tb-category-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .tb-age-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 22px;
    }

    .tb-brands-inner {
        grid-template-columns: 1fr;
    }

    .tb-brand-benefits {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .tb-brands-logos {
        grid-template-columns: repeat(6, 1fr);
    }
}


/* =========================================
   MOBIL
========================================= */

@media (max-width: 767px) {

    .tb-categories-section {
        padding: 22px 0 30px;
    }

    .tb-section-heading {
        gap: 10px;
    }

    .tb-section-heading h2 {
        color: var(--UI-Paragraph, #0E090A);
text-align: center;

/* H2 */
font-family: Rubik;
font-size: var(--FontSize-H2, 30px);
font-style: normal;
font-weight: 500;
line-height: 125%; /* 37.5px */
letter-spacing: -0.3px;
    }

    .tb-tabs {
        margin: 24px 0;
    }

    .tb-tab {
        font-size: 8px;
        padding: 6px 10px;
    }

    .tb-category-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .tb-age-box {
        margin-top: 15px;
        padding: 24px 12px !important;
        border-radius: 16px;
    }

    .tb-age-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 5px;
    }

    .tb-age-icon {
        width: 55px;
        height: 52px;
    }

    .tb-age-item > span {
        font-size: 7px;
    }


    .tb-brands-section {
        padding: 26px 24px;
    }

    .tb-brands-inner {
        display: block;
    }

    .tb-brands-content > .tb-section-heading {
        margin-bottom: 15px;
    }

    .tb-brands-content .tb-all-link {
        display: none;
    }

    .tb-brands-logos {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px 7px;
        padding: 13px;
    }

    /*.tb-brands-logos a {
        height: 25px;
    }*/

    .tb-brand-benefits {
        margin-top: 22px;
        display: flex;
        gap: 15px;
    }
}


/* =============================
   BOMB TIMER
   ============================= */

.custom-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
  box-sizing: border-box;
}

.timer-bomb {
  min-height: 24px;
  display: inline-block;
  margin-top: 4px;
  
  @media only screen and (min-width: 450px) {
  	margin-left: 8px;
    margin-top: 0;
  }
}

.bomb-timer__link {
text-decoration: none !important;
}

.bomb-timer__text {
  font-size: 16px;
  font-weight: 500;
  
  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}

.bomb-timer__grid {
  display: flex;
  gap: 4px;
  align-items: center;
}

.bomb-timer__box {
	display: flex;
  flex-direction: row !important;
  gap: 4px;
}

.bomb-timer__box span {
    width: 24px;
    padding: 2px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FFF;
}

.bomb-timer__sep {
color: var(--UI-Background-Body, #FFF);

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}

.bomb-timer__box span, .bomb-timer__box small {
color: var(--UI-Paragraph, #040811);
text-align: center;

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}


/* =============================
   CART DELETE POPUP
   ============================= */

#tb-cart-delete-popup {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease;
}

#tb-cart-delete-popup.is-visible {
    visibility: visible;
    opacity: 1;
}

/* =============================
   MODAL
   ============================= */

.tb-cart-delete-modal {
    position: relative;
    z-index: 10;
    width: calc(100% - 40px);
    max-width: 404px;
    padding: 24px;
    background: #fff;
    border-radius: 24px;
    transform: translateY(15px) scale(0.98);
    transition: transform 0.2s ease;
}

#tb-cart-delete-popup.is-visible .tb-cart-delete-modal {
    transform: translateY(0) scale(1);
}

/* =============================
   CONTENT
   ============================= */

.tb-cart-delete-content {
    text-align: center;
}

.tb-cart-delete-content h2 {
    margin: 16px 0 8px;
    color: var(--UI-Paragraph, #0E090A);
    text-align: center;
    font-family: "Proxima Nova" !important;
    font-size: 27px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
}

.tb-cart-delete-content p {
    margin: 0 0 32px;
    color: var(--UI-Paragraph, #0E090A);
    text-align: center;
    font-family: "Proxima Nova" !important;
    font-size: var(--FontSize-Paragraph, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

/* =============================
   CLOSE
   ============================= */

.tb-cart-delete-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: var(--Text-Paragraph, #061F2A);
}

/* =============================
   BUTTONS
   ============================= */

.tb-cart-delete-buttons {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

/* =============================
   BODY
   ============================= */

body.tb-cart-delete-open {
    overflow: hidden;
}


/* =============================
   MOBILE
   ============================= */

@media (max-width: 600px) {

    .tb-cart-delete-modal {
        width: calc(100% - 30px);
        padding: 35px 20px 25px;
    }

    .tb-cart-delete-buttons {
        flex-direction: column;
    }

    .tb-cart-delete-buttons button {
        width: 100%;
    }

}


/* =============================
   CART
   ============================= */

.cart-table {
    width: 100%;
}

.in-dekujeme .tb-cart-head {
  display: none;
}

.tb-cart-head {
  display: none;

  @media only screen and (min-width: 1024px) {
    display: table-header-group;
    width: 100%;
    background: var(--Brand-Snow, #FBF5F3);
  }
}

.tb-cart-head tr {
  border: unset;
}

.tb-cart-head th {
    padding: 0 0 16px;
    text-align: left;
    vertical-align: bottom;

    color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.tb-cart-head-image {
    width: 100px;
}

.tb-cart-head-quantity {
    text-align: center !important;
}

.tb-cart-head-price {
    text-align: right !important;
}

.tb-cart-head-total {
  text-align: center !important;
  padding-left: 60px !important;
}


/* =============================
   CATEGORY PAGE LIST OF CATEGORIES - bottom item
   ============================= */

.tb-category-top-moved {
display: flex;
flex-direction: column-reverse;
}

.tb-category-top-moved .category-title {
display: none;
}

.tb-category-top-moved .subcategories.with-image h2 {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0 0 24px;
  position: relative;
  color: var(--UI-Paragraph, #040811);
text-align: center;

/* H2 */
font-family: Rubik !important;
font-size: var(--FontSize-H2, 36px);
font-style: normal;
font-weight: 500;
line-height: 125%; /* 45px */
letter-spacing: -0.36px;
}

.tb-category-top-moved.category-top .category-perex {
place-self: center;
margin-top: 64px;
margin-bottom: 0;

@media only screen and (min-width: 1024px) {
width: 43%;
}
}

.tb-category-top-moved.category-top .category-perex h2 {
text-align: center;
}


/* =============================
   CATEGORY PAGE BANNER - count
   ============================= */

.banner:has(.banner-wrapper.banner6) {
border: unset !important;
    padding-bottom: 0 !important;
    display: none;
    
 @media only screen and (min-width: 1024px) {
   display: block;
 }
}

.banner-wrapper.banner6 {
    position: relative;
}

.banner-wrapper.banner6 .filter-info-wrapper {
  display: flex;
    padding: 16px 40px 16px 16px;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
    border-radius: 24px;
    background: #F1E6E3;
}

.banner-wrapper.banner6 .tb-banner6-close {
    position: absolute;
    top: 8px;
    right: 8px;
color : var(--UI-Paragraph, #0E090A);

    width: 28px;
    height: 28px;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;

    z-index: 5;
}

.banner-wrapper.banner6 .tb-banner6-close:hover {
    opacity: 0.6;
}

.banner-wrapper.banner6 span {
color: #000;
    font-family: "Proxima Nova";
    font-size: var(--FontSize-Description, 13px);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.banner-wrapper.banner6 span strong {
color: #000;

/* Description */
font-family: "Proxima Nova";
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 700;
line-height: 150%;
}


/* =============================
   INSTAGRAM WIDGET
   ============================= */

#dklab_instagram_widget {
  background: var(--Brand-Snow, #FBF5F3);
  margin-top: 0;
}

#dklab_instagram_widget_in {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0 16px;

  @media only screen and (min-width: 1024px) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 24px;
    padding: 0 36px;
  }
}

.grid6 .dklab_instagram_widget_box, .grid12 .dklab_instagram_widget_box {
  border-radius: 24px;
  width: 100% !important;
  min-width: 0 !important;
  max-width: unset !important;
}

#dklab_instagram_widget_heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin: auto !important;
  padding: 32px 16px;
  width: 100%;

  @media only screen and (min-width: 1024px) {
    flex-direction: row;
    padding: 64px 0;
    width: 63%;
    gap: 40px;
  }
}

#dklab_instagram_widget_heading .tb-instagram-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

#dklab_instagram_widget_heading .tb-instagram-icon .logo {
  display: block;
  width: 180px;
  height: 120px;

  @media only screen and (min-width: 1024px) {
    width: 180px;
    height: 120px;
  }
}

#dklab_instagram_widget_heading .tb-instagram-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;

  @media only screen and (min-width: 1024px) {
    text-align: left;
  } 
}

#dklab_instagram_widget_heading .tb-instagram-content h2 {
  color: var(--UI-Paragraph, #040811);

  /* H3 */
  font-family: Rubik !important;
  font-size: var(--FontSize-H3, 27px);
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 33.75px */
  letter-spacing: -0.27px;
}

#dklab_instagram_widget_heading .tb-instagram-content p {
  color: var(--UI-Description, #70615A);

  /* Paragraph */
  font-family: Rubik !important;
  font-size: var(--FontSize-Paragraph, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}

#dklab_instagram_widget_heading .tb-instagram-content p strong {
  font-weight: 700;
}

#dklab_instagram_widget_heading .tb-instagram-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-decoration: none;
}

.dklab_instagram_widget_box > a, .dklab_instagram_widget_box > a > span > img {
  min-height: 200px !important;
  max-height: 200px !important;
  height: 100% !important;

  @media only screen and (min-width: 768px) and (max-width: 1599px) {
    min-height: 275px !important;
    max-height: 275px !important;
  }


  @media only screen and (min-width: 1600px) {
    min-height: 360px !important;
    max-height: 360px !important;
  }
}


/* =============================
   PAGE ORDER - register box
   ============================= */

.tb-stay-box {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  display: flex;
  padding: 24px 24px 50px 24px;
  gap: 10px;
  margin-top: 16px;
  border-radius: 16px;
  background: var(--Brand-WHITE, #FFF);
  align-items: flex-start;
}

.tb-stay-box__left {
    display: flex;
    flex-direction: column;
}

.tb-stay-box__left h3 {
color: var(--UI-Paragraph, #040811);

/* H3 */
font-family: Rubik;
font-size: var(--FontSize-H3, 27px);
font-style: normal;
font-weight: 700;
line-height: 125%; /* 33.75px */
letter-spacing: -0.27px;
margin: 0 0 16px;
}

.tb-stay-box__left p {
color: var(--UI-Paragraph, #0E090A);

/* Paragraph */
font-family: "Proxima Nova" !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}

.tb-stay-box__left img {
    display: block;
    max-width: 195px;
    width: 100%;
    height: auto;
    margin: auto;
    border-radius: 8px;
}

.tb-stay-box__right {
    display: flex;
    align-items: center;
}

.tb-stay-box__right ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tb-stay-box__right li {
  color: var(--UI-Paragraph, #040811);
position: relative;
padding-left: 25px;

/* Paragraph */
font-family: Rubik !important;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.tb-stay-box__right li strong {
font-weight: 700;
}

.tb-stay-box__right li + li {
    margin-top: 16px;
}

.tb-stay-box__right li::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.tb-stay-box__right li.tb-icon-1::before {
    background-image: url('/user/documents/tvujBrand/img/icons/blob-red.png');
}

.tb-stay-box__right li.tb-icon-2::before {
    background-image: url('/user/documents/tvujBrand/img/icons/blob-yellow.png');
}

.tb-stay-box__right li.tb-icon-3::before {
    background-image: url('/user/documents/tvujBrand/img/icons/blob-green.png');
}

.tb-stay-box__right li.tb-icon-4::before {
    background-image: url('/user/documents/tvujBrand/img/icons/blob-purple.png');
}

.tb-stay-box__right li.tb-icon-5::before {
    background-image: url('/user/documents/tvujBrand/img/icons/blob-blue.png');
}

@media (max-width: 767px) {
    .tb-stay-box {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 20px;
    }

    .tb-stay-box__right {
        display: block;
    }
}


/* =============================
   SLICK SLIDER MOBILE LAYOUT
   ============================= */

@media (max-width: 767px) {
    .products-block .product {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .products.slick-slider .slick-slide {
        padding: 0 16px;
        box-sizing: border-box;
    }
}


/* =============================
   DISCOUNT PRICE
   ============================= */

.tb-discount-price {
 flex-wrap: wrap;
}

.tb-discount-saved {
  color: var(--UI-Sale, #CD4139);

  /* Description */
  font-family: Rubik;
  font-size: var(--FontSize-Description, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.13px;
}


/* =============================
   CATEGORY PAGE FILTERS - show more
   ============================= */

#manufacturer-filter.vice-znacek.tb-show-all form fieldset > div:nth-of-type(n+8) {
    display: block !important;
}

.filter-section-manufacturer fieldset,
.filter-section-parametric-id-43 fieldset,
.filter-section-parametric-id-52 fieldset,
.filter-section-parametric-id-37 fieldset,
.filter-section-parametric-id-49 fieldset {
    overflow: visible;
}

/* Skryté položky */
.filter-section .filter-items-hidden {
    display: none;
}

/* Tlačítko */
.filter-show-all {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 8px 0;
    border: 0;
      background: none;
color: var(--UI-Paragraph, #040811);
text-align: center;

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 3.25px */
text-underline-position: from-font;
}

.filter-show-all:hover {
    text-decoration: unset;
}

.vice-znacek-btn {
display: none;
}



/* =============================
   CATEGORY PAGE - price histogram
   ============================= */

.tb-price-histogram {
display: none !important;
    /*display: flex;*/
    align-items: flex-end;
    gap: 3px;
    height: 48px;
    margin: 12px 0 8px;
    overflow: hidden;
}

.tb-price-histogram-bar {
    flex: 1 1 0;
    min-width: 0;
    height: 2%;
    background: #d9d9d9;
    border-radius: 2px 2px 0 0;
    transition: background-color 0.15s ease;
}

.tb-price-histogram-bar.is-selected {
    background: #555;
}

.tb-price-histogram-bar[style*="height: 2%"] {
    min-height: 1px;
}


/* =============================
   PRODUCT DETAIL - 3 info items
   ============================= */

.tb-product-info-items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    margin-bottom: 32px;
}

.tb-product-info-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.tb-product-info-item img {
    display: block;
    width: 58.997px;
    height: 58.094px;
    object-fit: contain;
    margin-bottom: 12px;
}

.tb-product-info-item strong {
color: var(--UI-Paragraph, #0E090A);
text-align: center;

/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
}

.tb-product-info-item span {
color: var(--UI-Description, #70615A);
text-align: center;
width: 94%;

/* Description */
font-family: Rubik;
font-size: var(--FontSize-Description, 13px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
letter-spacing: -0.13px;
}


/* MOBIL - STÁLE 3 VEDLE SEBE */

@media (max-width: 767px) {

    .tb-product-info-items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-top: 20px;
    }

    .tb-product-info-item img {
        margin-bottom: 8px;
    }

}


/* =============================
    RATING POPUP
   ============================= */

.vote-form > form:not(#dialogFormRating) {
  border-radius: 32px;
}

.vote-form > form:not(#dialogFormRating) input:not([type="radio"]) {
  display: block;
  width: 100%;
  height: 42px;
  padding: 8px 12px;
  box-sizing: border-box;
  line-height: 1;
  outline: none;
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 100px;
  border: 1px solid var(--UI-Paragraph, #040811);
  background: var(--Brand-WHITE, #FFF);
  color: var(--UI-Description, #70615A);
  font-family: Rubik;
  font-size: var(--FontSize-Description, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.13px;
}

.vote-form > form:not(#dialogFormRating) label {
  color: var(--UI-Paragraph, #0E090A) !important;
  margin-top: 5px;

  /* Description */
  font-family: Rubik !important;
  font-size: var(--FontSize-Description, 13px) !important;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.13px;
}


.vote-form > form:not(#dialogFormRating) label {
  color: var(--UI-Paragraph, #0E090A);
  margin-top: 5px;

  /* Description */
  font-family: Rubik !important;
  font-size: var(--FontSize-Description, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.13px;
}

.vote-form > form:not(#dialogFormRating) textarea {
  display: flex;
  padding: 8px 12px;
  align-items: center;
  gap: 12px;
  flex: 1 0 0;
  border-radius: 16px;
  border: 1px solid var(--UI-Paragraph, #0E090A);
  background: var(--Brand-WHITE, #FFF);
}


/* =============================
    PRODUCT DETAIL - show more photos
   ============================= */

.tb-show-all-photos {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 8px 12px;
    border: 0;
    background: transparent;
    cursor: pointer;
  
    color: var(--UI-Paragraph, #040811);
/* Paragraph */
font-family: Rubik;
font-size: var(--FontSize-Paragraph, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}

.tb-show-all-photos:hover {
  text-decoration: unset !important;
}

.p-thumbnails-inner > div > a.p-thumbnail:nth-of-type(n+13) {
    display: none;
}

.p-thumbnails-inner > div.tb-show-all > a.p-thumbnail:nth-of-type(n+13) {
    display: block !important;
}


.category-content-wrapper .category__secondDescription {
display: none;
}













/* =============================
    PRODUCT DETAIL - gallery popup
   ============================= */

#colorbox.productDetail, #colorbox.productDetail #cboxContent, #colorbox.productDetail #cboxWrapper {
  max-width: 1240px !important;
  height: 616px !important;
}

#colorbox.productDetail .tb-colorbox-thumbnails {
  position: absolute;
  top: 0;
  right: 0;
  width: 425px;
  height: 100%;
  border-radius: 0;
  border-top-right-radius: 24px !important;
  overflow: hidden;
  box-sizing: border-box;
  background: var(--Brand-Snow, #FBF5F3);
  
  @media only screen and (max-width: 1023px) {
    display: none;
  }
}

#colorbox.productDetail .tb-colorbox-thumbnails > * {
    box-sizing: border-box;
}


#colorbox.productDetail #cboxPrevious,
#colorbox.productDetail #cboxNext {
    z-index: 20;
}

#colorbox.productDetail #cboxPrevious {
@media only screen and (max-width: 1023px) {
    	left: 2%;
    }
}

/* Předchozí – vlevo u hlavní fotky */
#colorbox.productDetail #cboxPrevious {
    left: 0 !important;
}

/* Následující – vpravo na hraně hlavní fotky,
   ne až za thumbnail sloupcem */
#colorbox.productDetail #cboxNext {
  right: 2% !important;

  @media only screen and (min-width: 1024px) {
    right: 460px !important;
  }
}


/* Hlavní obrázek */
#colorbox.productDetail #cboxLoadedContent {
  height: 601px;
  width:100% !important;
  max-width: 743px !important;
  flex-direction: column;
  gap: 10px;
  align-self: stretch;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#colorbox.productDetail #cboxLoadedContent .cboxPhoto {
  width: 320px !important;
  height: 320px !important;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  object-fit: contain;
    
  @media only screen and (min-width: 1024px) {
    width: 585.28px !important;
    height: 585.28px !important;
  }
}


#colorbox.productDetail .tb-colorbox-thumbnails-scroll {
  width: 100%;
  height: calc(100% - 100px);
  margin-top: 50px;
  margin-bottom: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-content: start;
  gap: 24px;
  padding: 0 5px;
  box-sizing: border-box;
  scrollbar-width: thin;
  padding: 0 24px 24px 16px;
}

#colorbox.productDetail .tb-colorbox-thumb {
  width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  height: 180.5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  grid-row: span 1;
  grid-column: span 1;
  justify-self: stretch;
  padding: 0 16px;
  cursor: pointer;
  border-radius: 16px;
  background: var(--UI-Background-Body, #FFF);
}

#colorbox.productDetail .tb-colorbox-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 148.5px;
  flex: 1 0 0;
  aspect-ratio: 1/1;
  object-fit: contain;
}

/* Křížek zavření */
#colorbox.productDetail #cboxClose {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 100;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    font-size: 0;
    line-height: 36px;
    cursor: pointer;
}

/* samotný křížek */
#colorbox.productDetail #cboxClose::before,
#colorbox.productDetail #cboxClose::after {
    content: "";
    position: absolute;
    top: 17px;
    left: 9px;
    width: 18px;
    height: 2px;
    background: #0E090A;
}

#colorbox.productDetail #cboxClose::before {
    transform: rotate(45deg);
}

#colorbox.productDetail #cboxClose::after {
    transform: rotate(-45deg);
}

/* hover */
#colorbox.productDetail #cboxClose:hover {
    background: #fff;
}


#colorbox.productDetail .tb-colorbox-thumbnails-scroll::-webkit-scrollbar {
    width: 10px;
}

#colorbox.productDetail .tb-colorbox-thumbnails-scroll::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

#colorbox.productDetail .tb-colorbox-thumbnails-scroll {
    scrollbar-width: thin;
    scrollbar-color: #70615a rgba(101, 61, 42, 0.10);
}

/* Chrome, Edge, Safari */
#colorbox.productDetail .tb-colorbox-thumbnails-scroll::-webkit-scrollbar {
    width: 10px;
}

#colorbox.productDetail .tb-colorbox-thumbnails-scroll::-webkit-scrollbar-track {
    background: rgba(101, 61, 42, 0.10);
    border-radius: 1px;
}

#colorbox.productDetail .tb-colorbox-thumbnails-scroll::-webkit-scrollbar-thumb {
    background: #70615a;
    border-radius: 1px;
}