/* ============================================================
   custom-combined-1.css — sloucene vlastni CSS (Claude 2026-05-29)
   Poradi zachovano dle puvodniho HTML hlavicky (kaskada).
   Obsahuje: nemecky-eshop35, shoptet-category6, parameters-table,
   yanabel/styles, main-banners, categories, inline <style>,
   dmartini/nemeckyeshop.min, yanabel/brands.
   (product-style.css vynechan - vracel 404)
   ============================================================ */

/* ===== 1. nemecky-eshop35.css ===== */
.news-wrapper .news-item time {display:none;}
.news-wrapper .news-item .text {    background: #f6f6f6;}
.news-wrapper .news-item {    max-width: 400px!important;;}
.delivery-line { display: none!important;}
.link-like.comment-icon {display: inline-block;background: #ececec;padding: 12px 20px;border-radius: 5px;width: max-content;cursor: pointer;font-weight: bold;
}
.col-xs-12 {width: 100% !important;}
@media (min-width: 480px) {   .form-group > input.form-control, .form-group > select.form-control {width: 100%!important;}}
#rate-form {max-width: 800px!important;}
@media only screen and (max-width: 767px) {    .product-top .price-line {margin: 0px 0px 0 0px !important;);}}

@media (max-width: 767.98px) {.checked-right-image__list { margin-top: 10px!important;  }}
@media (max-width: 767.98px) {.rc-image-left__text, .rc-image-right__text, .widget-typography {padding: 5px !important; margin-top:-10px!important;
}
}
.p-detail .p-info-wrapper {margin-bottom: 0px!important;}
.pb-evaluation-two__single:HOVER {    background: #f6f6f6;} 
.rc-image-left__img:HOVER, .rc-image-right__image:HOVER, .checked-right-image__image:HOVER {opacity: 90%;border-radius:30px!important;
}

.rc-image-left__img, .rc-image-right__image img, .checked-right-image__image img{border-radius:30px!important;}
.checked-right-image__header  {line-height: 30px!important;padding-bottom: 0px !important;}
.checked-right-image .checked-list .li {font-size: 18px!important;line-height: 30px!important;}
.widget-text { padding-bottom: 0px !important;}
@media (min-width: 1200px) { .type-detail .extended-description {flex: 0 1 auto; width: 100% !important;        padding-left: 0px !important;
}}

@media (max-width: 767.98px) {
    .rc-image-right {
        padding: 0px 0!important;
    }}
@media only screen and (max-width: 830px) {
    .pb-evaluation-two__obl-single {
        margin: 0px 0!important;

    }
}
.checked-list .li:before {
    margin-left: 0px !important;
    margin-top: 5px !important;
}
.site-name .inner-box:before {
    background: #f6f6f6!important;
    opacity: 1!important;
}
@media only screen and (max-width: 767px) { #carousel .banner-caption {       padding: 1px 1px!important;font-size: 10px !important;max-width: 65%;    }}
@media only screen and (max-width: 767px) { #carousel .banner-caption .extended-banner-title { background: none !important; margin-left: 0px !important; padding: 0px !important; border-radius: 0px !important; font-size: 15px; }}
@media only screen and (max-width: 767px) { #carousel .banner-caption .extended-banner-text {font-weight: 400; background: none !important; padding: 0px 0px 0px 10px !important; border-radius: 0px !important; }}
@media only screen and (max-width: 767px) { #carousel .banner-caption .button, #carousel .banner-caption .extended-banner-link { margin: 12px auto 0 auto; min-height: 0px !important; min-width: 100px !important; padding: 9px 20px; } }
.carousel-control {
    opacity: 1!important;
}

#carousel .banner-caption .extended-banner-text {
    background: #00000063;
    padding-left: 10px;
    margin-left: -10px;
    padding-bottom: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#carousel .banner-caption .extended-banner-title {
    background: #00000063;
    margin-left: -10px;
    padding: 10px!important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
@media (min-width: 801px) {
    #carousel .banner-caption {
        background: none!important;
    }
}
body.blank-mode .container.breadcrumbs-wrapper:before, .breadcrumbs-wrapper:before {
  display: none!important;
}

.hp-categories .hp-categories-posts .news-wrapper .news-item .image { height: auto !important; width: 100% !important; margin: auto; margin-bottom: 10px; }
.hp-categories .hp-categories-posts .news-wrapper .news-item .image img {     border-radius: 10px;max-height: none !important; max-width: none !important; width: 100%;background: #eeeeee; }
.hp-categories .hp-categories-posts .news-wrapper .news-item {
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
}


.hp-categories .hp-categories-posts .news-wrapper .news-item .image {
    margin: auto;
    margin-bottom: 10px;
}


.hp-categories-posts .news-item .text {
    display: block;
    flex: 100%;
}

.hp-categories-posts .news-item .text a {
    font-size: 18px!important;
    text-decoration: none!important;
}

@media (min-width: 1200px) {
    .hp-categories .hp-categories-posts .news-wrapper .news-item {
        width:calc((100% / 4) - 16px)
    }
}



.cart-content .order-summary .recapitulation-single {
    flex-direction: column;
}
#checkoutContent .cart-content .co-box.co-delivery-method label b, #checkoutContent .cart-content .co-box.co-payment-method label b {
    font-size: 15px!important;
}
@media only screen and (max-width: 767px) {
    .products-block.products .product button.add-to-cart-button, .products-block.products .product .btn {
        width: 100% !important;
    }
}
.shp-tabs-holder ul.shp-tabs {
     flex-wrap: nowrap!important;
}
@media only screen and (min-width: 1200px) {
    .type-detail .tab-content {
        margin-top: 0px!important;
    }
.type-detail .basic-description {
    font-size: 16px!important;
}
.shp-tabs-holder ul.shp-tabs {
    flex-wrap: nowrap!important;
}
@media (min-width: 1200px) {
    .type-detail .basic-description {
        width: 100% !important;
    }
}

.h4.homepage-group-title {
    margin-top: -15px !important;
}
.desc-box {font-size: 19px!important;
}
.tab-content > .active {
    display: block!important;
}

.type-detail .shp-tabs-wrapper h3:before {
    width: 80px;
    height: 2px;
    bottom: -2px;
    position: absolute;
    background: #e20814!important;
    left: 0;
    display: block;
    content: "";
    margin-top: 20px;
}
.pb-evaluation-two__logo {
    max-width: var(--pobo-evaluation-two-logo-max-width) !important;
}

.type-detail .basic-description h4,   
.type-detail .basic-description h3,   
.type-detail .basic-description h2,   
.type-detail .basic-description p,   
.type-detail .basic-description div {  
    max-width: 100% !important;  
}  

.type-detail .basic-description iframe,  
.type-detail .basic-description table {  
    max-width: 100% !important;  
}  

#header {
    box-shadow: none!important;
}
.basic-description li:before {

    content: "✦";
    font-family: "shoptet";
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #3c9c40;
    position: absolute;
    margin-left: -22px;
    margin-top: -5px;

}
.basic-description li {
  list-style-type: none;
}
li {
  list-style-type: none;
}

#carousel .carousel-slide-caption h2:before, .h4::after, .content h4::after, .category-title::after, .p-detail-inner h1::after, h1:after, article h1::after, h4.homepage-group-title::after, .h4.homepage-group-title::after, footer h4:before, .products-related-header:after, ol.cart-header li.active strong span::before, ol.cart-header li.completed a span::before, input[type="checkbox"]:checked + label::after, .latest-contribution-wrapper h2:before, .price-range > div {
    background: rgb(226 6 19)!important;}
.content-wrapper p a {    color: #cd0606!important;    font-weight: bold;    text-decoration: underline;}
.cart-row .col-md-8 {    padding-right: 20px !important;}
@media only screen and (min-width: 1200px){ .cart-table tr {    border-bottom: 1px solid #e0dcdc!important;}}
a:hover {   text-decoration: underline!important;}

@media (min-width: 768px) {.ordering-process #content .cart-row .col-md-8 {    background: none !important;}}
@media only screen and (max-width: 767px) {.cart-content .fvDoplnek {    padding: 0px;}}
.fvDoplnek .fvDoplnek-produkt .fvDoplnek-text .price {    display: none !important;}}
@media (min-width: 768px) {.fvDoplnek-produkt {    display: inline-block;    margin-right: 20px;}}
@media (min-width: 768px) {.fvDoplnek {    border-bottom: none !important;}}
#cart-wrapper .fv-doplnek-item td.cart-p-image img { margin-left: 0px!important; padding: 0px!important;width: 100%!important;}}
.cart-row .col-md-4 {    padding-top: 60px!important;}
.cart-content .extras-wrapper .extras-col form button, .cart-content .extras-wrapper .extras-col form .btn {    border-radius: 5px;}
@media (min-width: 768px) { .cart-content {    background: #f6f6f6;    padding: 20px;    border-radius: 10px;}}
@media only screen and (max-width: 767px){
.cart-table tr {
    border: 1px dashed #0000001f !important;
    border-radius: 15px!important;
}}
@media only screen and (max-width: 767px){ .cart-table tr .p-availability {
    position: absolute;
    bottom: 0px;
    margin-left: 100px;
}}
@media (min-width: 768px) { #header .search {    width: 500px;}}
#header.fixed-menu {    box-shadow: none !important;}
.sidebar-inner {
    padding-top: 3px!important;
}
#header .search fieldset input {
    background-color: #ededed6b !important;
    border-color: #d8d8d8 !important;
    box-shadow: inset 4px 3px 10px 0px #00000014 !important;
    border: 1px solid #d5d5d5 !important;
}

@media only screen and (max-width: 767px){
 #header #navigation  {background:white!important;border-radius: 0px;border-radius: 0px !important}}
@media (min-width: 768px) {.cart-content {    padding-left: 25px;}}
#header.fixed-menu #navigation {border-bottom-right-radius: 0px!important;box-shadow: 0px 4px 0px rgb(162 114 114 / 35%);}
.products-block.products .product:hover button:before, .products-block.products .product:hover .btn:before {
    background: #81b90e !important;
    opacity: 1;
}
body .product .quick-view-btn {
    top: 22% !important;
}
.sidebar .cart-sidebar-box:after {    opacity: 0.05!important;}
.mobile .top-navigation-bar .site-name img {    margin-top: -3px!important;}
@media only screen and (max-width: 767px){
#header {  background: linear-gradient(90deg, rgb(0 0 0) -10%, rgb(226 6 19) 50%, rgb(243 191 1) 95%););box-shadow: 0px 4px 0px rgb(162 114 114 / 16%);}}
@media (min-width: 801px){
#header:before {display: none;}
#header .menu-helper {right: 60px;}
#header #navigation ul.menu-level-1 > li:first-child a {padding-left: 30px;}
#header #navigation { background: linear-gradient(90deg, rgb(0 0 0) -10%, rgb(226 6 19) 50%, rgb(243 191 1) 95%););border-radius: 7px;box-shadow: 0px 4px 0px rgb(162 114 114 / 35%);
}

.products-block.products .product .p {
    padding: 10px !important;
	transition: all 0.5s ease;
    overflow:hidden;
}


.products-block.products .product {
    margin-bottom: 10px !important;
}
#carousel .banner-caption {
    background: rgb(0 0 0 / 50%);
}
@media (min-width: 768px) {#checkoutContent .cart-content {    background: #f6f6f6;    border-radius: 10px;}}

@media only screen and (max-width: 767px) {
  #navigation ul.menu-level-1 > li > a .submenu-arrow {
    font-size: 15px !important;
    right: 5px !important;
  }
}
@media only screen and (max-width: 767px) {
  .product-top .price-line .price-final {
    margin-top: 0px !important;
  }
}
.mobile .product-top .price-line > div {
  margin-top: 5px !important;
}
@media (min-width: 768px) {
  .navigation-in > ul > li.ext > ul > li {
    align-items: unset !important;
  }
}
.type-post main .article-image {
  display: none;
}
.latest-contribution-image img {
  border-radius: 0px !important;
}
.latest-contribution-info .stars {
  top: -5px;
  margin-bottom: 5px;
}
h4.homepage-group-title,
.h4.homepage-group-title {
  margin-top: 20px !important;
}
#header .top-navigation-contacts .contact-photo {
  left: 5px !important;
  width: 32px !important;
  height: auto !important;
  border-radius: 0px !important;
  top: 1px !important;
}
#checkoutContent .cart-header {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.cart-widget-product-name > span {
  font-weight: 500 !important;
}
.classic-advantage .horizontal-advantage .text-advantage {
  padding: 4rem 2rem 0 2rem !important;
}
.horizontal-advantage {
  width: 250px !important;
}
.classic-advantage {
  order: 50;
  margin: 3rem 0 0 0 !important;
}
.type-detail .products-related-header {
  margin-top: 0 !important;
}
.hodnoceni {
  display: flex;
  flex-direction: column;
  order: 30;
  margin: 0 !important;
}
#content .p-detail {
  display: flex;
  flex-direction: column;
}
#content .p-detail .products-related.products-additional {
  order: 21;
}
.popup-widget.cart-widget
  .cart-widget-products
  .cart-widget-product
  .cart-widget-product-name
  > span {
  min-width: 60px !important;
}
.sidebar
  .cart-widget
  .cart-widget-inner.full
  .cart-widget-products
  .cart-widget-product {
  margin-top: -10px !important;
}

  .cart-widget-product > div.cart-widget-product-name strong {
    font-weight: 500 !important;
  }
}
@media only screen and (max-width: 767px) {
  .products-block.products .product button,
  .products-block.products .product .btn {
    width: 110px !important;
  }
}
#checkoutContent .cart-content .box .form-group .btn,
.sidebar .box.client-center-box ul .logout a,
.stars a.star::before,
.stars span.star::before {
  color: #f5c000 !important;
}
.product-top .p-detail-info .stars-wrapper .stars .star:before {
  font-size: 12px !important;
}
.product-appendix {
  display: none !important;
}
.mobile main .product .quick-view-btn {
  display: none !important;
}
.quick-view-btn img {
  top: -2px !important;
  position: relative !important;
}
body .product .quick-view-btn {
  left: 50% !important;
  top: 20% !important;
}
.popup-widget.cart-widget .cart-widget-button .btn {
  background: #81b90e !important;
}
.top-navigation-bar {
  border-bottom: none !important;
}
.subcategories.with-image li.parametric {
  display: none !important;
}
.mobile .top-navigation-bar .site-name img {
  max-width: 100% !important;
}
.mobile .homepage-box.welcome-wrapper {
  display: none !important;
}
.homepage-box.welcome-wrapper h1 {
  max-width: 100% !important;
}
.col-sm-6 {
  top: 10px;
}
.mobile .col-sm-6 {
  top: 10px;
}
.cart-table .p-name a {
  margin-top: 5px !important;
}
.cart-table .p-name a {
  font-weight: 500 !important;
}
.cart-table tr {
  min-height: 100px !important;
}

.welcome li:before {

    content: "✦";
    font-family: "shoptet";
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #3c9c40;
    position: absolute;
    margin-left: -22px;
    margin-top: -5px;

}
.homepage-box.welcome-wrapper {
   line-height: 25px;
  background: #f6f6f6;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.responsive-nav {
  margin-top: 20px !important;
}
.product-top .social-buttons-wrapper {
  margin-top: 10px !important;
}
.mobile .product-top .social-buttons-wrapper {
  margin-top: -10px !important;
}
.type-detail .shp-tabs-wrapper {
  padding-top: 0px !important;
}
.product-top .price-line {
  margin-top: 10px !important;
}
.type-detail .tab-content .detail-parameters tr td {
  color: #505050 !important;
  font-weight: 400 !important;
}
#header #navigation ul.menu-level-1 > li > a {
  font-size: 14.5px !important;
}
#header #navigation ul.menu-level-1 > li > a b {
  font-weight: 400 !important;
}
.category-perex {
  margin-bottom: 0px !important;
}

@media (max-width: 767px) {
  .products-block.products .product .image img {
    margin: 0px 0px 0px 0px !important;

  }
}.mobile .products-block.products .product .p {
  padding: 0 1px !important;
}

@media only screen and (max-width: 480px) {
  .products-block.products .product {
    padding: 10px 0px !important;
  }
}
.products-block.products .product .p {
    margin-left: -1px !important;
    border: 1px dashed #e2dfdf !important;
    margin-bottom: -1px;
}
.mobile .products-block.products .product .p {
  border: 0 !important;
}
@media (min-width: 768px){
.ordering-process #checkoutContent .radio-wrapper label {
    background: rgb(255 255 255) !important;
    border: 1px solid #3b36361a !important;
}}
.mobile .cart-table .cart-p-image {
  width: 100px !important;
}
#checkoutContent .cart-content .co-box {
  margin-bottom: -10px !important;
}
.mobile .question-tooltip {
  display: none !important;
}
.mobile .payment-info {
  padding-right: 0px !important;
}
.mobile .ordering-process #checkoutContent .radio-wrapper label {
  padding: 15px 10px 15px 60px !important;
}
.mobile .content-wrapper.container .row.cart-row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.products-inline.products-top > div.button-wrapper {
  margin-bottom: -40px !important;
}
.products-block.products .product .p {
  padding: 0 10px !important;
}
.products-block.products .product button:before,
.products-block.products .product .btn:before {
  background: #81b90e !important;
  color: white !important;
}
.h4,
.content h4,
.category-title,
.p-detail-inner h1,
h1,
h4.homepage-group-title,
.h4.homepage-group-title,
.products-related-header,
.in-klient h1 {
  margin-bottom: 30px !important;
}
.products-block.products .product .p-in:before {
  display: none !important;
}
.products-block.products .product {
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 480px) {
  .top-navigation-bar .site-name img {
    max-width: 90%;
  }
}
products-block.products .product .p {
  padding: 0px !important;
}
#header.fixed-menu img {
    max-height: 90% !important;
    margin-top: 10px !important;
}

