/* ---- 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 ---- */
#navigation{background-color:#00D7C1;}
.header-bottom{background:#00D7C2}
.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%;}
  #header .search{flex:0 1 50% !important}
}
.navigation-in>ul>li>a{color:white}
.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}
}

/* ---- Blog grid ---- */
.homepage-blog-wrapper.row.blog-wrapper .homepage-group-title.h4,
.blog-wrapper:before,
.blog-wrapper .news-item .description{display:none}
.homepage-blog-wrapper.row.blog-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.blog-wrapper .news-item .image img{border-radius:10px;}
.blog-wrapper .news-item .image{margin-bottom:20px}
.blog-wrapper .news-item .image:before{border-radius:10px;bottom:0;position:absolute;content:"";width:100%;height:100%;background:transparent;display:inline-block;}
.blog-wrapper .news-item:hover .image:before{border-radius:10px;bottom:0;position:absolute;content:"";width:100%;height:100%;background:linear-gradient(360deg, rgba(0,102,113,1) 0%, rgba(255,255,255,0) 100%);display:inline-block;}
.homepage-blog-wrapper .news-item .text{padding:0 10px;position:absolute;bottom:0;width:100%;}
.homepage-blog-wrapper .news-item .title{background:white;border-radius:10px;border-left:2px solid #2BD2C1;border-right:2px solid #2BD2C1;padding:15px 25px;font-weight:500;font-size:20px;}
.blog-wrapper .news-item .image,
.blog-wrapper .news-item .image img,
.homepage-blog-wrapper .news-item{height:100%}
@media(max-width:992px){
  .homepage-blog-wrapper.row.blog-wrapper{grid-template-columns:repeat(2,1fr);margin:5px;}
  .blog-wrapper .news-item{padding:0;width:100%;height:100%;}
  .blog-wrapper .news-item .image{margin:0}
}

/* ---- 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;}
  .homepage-blog-wrapper .news-item{padding:0;width:100%}
}
@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;}

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