<style type="text/css">


@media screen and (max-width: 767px) {
    #dklabBanplusUvod .dklabBanplusBox {
        width: var(--dklab-bannery-b-hp-mobile-screen);
       padding: 3px; }
       
    .search-form.compact-form .btn {
    border-radius: 11px

    }}
    
.content-wrapper #content a:not(.btn):not(.cart-count):not(.pagination-link) {
    text-decoration: none;
}


/* ÚPRAVA VELIKOSTI LOGA V HLAVIČCE - ČÍSLICE 60 UDÁVÁ VÝŠKU LOGA V PIXELECH*/

#header .site-name a img {max-height: 80px;}

/* PŘIDÁNÍ E-MAILOVÉ ADRESY DO HLAVIČKY WEBU */

@media screen and (min-width: 1200px){
.top-navigation-bar .project-email {display: inline-block;font-size: 16px;font-weight: bold;margin-left: 24px;color: var(--color-primary);}
a.project-email::before {content: '\e910';font-size: 16px;}
}
@media screen and (min-width: 360px) and (max-width: 767px){
.top-navigation-contacts{display: block !important;}
.top-navigation-contacts .project-phone{display: none !important;}
.top-navigation-contacts .project-email{display: block !important;position: absolute;right: 164px;top: 15px;color: #A3A3AF;}
a.project-email::before {content: '\e910';}
.top-navigation-contacts .project-email span{display: none;}
}



/* ZMĚNA BARVY POZADÍ HLAVNÍHO MENU */

@media screen and (min-width: 768px) {
#header::after{background: linear-gradient(90deg, #2dbb6a 0%, #1fc4b9 45%, #08b4e8 100%);} /* BARVA POZADÍ MENU */
.navigation-in {background-color: transparent;}
.navigation-in > ul > li > a, .submenu-arrow::after {color: #fff;} /* BARVA TEXTU V MENU */
.menu-helper::after {color: #fff;} /* BARVA HAMBURGERU */
}


/* TLAČÍTKA SE ZAOBALENÝMI ROHY */

.btn:not(.cart-count), .compact-form .form-control, .pagination > a, .pagination > strong, a.login-btn{border-radius: 10px;
}

.btn:not(.cart-count){
 transform: rotate(-2deg);}
 
 .newsletter {

    border-radius: 25px;}
    
    #footer .contact-box {
    border-radius: 25px;
}
.custom-footer, .footer-bottom {
    border-top: none;
}

.type-detail #dklabBanplusIkony.position_popis {
    border-radius: 25px;
}


/* velky monitor*/
@media (min-width: 1800px) {
.container {
  width: 1650px;
 
}}


/* hor menu kat pod sebou*/
@media (min-width: 768px) {
    .navigation-in>ul>li.ext>ul>li>div>ul {
          overflow: unset; }

    .navigation-in>ul>li.ext>ul>li>div>ul>li {
        display: block; }
    .has-more-items .more-items-trigger {
     display: none;
    }}
    
    
.in-index.template-11.one-column-body #dklabBanplusIkony.ip_carousel, .in-index.template-11.one-column-body #dklabBanplusIkony.bp_carousel.ip_predbannery, .in-index.template-11.one-column-body #dklabBanplusIkony.bp_carousel.ip_zabannery {
    margin-left: 0px;
    border-radius: 20px;
}
    
    
.in-index.template-11 #dklabBanplusIkony.ip_carousel, .in-index.template-11 #dklabBanplusIkony.bp_carousel.ip_predbannery, .in-index.template-11 #dklabBanplusIkony.bp_carousel.ip_zabannery {
    margin-top: 20px;
    margin-bottom: 5px;
    margin-right: 0px;
}


/*články širší */
@media (min-width: 1200px) {
    .content-inner {
        max-width: 100%;
    }}

/* ÚPARVA BARVY POZADÍ SYSTÉMOVÝCH PŘÍZNAKŮ (ŠTÍTKŮ) */