.products-block.products .product .p {
  padding: 0 2px !important;
}
@media only screen and (max-width: 767px) .ordering-process #content .cart-row .col-md-8 {
   {
    padding: 0px !important;
  }
}

#header .site-name a {
      margin-bottom: 20px;
}

#header .site-name img {
        max-width: 250px!important;
    }

/.custom-footer__onlinePayments::after {
    content: "";
    display: block;
    width: 100%;
    height: 150px;
    background-image: url(https://www.nemeckyeshop.cz/user/documents/upload/cena/cena_kvality.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left; /* výchozí – zarovnání doleva pro desktop */
    margin-top: 20px;
}/
@media (max-width: 768px) {
    .custom-footer__onlinePayments::after {
        background-position: center;
    }
}

/.popup-widget.cart-widget .cart-widget-button .btn, .product-top .add-to-cart button:hover, .add-to-cart-button.btn:hover, .cart-content .next-step .btn, .products-block.products .product button, .products-block.products .product .btn, .content form .btn, .content.narrow .btn {
    display: none !important ;}/
   
    
.flags .flag {    border-radius: 10px!important;}
    
.shext-product-warning-body .button-bar button {
    padding-top: 5px!important;
    padding-bottom: 5px!important;     }

.payment-logo img, .payment-shipping-price img {
    max-width: 120%!important;
 }
    
@media only screen and (max-width: 1200px){
.content form h4:first-child, .content.narrow h4:first-child {
    margin-bottom: 15px!important;
}}

@media only screen and (max-width: 1200px){
body.fvStudio-Classic .fvDoplnek {
    margin-bottom: 0px!important;
 
}}

@media only screen and (max-width: 1200px){
.next-to-carousel-banners .banner-wrapper {
    max-width: 100%!important; margin-bottom: 15px!important;
}}

.products-block.products .product .prices .price-final strong {
    font-size: 1.65em !important;
}
.soldprod img {    filter: grayscale() opacity(0.6);}
.products-block.products .product .prices .price-final strong sup {
 font-size: 14px; margin-left: 1px;
}
.product-top .price-line .price-final sup {
 font-size: 20px
}
@media only screen and (max-width: 767px){
.site-msg.information .close {
    right: -20px!important;
    top: 0%!important;
    margin-top: -10px!important;
   }}
.fvDoplnek-produkt img {border-radius:20px;}
.fvDoplnek-text .name {text-transform: none!important;}
.horizontal-advantage { border: 1px  solid #f3f3f3!important;    border-radius: 10px!important;}
.text-advantage h2 {    color: black!important;}
.classic-advantage .horizontal-advantage .text-advantage p strong {    color: #646464!important;}
.classic-advantage .horizontal-advantage .text-advantage p {    color: #646464 !important;}
@media only screen and (min-width: 767px){.ferrero {background: yellow;    line-height: 20px;    padding: 20px; border-radius: 20px;} } 
@media only screen and (min-width: 767px){ #header #navigation ul.menu-level-1 > li > a {
    padding: 0 25px!important;}  } 
    
    
.top-navigation-bar .container .container {
     padding: 0;
    position: relative;
    text-align: center;
    background: #197a05;
    color: white;
    border-radius: 10px;
    width: 150%;
}

.top-navigation-bar .msg-part .text {
    text-transform: none !important;
    font-size: 14px !important;
    line-height: 15px !important;
    padding: 5px!important;
}
    
    
@media only screen and (max-width: 767px){
.products-block.products .product .flags.flags-extra .flag > span.price-save {
    font-size: 13px;
    letter-spacing: -0.5px;
    font-weight: 500;
}}
@media only screen and (max-width: 767px){.products-block.products .product .flags.flags-extra .flag {    width: 40px;    height: 40px;}}
.text li {    list-style-type: disclosure-closed!important;}
.breadcrumbs-wrapper .breadcrumbs > span > a, .breadcrumbs-wrapper .breadcrumbs > span > span {       font-weight: 400!important;}
.hodnoceni:before {
    background: #f5f5f5!important;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
}
#checkoutContent .radio-wrapper input[type="radio"] + label.inactive {      display: none;!important}
}
body .product:hover .quick-view-btn {    opacity: 0.7!important;}
@media only screen and (max-width: 1200px){#carousel .item img {    min-height: auto!important;}}
.next-to-carousel-banners .normal-banners-line .banner-wrapper:hover > img,
.next-to-carousel-banners .normal-banners-line .banner-wrapper:hover > a > img {opacity:0.9 }
.homepage-box.welcome-wrapper {    margin-bottom: 20px;}
.next-to-carousel-banners .normal-banners-line .banner-wrapper img {    border-radius: 10px;}
.next-to-carousel-banners .normal-banners-line .banner-wrapper img:HOVER { transform:scale(1.0)!important ; border-radius: 10px!important;}
#carousel .item:hover > img,
#carousel .item:hover > a > img {  transform: none!important;opacity:0.7;border-radius:10px;}

#carousel .item img {    border-radius: 10px !important;}
@media only screen and (min-width: 768px){
#header #navigation ul.menu-level-1 > li.exp > ul {    border-bottom: 3px solid #0000002e;}
#header #navigation ul.menu-level-1 > li.menu-item-1193 a  { background: #a00000;padding-left: 15px !important;}
#header #navigation ul.menu-level-1 > li.menu-item-1193 a:HOVER  { background: #a00000; padding-left: 15px !important;}
#header #navigation ul.menu-level-1 > li.menu-item-1020 a{ background: black ;}}

.products-block.products .product .quantity button:before {background:transparent !important;}
.products-block.products .product .quantity button:after {background:none !important;}
.products-block.products .product .quantity button, .products-block.products .product .quantity button:before {color: black !important;}
.products-block.products .product button.add-to-cart-button, .products-block.products .product .btn {background:var(--color-secondary) !important;color:white !important;}
.products-block.products .product button.add-to-cart-button:before, .products-block.products .product .btn:before {background:var(--color-secondary) !important;}
.products-block.products .product button, .products-block.products .product .btn {width:20px !important;}
 @media (max-width: 640px){                                                                                                                                             
  .type-product .benefitBanner{                                                                                                                                          
    flex-direction: column;                                                                                                                                              
    margin-bottom: 0 !important;                                                                                                                                         
    padding-bottom: 0 !important;                                                                                                                                      
  }                                                                                                                                                                      
  .type-product .benefitBanner .benefitBanner__item {
    margin: 6px 0;                                                                                                                                                       
  }                                                            
  .type-product .benefitBanner .benefitBanner__item:last-child {                                                                                                       
    margin-bottom: 0;                                                                                                                                                    
  }
  .type-product .benefitBanner .benefitBanner__img {                                                                                                                     
    width: 30px;                                               
    height: auto;                                                                                                                                                        
  }
  .type-product .benefitBanner .benefitBanner__title {                                                                                                                   
    font-size: 13px;                                           
    line-height: 1.2;                                                                                                                                                  
  }
  .type-product .benefitBanner .benefitBanner__data {
    font-size: 11px;                                                                                                                                                     
    line-height: 1.2;
  }                                                                                                                                                                      
  }                               


/* ============================================================
   CWV / CLS FIX — pridal Claude 2026-05-29
   Ucel: rezervovat misto pro produktove carousely (slick),
   aby layout neposkakoval, nez dobehne slick JS (CLS).
   REVERZIBILNI: smaz cely blok mezi CWV-FIX START a CWV-FIX END.
   ============================================================ */
/* CWV-FIX START */
.products-block.carousel:not(.slick-initialized){
  max-height: 430px;
  overflow: hidden;
}
/* CWV-FIX END */

/* ===== 2. categories/shoptet-category6.css ===== */
:is(.category-perex,.manufacturerDetail){
  font-family:var(--template-font,"Ubuntu",sans-serif) !important;
  max-width:none !important; width:100% !important;
  font-size:.93rem !important;
  line-height:1.48 !important;
  color:#26351f !important;
  margin:0 0 1rem !important;
}

/* ---- Nadpisy sekci: tmavy text + cervene podtrzeni (jako H1) ---- */
:is(.category-perex,.manufacturerDetail) h2{
  font-size:1.02rem !important;
  font-weight:700 !important;
  color:#1f2d18 !important;
  line-height:1.25 !important;
  margin:0 0 .45rem !important;
  padding:0 0 .3rem !important;
  border-bottom:2px solid #6b6663 !important;
  display:inline-block !important;
}
:is(.category-perex,.manufacturerDetail) p{ margin:0 0 .45rem !important; }
:is(.category-perex,.manufacturerDetail) p:last-child{ margin-bottom:0 !important; }

/* ---- Odkazy v textu ---- */
:is(.category-perex,.manufacturerDetail) a{ color:#1f2d18 !important; font-weight:600 !important; text-decoration:underline !important; text-decoration-color:#9fc783 !important; text-underline-offset:2px !important; }
:is(.category-perex,.manufacturerDetail) a:hover{ color:#000 !important; text-decoration-color:#3D7E00 !important; }

/* ---- Seznamy s vlastnimi odrazkami (sablona nativni disc nekde potlacuje) ---- */
:is(.category-perex,.manufacturerDetail) ul{ list-style:none !important; margin:0 0 .45rem !important; padding:0 !important; }
:is(.category-perex,.manufacturerDetail) li{ position:relative !important; padding-left:1.1rem !important; margin:0 0 .35rem !important; line-height:1.45 !important; }
:is(.category-perex,.manufacturerDetail) li:last-child{ margin-bottom:0 !important; }
:is(.category-perex,.manufacturerDetail) li::before{
  content:"" !important; position:absolute !important; left:.15rem !important; top:.62em !important;
  width:.4rem !important; height:.4rem !important; border-radius:50% !important; background:#3D7E00 !important;
}

/* ---- Lead / uvod (vzdy viditelny, kompaktni) ---- */
:is(.category-perex,.manufacturerDetail) .ne-lead{
  background:#81b90e1a !important;
  border:1px solid #81b90e45 !important;
  border-left:4px solid #81b90e !important;
  border-radius:9px !important;
  padding:.85rem 1.15rem !important;
  margin:0 0 .8rem !important;
}
:is(.category-perex,.manufacturerDetail) .ne-lead h2{ margin-bottom:.35rem !important; }
:is(.category-perex,.manufacturerDetail) .ne-lead p{ font-size:.97rem !important; color:#26351f !important;}

/* ---- Grid info karet ---- */
:is(.category-perex,.manufacturerDetail) .ne-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr)) !important;
  gap:.8rem !important;
  margin:0 0 .8rem !important;
  align-items:start !important;
}
:is(.category-perex,.manufacturerDetail) .ne-card{
  background:#fff !important;
  border:1px solid #e7e7e7 !important;
  border-radius:9px !important;
  padding:.9rem 1.05rem !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
}

/* ---- Souvisejici kategorie -> cipy ---- */
:is(.category-perex,.manufacturerDetail) .ne-related{ margin:0 0 .8rem !important; }
:is(.category-perex,.manufacturerDetail) .ne-related h2{ margin-bottom:.5rem !important; }
:is(.category-perex,.manufacturerDetail) .ne-chips{ display:flex !important; flex-wrap:wrap !important; gap:.45rem !important; }
:is(.category-perex,.manufacturerDetail) .ne-chips a{
  display:inline-block !important; background:#f3f6ee !important; border:1px solid #d3e3bf !important;
  border-radius:999px !important; padding:.3rem .8rem !important; font-size:.85rem !important;
  font-weight:600 !important; color:#356e00 !important; text-decoration:none !important; line-height:1.25 !important;
  transition:background .15s,color .15s,border-color .15s !important;
}
:is(.category-perex,.manufacturerDetail) .ne-chips a:hover{ background:#3D7E00 !important; border-color:#3D7E00 !important; color:#fff !important; text-decoration:none !important; }

/* ---- FAQ accordion ---- */
:is(.category-perex,.manufacturerDetail) .ne-faqwrap{ margin:0 !important; }
:is(.category-perex,.manufacturerDetail) h2.ne-faq-title{ margin-bottom:.5rem !important; }
:is(.category-perex,.manufacturerDetail) .ne-faq{
  background:#fff !important; border:1px solid #e7e7e7 !important; border-radius:9px !important;
  padding:0 1.05rem !important; box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
}
:is(.category-perex,.manufacturerDetail) .ne-faq-item{ border-bottom:1px solid #eee !important; }
:is(.category-perex,.manufacturerDetail) .ne-faq-item:last-child{ border-bottom:0 !important; }
:is(.category-perex,.manufacturerDetail) .ne-faq-q{
  display:block !important; width:100% !important; box-sizing:border-box !important; text-align:left !important;
  background:none !important; border:0 !important; cursor:pointer !important; font-family:inherit !important;
  font-size:.95rem !important; font-weight:600 !important; line-height:1.35 !important; color:#1f2d18 !important;
  padding:.7rem 2rem .7rem 0 !important; position:relative !important; margin:0 !important;
}
:is(.category-perex,.manufacturerDetail) .ne-faq-q:hover{ color:#1f2d18 !important; }
:is(.category-perex,.manufacturerDetail) .ne-faq-q::after{
  content:"" !important; position:absolute !important; right:.3rem !important; top:50% !important;
  width:.55rem !important; height:.55rem !important; margin-top:-.4rem !important;
  border-right:2.2px solid #77736f !important; border-bottom:2.2px solid #77736f !important;
  transform:rotate(45deg) !important; transition:transform .22s ease !important;
}
:is(.category-perex,.manufacturerDetail) .ne-faq-q[aria-expanded="true"]::after{ transform:rotate(-135deg) !important; margin-top:-.14rem !important; }
:is(.category-perex,.manufacturerDetail) .ne-faq-a{ display:grid !important; grid-template-rows:0fr !important; transition:grid-template-rows .24s ease !important; }
:is(.category-perex,.manufacturerDetail) .ne-faq-item.is-open .ne-faq-a{ grid-template-rows:1fr !important; }
:is(.category-perex,.manufacturerDetail) .ne-faq-a > div{ overflow:hidden !important; }
:is(.category-perex,.manufacturerDetail) .ne-faq-a p{ margin:0 0 .7rem !important; color:#405237 !important; font-size:.9rem !important; line-height:1.5 !important; }

/* ---- Tlacitko "Zobrazit vice" pod leadem ---- */
:is(.category-perex,.manufacturerDetail) .ne-toggle{ display:none !important; }
:is(.category-perex,.manufacturerDetail) .ne-faq-toggle{ display:none !important; }
:is(.category-perex,.manufacturerDetail) .ne-more[hidden]{ display:none !important; }
:is(.category-perex,.manufacturerDetail) .ne-more-toggle{
  display:inline-flex !important; align-items:center !important; gap:.4rem !important;
  margin:0 0 .85rem !important;
  background:#f7f7f5 !important; color:#1f2d18 !important;
  border:1px solid #d8d8d2 !important; border-radius:999px !important;
  padding:.55rem 1.2rem !important; font-family:inherit !important; font-size:.92rem !important; font-weight:700 !important;
  cursor:pointer !important; transition:background .15s,border-color .15s !important;
}
:is(.category-perex,.manufacturerDetail) .ne-more-toggle:hover{ background:#efefec !important; border-color:#cfcfca !important; }
:is(.category-perex,.manufacturerDetail) .ne-more-toggle::after{
  content:"" !important; width:.5rem !important; height:.5rem !important; margin-top:-.18rem !important;
  border-right:2px solid #77736f !important; border-bottom:2px solid #77736f !important;
  transform:rotate(45deg) !important; transition:transform .22s ease !important;
}
:is(.category-perex,.manufacturerDetail) .ne-more-toggle[aria-expanded="true"]::after{ transform:rotate(-135deg) !important; margin-top:.12rem !important; }

/* ============================================================
   DESKTOP (>768px): puvodni format karet a FAQ, pouze cela cast
   je schovana pod tlacitkem "Zobrazit vice".
   ============================================================ */
@media (min-width:769px){
  :is(.category-perex,.manufacturerDetail) .ne-more{ display:block !important; }
}

/* ============================================================
   MOBIL (<=768px): jen uvod, zbytek za "Zobrazit vice"
   ============================================================ */
@media (max-width:768px){
  :is(.category-perex,.manufacturerDetail){ font-size:.92rem !important; line-height:1.45 !important; margin-bottom:.7rem !important; }
  :is(.category-perex,.manufacturerDetail) h2{ font-size:.98rem !important; }

  :is(.category-perex,.manufacturerDetail) .ne-lead{ padding:.75rem 1rem !important; margin-bottom:.6rem !important; }
  :is(.category-perex,.manufacturerDetail) .ne-lead p{ font-size:.93rem !important; }

  :is(.category-perex,.manufacturerDetail) .ne-grid{ grid-template-columns:1fr !important; gap:.6rem !important; margin-bottom:.6rem !important; }
  :is(.category-perex,.manufacturerDetail) .ne-card{ padding:.8rem .95rem !important; }
  :is(.category-perex,.manufacturerDetail) .ne-related{ margin-bottom:.6rem !important; }

  /* zbytek schovany, dokud zakaznik neklikne -> produkty hned videt */
  :is(.category-perex,.manufacturerDetail) .ne-more{ display:none !important; }
  :is(.category-perex,.manufacturerDetail) .ne-more.is-open{ display:block !important; }

  :is(.category-perex,.manufacturerDetail) .ne-toggle{
    display:inline-flex !important; align-items:center !important; gap:.35rem !important;
    margin-top:.55rem !important;
    background:#f7fcf2 !important; color:#1f2d18 !important;
    border:1px solid #c8e1b5 !important; border-radius:999px !important;
    padding:.5rem 1.1rem !important; font-family:inherit !important; font-size:.9rem !important; font-weight:700 !important;
    cursor:pointer !important; -webkit-tap-highlight-color:transparent !important;
  }
  :is(.category-perex,.manufacturerDetail) .ne-toggle::after{
    content:"" !important; width:.5rem !important; height:.5rem !important; margin-top:-.18rem !important;
    border-right:2px solid #3D7E00 !important; border-bottom:2px solid #3D7E00 !important;
    transform:rotate(45deg) !important;
  }
  :is(.category-perex,.manufacturerDetail) .ne-toggle[aria-expanded="true"]::after{ transform:rotate(-135deg) !important; margin-top:.12rem !important; }
}
/* ===== 3. categories/parameters-table.css ===== */
/* =====================================================================
 * NemeckyEshop.cz – 2sloupcový design tabulky parametrů (Shoptet)
 * ---------------------------------------------------------------------
 * Cíl: zmenšit výšku rozsáhlé tabulky "Doplňkové parametry" (20-30 řádků)
 *      a rozdělit ji na dva sloupce vedle sebe.
 *
 * Co dělá:
 *  - Desktop: celý seznam parametrů se rozdělí do DVOU vyvážených sloupců.
 *    Každý řádek = tučný popisek vlevo + hodnota vpravo. Dlouhé texty
 *    (Složení, Výživové údaje…) se zalomí v rámci svého sloupce.
 *  - Tablet: jeden sloupec (popisek vedle hodnoty).
 *  - Mobil: jeden sloupec, popisek nad hodnotou.
 *
 * DŮLEŽITÉ – proč tolik !important a dlouhé selektory:
 *  Šablona "yanabel" dává tabulce tmavé pozadí a buňkám velký padding
 *  pravidlem se 3 třídami (.type-detail .tab-content .detail-parameters).
 *  Aby naše úprava vyhrála, musí mít VYŠŠÍ specificitu – proto je každý
 *  selektor prefixovaný `.type-detail .tab-content .extended-description
 *  .detail-parameters` (4 třídy) a používá !important.
 *
 * Cílí POUZE na tabulku v záložce popisu, ne na malou info-tabulku u koše.
 *
 * Použití: Shoptet -> Vzhled a obsah -> Editor vlastního vzhledu
 *          -> Uživatelské CSS.
 * ===================================================================== */

/* ---- karta (přebíjí tmavé pozadí šablony) -------------------------- */
.type-detail .tab-content .extended-description .detail-parameters {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  background: #f6f4f4 !important;
  background-image: none !important;
  padding: 18px 30px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

/* ---- tělo = dva vyvážené sloupce ----------------------------------- */
.type-detail .tab-content .extended-description .detail-parameters tbody {
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  -webkit-column-count: 2 !important;
  -moz-column-count: 2 !important;
  column-count: 2 !important;
  -webkit-column-gap: 56px !important;
  -moz-column-gap: 56px !important;
  column-gap: 56px !important;
  column-fill: balance !important;
}

/* ---- jeden parametr = řádek (popisek | hodnota) -------------------- */
.type-detail .tab-content .extended-description .detail-parameters tr {
  display: flex !important;
  align-items: baseline !important;
  gap: 18px !important;
  padding: 11px 0 !important;
  margin: 0 !important;
  border: 0 0 1px !important;
  border-bottom: 1px dashed #ddd7d7 !important;
  background: transparent !important;
  min-height: 0 !important;
  break-inside: avoid !important;
  -webkit-column-break-inside: avoid !important;
  page-break-inside: avoid !important;
}

.type-detail .tab-content .extended-description .detail-parameters tr:hover {
  background: #efebeb !important;
}

/* první/poslední řádek: zruš velký padding z šablony (tr:first/last-child) */
.type-detail .tab-content .extended-description .detail-parameters tr:first-child td,
.type-detail .tab-content .extended-description .detail-parameters tr:first-child th {
  padding-top: 2px !important;
}
.type-detail .tab-content .extended-description .detail-parameters tr:last-child td,
.type-detail .tab-content .extended-description .detail-parameters tr:last-child th {
  padding-bottom: 2px !important;
}

/* ---- popisek (tučný, vlevo) ---------------------------------------- */
.type-detail .tab-content .extended-description .detail-parameters th {
  display: block !important;
  flex: 0 0 205px !important;
  width: 205px !important;
  max-width: 205px !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  vertical-align: top !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #2b2727 !important;
  text-transform: none !important;
}

.type-detail .tab-content .extended-description .detail-parameters th .row-header-label {
  display: inline !important;
  padding: 0 !important;
  font: inherit !important;
  color: inherit !important;
  background: transparent !important;
}

/* dvojtečka za popiskem se v tomto layoutu nehodí */
.type-detail .tab-content .extended-description .detail-parameters .row-header-label-colon {
  display: none !important;
}

/* ---- hodnota (vpravo) ---------------------------------------------- */
.type-detail .tab-content .extended-description .detail-parameters td {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  vertical-align: top !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #4a4646 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.type-detail .tab-content .extended-description .detail-parameters td a {
  color: #3b3636 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
.type-detail .tab-content .extended-description .detail-parameters td a:hover {
  text-decoration: none !important;
}

/* ===================================================================
 * TABLET (do 880 px) – jeden sloupec, popisek stále vedle hodnoty
 * =================================================================== */
@media (max-width: 880px) {
  .type-detail .tab-content .extended-description .detail-parameters tbody {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
  }
}

/* ===================================================================
 * MOBIL (do 560 px) – jeden sloupec, popisek VEDLE hodnoty (kompaktní).
 * Krátké hodnoty se vejdou na jeden řádek -> výška ~poloviční oproti
 * variantě s popiskem nad hodnotou.
 * =================================================================== */
@media (max-width: 560px) {
  .type-detail .tab-content .extended-description .detail-parameters {
    padding: 10px 14px !important;
  }
  .type-detail .tab-content .extended-description .detail-parameters tr {
    gap: 10px !important;
    padding: 6px 0 !important;
  }
  .type-detail .tab-content .extended-description .detail-parameters th {
    flex: 0 0 38% !important;
    width: 38% !important;
    max-width: 38% !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }
  .type-detail .tab-content .extended-description .detail-parameters td {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    color: #4a4646 !important;
  }
}

/* Velmi úzké displeje (do 360 px) – ještě menší popisek */
@media (max-width: 360px) {
  .type-detail .tab-content .extended-description .detail-parameters th {
    flex-basis: 42% !important;
    width: 42% !important;
    max-width: 42% !important;
    font-size: 12px !important;
  }
  .type-detail .tab-content .extended-description .detail-parameters td {
    font-size: 12px !important;
  }
}

/* ===================================================================
 * "ZOBRAZIT VÍCE" – sbalitelná tabulka (vyžaduje skript
 *  parameters-table-mobile-toggle.js)
 *  - Desktop/tablet: ve sbaleném stavu se zobrazí prvních 14 řádků
 *    (~polovina), zbytek se odkryje po kliknutí.
 *  - Mobil (≤560 px): zobrazí se jen prvních 6 řádků.
 *  - Po rozbalení (.pt-expanded) jsou vidět všechny řádky.
 *  Pozn.: tlačítko se zobrazí jen pokud skript přidá třídu .pt-collapsible
 *  (tj. když je řádků víc než limit).
 * =================================================================== */

/* --- sbalený stav: DESKTOP/TABLET – ukaž prvních 14 řádků ---------- */
.type-detail .tab-content .extended-description .detail-parameters.pt-collapsible:not(.pt-expanded) tbody tr:nth-child(n+15) {
  display: none !important;
}

/* obal tlačítka pro vycentrování pod tabulkou */
.type-detail .tab-content .extended-description .pt-toggle-wrap {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
  margin-top: 18px !important;
}

/* --- tlačítko "Zobrazit více parametrů / Skrýt parametry" ---------- */
.type-detail .tab-content .extended-description .pt-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  padding: 11px 30px !important;
  background: #ffffff !important;
  border: 1.5px solid #cfc8c8 !important;
  border-radius: 999px !important;
  font: 600 13px/1 'Ubuntu', Arial, sans-serif !important;
  letter-spacing: .01em !important;
  color: #3b3636 !important;
  text-align: center !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
  transition: background .18s ease, color .18s ease,
              border-color .18s ease, box-shadow .18s ease,
              transform .18s ease !important;
}

.type-detail .tab-content .extended-description .pt-toggle:hover,
.type-detail .tab-content .extended-description .pt-toggle:focus-visible {
  background: #3b3636 !important;
  color: #ffffff !important;
  border-color: #3b3636 !important;
  box-shadow: 0 4px 14px rgba(59,54,54,.20) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

/* šipka kreslená přes CSS – plynule se otáčí podle stavu */
.type-detail .tab-content .extended-description .pt-toggle::after {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  margin-left: 10px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: translateY(-2px) rotate(45deg) !important;
  transition: transform .2s ease !important;
}
.type-detail .tab-content .extended-description .pt-toggle[aria-expanded="true"]::after {
  transform: translateY(1px) rotate(-135deg) !important;
}

@media (max-width: 560px) {
  /* sbalený stav: na mobilu ukaž jen prvních 6 řádků */
  .type-detail .tab-content .extended-description .detail-parameters.pt-collapsible:not(.pt-expanded) tbody tr:nth-child(n+7) {
    display: none !important;
  }
  /* tlačítko přes celou šířku */
  .type-detail .tab-content .extended-description .pt-toggle-wrap {
    margin-top: 12px !important;
  }
  .type-detail .tab-content .extended-description .pt-toggle {
    display: flex !important;
    width: 100% !important;
    padding: 13px 16px !important;
  }
}

/* Product detail performance: reserve image/banner space before JS and images load. */
#description img.desc-img-left,
#description img.desc-img-right {
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}

#description img.desc-mobile-vertical {
  aspect-ratio: 9 / 16 !important;
  object-fit: cover !important;
}

@media (max-width: 768px) {
  .type-product .p-image #wrap,
  .type-detail .p-image #wrap,
  .type-product .p-image .p-main-image,
  .type-detail .p-image .p-main-image {
    display: block !important;
    aspect-ratio: 4 / 3 !important;
  }
  .type-product .p-image .p-main-image img,
  .type-detail .p-image .p-main-image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: contain !important;
  }
  .type-product .benefitBanner.position--benefitProduct,
  .type-detail .benefitBanner.position--benefitProduct {
    min-height: 126px !important;
  }
  .type-product .benefitBanner.position--benefitProduct .benefitBanner__item,
  .type-detail .benefitBanner.position--benefitProduct .benefitBanner__item {
    min-height: 42px !important;
    align-items: center !important;
  }
  .type-product .benefitBanner.position--benefitProduct .benefitBanner__picture,
  .type-detail .benefitBanner.position--benefitProduct .benefitBanner__picture {
    display: none !important;
  }
}

/* ===== 4. yanabel/styles.css ===== */
.content.narrow .btn,
.content form .btn {
  color: white !important;
}
.sidebar .box.client-center-box ul .logout a {
  background: black !important;
}
.in-klient-doklady #content table,
.in-klient-slevy #content table {
  max-width: 80% !important;
  line-height: 2;
}
.up-product-details .up-price .up-price-common {
  display: none;
}
@media (max-width: 768px) {
  .cart-content .cart-summary {
    padding-top: 0px !important;
  }
}
.custom-rating-button-wrapper {
  width: 100 !important;
  text-align: right !important;
  padding: 10px 20px 0 20px !important;
  box-sizing: border-box !important;
}

.custom-rating-button-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 10px;
  min-height: 160px;
  width: 100%;
}
.add-comment.rate-form-trigger {
  display: flex;
  justify-content: flex-end;
}
.vote-wrap:hover {
  background: #81b90e1a;
}
@media only screen and (max-width: 768px) {
  .vote-wrap {
    width: 100% !important;
    margin-bottom: 0px !important;
    padding: 10px !important;
  }
}
.discussion .vote-wrap {
  border: none !important;
  border-radius: 10px !important;
  padding: 15px 15px 15px 20px !important;
}
.votes-wrap {
  margin-top: 35px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.vote-wrap {
  width: calc(50% - 10px);
  background: white;
  padding: 15px 15px 15px 20px !important;
  border-radius: 10px;
  border-top: none !important;
}
.rate-bar {
  background-color: #f0b820 !important;
}
.categories ul li.active > a {
  color: #000 !important;
  font-weight: bold !important;
}
.products-block.products .slick-track .product .p {
  border: none !important;
}
@media only screen and (max-width: 768px) {
  .type-detail .tab-content .detail-parameters {
    font-size: 14px !important;
  }
}
.type-detail .tab-content .detail-parameters tr:last-child td,
.type-detail .tab-content .detail-parameters tr:last-child th {
  border-bottom: none !important;
  padding-bottom: 20px !important;
}
.type-detail .tab-content .detail-parameters tr:first-child td,
.type-detail .tab-content .detail-parameters tr:first-child th {
  padding-top: 20px !important;
}
.type-detail .tab-content .detail-parameters th,
.type-detail .tab-content .detail-parameters tr td {
  border-bottom: 1px dashed #e0dcdc;
  text-align: left;
}
.rate-wrapper .add-comment.rate-form-trigger,
.link-like.comment-icon {
  background: #81b90e !important;
  border-radius: 10px !important;
  color: white !important;
  font-weight: 500 !important;
}
#productDiscussion h3 {
  margin-top: 0px;
}
#productDiscussion {
  background: #f1f0f0;
  padding: 20px;
  border-radius: 10px;
  margin-top: 30px;
}
#ratingTab h3 {
  margin-top: 0px;
}
#ratingTab {
  background: #f1f0f0;
  padding: 20px;
  border-radius: 10px;
}
.up-price-value {
  font-size: 16px;
}
@media (max-width: 767px) {
  .up-products-header.products-related-header {
    margin-top: 0px !important;
  }
}
@media (min-width: 768px) {
  .up-product-wrapper {
    margin-bottom: -30px;
  }
}
.up-products {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-left: -10px !important;
}
.up-container {
  max-width: 300px;
  float: right;
  background: white;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 5px;
}
@media (max-width: 767px) {
  .up-product-wrapper {
    margin-bottom: 20px !important;
  }
}

#lb-recommend-element-basket {
  display: none !important;
}
.cart-wrapper .products-block.products .product .prices {
  margin-bottom: -5px !important;
}
#cart-slider {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#cart-slider .h4 {
  margin-top: 5px !important;
  margin-bottom: 10px !important;
}
#cart-slider {
  margin-bottom: -40px !important;
}
.cart-table .related > td:before {
  display: none;
}
@media (min-width: 992px) {
  .cart-table .related .cart-related-product {
    margin-top: 15px !important;
  }
}
@media (min-width: 992px) {
  .cart-content .fvDoplnek {
    padding-left: 0px !important;
  }
}
@media (max-width: 600px) {
  .fvsctp-discount {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #fvStudio-component-topproduct
    .fvsctp-default
    .fvsctp-right
    .fvsctp-content
    h2 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #fvStudio-component-topproduct
    .fvsctp-default
    .fvsctp-right
    .fvsctp-img
    a
    img {
    max-width: 250px !important;
  }
}
@media (max-width: 767px) {
  #fvStudio-component-topproduct
    .fvsctp-default
    .fvsctp-left
    .fvsctp-countdown-wrapper
    h4 {
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  body.fvStudio-Classic .fvDoplnek-produkt {
    display: inline-block;
    min-width: 170px;
  }
}
.cart-table .cart-p-image a img {
  margin-left: 2px;
}
@media only screen and (max-width: 767px) {
  .cart-content .fvDoplnek {
    padding: 0px !important;
  }
}
@media (max-width: 992px) {
  .cart-table tr td.cart-p-image {
    background: none !important;
  }
}
@media (max-width: 992px) {
  .cart-table tr {
    background: #f7f7f7;
  }
}
@media (min-width: 992px) {
  body.fvStudio-Classic .fvDoplnek {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 992px) {
  .cart-content .cart-summary {
    padding-top: 0px !important;
  }
}
.cart-content .delivery-time {
  display: none !important;
}
.fvDoplnek .fvDoplnek-produkt .fvDoplnek-text .price {
  display: none !important;
}
@media (min-width: 992px) {
  body.fvStudio-Classic #fvStudio-component-topproduct,
  body.fvStudio-Disco #fvStudio-component-topproduct,
  body.fvStudio-Samba #fvStudio-component-topproduct {
    margin-bottom: 0px !important;
    padding-left: 25px;
    padding-right: 25px;
  }
}
#fvStudio-component-topproduct .fvsctp-default .fvsctp-left h3 {
  font-size: 25px !important;
}
#fvStudio-component-topproduct
  .fvsctp-default
  .fvsctp-right
  .fvsctp-content
  .fvsctp-body
  .fvsctp-table-wrapper
  .fvsctp-btn-cta
  .fvsctp-table-td
  .fvsctp-btn {
  border-radius: 5px;
}
@media (max-width: 992px) {
  #fvStudio-component-topproduct
    .fvsctp-default
    .fvsctp-right
    .fvsctp-content
    .fvsctp-body
    .fvsctp-table-wrapper
    .fvsctp-btn-cta.fvsctp-table-colspan
    .fvsctp-table-td {
    margin-top: -10px;
  }
}
#fvStudio-component-topproduct .fvsctp-default > div {
  padding: 20px 30px !important;
}
@media (max-width: 992px) {
  #fvStudio-component-topproduct .fvsctp-default .fvsctp-right {
    border-radius: 20px;
    margin-top: -20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  #fvStudio-component-topproduct .fvsctp-default .fvsctp-left {
    border-radius: 20px;
  }
}
@media (min-width: 992px) {
  #fvStudio-component-topproduct
    .fvsctp-default.fvsctp-border-solid
    .fvsctp-left {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
}
@media (min-width: 992px) {
  #fvStudio-component-topproduct .fvsctp-default .fvsctp-right {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
#fvStudio-component-topproduct .fvsctp-default.fvsctp-border-solid {
  border-radius: 20px;
}

/* ===== 5. yanabel/main-banners.css ===== */
.small-banner {
  border-radius: 20px;
}
.next-to-carousel-banners {
  display: none;
}
#carousel,
#carousel div {
  overflow: visible !important;
}
.homepage-box.before-carousel .col-sm-8,
#carousel {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.main-banners {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.main-banners__top {
  display: flex;
  gap: 20px;
}

