/* Styly šablony eshop.helion.cz — dřív inline v Shoptetu (HTML kódy → Záhlaví),
   přesunuto kvůli limitu 8192 znaků. Publikuje se v helion-head.css
   (helion_sections.publish_shared_js). Úpravy dělej tady. */
.in-index .products .product{margin:5px;border: 1px solid #dadada;}
@media(max-width:767px){
body.template-11 #dkLabFavHeaderWrapper{position:relative;top:auto!important;right:auto!important}
.dropdown-menu{right:0;left:auto;max-width:100px;min-width:auto}
body.in-index .homepage-group-title{margin:40px 0 22px!important;padding-left:14px;font-size:27px!important}
body.in-index .homepage-group-title:before{width:4px}
body.in-index .helion-brand-title{width:calc(100% - 30px)!important;margin:40px auto 22px!important;padding-left:14px!important;font-size:27px!important}
body.in-index .helion-brand-title:before{width:4px}
}

.dkLabFavouriteProductDiv{margin:5px 0}
.customSideBanner.right{left:auto;right:0}

@media(min-width:1685px){
body.in-index .customSideBanner{max-width:150px}
}

.justify{text-align:justify;line-height:160%}
.top-navigation-bar .project-email{margin-right:20px}

.top-navigation-contacts a:before{
color:var(--colors-foregrounds-content-secondary);
content:"|";
font-size:14px;
margin-right:20px
}

.top-navigation-bar a.project-email:before{margin-right:1ex!important}
skip-pay-placement{width:100%}
sp-banner{max-width:100%!important;width:100%!important}
.quantity-discounts.js-quantity-discounts{width:100%;order:20}

.type-detail.detail-contact-form-addon .sp_askForCustom a:hover{
text-decoration:underline
}

.type-detail.detail-contact-form-addon .sp_askForCustom .link-icon.chat{
margin:0;
padding:0;
color:#000;
text-decoration:underline;
font-weight:600
}

.type-detail.detail-contact-form-addon .sp_askForCustom .link-icon.chat:before{
display:none
}

.type-detail.detail-contact-form-addon .sp_askForCustom{
margin:0 0 20px;
width:100%
}

@media(min-width:480px){
.type-detail.detail-contact-form-addon .sp_askForCustom{text-align:end}
}

.add-to-cart{justify-content:end}
#category-header>div:not(.products-view){display:unset}

#category-header>div:not(.products-view).listItemsTotal{
display:none!important
}

.products-view{margin:0 0 0 auto}

.link-icons #dkLabFavouriteDiv{
margin:0 0 19px;
padding:0 20px
}

.dkLabFavDetailSpan.hasIcon:before{
display:block;
font-size:20px;
line-height:1;
margin-right:0;
margin-bottom:1ex;
text-align:center
}

.link-icons #dkLabFavouriteDiv span:hover,
.link-icons #dkLabFavouriteDiv span:hover span{
color:var(--color-primary)
}

.link-icons #dkLabFavouriteDiv span{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
color:var(--colors-foregrounds-content-tertiary);
text-transform:uppercase
}

.link-icons #dkLabComparerDiv+#dkLabFavouriteDiv,
.link-icons #dkLabFavouriteDiv+#dkLabComparerDiv{
margin-top:0
}

@media(min-width:768px){
body:not(.ordering-process) header#header{z-index:52}
.filter-section-button{display:none!important}
#category-filter-hover{display:block}
}

.footer-icon img{max-height:70px}

.banner_znacky_inner a{
display:flex!important;
justify-content:center;
align-items:center
}

body.type-detail .extended-description{
display:none!important
}

body.type-detail .basic-description{
width:100%!important;
max-width:100%!important;
flex:0 0 100%!important
}

body.type-detail .description-inner{
display:block!important
}

/* Novinky */
body.in-index .homepage-group-title{
position:relative;
margin:40px 0 16px!important;
padding-left:14px;
text-align:left!important;
font-family:"General Sans",sans-serif!important;
font-size:clamp(22px,1.5vw,26px)!important;
font-weight:600!important;
line-height:1.1;
letter-spacing:-.03em;
text-transform:none!important;
color:#222!important
}

body.in-index .homepage-group-title:before{
content:"";
position:absolute;
left:0;
top:8%;
width:4px;
height:84%;
background:#ffc400;
border-radius:3px
}

/* Mobil — musí být ZA desktopovým pravidlem (stejná specificita i !important). */
@media(max-width:767px){
body.in-index .homepage-group-title{margin:28px 0 12px!important;font-size:21px!important}
}