.flag.flag-action {background-color: #C55F73; border-radius: 10px;} /* PŘÍZNAK AKCE */
.flag.flag-tip {background-color: #KODBARVY;border-radius: 10px;} /* PŘÍZNAK TIP*/
.flag.flag-new {background-color: #6AD6FF;border-radius: 10px;} /* PŘÍZNAK NOVINKA */
.flag.flag-gift {background-color: #KODBARVY;border-radius: 10px;} /* PŘÍZNAK DÁREK ZDARMA */
.flag.flag-discount {background-color: #KODBARVY;border-radius: 10px;} /* SLEVOVÉ KOLEČKO */
.flag.flag-freeshipping {background-color: #8CBE5C;} /* KOLEČKO DOPRAVA ZDARMA */
.flag.flag-custom2 {border-radius: 10px;}


.carousel-control.left {
    opacity: 50%;

    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;

}

.carousel-control.right {
    opacity: 50%;
    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;
}

.slick-next {

    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;

}
.slick-prev {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.subcategories.with-image li a {
    border-radius: 18px;
}

.dklabBanplusBannerGlobal img {

    background-color: #f6f6f6;
}


/*Varianty produktu doplnek*/

.c-product-interconnection-detail-params__products span[class^=item-type] {
width: 70px;
height: 70px;
border-radius: 19%;
}


</style>
<style data-addon="Hodnocení produktů+" data-author="Dominik Martini">
.type-detail #content #ratingWrapper+.votes-wrap .vote-wrap:not(.admin-response .vote-wrap) {
background-color: #F4F5F1 !important;
border-color: #f1f1f1 !important;
border-width: 0px !important;
border-style: solid;
border-radius: 8px !important;
}

#ratingWrapper+div a.load_more_rewiews {
background-color: #cb2d3e !important;
color: #ffffff !important;
border-color: #cb2d3e !important;
border-radius: 8px !important;
}

#ratingWrapper+div a.load_more_rewiews:hover {
background-color: #666666 !important;
color: #ffffff !important;
border-color: #666666 !important;
}
</style>

<style data-addon="Hodnocení obchodu+" data-author="Dominik Martini">
#hodnoceniobchodu .vote-wrap:not(.admin-response .vote-wrap),
.id--51 #content .vote-wrap:not(.admin-response .vote-wrap),
.template-14.id--51 .rate-wrapper:not(.admin-response .vote-wrap) {
background-color: #F4F5F1 !important;
border-color: #dadada !important;
border-width: 0px !important;
border-style: solid !important;
border-radius: 8px !important;
}

#hodnoceniobchodu .shop-stat-all a {
background-color: #ffffff !important;
color: #94bd23 !important;
border-color: #ffffff !important;
border-radius: 8px !important;
}

#hodnoceniobchodu .shop-stat-all a:hover {
background-color: #ffffff !important;
color: #FF8300 !important;
border-color: #ffffff !important;
}
</style>


<style>
  .custom-vat-label {
    color: red !important;
  }
  
  
    /*obrázek 1:1*/


#dklabBanplusUvod .dklabBanplusBox img {
BORDER-RADIUS: 20PX;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
BORDER-RADIUS: 20PX;}
.carousel-inner {

    BORDER-RADIUS: 20PX;
}

.banner-category a img, .banner-footer a img, .banner-wrapper a img, .banners-content a img, .footer-banner a img {
BORDER-RADIUS: 20PX;}


.btn.add-to-cart-button.btn-lg, .btn.btn-cart.btn-lg, .btn.express-checkout-button.btn-lg, a.btn.add-to-cart-button.btn-lg, a.btn.btn-cart.btn-lg, a.btn.express-checkout-button.btn-lg {
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;}


.btn.btn-cart {

BORDER-RADIUS: 9PX;
}
.quantity {
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;}

.shkDetailStock {
border-radius: 9px;}




.compact-form .form-control {
    border-radius: 15px;}

.btn.btn-default, .btn.btn-default:hover, a.btn.btn-default, a.btn.btn-default:hover {
 border-top-right-radius: 15px;
 border-bottom-right-radius: 15px;}
    
 .next-step .btn.btn-lg { border-radius: 15px;
 }   

    
.banner-rating-addon .banner-rating.is-centered {
border-radius: 20px;}


.btn.btn-cart, a.btn.btn-cart,a.btn.btn-conversion{
    border-radius: 12px;
    }
  
.type-detail #dklabBanplusIkony {
 border-radius: 36px;
}
  