.main-banners__left,
.main-banners__right {
  /* background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}
.main-banners__left:hover,
.main-banners__right:hover {
  transform: scale(1.01);
}

.main-banners__left a,
.main-banners__right a {
  display: block;
  width: 100%;
  height: 100%;
}
.main-banners__left img,
.main-banners__right img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.main-banners__left {
  width: calc(((100% - 20px) / 3) * 2);
  aspect-ratio: 1 / 0.264;
  /* background-image: url("/user/documents/upload/main-banners/1.png"); */
}
.main-banners__right {
  width: calc((100% - 20px) / 3);
  aspect-ratio: 1 / 0.538;
  /* background-image: url("/user/documents/upload/main-banners/velikonoce.jpg"); */
}

.main-banners__bottom {
  display: flex;
  gap: 10px;
}

.main-banners__item {
  width: calc((100% - 50px) / 6);
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}
.main-banners__item:hover {
  transform: scale(1.02);
}

.main-banners__item .main-banners__img {
  width: 100%;
  margin-bottom: 15px;
  aspect-ratio: 1 / 0.489;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 15px;
}

.main-banners__item a {
  text-decoration: none;
}

.main-banners__item a:hover {
  text-decoration: none;
}

.main-banners__item p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  color: rgb(68, 68, 68);
  transition: all 0.3s ease-in-out;
}
.main-banners__item:hover p {
  color: #d41e1e;
  text-decoration: none;
}
.main-banners__item a:hover p {
  text-decoration: none;
}
.main-banners__item1 .main-banners__img {
  background-image: url("/user/documents/upload/main-banners/3.png");
}
.main-banners__item2 .main-banners__img {
  background-image: url("/user/documents/upload/main-banners/4.png");
}
.main-banners__item3 .main-banners__img {
  background-image: url("https://www.nemeckyeshop.cz/user/documents/upload/main-banners/italske-zbozi.jpg");
}
.main-banners__item4 .main-banners__img {
  background-image: url("/user/documents/upload/main-banners/6.png");
}
.main-banners__item5 .main-banners__img {
  background-image: url("/user/documents/upload/main-banners/7.png");
}
.main-banners__item6 .main-banners__img {
  background-image: url("/user/documents/upload/main-banners/2.png");
}

