@media (min-width: 769px) {
    #parameter-id-4 {
      display: none;
    }
  }
  @media (max-width: 768px) {
    .variant-boxes {
      display: none !important;
    }
  }
  @media (min-width: 769px) {
    .variant-boxes {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 10px;
    }
  
    .variant-box {
      border: 1px solid #ccc;
      padding: 10px 15px;
      border-radius: 4px;
      cursor: pointer;
      background: #f6f6f6;
      transition: 0.3s;
      user-select: none;
    }
    .variant-box:hover,
    .variant-box.active {
      border-color: #dda756;
      background-color: #fff8ec;
    }
  }


.top-navigation-bar a{
  color:white;
  }
  .top-navigation-bar .top-nav-button-login{
  color:white;
  }
  .top-navigation-contacts a{
  color:white;
  }
  .top-navigation-bar-menu li a{
  color:white;
  }
  .multiple-columns-body .benefitBanner__item{
  flex: 1 1 19%;
  }
  .top-navigation-bar .container>div:first-child, .top-navigation-bar .container>div:last-child{
  flex-basis: 40%;
  }
  
  .custom-footer__productRating h4{
  text-align:center;
  }
  .votes-wrap{
  max-width:1050px!important;
  }
  .rate-wrapper{
  max-width:1050px!important;
  }
  .footer-links-icons{
  padding:0px;
  }
  .navigation-close{
  z-index:1;
  }
  #products .product.related-sm-screen-show{
  background-color: rgb(247, 247, 247);
  }
  #products .product.related-sm-screen-hide{
  background-color: rgb(247, 247, 247);
  }
  .add-to-cart-button{
  margin-left:5px;
  }
  .p-detail .add-to-cart .quantity{
  border-style:solid;
  border-radius:2px;
  }
  .latest-contribution-wrapper{
  display:none;
  }
  
  .top-navigation-bar-menu > li:not(:first-child) {
    display: none !important;
  }
  .sidebar-indented .content .sidebar{
  border-radius:10px;
  }
  .popup-widget-inner{
  border-radius:12px;
  }
  .availability-label{
  font-size:16px;
  }
  .social-buttons-wrapper{
  display:none;
  }
  @media (min-width: 1025px) {
    .navigation-in {
      position: relative;
      z-index: 10;
    }
  
    .navigation-in > ul > li.ext {
      position: static;
    }
    .navigation-in > ul > li.ext > ul.menu-level-2 {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background-color: #f6f6f6;
      z-index: 999;
      padding: 10px;
      flex-wrap: wrap;
      gap: 10px;
      border-radius: 0 0 10px 10px;
      box-sizing: border-box;
    }
  
    .navigation-in > ul > li.ext:hover > ul.menu-level-2 {
      display: flex;
    }
  
    .navigation-in ul.menu-level-3 {
      display: none;
      position: absolute;
      top: 0;
      left: 100%;
      z-index: 1000;
      background: white;
      padding: 10px;
      border-radius: 8px;
      min-width: 180px;
    }
  
    .navigation-in div:hover > ul.menu-level-3 {
      display: block;
    }
  }
  
  .benefitBanner__link{
   display: flex;
    flex-direction: column;
    align-items: center;
    color:#616f85;
    text-align: center;
    text-decoration: none; 
  }
  
  .user-action-cart{
  border-radius:0px 0px 10px 10px;
  }
  .cart-widget-button{
  border-radius:0px 0px 10px 10px;
  }
  .blog-wrapper{
  display:none;
  }
  .cart-content checkout-box-wrapper{
  border-radius: 0px 0px 10px 10px;
  }
  .cart-content summary-wrapper{
  border-radius:10px;
  }
  .cart-content{
  border-radius: 0px 0px 10px 10px;
  }
  #continue-order-button{
  border-radius:0px 0px 10px 10px;
  }
  .subcategories.with-image li a{
  border-radius:6px;
  }
  button.btn.btn-secondary[data-testid="buttonSubmitDiscountCoupon"]{
  border-radius: 0px 6px 6px 0px!important;
  }
  span.btn.btn-block.btn-default.toggle-contacts[data-original-text*="+420 605 180 144"]{
  border-radius:6px;
  }
  a#continue-order-button.btn.btn-lg.btn-conversion.next-step-forward[data-testid="buttonNextStep"]{
  border-radius:10px;
  }
  .category-header{
  border-radius:6px;
  }
  #discountCouponCode{
  border-radius: 6px 0px 0px 6px!important;
  }
  .category-header input[type=radio]+label:hover, .category-header input[type=radio]:checked+label{
  border-radius: 6px 6px 0px 0px;
  }
   .show-more-button,
    .toggle-filters-btn {
    margin: 15px 0 !important;
  text-align: left!important;
  padding: 15px 0px!important;
    }
    @media (max-width:820px){
    .site-msg.information{
    top:0px;
    }
    ol.cart-header{
    border-bottom-style: solid;
    background-color:#f6f6f6;
    }
    ol.cart-header li{
    border-bottom-style: none;
    }
    .navigation-in>ul>li.ext>ul>li>div>a{
    font-size:14px;
    }
    .navigation-in>ul>li>a{
    font-size:14px;
    }
    #continue-order-button{
    border-radius:10px;
    }
    }
    @media (min-width:720px){
    
    .top-navigation-bar{
    background-color:#004F2D !important;
    }
    
    }
   @media (max-width: 767px) {
    .mobile-breadcrumbs {
      font-size: 14px;
      padding: 8px 12px;
      white-space: nowrap;
      overflow-x: auto;
      display: block;
    }
  
    .mobile-breadcrumbs span {
      display: inline-block;
      margin-right: 6px;
    }
  
    .mobile-breadcrumbs .navigation-bullet {
      font-weight: bold;
    }
    .breadcrumbs-wrapper{
    padding-left:0px;
    }
  }
  

  span.load-products.btn.unveil-button[data-testid="buttonMoreItems"] {
    border-radius:10px;
    }
    .sidebar {
    height: -webkit-fit-content;}
    
    .container.footer-rows {
    border-radius:10px 10px 0px 0px;
    }
    .variant-list select{
    border-radius:10px;
    }
    .extended-description table.detail-parameters tr:nth-child(even) {
      background-color: #fff5e6;
    }
    .extended-description table.detail-parameters th,
    .extended-description table.detail-parameters td {
      padding: 8px 12px;
    }
    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.3); /
        z-index:8; 
        display: none; 
    }
    .shp-tabs-holder{
    border-radius:6px;
    }
    .shp-tabs-holder ul.shp-tabs li a{
    border-radius:0px 6px;
    }
    .toggle-contacts{
    border-radius:12px;
    }
    .top-banner{
    background-color:transparent!important;
    }
    .menu-top-banners{
    margin-bottom:0px!important;
    gap:0px!important;
    }
    .top-menu-trigger-visible .top-navigation-menu-trigger{
    display:none;
    }
    .menu-top-banners{
    align-items: center;
    margin: 0 auto;
    width: 89%;
    }
    .footer-icons{
    display:none;
    }
    .footer-links{
    text-align:center;
    }
    a.link-icon.chat[title="Rozhovor s predajcom"] {
      display: none !important;
    }
    .homepage-blog-wrapper .news-item{
    border-radius:10px;
    background-color:#f6f6f6;
    }
    .site-msg.information{
    position: relative;
    max-width: none;
    width: 100%;
    top: 0;
    left: 0;
    background: #dda756;
    text-align: center;
    font-size: 17px;}
    .widget-parameter-wrapper{
    display:none;
    }
    .footer-banner.col-sm-12.col-lg-12{
    padding:0px;
    }
    .homepage-box.welcome-wrapper{
    display:none;
    }
    .menu-level-1, .navigation-in.menu {
        position: relative;
        z-index: 10;
    }
    .menu-level-2{
    gap:10px;
    }
    .menu-level-2{
    border-radius: 0px 0px 10px 10px;
    background-color:rgba(0, 0, 0, 0.3);
    }
    .menu-level-2,
    .menu-level-3 {
        position: relative;
        z-index: 11;
    }
    .menu-level-1{
    font-size:15px;
    }
    .menu-level-3 {
     display: none !important;}
    .btn.btn-default, a.btn.btn-default{
    border:none;
    border-radius: 0px 4px 4px 0px;
    }
    .carousel-inner{
    border-radius:10px;
    }
    .btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion, .btn.btn-primary{
    border-radius:5px;
    }
    @media (min-width:1200px){
    .top-navigation-bar{
    background-color: #004F2D !important;
    border-bottom-color: #004F2D !important;
    border-top-color: #004F2D!important;
    padding-top:5px;
    padding-bottom:5px;
    }
    .custom-footer>div {
    width: 32%;
    }}
    .custom-footer, .footer-bottom, .footer-links-icons{
    border:none;
    }
    .navigation-in>ul>li.ext>ul>li>div>a{
    font-size:12px;
    font-weight:400;
    margin-right:5px;
    }
    .navigation-in>ul>li.ext>ul>li {
    flex-basis: 15%;
    width: 15%;
    background-color: white;
    border-radius: 5px;
    }
    .navigation-in{
    border-radius:4px;
    }
    .top-navigation-bar-menu-helper{
    background-color: #004F2D !important;
    border-bottom-color: #004F2D !important;
    border-top-color: #004F2D!important;
    border-left-color: #004F2D!important;
    border-right-color: #004F2D!important;
    }
    .top-navigation-contacts, .top-navigation-menu{
    background-color: #004F2D !important;
    }
    #footer>.container{
    background-color:#f6f6f6;
    border-top:none;
    
    }
    #header .site-name a img{
    max-height: 90px;
    }
    .welcome{
    display:none;
    }
    .benefitBanner__picture{
    margin: 0 auto;
    }
    .benefitBanner__item{
    display:block;
    text-align:center;
    flex: 1 1 20%;
    }
    .homepage-box{
    background-color:transparent;
    border:none;
    }
    .navigation-in ul.menu-level-2{
    padding:10px;
    background-color:#f6f6f6;
    }
    .fitted .navigation-in ul{
    justify-content:center;
    }
    #navigation{
    margin-top:10px;
    }
    .breadcrumbs{
    margin-top:10px;
    border:none;
    }
    @media (min-width:1200px){
    .content-inner{
    max-width: 100%;
    }
    }
    .top-navigation-bar-menu li:before{
    display:none;
    }
    a.link-icon.share.js-share-buttons-trigger {
        display: none;
    }
    .custom-footer__banner55{
    padding-left:0px;
    }
    .poll-result>div {background-color: #15b121; }   
    .homepage-group-title {color: #cd9540; }
    .carousel-control.left {color: #dda756; }
    .carousel-control.right {color: #dda756; }
    .category-perex h2, .category__secondDescription h2 {
        display: none;
    }
    .type-post .sidebar-left {
        display: none;
    }
    .products-block>div {
    border-color: rgba(224, 214, 214, 0.54);
    }
    .subcategories li a .text {
    border-color: rgba(224, 214, 214, 0.54);
    }
    .widget-parameter-value a{
      padding: 3px;
        color: black;
        border-width: 1px;
        border-color: black;
        font-size: 15px;
    }
    .navigation-in>ul>li.ext>ul>li>div>ul {
        display: contents;
    }
    .flag.flag-new {
    background-color: green; 
    }   
    a.social-icon.facebook {color: #ffffff;
    background-color: #3b5998;
    }
    a.social-icon.youtube {color: #ffffff;
    background-color: #ff0000;
    }
    a.social-icon.instagram { display: inline-block;
      text-align: center;
      border-radius: 40px;
      color: #fff;
      font-size: 220px;
      line-height: 250px;
      vertical-align: middle;
      background: #d6249f;
      background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
      box-shadow: 0px 3px 10px rgba(0,0,0,.25); }   
    @media only screen and (max-width: 768px) {
        .benefitBanner__item:nth-last-child(-n+1) {
            display: none;
        }
        .footer-banner.col-sm-12.col-lg-12{
    padding:0px;
    }
        .navigation-in>ul>li.ext>ul>li {
    flex-basis: 25%;
    width: 70%;
    border-radius: none;
    background-color: transparent;
    }
        .responsive-tools>a[data-target=navigation]:before{
        background-color:#f6f6f6;
        color:black;
        }
    .navigation-in ul.menu-level-2 {
    padding:0px;
    }
    }
    .subcategories{
    justify-content: center;
    }
    .homepage-blog-wrapper .news-item{
    flex-basis: 30%;
    margin: 0 auto;
    }
    .custom-footer__banner31{
    padding-left: 0px;
    }
    .custom-footer__banner16{
    padding-left: 0px;
    }
    .custom-footer__banner33{
    padding-left: 0px;
    }
    .row.custom-footer.elements-many {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; 
    }
    .row.custom-footer.elements-many > div {
        flex: 1 1 calc(33.333% - 20px); 
        margin: 10px; 
        box-sizing: border-box; 
    }
     .banner-text-kategorie{
            border: solid;
            border-color: #dda756;
            background-color: #dda756;
            padding: 5px 10px 5px 10px;
            justify-content: center;
            align-items: center;
    }
           p.banner-text-kat{
            margin-bottom:0px; 
            padding-bottom:0px; 
            color:white;
           }
        @media screen and (max-width: 820px) {
            .banner-text-kategorie{
                width: auto;
            }
            #navigation{
            margin-bottom:30px;
         margin-top:0px;
            }
            .navigation-in ul.menu-level-2{
    padding-top: 0px;
    }
    .copyright a:last-of-type {
      display: none;
    }
            .content-wrapper.container .row>div{
            padding-left: 10px;
            padding-right: 10px;
            }
            .homepage-blog-wrapper .news-item .title{
              padding-left: 5px;
            padding-right: 5px;
            }
            .blog-wrapper .news-item .description{
              padding-left: 5px;
            padding-right: 5px;
            }
            .top-navigation-bar{
            background-color:#004F2D !important;
            }
        }
    @media (max-width: 767px) {
        .row.custom-footer.elements-many > div {
            flex: 1 1 100%; 
        }   
    }
    @media (max-width: 1024px) {
        .top-navigation-bar{
            background-color:white !important;
            }
      .menu-level-1, .navigation-in.menu {
        position: relative;
        z-index: 1;
    }
    .menu-helper:after, .menu-trigger:after{
    background-color:var(--color-primary);
    }
       #navigation {
        margin-top: 0px;
    }   
    }

    @media (min-width: 768px) {
      .aside-indented .breadcrumbs, .aside-indented .category-top {
          margin-left: auto;
          margin-right: auto;
        max-width:100%;
      }
  }
  @media (max-width: 820px) {
  .custom-footer__banner31{
  height:125px;
  width: 95%;
  margin-bottom: 25px;
  margin-top: -10px;
  }
  .custom-footer__banner16{
  height:125px;
  width: 95%;
  margin-bottom: 25px;
  margin-top: -10px;
  }
  .custom-footer__banner33{
  height:125px;
  width: 95%;
  margin-top:25px;
  margin-bottom:25px;
  }
  .benefitBanner__img{
  max-width:80%;
  margin: 0 auto;
  }
  .benefitBanner__title{
  font-size:14px;
  }
  .benefitBanner__data{
  font-size:11px;
  }
  h3{
  font-size:16px;
  }
  ul{
  font-size:12px;
  }
  tbody{
  font-size:12px;
  }
  .fitted .navigation-in ul{
  border:none;
  }
  }
  .welcome h1 {
    font-size: 35px;
    animation: fadeIn 8s;
    -webkit-animation: fadeIn 5s;
    -moz-animation: fadeIn 5s;
    -o-animation: fadeIn 5s;
    -ms-animation: fadeIn 5s;
    animation-iteration-count: 4;
  }
  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  @-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  @-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  @-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  @-ms-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  .box.box-sm.box-filters {
  padding: 10px;
  }
  #header .header-bottom {
      position: relative;
      border-width: 0px 0 0;
      border-style: solid;
  }
  #navigation .navigation-in ul li>a>b {
      border-width: 0;
      text-decoration-thickness: 5px;
      text-decoration: none;
  }   
  .sidebar>div.box-sm {
      margin: 22px 0 0 0;
      border-style: solid;
      border-width: 1px;
      padding: 20px;
  }

  .navigation-in > ul > li.ext > ul.menu-level-2[aria-label="Regály"] > li {
    flex-basis: 100% !important;
  }
  
  .quantity .increase:before{
   content: "+";
    line-height: 16px;
    font-size: 18px;
  }
  .quantity .decrease:before{
   content: "-";
    line-height: 16px;
    font-size: 20px;
  }
  form.quantity-form.js-quantity-form.csrf-enabled .quantity .increase:before{
    content: "+";
    line-height: 12px;
    font-size: 18px;
  }
  form.quantity-form.js-quantity-form.csrf-enabled .quantity .decrease:before{
    content: "-";
    line-height: 12px;
    font-size: 20px;
  }
  .navigation-in>ul>li.ext>ul>li{
  flex-basis: 20%;
  }
    body.in-kosik .quantity .increase:before {
    content: "+";
    line-height: 12px !important;
    font-size: 20px;
  }
  
  body.in-kosik .quantity .decrease:before {
    content: "-";
    line-height: 12px !important;
    font-size: 20px;
  }
  @media (max-width: 767px) {
  .navigation-in > ul > li.ext > ul.menu-level-2[aria-label="Regály"] > li{
  width:100%
  }
  
      .ordering-process .quantity-form .quantity {
          padding: 0 45px;
      }
      .cart-table tr>td:nth-child(2n), .cart-table tr>td:nth-child(odd).p-total {
          text-align: center!important;}
          .ordering-process .quantity-form .quantity .decrease, .ordering-process .quantity-form .quantity .increase{
          width: 42px;
          }
    body.in-kosik .quantity .increase:before {
    content: "+";
    line-height: 30px !important;
    font-size: 20px;
  }
  
  body.in-kosik .quantity .decrease:before {
    content: "-";
    line-height: 30px !important;
    font-size: 20px;
  }
  }
     
  .applied-coupon{
  display: -webkit-flex;
  gap: 10px;
  align-items: center;
  }
  table.detail-parameters tr.variant-list:has(select[data-parameter-name="Balíček"]) {
    display: none !important;
  }
  
  .quantity-discounts{
  font-size:15px;
  }
  .top-navigation-bar-menu{
  display:none;
  }
  .top-navigation-contacts{
  gap:10px!important;
  }
  .top-navigation-contacts a:first-of-type{
  padding-right:10px;
  }
  a.project-phone.project-phone-info {
    display: none !important;
  }
  .flag-klikni-na-pruvodce-vyberem:before{
  background: url(https://www.trestles-shop.cz/user/documents/upload/css_menu/hand2.svg) no-repeat center;
  content: "" !important;
  display: inline-block;
  background-size: contain;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  }
  .flag{
  border-radius:2px;
  }
  p[data-testid="productCardDescr"]{
  margin-top:20px;
  }
  @media (max-width:820px){
  .category-header input[type=radio]+label:hover, .category-header input[type=radio]:checked+label {
      border-radius: 6px!important;
  }
  .filter-sections {
  border-radius:6px;
  }
  }