.type-detail #dklabBanplusIkony .dklabBanplusIkona {
    font-size: 13px;
}  





  
</style>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const labels = document.querySelectorAll('label');

    labels.forEach(function (label) {
      if (label.textContent.trim() === 'IČ DPH (len platcovia DPH)') {
        label.textContent = 'IČ DPH (Ak ste platiteľom DPH, je potrebné uviesť)';
        label.classList.add('custom-vat-label');
      }
    });
  });







.banners-row .banner-wrapper+.banner-wrapper {
 border-radius: 20px; }
.banner-wrapper {
BORDER-RADIUS: 20PX;}
.sk .p-info-wrapper .availability-value .delivery-time > span::before {
    content: ", - Predpokladaný termín expedície";
}

@media screen and (max-width: 767px) {
 #dklabBanplusUvod .dklabBanplusBox {
        width: var(--dklab-bannery-b-hp-mobile-screen);
        PADDING: 4PX;}}
@media screen and (min-width: 992px) {
    .banners-row .col-sm-4 {
 width: 33%;
 padding-left: 27px;}}

/* ODST PLUS KOLEČKUUDOPLŇKUKNÁZVUPRODUKTU */

.category-appendix::before, .product-appendix::before {display: none;}
.radio-wrapper {
border-radius: 10px;}
.form-group>input.form-control, .form-group>select.form-control {
border-radius: 10px;}

.phone-combined-input input {
border-top-left-radius: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0px;}

.phone-combined-input .country-flags {
    
border-top-left-radius: 10px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 10px;}

@media (min-width: 768px) {
    .navigation-in>ul>li.ext>ul>li>a {

width: 112px; }
   
.navigation-in > ul > li.ext > ul > li > a img {

max-height: 112px;
max-width: 112px;
}}
.products-inline>div {
padding-top: 7px;
padding-bottom: 7px;
}
.fvstudio-showmore-wrapper {
    padding: 5px 0;}

/* barvy ve filtru vedle sebe */
.filter-section-parametric-id-69 fieldset .advanced-filters-wrapper {
display: flex;
flex-wrap: wrap;
gap: 6px;/* mezera mezi čtverečky */
}

/* každý jeden “boxík” s barvou */
.filter-section-parametric-id-69 fieldset .advanced-filters-wrapper > div {
    margin: 0;
}

/* samotný barevný čtvereček */
.filter-section-parametric-id-69 .advanced-parameter-inner,
.filter-section-parametric-id-69 span[style*="background-color"] {
 width: 20px;
 height: 20px;
 border-radius: 3px;
 border: 1px solid #ddd;
 box-shadow: 0 1px 2px rgba(0,0,0,.12);
 display: block;}