@media (max-width: 992px) {
  .main-banners__top {
    display: flex;
    flex-direction: column;
  }
  .main-banners__left,
  .main-banners__right {
    width: 100%;
  }

  .main-banners__left {
    aspect-ratio: 1 / 0.538;
    /* background-image: url("/user/documents/upload/main-banners/1-1.png"); */
  }

  .main-banners__bottom {
    flex-wrap: wrap;
  }
  .main-banners__item {
    width: calc((100% - 20px) / 3);
  }
}
@media (max-width: 500px) {
  .small-banner {
    border-radius: 10px;
  }
  .main-banners {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .main-banners__top {
    display: flex;
    gap: 10px;
  }
  .main-banners__item {
    width: calc((100% - 10px) / 2);
    flex-shrink: 0;
  }
  .main-banners__item p {
    font-size: 12px;
  }
}

/* ===== 6. yanabel/categories.css ===== */
.in-index .body-banners > div {
  max-width: 100%;
  flex: 0 0 100%;
}
.in-index .hp-categories {
  display: none;
}
.categories__wrapper {
  position: relative;
  width: 100%;
  padding: 0 30px;
}

.categories__slick {
  overflow: hidden;
}

.categories__container {
  display: flex;
  transition: transform 0.5s ease;
}

.categories__item {
  aspect-ratio: 1/0.834;
  flex: 0 0 auto;
  text-align: center;
  font-size: 2rem;
  padding: 0 5px;
  color: #fff;
}
.categories__link {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 15px;
}
.categories__item1 .categories__link {
  background-image: url("https://www.nemeckyeshop.cz/user/documents/upload/categories/1.png");
}
.categories__item2 .categories__link {
  background-image: url("https://www.nemeckyeshop.cz/user/documents/upload/categories/2.png");
}
.categories__item3 .categories__link {
  background-image: url("https://www.nemeckyeshop.cz/user/documents/upload/categories/3.png");
}
.categories__item4 .categories__link {
  background-image: url("https://www.nemeckyeshop.cz/user/documents/upload/categories/4.png");
}
.categories__item5 .categories__link {
  background-image: url("https://www.nemeckyeshop.cz/user/documents/upload/categories/5.png");
}
.categories__item6 .categories__link {
  background-image: url("https://www.nemeckyeshop.cz/user/documents/upload/categories/6.png");
}
.categories__item7 .categories__link {
  background-image: url("https://www.nemeckyeshop.cz/user/documents/upload/categories/7.png");
}

.carousel__button {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 65%;
  transform: translateY(-50%);
  color: #fff;
  cursor: pointer;
  z-index: 10;
  font-size: 0;
  border: 1px solid #e8e8e8 !important;
  border-radius: 100% !important;
  background-color: #fff !important;
}
.carousel__button.left {
  left: 0px;
}
.carousel__button.right {
  right: 0px;
}
.carousel__button.right::before,
.carousel__button.left::before {
  speak: none;
  display: inline-block;
  font-family: "shoptet";
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  font-size: 16px;
  color: #3b3636;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel__button.right::before {
  content: "\e910";
}
.carousel__button.left::before {
  content: "\e90f";
}

@media (max-width: 600px) {
  .carousel__button {
    width: 40px;
    height: 40px;
    top: 70%;
  }
  .carousel__button.right::before,
  .carousel__button.left::before {
    font-size: 14px;
  }
  .categories__wrapper {
    position: relative;
    width: 100%;
    padding: 0 20px;
  }
}

/* ===== 7. inline <style> z HTML editoru ===== */

.category-header {
    margin-top: -20px !important;
    margin-bottom: 20px !important;
}
.rate-wrapper .add-comment.rate-form-trigger { background: none !important; }
@media (max-width: 768px) {    .type-detail .basic-description {        font-size: 15px!important;    }
}
form .js-validator-msg     {display: none;}
.type-detail .shp-tabs-wrapper h3 {
    font-size: 1.6em !important;
    line-height: 27px !important;
}
body .flags.flags-extra {
  right: 10px;
  bottom: 10px;
  transition: all 0.3s ease-in-out;
}

.flags-extra .flag.flag.flag-discount, .p-image-wrapper .flags-extra .flag.flag.flag-discount {
 background-color: #fcf3f4 !important;
}
body .flag.flag-discount,
.p-image-wrapper .flags-extra .flag {
  display: flex !important;
  padding: 5px 10px !important;
  border-radius: 5px !important;
  height: auto;
  min-height: auto;
  min-width: auto;
  width: auto;
}
body .flags-extra .price-save {
  font-weight: 400;
  color: #b63942;
}
body span.flag.flag-discount .price-standard {
  display: none;
}
@media (max-width: 767px) {
 .products-block > div .flags-extra {
    bottom: 10px;
    display: flex;
    width: auto;
    transition: none;
    right: 20px;
  }
  body .product:hover .flags.flags-extra {
    bottom: 10px;
  }
  .products-block.products .product .flags.flags-extra .flag {
  width: auto;
  height: auto;
  }
.products-block > div .flags-extra .flag {
    border-radius: 5px;
    padding: 10px 15px;
  }
}
@media (max-width: 479px) {
  .columns-mobile-2 .products-block > div .flags-extra .flag {
    padding: 5px 10px;
  }
  .p-in-in {
    margin-bottom: 10px;
  }
}

.ordering-process .checkout-box .btn {
color: var(--color-primary)!important;
}
.type-product .benefitBanner .benefitBanner__item {
flex-wrap: nowrap;
}
.type-product .benefitBanner .benefitBanner__item .benefitBanner__picture {
flex-shrink: 0;
}
#fvStudio-component-topproduct {
display: none;
}
.type-product #categories .expandable.expanded>ul.expanded {
display: none;
}
.type-product #categories .expandable.expanded>ul.expanded.active {
display: block;
}
.type-product .hodnoceni {
display: none;
}
.type-product #productsAlternative h3 {
font-size: 2em;
font-weight: 500;
letter-spacing: 0;
position: relative;
padding-bottom: 8px;
}
.type-product #ratingTab {
margin-top: 20px;
}
.type-product #productsAlternative h3::before {
height: 2px;
margin-top: 0 !important;
background-color: var(--color-primary-hover) !important;
width: 80px;
bottom: -2px;
position: absolute;
background: #e20814 !important;
left: 0;
display: block;
content: "";
}

