@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;
}


.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: 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 .project-phone-info{
      display:none;
    }

.top-navigation-bar-menu{
  padding-left:20px;
  display:none;
  }
  @media only screen and (max-width: 1025px){
  .top-navigation-bar-menu{
  padding-left:0px;
  float:left;
  }
  .top-nav-button-login img {
   width: 2vw;}
  
  .search-input{
  font-size:12px;
  }
  .contact-info .column:first-child {
  width: 11vw;
  }
  .contact-info .column img {
  width: 2vw;
  }
  .contact-info{
  font-size:10px;
  }
  .benefitBanner {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 20px; 
  }
  .benefitBanner__item {
    display: flex;
    margin:0 auto;
    flex-direction: column; 
    align-items: center; 
    text-align: center; 
  }
  .benefitBanner__img {
    max-width: 100%; 
    height: auto; 
  }
  .benefitBanner__picture{
  max-width:55px;
  }
  }
  @media screen and (max-width: 820px) {    
  .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;
  }
      }
  
      .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) {
     
       
           .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;
       }
       }

       .navigation-in>ul>li.ext>ul>li{
flex-basis: 20%;
}
@media (max-width: 767px) {

    .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;
}

.top-navigation-bar-menu{
display:none;
}
@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-contacts{
gap:10px!important;
}
.top-navigation-contacts a:first-of-type{
padding-right:10px;
}
a.project-phone.project-phone-info {
  display: none !important;
}
.top-navigation-bar a{
color:white;
}
.flag-klikni-na-sprievodcu-vyberom{
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;
  }
  }

  #newsWrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
    padding: 40px 20px;
  }
  
  .news-item {
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .news-item .image{
    margin: 0 auto;
  }
  
  .news-item .image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }
  
  .news-item .text {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  
  .news-item .text .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  .news-item .text .title:hover {
    color: #cc0000;
  }
  
  .news-item .description {
    font-size: 15px;
    color: #444;
    line-height: 1.6;
  }
  
  .news-item .description p {
    margin: 0 0 12px;
  }
  
  .news-item .description img {
    margin-top: 15px;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
  }
  
  /* Responsivita */
  @media (max-width: 600px) {
    .news-item .text {
      padding: 15px;
    }
  
    .news-item .text .title {
      font-size: 18px;
    }
  
    .news-item .description {
      font-size: 14px;
    }
  }
  

/* ==========================================================================
   KOŠÍK – mobilné úpravy (konsolidovaný blok)
   - p-price:    Cena za m. j.  495,04 € bez DPH  (599 € s DPH)      / ks
                 + zlatá deliaca linka
   - p-discount: Zľava: 1 %
   - p-total:    1 470,25 € bez DPH  (1 779 € s DPH)              [kôš]
   - hlášky:     fixná lišta, priehľadný .container, biely text
   ========================================================================== */

@media (max-width: 767px) {

  /* ---------- spoločné pre cenové bunky ---------- */
  .cart-table td.p-price,
  .cart-table td.p-total,
  .cart-table td.p-discount {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    flex-basis: 100%;
    text-align: left !important;
  }

  .cart-table td.p-price .price-without-vat,
  .cart-table td.p-total .price-without-vat {
    display: inline-block !important;
    margin: 0 !important;
    white-space: nowrap;
    line-height: 1.2;
    border: 0 !important;
    text-decoration: none !important;
  }

  /* cena s DPH = vedľajší údaj v zátvorke */
  .cart-table td.p-price .price-final,
  .cart-table td.p-total .price-final {
    margin: 0 !important;
    white-space: nowrap;
    line-height: 1.2;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #999 !important;
    border: 0 !important;
    text-decoration: none !important;
  }
  .cart-table td.p-price .price-final::before,
  .cart-table td.p-total .price-final::before { content: "("; }
  .cart-table td.p-price .price-final::after,
  .cart-table td.p-total .price-final::after  { content: ")"; }

  .cart-table td.p-price .price-final .vat-suffix,
  .cart-table td.p-total .price-final .vat-suffix {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #999 !important;
  }

  /* ---------- CENA ZA M. J. ---------- */
  .cart-table td.p-price {
    align-items: baseline;
    border-bottom: 1px solid #dda756 !important;
    padding-bottom: 8px;
    margin-bottom: 6px;
  }

  .cart-table td.p-price > .p-label {
    flex: 0 0 auto;
    margin: 0 4px 0 0;
    color: #666;
    font-size: 12px;
  }

  .cart-table td.p-price .show-tooltip.acronym {
    display: flex !important;
    align-items: baseline;
    gap: 8px;
    border-bottom: 0 !important;
    text-decoration: none !important;
  }

  .cart-table td.p-price .price-without-vat {
    font-size: 12px !important;
  }

  .cart-table td.p-price .unit-value {
    margin-left: auto;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
  }

  /* ---------- ZĽAVA ---------- */
  .cart-table td.p-discount {
    gap: 6px;
  }
  .cart-table td.p-discount > .p-label {
    flex: 0 0 auto;
    margin: 0;
    color: #666;
    font-size: 12px;
  }
  .cart-table td.p-discount > .p-label::after {
    content: ":";
  }
  .cart-table td.p-discount .show-tooltip.acronym {
    flex: 0 0 auto;
    font-size: 13px;
    white-space: nowrap;
  }

  /* ---------- SÚČET ---------- */
  .cart-table td.p-total {
    align-items: center;
  }

  .cart-table td.p-total > .p-label {
    display: none !important;
  }

  /* bez DPH = hlavná cena */
  .cart-table td.p-total .price-without-vat {
    font-size: 16px !important;
    color: #333 !important;
  }
  .cart-table td.p-total .price-without-vat strong {
    font-weight: 700 !important;
  }

  /* kôš zarovnaný k pravému okraju */
  .cart-table td.p-total form.inline {
    margin: 0 0 0 auto !important;
    flex: 0 0 auto;
  }
  .cart-table td.p-total form.inline > .inline {
    display: flex;
    align-items: center;
  }

  /* krížik → ikona koša */
  .cart-table td.p-total .remove-item {
    position: static;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    opacity: 1;
    background-color: #dda756;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E") no-repeat center / 20px 20px;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E") no-repeat center / 20px 20px;
  }
  .cart-table td.p-total .remove-item::before,
  .cart-table td.p-total .remove-item::after {
    content: none !important;
  }
  .cart-table td.p-total .remove-item:active {
    background-color: #d0342c;
  }

  /* ---------- NÁZOV PRODUKTU ---------- */
  .cart-table td.p-name,
  .cart-table td.p-name .main-link,
  .cart-table td.p-name .show-related,
  .cart-table td.p-name .custom-product-code {
    text-align: left !important;
  }
}

/* veľmi úzke displeje – skry sufix "s DPH" */
@media (max-width: 380px) {
  .cart-table td.p-price .vat-suffix,
  .cart-table td.p-total .vat-suffix {
    display: none !important;
  }
  .cart-table td.p-price .price-without-vat {
    font-size: 11px !important;
  }
  .cart-table td.p-price > .p-label,
  .cart-table td.p-discount > .p-label {
    font-size: 11px;
  }
}

/* ==========================================================================
   HLÁŠKY (kupón pridaný / zmazaný)
   .messages je fixná lišta cez celé okno, .container vnútri má vlastné
   biele pozadie – bez zpriehľadnenia je biely text na bielom.
   ========================================================================== */
.messages {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 1003;
}

.messages .msg {
  display: block;
  width: 100%;
  padding: 14px 0 !important;
  box-sizing: border-box;
}

.messages .msg.msg-success,
.messages .msg.msg-notice {
  background-color: #3c840f;
  border-color: #426d0c;
}

.messages .msg > .container {
  background: none !important;
  background-color: transparent !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
  border: 0 !important;
}

.messages .msg > .container > span {
  display: block;
  color: #fff !important;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-align: left;
}

@media (max-width: 767px) {
  .messages .msg > .container {
    max-width: 100% !important;
    padding: 0 12px !important;
  }
}

/* --------------------------------------------------------------------------
   SK špecifikum: v DOM je price-without-vat AŽ ZA price-final
   (v súčte dokonca až za formulárom s košom) → prehodenie cez order
   + cena bez DPH tučná, cena s DPH tenká v zátvorke
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {

  /* ---------- CENA ZA M. J. ---------- */
  /* bez DPH pred cenu s DPH */
  .cart-table td.p-price .show-tooltip.acronym .price-without-vat {
    order: 1;
    font-weight: 700 !important;
    color: #333 !important;
  }
  .cart-table td.p-price .show-tooltip.acronym .price-final {
    order: 2;
  }

  /* ---------- SÚČET ---------- */
  /* poradie: bez DPH → s DPH → kôš */
  .cart-table td.p-total .price-without-vat {
    order: 1;
    font-weight: 700 !important;
  }
  .cart-table td.p-total .price-final {
    order: 2;
  }
  .cart-table td.p-total form.inline {
    order: 3;
  }

  /* inline font-weight:700 na .vat-suffix musí ustúpiť */
  .cart-table td.p-price .price-final .vat-suffix,
  .cart-table td.p-total .price-final .vat-suffix {
    font-weight: 400 !important;
  }
}