/* ať je vidět, že to jde klikat */
.filter-section-parametric-id-69 label.advanced-parameter:hover {
 cursor: pointer;
 transform: translateY(-1px);
}
.newsletter{
  background: linear-gradient(90deg, #2dbb6a 0%, #1fc4b9 45%, #08b4e8 100%)
 }
.p-info-wrapper .availability-value {
    line-height: 1;
}
/* === VÝPREDAJ – červený text + velké % === */
.menu-item-3698 > a {
    background: transparent !important;
    color: #E31E53 !important;
    padding-left: 38px !important;   /* místo na % vlevo */
    position: relative;
    font-weight: 700;
}
.menu-item-3698 > a::before {
content: "%";
  position: absolute;
 left: 14px;
 top: 50%;
 transform: translateY(-50%);
 font-size: 20px;
 line-height: 1;
  color: #E31E53;
 font-weight: 700;
 pointer-events: none;
}
/* hoverstejnéjakoostatní menu */
.navigation-in .menu-item-3698:hover > a,
.menu-item-3698:hover > a {
    background: #00adef !important;
    color: #fff !important;}

.navigation-in .menu-item-3698:hover > a::before,
.menu-item-3698:hover > a::before {
    color: #fff;}

/* === NOVINKY–zelený text + hvězdička === */
.menu-item-11330 > a {
 background: transparent !important;
 color: #a4e31c !important;        /* tvoje barva */
 padding-left: 34px !important;    /* místo na hvězdu */
 position: relative;
 font-weight: 700;
}
.menu-item-11330 > a::before {
 content: "★";
 position: absolute;
 left: 12px;
 top: 50%;
 transform: translateY(-50%);
 font-size: 16px;
 color: #a4e31c;
 pointer-events: none;
}
/* hover–sjednocenýsmenu */
.navigation-in .menu-item-11330:hover > a,
.menu-item-11330:hover > a {
background: #00adef !important;
 color: #fff !important;
}
.navigation-in .menu-item-11330:hover > a::before,
.menu-item-11330:hover > a::before {
    color: #fff;}

.navigation-in ul li a b {
 font-size: 15px;}

@media (min-width: 768px) {
.navigation-in>ul>li.ext>ul>li>div>a {
font-size: 16px;} }  

.navigation-in .has-third-level div > ul a {
 line-height: 24px;}

.top-navigation-bar-menu li::before {
 color: #00B7F1;}

.content-modal {
 padding: 9px;}

    
.in-index.template-11.one-column-body #dklabBanplusIkony.bp_carousel.ip_zabannery {
 background-color: #E6F8FE;
  margin-top: 5px;}

.products-block > div {
    z-index: 1;}

* FARBA – vyskládat barevné swatche vedle sebe
   POZOR: pokud má Farba jiné ID než 69, přepiš "69" na správné. */
.filter-section-parametric-id-69 .advanced-filters-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;            /* rozestupy mezi čtverečky */
}

/* Šablona dává položkám width:100% → zrušíme */
.filter-section-parametric-id-69 .advanced-filters-wrapper > div,
.filter-section-parametric-id-69 .advanced-filters-wrapper > label,
.filter-section-parametric-id-69 .advanced-filters-wrapper .filter-item,
.filter-section-parametric-id-69 .advanced-filters-wrapper .checkbox {
  width: auto !important;
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* (Volitelné) sjednocení velikosti a vzhledu „teček“ */
.filter-section-parametric-id-69 .advanced-filters-wrapper .parametric-color,
.filter-section-parametric-id-69 .advanced-filters-wrapper .color {
 width: 26px !important;
 height: 26px !important;
 border-radius: 6px !important;
 box-sizing: border-box;
}

/* Farba – řazení do řádku a mezery */
.filters .filter-section-parametric[emetric-id="69"] .advanced-filters-wrapper,
.filters .filter-section-parametric[emetric-id="69"] .advanced-filters-wrapper .advanced-parameters,
.filters .filter-section-parametric[emetric-id="69"] .advanced-parameters {
 display: flex !important;
 flex-wrap: wrap !important;
 gap: 8px !important;
}
.filter-section-parametric-id-69 .advanced-parameter-inner, .filter-section-parametric-id-69 span[style*="background-color"] {
 width: 32px;
 height: 32px;}
.footer-bottom {
 text-align: center;
 padding-top: 0px;
 padding-bottom: 0px;}














.qrcode {
      display: none !important;
} 


/* schovej původní text */
.custom-footer__newsletter.extended.newsletter .newsletter-header .topic span{
  font-size:0 !important;
}

/* vlož vlastní */
.custom-footer__newsletter.extended.newsletter .newsletter-header .topic span::after{
  content:"Chcete vedeto o novinkách a akciách?";
  font-size:25px;                /* přizpůsob původní velikosti */
  line-height:1.2;
}










/* ==== Bubliny v newsletter pruhu (jen DESKTOP) ====================== */
/* Cíl: <div class="custom-footer__newsletter extended newsletter"> */
@media (min-width: 1025px){
  .custom-footer__newsletter.extended.newsletter{
    position: relative !important;
    overflow: hidden !important;       /* ať nic nepřetéká */
    border-radius: 12px;               /* kopíruje tvé zaoblení pruhu, klidně uprav */
  }

  .custom-footer__newsletter.extended.newsletter::before{
    content:"";
    position: absolute;
    inset: 0;
    z-index: 0;                        /* pod textem a vstupy */
    pointer-events: none;

    /* ostré bílé bubliny – rozmístění podle screenshotu */
    background:
      radial-gradient(circle at 8% 30%,   rgba(255,255,255,.18) 0 52px, rgba(255,255,255,.18) 52px, rgba(255,255,255,0) 53px),
      radial-gradient(circle at 17% 70%,  rgba(255,255,255,.14) 0 26px, rgba(255,255,255,.14) 26px, rgba(255,255,255,0) 27px),

      radial-gradient(circle at 32% 22%,  rgba(255,255,255,.16) 0 24px, rgba(255,255,255,.16) 24px, rgba(255,255,255,0) 25px),
      radial-gradient(circle at 40% 64%,  rgba(255,255,255,.15) 0 20px, rgba(255,255,255,.15) 20px, rgba(255,255,255,0) 21px),

      radial-gradient(circle at 54% 32%,  rgba(255,255,255,.16) 0 30px, rgba(255,255,255,.16) 30px, rgba(255,255,255,0) 31px),
      radial-gradient(circle at 60% 72%,  rgba(255,255,255,.14) 0 18px, rgba(255,255,255,.14) 18px, rgba(255,255,255,0) 19px),

      radial-gradient(circle at 72% 26%,  rgba(255,255,255,.16) 0 22px, rgba(255,255,255,.16) 22px, rgba(255,255,255,0) 23px),
      radial-gradient(circle at 80% 68%,  rgba(255,255,255,.15) 0 20px, rgba(255,255,255,.15) 20px, rgba(255,255,255,0) 21px),

      radial-gradient(circle at 92% 36%,  rgba(255,255,255,.18) 0 60px, rgba(255,255,255,.18) 60px, rgba(255,255,255,0) 61px);

    /* velmi jemný fade nahoře/dole, aby hrana pruhu nebyla „useknutá“ */
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 8px, black calc(100% - 8px), transparent 100%);
            mask-image: linear-gradient(to bottom, transparent 0, black 8px, black calc(100% - 8px), transparent 100%);
  }

  /* zajistí, že text, input a tlačítko budou nad bublinami */
  .custom-footer__newsletter.extended.newsletter > *{
    position: relative;
    z-index: 1;
  }
}

/* ==== Mobily & tablety – bubliny vypnout ============================ */
@media (max-width: 1024px){
  .custom-footer__newsletter.extended.newsletter::before{ content: none !important; }
}



/* ===== Footer – bubliny (větší rozptyl, posun a nové spodní kruhy) ===== */
@media (min-width:1025px){
  .container.footer-rows{
    background-image:
      /* LEVÁ oblast nahoře */
      radial-gradient(circle at 8% 18%,  rgba(33,197,154,.22) 0 120px, rgba(33,197,154,0) 121px),
      radial-gradient(circle at 20% 36%, rgba(0,170,255,.12) 0 60px,  rgba(0,170,255,0) 61px),
      radial-gradient(circle at 31% 15%, rgba(33,197,154,.14) 0 90px,  transparent 91px),

      /* STŘED nahoře/střed */
      radial-gradient(circle at 43% 15%, rgba(0,170,255,.16) 0 44px,  transparent 45px),
      radial-gradient(circle at 58% 24%, rgba(33,197,154,.12) 0 70px,  transparent 71px),

      /* --- POSUNUTÝ velký modrý pod "Poradňa" (níž) --- */
      radial-gradient(circle at 68% 90%, rgba(0,170,255,.18) 0 110px, transparent 111px),

      /* PRAVÁ oblast nahoře */
      radial-gradient(circle at 77% 30%, rgba(33,197,154,.16) 0 52px,  transparent 53px),
      radial-gradient(circle at 83% 74%, rgba(0,170,255,.18) 0 86px,  transparent 87px),
      radial-gradient(circle at 95% 30%, rgba(33,197,154,.14) 0 48px,  transparent 49px),

      /* === NOVÉ SPODNÍ KRUHY PODLE TVÉHO NÁČRTU === */
      /* levý spodek */
      radial-gradient(circle at 12% 88%, rgba(0,170,255,.14) 0 95px, transparent 96px),
      /* velký uprostřed dole */
      radial-gradient(circle at 60% 120%, rgba(0,170,255,.10) 0 140px, transparent 141px),
      /* pravá dvojice – větší + menší s mírným překryvem */
      radial-gradient(circle at 86% 115%, rgba(33,197,154,.14) 0 120px, transparent 121px),
      radial-gradient(circle at 91% 92%, rgba(0,170,255,.16) 0 70px,  transparent 71px);

    background-repeat: no-repeat !important;
    background-size: auto !important;
  }
}

.footer-links-icons {
    margin-top: 0px;
}


.fvstudio-showmore-wrapper
Specifičnost: (0,1,0)
 {
    padding: 0px 0;
}


.category-perex {
    margin-bottom: 9px;
}



























</script>