@media (min-width: 993px){
.type-product .p-detail-inner .p-image{
height: max-content;
position: sticky;
top: 10px;
}
.type-product .p-image-wrapper {
position: relative;
}
}


/* ===== 8. dmartini/nemeckyeshop.min.css ===== */
#hodnoceniobchodu .shop-eval-stars:after{width:100%;height:120px;background-image:url("/user/documents/upload/dmartini/docs/images.png");background-repeat:no-repeat;background-position:center;background-size:contain;position:relative;content:'';display:block;margin-top:15px;}#hodnoceniobchodu h2{margin-bottom:10px;}@media (min-width:768px){.multiple-columns-body .content{max-width:100%}}.benefits-banners-line{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;margin-left:-10px;margin-right:-10px;padding:10px 0!important;}.benefits-banners-line .banner-wrapper{width:calc(100% / 4 - 20px)!important;margin:0 10px 20px 10px;}.benefits-banners-line .benefit-banner .icon-box,.detail-benefits .benefit-banner .icon-box{text-align:center;justify-content:center;margin-right:10px;width:45px;height:45px;}@media (max-width:768px){.benefits-banners-line .banner-wrapper{width:100%!important}.benefits-banners-line .banner-wrapper:last-child{margin-bottom:0!important}.benefits-banners-line{margin:0}.hp-categories .h4{padding-top:0!important}}.hp-categories .hp-categories-posts .news-wrapper .news-item .image img{border-radius:8px;}.slick-slider .slick-arrow{background-image:unset!important;background-color:unset!important;border:none!important;padding:0;min-width:unset!important;height:50px!important;width:50px;letter-spacing:unset!important;overflow:unset!important;display:flex!important;color:var(--color-primary)!important;border-radius:0!important;font-size:0;align-items:center;justify-content:center;z-index:2!important;top:50%!important;}.slick-slider .slick-arrow.slick-prev{left:0!important;}.slick-slider .slick-arrow.slick-next{right:0!important;}.slick-slider .slick-arrow:before{speak:none;display:inline-block;font-family:shoptet;font-style:normal;font-variant:normal;font-weight:400;line-height:0;text-decoration:none;text-transform:none;vertical-align:middle;font-size:16px;color:var(--color-primary);height:100%;width:100%;display:flex;align-items:center;justify-content:center;}.slick-slider .slick-arrow.slick-next:before{content:"\e910";}.slick-slider .slick-arrow.slick-prev:before{content:"\e90f";}.slick-slider .slick-arrow{top:50%;z-index:10;transform:translateY(-50%);width:50px;height:50px;background-color:#fff!important;border:1px solid #e8e8e8!important;border-radius:100%!important;color:var(--color-secondary)!important;}.products-block.products .slick-list,.slick-slider .slick-list{margin-left:auto!important;margin-right:auto!important;width:calc(100% - 50px)!important;overflow:hidden;}.products-block.products .product .p{margin:0;}footer .banner-wrapper img{max-width:170px!important;margin-bottom:0!important;}h4.homepage-group-title,.h4.homepage-group-title,.type-detail .shp-tabs-wrapper h3{padding-bottom:8px!important;}.h4:after,.content h4:after,.category-title:after,.p-detail-inner h1:after,h1:after,h4.homepage-group-title:after,.h4.homepage-group-title:after,.products-related-header:after,.in-klient h1:after,h4.homepage-group-title:after,.h4.homepage-group-title:after,.type-detail .shp-tabs-wrapper h3:before{height:2px;margin-top:0!important;background-color:var(--color-primary-hover)!important;}.product .pr-list-unit{display:none;}.showcats.btn{display:none!important;}@media (max-width:768px){.showcats.btn{margin:auto;margin-bottom:20px;display:block!important;width:fit-content!important}.subcategories .more{display:none}}html body #products.products-block .p>.image>.flags.flags-default{left:10px;}.flags.flags-default .flag{max-width:100%;}.basic-description ol,.basic-description ul{padding-left:22.5px;}.link-icon.share{display:none!important;}@media only screen and (max-width:767px){.product-top .price-line{order:1}}footer .custom-footer .newsletter form label,.odber .odber-in .newsletter form label{text-align:left;}.news-wrapper .news-item{border:solid 1px #e8e8e8;overflow:hidden;border-radius:8px;}.news-wrapper .news-item .text{padding:8px;}.news-item .text .title{margin-top:0;}.tab-content>.tab-pane{opacity:1;display:block;}.shp-tabs-holder ul.shp-tabs li.active a{color:inherit;background-color:inherit;}.type-detail .products-alternative,.type-detail .products-related{margin-top:0;}#description h3:first-child{display:none!important;}#cart-slider{display:block;position:relative;max-width:100%;padding-top:20px;margin-bottom:-20px;}#cart-slider .h4{padding-top:0;}
/* ===== 9. yanabel/brands.css ===== */
#footer .custom-footer .brands-wrapper {
  width: 100% !important;
  order: 1;
  padding: 38px 0;
}

.in-index .custom-footer__newsletter {
  order: 0 !important;
}
.in-index .custom-footer__articles {
  order: 2 !important;
}
.in-index .custom-footer__banner1771 {
  order: 3 !important;
}
.in-index .custom-footer__banner9951 {
  order: 4 !important;
}
.brands-title {
  width: max-content;
  margin: 0 auto;
  margin-bottom: 50px;
  text-align: center !important;
  font-size: 32px;
}

.brands-title::after {
  left: 10px !important;
}

.brands-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  list-style: none;
  padding: 0;
}
.brands-item {
  width: calc((100% - 80px) / 5);
  border-radius: 20px;
  box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.08);
}

.brands-item a {
  width: 100%;
  height: 100%;
  padding: 25px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.brands-wrapper .brands-item img {
  min-width: 80px !important;
}

.brands-item img {
  width: 50%;
}
@media (max-width: 992px) {
  .brands-item a {
    padding: 15px;
  }
}

@media (max-width: 764px) {
  .brands-title {
    font-size: 24px;
  }
  .brands-list {
    gap: 10px;
  }
  .brands-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100% - 10px) / 2);
    border-radius: 10px;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  }
}
@media (max-width: 550px) {
  .brands-wrapper {
    padding: 15px 0;
  }
}