/* Menu (MENU_CSS) */
#navigation .menu-level-1>li.nav-manufacturers{display:none!important}@media(min-width:768px){#navigation .navigation-in{background:#fff!important;border-bottom:0!important;position:relative}#navigation .navigation-in::after{content:'';position:absolute;left:20px;right:20px;bottom:0;height:3px;background:#FFC807;pointer-events:none}#navigation,#navigation .navigation-in{height:40px!important;min-height:0!important;box-sizing:border-box!important}#navigation{margin-bottom:16px!important}#navigation .menu-level-1,#navigation .menu-level-1>li{height:37px!important;min-height:0!important}#navigation .menu-level-1>li>a{display:flex!important;align-items:center;height:37px!important;color:#1f2937!important;font-size:13px!important;padding:0 12px!important}#navigation .menu-level-1>li>a:hover,#navigation .menu-level-1>li:hover>a{color:#b58500!important;background:transparent!important}#navigation .menu-level-1>li>a.hln-akce,#navigation .menu-level-1>li>a.hln-akce b,#navigation .menu-level-1>li>a[href="/akce/"],#navigation .menu-level-1>li>a[href="/akce/"] b{color:#e8891a!important;font-weight:700}#navigation .menu-level-1>li>a .submenu-arrow::after,#navigation .menu-level-1>li>a::after{border-color:#9ca3af!important;color:#9ca3af!important}}

/* Logo na zkoušku (LOGO_CSS) */
.site-name>a{display:inline-block!important;background:url(https://wnrnbpdkvtvkuxuvduju.supabase.co/storage/v1/object/public/feeds-public/helion/logo-zkouska-20let-dole.png) left center/contain no-repeat!important}.site-name>a>img{visibility:hidden!important}

/* Úvodní strana: rozložení bannerů (HOME_LAYOUT_CSS) */
.type-index .banners-row{order:-19!important}.type-index .next-to-carousel-banners{order:-18!important}.type-index #hln-brands{order:-16!important}.type-index .homepage-products-heading-30{order:-15!important}.type-index #products-30{order:-15!important}.type-index #hln-cats-title{order:-14!important}.type-index .footer-banners{order:-14!important}.type-index .homepage-products-heading-21{order:-13!important}.type-index #products-21{order:-13!important}.type-index .homepage-products-heading-15{order:-11!important}.type-index #products-15{order:-11!important}.type-index .benefitBanner{order:-9!important}.type-index .homepage-blog-wrapper{order:-8!important}@media(min-width:768px){.type-index .products-block.slick-slider .slick-list{margin:0 -10px!important;width:calc(100% + 20px)!important;max-width:none!important}}.type-index .products-block .slick-dots{margin:12px 0 0!important}.type-index .homepage-box.before-carousel{margin-bottom:0!important;padding-bottom:0!important}.type-index #hln-brands{margin-top:10px!important}.type-index .footer-banners{margin-top:0!important;margin-bottom:0!important}.type-index .benefitBanner{margin:40px 0 0!important}.type-index .homepage-blog-wrapper{padding-top:0!important;margin-top:0!important}body.in-index.type-index .homepage-blog-wrapper .homepage-group-title{padding-left:34px!important}body.in-index.type-index .homepage-blog-wrapper .homepage-group-title:before{left:20px!important}@media(min-width:768px){.type-index .banners-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-left:0!important;margin-right:0!important}.type-index .banners-row::before,.type-index .banners-row::after{display:none!important}.type-index .banners-row>div{width:auto!important;max-width:none!important;padding:0!important;float:none!important}.type-index .banners-row>.col-sm-8{grid-column:1/span 2;grid-row:1}.type-index .banners-row>.col-sm-4,.type-index .next-to-carousel-banners{display:contents!important}.type-index .next-to-carousel-banners .banner-wrapper{margin:0!important;grid-row:2;line-height:0;font-size:0}.type-index .next-to-carousel-banners .banner-wrapper a{display:block}.type-index .next-to-carousel-banners .banner-wrapper:first-child{grid-column:3;grid-row:1}.type-index .next-to-carousel-banners .banner-wrapper img{width:100%!important;height:auto!important;display:block}}

/* Zkouška: jen horní řádek (HOME_ONLY_TOP_HREF) */
@media(min-width:768px){.type-index .next-to-carousel-banners .banner-wrapper{display:none!important}.type-index .next-to-carousel-banners .banner-wrapper:has(a[href*="force-h2"]){display:block!important;grid-column:3;grid-row:1}}
