/* ---- Layout & wrappers ---- */
.overall-wrapper{overflow-x:hidden}
.container {width: 95%;}
.content-wrapper.container{z-index:10;}
#content,.content-wrapper.container,.box.box-bg-variant{background:#FFFFFF} /* override druhého bloku */

/* ---- Products top ---- */
#productsTop{
  border-radius:10px;
  background:#ffffff;
  padding:20px;
  box-shadow:none;                 /* override */
  margin-top:-50px;                /* from 2nd */
  border:1px solid #ebebeb;        /* from 2nd */
}
#productsTop .p a.image{background:#E5E8F1;border-radius:10px;}
#productsTop .availability{display:none;}

/* ---- Product cards ---- */
#products .product .p .p-in{background:#ffffff;border-radius:0 0 100px}
#products .product{
  padding:0 !important;
  background:linear-gradient(315deg, rgba(0,231,172,1) 0%, rgba(0,185,201,.88) 15%, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);
  margin:5px !important;background-repeat:no-repeat;overflow:hidden;border-radius:20px;
}
.products-block .p .name{font-weight:700;color:#202560}
.products-block>div .p .p-bottom>div .p-tools .btn,
.products-block>div .p .p-bottom>div .p-tools .btn.btn-cart{font-weight:600;}
.products-block>div .p .stars-wrapper{background:#ffffff00;position:absolute;top:0;}
.ratings-and-brand{margin-top:20px}

/* ---- Subcategories grid ---- */
.subcategories{justify-self:center;}
.subcategories.with-image li{border:1px solid transparent;box-shadow:none;}
.subcategories.with-image li img,#productsTop .p img{mix-blend-mode:multiply}
.subcategories.with-image li:hover{border:1px solid #fff;background:#fff;} /* override druhého bloku */
@media(min-width:1200px){
  .subcategories.with-image li{border-radius:10px;background:#ffffff;padding:5px;margin:5px;width:calc(25% - 10px)}
}
@media(max-width:1200px){
  .subcategories.with-image li{border-radius:10px;background:#ffffff;padding:5px;margin:5px;width:calc(50% - 10px)}
}
@media(min-width:1200px){
  .subcategories.with-image li{width:calc(20% - 10px);} /* z 2nd – pri 1200+ */
}
@media(min-width:1199px) and (max-width:1400px){
  .subcategories.with-image li{width:calc(25% - 10px);}
}

/* ---- Category header & filters ---- */
.category-top{margin:0 !important;max-width:100% !important}
.category-perex{margin-top:15px;color:#d7d7d7;}
#category-header{margin-bottom:20px}
.category-header-pagination,#category-header form{border-radius:10px;background:#34396d14;padding:10px;}
#category-header form .btn.btn-xs,#category-header form a.btn.btn-xs{padding:0}
.filter-section label.active{color:#00D7C2}
.filter-section-parametric form{max-height:350px;overflow-y:auto;overflow-x:hidden;padding-right:5px;box-sizing:border-box;}
.filter-section-parametric h4{margin-bottom:10px;position:relative;z-index:2;background:#fff;}

/* ---- Sidebar ---- */
.sidebar-inner{padding-top:0}
.sidebar .box.box-bg-default,
.sidebar .box.box-bg-transparent,
.sidebar .box-onlinePayments{
  background-color:white;border-radius:10px;box-shadow:0 0 24px #e0e0e0;border:none;margin-top:0;
}
.sidebar-inner>div.box-sm h4,.stars-wrapper,.brand-wrapper{border-radius:10px;background:#34396d14;padding:10px;}
.sidebar-indented .content .sidebar{margin-left:0;margin-right:0}

/* ---- Navigation / header ---- */
.header-top{background:white}
#header{z-index:1100;position:relative;background:transparent}
.container.navigation-wrapper.header-bottom-wrapper.js-navigation-container{width:100%}
div.container.navigation-wrapper.header-top-wrapper{width:98%;}
#header .header-top-wrapper .site-name{flex:0 1 10%;}
@media(min-width:480px){#header .site-name a img{max-height:60px;max-width:250px;}}
@media(min-width:768px){
  #header .header-top-wrapper .site-name{margin-top:10px;margin-bottom:-10px;}
  #header .header-top-wrapper .site-name, #header .header-top-wrapper>div{flex:0 1 25%;}
}
.menu-category-link a{margin:0;color:#00d7bf !important;padding:0 !important}
.menu-helper>span{color:white}
.top-navigation-bar{background-color:#ffffff;display:none;}
.top-navigation-bar .container{padding-left:0;padding-right:0}
.top-navigation-bar .container>div{flex:1 1 auto}
.top-navigation-bar .top-navigation-tools{justify-content:flex-start}
.top-navigation-menu{display:none !important}

/* ---- Header buttons & search ---- */
#header .navigation-buttons a[data-target=cart]{
  border:1px solid #2AD3C2;border-radius:50px;padding:10px;background:#F4FCFE;
}
#header .search-input{
  border:1px solid #effafc;border-radius:50px;background-color:#f0f7f9 !important;
}
.navigation-buttons a[data-target=search]:before,
.search-input-icon::before,
.search-focused .search-input-icon:before{font-family:"Font Awesome 6 Free";font-weight:900;font-size:20px!important;content:"\f002";color:#006172;}
.navigation-buttons a[data-target=login]:before{font-family:"Font Awesome 6 Free";font-weight:900;font-size:20px!important;content:"\f007";color:#006172;}
#header .navigation-buttons a[data-target=cart]:before{font-family:"Font Awesome 6 Free";font-weight:900;font-size:20px!important;content:"\f07a";color:#006172;}
@media(max-width:768px){#header .navigation-buttons a[data-target=cart]{padding:0}}

/* ---- Carousel / breadcrumbs ---- */
.carousel-control,.carousel-control:focus,.carousel-control:hover{opacity:1;color:#04D7C3;}
.breadcrumbs.navigation-home-icon-wrapper{margin-top:20px}
@media(min-width:768px){
  .wide-carousel{width:100vw;max-width:none;position:relative;left:50%;transform:translateX(-50%);margin-top:-68px;}
  .breadcrumbs.navigation-home-icon-wrapper{margin-left:0 !important;width:100% !important}
}


/* ---- Footer ---- */
#footer{background:#006473}
#footer p,#footer a{color:#AEECF6}
.footer-bottom{background:transparent;color:#aeecf6;position:relative}
.footer-bottom .footerPlatby{position:absolute;top:50%;left:50%;transform:translate(50%,-50%)}

/* ---- Buttons ---- */
.btn.btn-cart.add-to-cart-button,
.p-tools .btn.btn-primary,
.btn.btn-conversion.add-to-cart-button{
  border:1px solid #007483;background:#D2F9F9;border-radius:25px;color:#007483;
}
.btn.btn-cart.add-to-cart-button,
.p-tools .btn.btn-primary,
.btn.btn-conversion.add-to-cart-button,
.btn.btn-primary:hover,
a.btn.btn-primary:hover{
  background-color:var(--color-secondary);
  border-color:var(--color-secondary);
  color:#6CE2D4;
  font-weight:400;
}
button.btn.btn-default.search-button,
.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion{
  display:inline;border-radius:25px;background:#006171;color:white;font-weight:600;
}
button.btn.btn-default.search-button{width:100px;}
.load-products.btn.btn-default.unveil-button{border-radius:10px;background:#34396d14;border:none;padding:10px 26px;}

/* ---- Pagination ---- */
.pagination a{border-radius:10px;background-color:#E7EAF4;}
.pagination-top .pagination-link,.pagination-top>strong{background-color:#E7EAF4;}
.pagination-top .pagination-link{border-radius:10px 0 0 10px}
.pagination-top>strong{border-radius:0 10px 10px 0}

/* ---- Misc ---- */
.menu-category-link a{margin:0;color:#00d7bf !important;padding:0 !important}
.advanced-order .p-tools{display:none !important;}
.p-to-cart-block{background:transparent}
.p-to-cart-block .p-final-price-wrapper .price-final-holder{font-weight:700;font-size:50px;}
.image360 a,.p-image a{padding:25px;border-radius:10px;background:#F7F7F7;}
.image360 a img,.p-image a img{mix-blend-mode:multiply;}
.p-code{float:inline-end;}
.one-column-body table.detail-parameters tbody tr:first-child th{display:none;}
#cboxOverlay,#cboxWrapper,#colorbox{z-index:1102}
.cart-window-visible .user-action .user-action-in>div.user-action-cart,
.login-window-visible .user-action .user-action-in>div.user-action-login,
.register-window-visible .user-action .user-action-in>div.user-action-register,
.search-window-visible .user-action .user-action-in>div.user-action-search{z-index:9999;}
.admin-logged .popup-widget.login-widget{top:135px;}
.menu-helper>span{color:white}
.breadcrumbs.navigation-home-icon-wrapper{margin-top:20px}

/* ---- Grid tweaks ---- */
@media(min-width:992px){
  .products-top.products-inline>div{width:calc(25% - 10px)}
  .columns-3 .products-block>div,.columns-4 .products-block>div{width:calc(33.333% - 10px);box-shadow:3px 4px 20px 0 #b4b4b44a;}
}
@media(min-width:1750px){
  .columns-3 .products-block>div,.columns-4 .products-block>div{width:calc(25% - 10px);}
}
@media(min-width:900px) and (max-width:1200px){
  .columns-3 .products-block>div,.columns-4 .products-block>div{width:calc(50% - 10px);}
}

/* ---- Tabs / detail ---- */
.shp-tabs,.shp-tabs-holder{background:#f0fbfc;border-color:#cfcfcf;border-radius:15px;margin-top:30px;}
.shp-tabs-holder ul.shp-tabs a.shp-tab-link{font-size:24px;border:1px solid #ffffff;margin:5px;border-radius:15px;padding:10px 25px;}
#product-detail-form{padding:25px;border-radius:10px;background:#F0FBFC;}

/* ---- Forms / newsletter ---- */
div.newsletter-right .compact-form,div.newsletter-right fieldset{display:inline-flex;width:100%;}
div.newsletter-right div.validator-msg-holder.js-validated-element-wrapper{width:100%;}
.id--8 .form-group>input.form-control,.id--8 .form-group>select.form-control{border-radius:25px;}
.stars-placeholder,.quantity{display:none}

/* ---- Custom variants (pills) ---- */
.custom-variants-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
.custom-variants{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.custom-variant-pill{position:relative;display:inline-flex;align-items:center;padding:8px 12px;border-radius:9999px;border:1px solid #e0e0e0;background:#fff;font-size:14px;line-height:1;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;}
.custom-variant-pill.is-stock{}
.custom-variant-pill.is-not-stock{opacity:.7;background:#f7f7f7;}
.custom-variant-pill:hover{box-shadow:0 2px 6px rgba(0,0,0,.08);}
.custom-variant-pill:focus{outline:none;box-shadow:0 0 0 2px rgba(0,0,0,.15);}
.custom-variant-pill.is-active{border-color:#111;background:#111;color:#fff;}
.custom-variant-pill[data-tooltip]:hover::after,
.custom-variant-pill[data-tooltip]:focus::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;background:#111;color:#fff;padding:6px 8px;border-radius:6px;font-size:12px;line-height:1.2;z-index:10;pointer-events:none;box-shadow:0 2px 10px rgba(0,0,0,.15);}
.custom-variant-pill[data-tooltip]:hover::before,
.custom-variant-pill[data-tooltip]:focus::before{content:"";position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #111;}


@media(max-width:992px){
  .products-block>div .p{justify-content:space-between}
  .overall-wrapper{padding-top:0;}
}

#productsTop .button-wrapper{display:none}
.category-top h4{padding-left:30px;text-transform: uppercase;}
#productsTop {padding-top: 45px;}
.benefitBanner.position--benefitHomepage {background: #006173;margin-bottom: -15px;border-radius: 25px;padding: 15px;}
.benefitBanner__content {color: white;}
@media (min-width: 992px) {
.nav-contact-boxes{margin-right:0px !important}
.benefitBanner__item {flex: 1 1 20%;}
}
.benefitBanner.position--benefitHomepage{padding-top: 25px;}
.desktop .banners-row{margin-top:20px;}
#header .header-top-wrapper .site-name{flex: 0 1 15%;}
#header .header-bottom {border-width: 0px 0 0;}
.nav-contact-box{display:flex;}
#header .header-top-wrapper>div.navigation-buttons {flex: 0 1 33%!important;}
#header .header-top-wrapper .site-name {flex: 0 1 15% !important;}
.banners-row [class*=col-] {width: 50%;}
div.hp-best2 div.p-tools, div.hp-best2 div.availability{display:none;}
button.hp-best2-btn.hp-best2-next, button.hp-best2-btn.hp-best2-prev{display:grid;}
.brand-strip .brand-btn{border:0px solid !important}
.menu-level-3 li {display: block;list-style: none;}
#navigation .menu-level-3 {display: inline-grid;}
.menu-level-3 li a {display: inline-block;}
.menu-level-3 li:nth-child(n+4) {display: none;}
.navigation-in>ul>li.ext>ul>li>div>ul {max-height: 3.7em;}
.menu-category-link a:hover {text-decoration: underline!important;}
.more-items-trigger {display: none;}
.blog-wrapper .homepage-group-title{text-align-last: start;}
@media (max-width: 767px) {.nav-contact-boxes{display:none!important;} #adtl-top-belt{display:none;}
.navigation-in>ul>li>a {color: #006173;}
.navigation-in>ul>li.ext>ul>li>div>ul {max-height: 100%;}
#header .header-top-wrapper .site-name {flex: 0 1 30% !important;margin-top: 5px;}
.custom-footer__banner18.col-sm-6.col-lg-4{display:none!important}
}
input[type=submit].btn, .btn.btn-secondary, a.btn.btn-secondary{background: #006171;padding: 5px 13px;border-radius: 15px;color: white;font-weight: 600;}
.adtl-blog-track .news-item{border: 1px solid #ebebeb;border-radius: 15px;}
div.p-code-wrapper{background:#EFEFF3; padding:5px; margin-left: 20px; border-radius: 10px;align-content: center;}
div.container.footer-links-icons{display:none!important;}
.shp-tabs-wrapper .tab-content .tab-pane {width: 100%;}
#hodnoceniobchodu .shop-eval{display:grid !important;grid-template-columns:repeat(4,minmax(260px,1fr)) !important;gap:22px !important;align-items:stretch;}
#hodnoceniobchodu .vote-wrap{width:auto !important;max-width:none !important;min-width:0 !important;height:auto !important;display:block !important;border-radius:12px !important;padding:22px 20px 60px !important;box-shadow:0 6px 16px rgba(13,60,97,.10) !important;background:#fff !important;overflow:hidden !important;position:relative;transition:transform .2s, box-shadow .2s;}
#hodnoceniobchodu .vote-wrap:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(13,60,97,.16);}
#hodnoceniobchodu .vote-wrap::before{content:"";position:absolute;top:-48px; right:-48px;width:140px; height:140px;border-radius:50%;background:#2AB1D8;opacity:.18;}
#hodnoceniobchodu .vote-header{margin:0 0 10px !important;}
#hodnoceniobchodu .vote-summary{display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px;}
#hodnoceniobchodu .vote-name [data-testid="author"] *,
#hodnoceniobchodu .vote-name span{font-weight:700; font-size:16px; color:#0b2340;}
#hodnoceniobchodu .vote-rating{display:flex; align-items:center; gap:8px; font-size:13px; color:#5a6a7a;}
#hodnoceniobchodu .vote-rating::before{content:"Hodnotenie:"; font-weight:600; color:#0b2340; margin-right:2px;}
#hodnoceniobchodu .vote-delimeter{display:none !important;}
#hodnoceniobchodu .vote-time{color:#2AB1D8; font-weight:600;}
#hodnoceniobchodu .vote-content{font-size:14px; line-height:1.6; color:#3c4a57;margin-top:6px; min-height:64px;white-space:normal !important; overflow:visible !important; max-width:none !important;}
#hodnoceniobchodu .shop-eval-stars{margin:0 auto 28px; color:#5a6a7a; font-size:16px;}
#hodnoceniobchodu .rate-average{color:#2AB1D8; font-weight:700;}
#hodnoceniobchodu .stars-label{margin-left:8px;}
#hodnoceniobchodu .shop-stat-all{margin-top:26px; text-align:center;}
@media (max-width:1100px){#hodnoceniobchodu .shop-eval{grid-template-columns:repeat(3,minmax(240px,1fr)) !important;}}
@media (max-width:900px){#hodnoceniobchodu .shop-eval{grid-template-columns:repeat(2,minmax(240px,1fr)) !important;}}
@media (max-width:560px){
#hodnoceniobchodu{padding:0 12px;}
#hodnoceniobchodu .shop-eval{grid-template-columns:1fr !important;}
}
#hodnoceniobchodu .vote-wrap{position:relative;overflow:hidden;isolation:isolate;}
#hodnoceniobchodu .vote-wrap::after{content:"";position:absolute;z-index:0;top:-70px; left:-80px;width:230px; height:180px;border-bottom-right-radius:140px;background: radial-gradient(#00d6c275, transparent);filter:saturate(1.1);transition:transform .35s ease, opacity .35s ease;opacity:.95;pointer-events:none;}
#hodnoceniobchodu .vote-wrap::before{content:"";position:absolute;inset:0;border-radius:12px;box-shadow: inset 0 0 0 1px rgba(42,177,216,.12);pointer-events:none;}
#hodnoceniobchodu .vote-wrap:hover::after{transform:translateY(-4px) translateX(-3px) rotate(-1deg) scale(1.02);}
#hodnoceniobchodu .vote-header,#hodnoceniobchodu .vote-content,#hodnoceniobchodu .vote-rating{position:relative; z-index:1;}
.custom-variant-pill.is-not-stock {text-decoration: line-through;text-decoration-color: grey;}
.custom-variant-pill.is-active {border-color: #007483;background: #007483;}
.custom-variant-pill {font-size: 16px;}
.nav-contact-boxes .nav-contact-box{margin-left:0px !important}
@media(max-width:992px){
.nav-contact-boxes{display:none !important}
}
@media(min-width:768px){
#header .search{flex:none !important;flex-grow:2 !important}
.header-top{padding: 15px 20px !important}
.header-bottom{padding:0px 20px}
}
@media(min-width:768px) and (max-width:1490px){
#header .navigation-buttons a:not(.nav-contact-boxes a){margin-left:30px !important}
.nav-contact-box{padding:5px !important;}
.navc-ico{box-shadow:none !important;width:40px !important;height:40px !important}
.nav-contact-box span:last-child {display: none !important;}
}
div#tab-content.tab-content{background:#F0FBFC; border-radius: 0 15px 15px 15px;}
.responsive-nav {margin-bottom: 0px;justify-items: start;}
.description-inner {padding: 40px;}
.description-inner .extended-description {padding: 25px;background: white;border-radius: 15px;}
.popup-widget.cart-widget{border-width:0px}
.popup-widget.cart-widget:before{display:none}
.shp-tabs, .shp-tabs-holder {background: #ffffff;border-color: #ffffff;}
li.shp-tab.active{background:#F0FBFC;border-radius:15px 15px 0px 0px;}
.shp-tabs-holder ul.shp-tabs a.shp-tab-link{border-color:transparent;}
div#tab-content.tab-content{padding:50px;}