html
{overflow-x:hidden}
/* Show it is fixed to the top */
	
    	
    	@font-face {
    font-family: 'BeoSupreme';
    src: url('fonts/BeoSupremeTT-Medium.ttf') format('truetype'),
         url('fonts/BeoSupreme-Bold.otf') format('opentype'),
         url('fonts/BeoSupreme-Medium.otf') format('opentype'),
         url('fonts/BeoSupreme-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BeoSupreme';
    src: url('fonts/BeoSupreme-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
     font-display: swap;
}

@font-face {
    font-family: 'BeoSupreme';
    src: url('fonts/BeoSupreme-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
     font-display: swap;
}

@font-face {
    font-family: 'BeoSupreme';
    src: url('fonts/BeoSupreme-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
     font-display: swap;
}

@font-face {
    font-family: 'BeoSupremeTT';
    src: url('fonts/BeoSupremeTT-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
     font-display: swap;
}
.category-picker select
{text-align:left;}

.mobile_nav,
.mobile_nav .mobile_mainmenu
{width:100%;}

*
    	{
    		font-family: "Jost", ui-sans-serif, system-ui, sans-serif;
    	}

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }
      
      #toggleLink
      {    color: #191817;
    font-weight: 600;
    }
    
    #popup-cart
    {display:none;
    	
    	    width: 100%;
    max-width: 1512px;
    position: fixed;
    margin: 0px auto;
    right: 0px;
    left: 0px;
    top: 46px;
    z-index: 99999; 
    	
    	}
    .product-description p
    {font-size:15px;}
    .product-description p.first-paragraph
    {font-size:20px;}
 .shopping-cart .item
 {
 	border-bottom:1px solid #CDCDCD;
 	padding:2rem;
 }   
   .shopping-cart .item.first
 {
 	border-top:1px solid #CDCDCD;
 }   
	.product-title
					{
		font-weight: 400;
    font-size: 14px;
    color: #191817;
    margin-top:20px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    margin-bottom:0;
    line-height:19px;
					}
					.cross-price
{ 
	font-size:11px;
	margin-top:-17px;
	
	 text-decoration: line-through;
	}
	body.product .select_box_colorpicker
	{text-align:left;}
	.view-new-products .cross-price
	{
		font-size:12px;
	}
					.color-product
					{
	  color: #707070; 
    text-transform: uppercase;
    display: block;
    margin-bottom:6px;
    width: 100%;
					}
					
					.hidden
					{display:none;}

.select_box_colorpicker
{text-align:right;}					
					
		.products-view .price {
    width: 100%;
    text-align: left;
    color: #000;
    display: inline-block;
    margin: 0;
    position:relative;
}

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
     .navbar-expand-md .navbar-nav .nav-link
       {color:#000;
       	padding:20px; padding-right:20px;margin:1px;}
       	
       	.navbar-brand svg
       	{max-height:48px;}
       	.navbar-nav .nav-link:after{
  display:block;
  content: '';
  border-bottom: solid 2px #000;  
  transform: scaleX(0); margin-top:10px; 
  transition: transform 250ms ease-in-out;
}
.navbar-nav .nav-link.active:after,.navbar-nav .nav-link:hover:after {
	 transform: scaleX(1.2);
    	text-decoration:none; }
 
@media only screen and (max-width: 768px){
.mobile_nav{ background:#fff;}
.mobile_nav .mobile_mainmenu{margin:10px 30px;padding:0;}
.mobile_nav .mobile_mainmenu li{position:relative;list-style:none;}
.mobile_nav .mobile_mainmenu li a{padding:9px 0;display:block;color:#1b1d21;font-weight:600;border-bottom:1px solid #e5e5e5;}
.mobile_nav .mobile_mainmenu > li:last-child > a{border:none;}
.mobile_nav ul li.active > a{color:#43baff;}
 .mobile_nav .mobile_mainmenu > li > a:hover,.mobile_nav .mobile_mainmenu > li.active > a{color:#43baff;}
}
       .vertical-divider
       {
       	height:40px; 
       	display:inline-block;
       	position:relative;
       	top:14px;
       	padding-left:25px;margin-right:25px; border-right:2px solid #000;
       }
       .navbar-brand,.navbar-brand:hover
       {color:#000;
    	text-decoration:none;}
    	.navbar-expand-md .navbar-nav .nav-link:hover
    	{text-decoration:none;}
       .location
       {font-size:19px;} 
       .icon-menu 
       {margin-top:17px; list-style:none;  padding:0; }
      .icon-menu li svg
      {margin-top:-8px;}
       .icon-menu li 
       {
       	display:inline;
       	padding: 4px 20px 0px 20px;
    border-right: 1px solid #CDCDCD;}
    
      @media (min-width: 1400px)
      {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
}
}
    .icon-menu li.last-item
    {border:0;}
    
    /* starý fixný navbar padding zrušený — odsadenie rieši nový header (body.bo-no-hero) */
.footer-menu ul, .footer-menu-second ul, .social-menu ul
{padding:0;}
.article p
{font-size:.8rem;
	line-height:1.3rem;}
.article a:hover
{text-decoration:underline; color:#191817}

.article a:hover img
{
	opacity:.79;
}
.article {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Ensure articles take full height */
}

.article p {
    flex-grow: 1; /* Allow the paragraph content to grow and fill space */
}

.article .btn {
    align-self: flex-start; /* Align the button to the bottom */
    margin-top: auto; /* Push the button to the bottom */
}

.navbar
{padding-top:33px;}

.icon-menu li.last-item
{padding-right:0;}
.navbar-brand
{padding-left:10px;}

.navbar-expand-md .navbar-nav .nav-link
{
    padding-left: 32px;
    padding-right: 10px;}
    
       
.main-slick.slider{
  width:100%;
  margin:0;
  text-align: center;
  padding:0px;
  color:white;
  display:flex;
  margin-top:70px;
  justify-content: center;
  align-items: center;
  flex: 1 50%;
  flex-wrap: wrap;
  background: fade(#ebebeb, 10%);
  height:500px;
  margin-left:15px;
    max-width: 865px;
    margin: 70px auto;
  }
  .main-slick .slick-list
  {padding:0;}
  .main-slick .slide{
    display:flex;
    flex: 1 50%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .user-icon
  {color:#000;
  	font-size:12px;}
  .main-slick.slider .slide img
  {  min-width: 100%;
    height: auto;}
.main-slick .slick-track
{width:100%;}

.main-slick.slider .text-holder
{    position: absolute;
    bottom: 37px;
    left:10%;
    margin-left:0px;
    text-align: left;}
    
    a
    {
    	color: #191817;
    }
    
    .news main a,
    .article p a
    {text-decoration:underline;}
    .slider .text-holder h2
    {
    	color: #191817;
    	font-family:"Jost", ui-sans-serif, system-ui, sans-serif;
            font-size: 3rem;
        line-height: 3.5rem;
    font-weight: 500;
    letter-spacing: -.6px;
    margin-bottom:10px;
    text-shadow: -1px 0px 18px #ffffff;
    }
      
    .slider   .text-white h2
    {
    	color: #fff;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -.6px;
    margin-bottom:10px;
    }
    
.slick-slider-dots .slick-dots button{
      font-size: 0;
      width: 12px;
      height: 12px;
          background-color: rgb(255 255 255 / 52%);
      border-radius: 50%;
      border: 2px solid #191817;
      padding: 5px;
}

.slick-slider-dots .slick-dots .slick-active button{
	
	background-color:#fff;
	}

.main-slick .slick-slide {
 
    position: relative;
}

.slider-holder
{position:relative;}
.slick-slider-dots
{text-align:right; 
 position:absolute;
	top:90%;
	right:150px;} 
.slick-slider-dots .slick-dots li
{display:inline; margin:1px;}



 

*{box-sizing:border-box;}
a{border:none;} 
.btn-beta-primary{
	display:inline-block;
	position:relative;
	font-size:1rem;
	min-width:140px;
	text-transform:none;
	text-align:center;
	text-decoration:none;
	font-weight:500;
	letter-spacing:0px;
	line-height:1.15;
	border:2px solid transparent;
	cursor:pointer;
	color:rgb(0, 0, 0);
	transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    padding: 10px 33px;
    border-radius: 24px;
    overflow: hidden;
    min-width: 140px;
    text-align: center;
    border-color: rgb(0, 0, 0);
    background-color: transparent;
}
 
 .btn-beta-primary-inverted
 {	display:inline-block;
	position:relative;
	font-size:1rem;
	min-width:140px;
	text-transform:none;
	text-align:center;
	text-decoration:none;
	font-weight:500;
	letter-spacing:0px;
	line-height:1.15;
	border:2px solid transparent;
	cursor:pointer; 
	transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    padding: 10px 33px;
    border-radius: 24px;
    overflow: hidden;
    min-width: 140px;
    text-align: center;
    border-color: rgb(0, 0, 0); 
 	background-color:#191817;
 		color:#fff;
    	text-decoration:none;
 }
 
 	.btn-beta-primary:hover,
 	.btn-beta-primary.active
 	{
 			background-color:#191817;
 		color:#fff;
    	text-decoration:none;
 	}
 	
 	
 .btn-beta-primary.white
 {border-color:#fff;
 	color:#fff;}
 	.btn-beta-primary.white:hover,
 	.btn-beta-primary-inverted:hover
 	{
 		background-color:#fff;
 		color:#191817;
    	text-decoration:none;
 	}
 	
 	
 	.btn-semibig
 	{
 		    padding: 13px 38px;
 	}
 	.menu {
	position: relative;
    display: inline-block;
    width: 34px;
}
.menu span {
	margin: 0 auto;
	position: relative;
	top:-6px;
}
.menu span:before, .menu span:after {
	position: absolute;
	content: '';
}
.menu span, .menu span:before, .menu span:after {
    width: 30px;
    height: 2px;
    background-color: #191817;
    display: block;
}
.menu span:before {
	margin-top: -8px;
}
.menu span:after {
	margin-top: 8px;
}
/* --- btn --- */
 
.example5 span {
	-webkit-transition-duration: 0s; transition-duration: 0s;
	-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.example5.active span {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.example5 span:before {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.example5.active span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.example5 span:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.example5.active span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}

 	.main-slick.slick-initialized .slick-slide:before
 	{
 		display:block;
 		content:" ";
 		background:linear-gradient(to bottom, transparent 0%, black 100%);
 		position:absolute;
 		height:150px;
 		z-index:0;
 		bottom:0;
 		width:100%;
 		
 	}
 	
 	.main-products .category a
 	{ display:block;
    height: 316px;
    margin-bottom: 27px;
 		background-color:#f2f2f2;
 	}
 	
 	 	.main-products .category h2
 	 	{
 	 		position:absolute;
    color: #fff;
    z-index: 99;
    bottom: 10px;
    text-align: center;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
 	 	}
 	 		.main-products .category a
 	 		{position:relative;overflow:hidden;}
 	.main-products
 	{
 		text-align:center; 
    margin-top: 70px;}
    
    
    
.main-products .category img {
	width:auto;
  transform: scale3d(1, 1, 1);
  transition: transform 1s ease-in-out;
}

.main-products .category:hover img,
.main-products .category:focus img,
.main-products .category:focus ~ .card-image img,
.main-products .category:hover ~ .card-image img {
  transform: scale3d(1.05, 1.05, 1);
  transition: transform .5s ease-in-out;
}


 

 
@media (min-width: 64rem){
.bpzKIn{padding-left:36px;padding-right:36px;}
}
.bpzKIn.a-container{width:100%;max-width:1512px;margin-left:auto;margin-right:auto;}
.bpzKIn.a-container.-padded{padding-top:30px;padding-bottom:30px;}
@media (min-width: 64rem){
.bpzKIn.a-container.-padded{padding-top:60px;padding-bottom:60px;}
}
.hero-product.m-textAndImage{display:block;height:100%;}
.hero-product{position:relative;}
.hero-product .backgroundImageWrapper{height:120vh;width:100%;}
@media (min-width: 64rem){
.hero-product .backgroundImageWrapper{height:150vh;}
}
.hero-product .backgroundImageWrapper.is-compact{height:75vh;}
.hero-product .backgroundImageWrapper::after{content:"";position:absolute;background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);transition:all 0.3s ease 0s;z-index:1;}
.hero-product .backgroundImageWrapper.--left::after{width:50%;height:100%;left:0px;background:linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);}
.hero-product .content_container{position:absolute;top:0px;height:100%;width:100%;}
.hero-product .o-overlay_immersive_container{height:100%;padding:0px;position:relative;}
.hero-product .o-overlay_immersive_container.a-container{max-width:1700px;}
.hero-product .o-overlay_immersive_container .overlay_immersive_content{position:absolute;width:100%;z-index:2;padding:48px 32px;}
@media (min-width: 64rem){
.hero-product .o-overlay_immersive_container .overlay_immersive_content{max-width:772px;}
}
@media (min-width: 48rem){
.hero-product .o-overlay_immersive_container .overlay_immersive_content{padding:80px 86px;}
}
.hero-product .o-overlay_immersive_container .overlay_immersive_content .overlay_immersive__title{color:rgb(255, 255, 255);margin-bottom:24px;}
.hero-product .o-overlay_immersive_container .overlay_immersive_content .overlay_immersive__description{color:rgb(255, 255, 255);margin-bottom:24px;}
.hero-product .o-overlay_immersive_container .overlay_immersive_content.center_left{top:50%;left:0px;transform:translate(0px, -50%);}




.gLieQg .h2{color:rgb(0, 0, 0);}
.gLieQg p{color:rgb(85, 85, 85);}
  
.hero-product .o-overlay_immersive_container .overlay_immersive_content.center_right{top:50%;right:0px;transform:translate(0px, -50%);}
 

.hero-info .center_right{top:50%;right:0px;transform:translate(0px, -50%);}
.hero-info .center_left{top:50%;left:0px;transform:translate(0px, -50%);}


 


.bg-beogrey15
{
	background-color: #ebe8e5;
}

.bg-beogrey125
{
	background-color: #F5F4F3;
	
}

.pt-50
{padding-top:50px;}
.pb-50
{padding-bottom:50px;}



.pt-10
{padding-top:10px;}
.pb-10
{padding-bottom:10px;}

.pt-15
{padding-top:15px;}
.pb-15
{padding-bottom:15px;}


.text-right
{text-align:right;}

.mother-company
{margin-top:20px;} 
.footer-menu ul,
.footer-menu-second ul,
.social-menu ul
{list-style:none;}
.footer-menu ul li a,
.footer-menu-second ul li a
{
	color:#fff;
	text-decoration:none;
	font-size:18px;
	display:inline;
	width:100%;
	height:100%;
	line-height:32px;
	 position: relative;
}
.overflow-hidden
{overflow:hidden;}
.social-menu
{margin-bottom:30px;}
.social-menu ul li
{display:inline;}
.social-menu ul li img
{width:50px;}
.social-menu ul li a:hover
{opacity:.8;
    	text-decoration:none;}
.footer-menu-second ul li a
{
	font-size:14px;
	line-height:31px;
}
.footer-menu ul li a:hover:after,
.footer-menu-second ul li a:hover:after,
.footer-menu ul li a.active:after,
.footer-menu-second ul li a:active:after {
     visibility: visible;
  width: 100%;
}
.footer-menu ul li a:after,
.footer-menu-second ul li a:after {
    content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #FFF;
  visibility: hidden;
  transition: all 250ms ease-in-out;
}

footer .phone a,
footer .email a
{color:#fff;}

footer a:hover
{text-decoration:underline;}

.products-view 
{margin-bottom:90px;}

.products-view .product .product-image-holder
{background-color:#F5F4F3;margin-top:23px;min-height:336px;overflow:hidden;}
  
.basketcount
{display:block;
	position:absolute;
	top:-10px;right:-5px; 
	border-radius:4px;
	background-color: #191817;
    color: #fff;
    font-size: 10px;
    padding: 3px 6px;
    line-height: 10px;
	color:#fff;}  
.products-view.cols-3 .product .product-image-holder  
{background-color:#F5F4F3;margin-top:0px;
min-height:444px;	
}
  
.products-view.cols-3 a img
{
	max-height:444px;
}  
  
.products-view.cols-3 .product
{
    margin-bottom: 40px;
}  
   
   .m-filterTabs__list li
   {min-width:200px;}
@media all{
div.variations_form.cart.in_loop{display:none;}
.select_option{display:inline-block;border:1px solid #d6d3d3;margin-right:3px;position:relative;}
.select_box:not( .on_ptab ) .select_option:hover,.select_option.selected{border-color:#999595;    box-shadow: 2px 2px 3px -2px #000;}
.select_option .yith_wccl_value{border:2px solid #fff;display:block;min-width:27px;height:27px;text-decoration:none;line-height:27px;text-align:center;cursor:pointer;}
.select_option .yith-wccl-bicolor{width:0;height:0;border-bottom:23px solid;border-left:23px solid;display:block;}
.select_option .yith_wccl_tooltip{position:absolute;font-size:12px;line-height:14px;text-align:center;box-sizing:border-box;opacity:0;width:100px;margin-left:-50px;z-index:99;left:50%;transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms;pointer-events:none;}
.select_option .yith_wccl_tooltip span:after{content:'';border:5px solid transparent;width:1px;height:1px;position:absolute;left:50%;margin-left:-5px;}
.select_option .yith_wccl_tooltip.top{bottom:100%;padding-bottom:10px;}
.select_option .yith_wccl_tooltip.top span:after{bottom:-10px;}
.select_option .yith_wccl_tooltip.fade{opacity:0;}
.select_option:hover .yith_wccl_tooltip.fade{opacity:1;}
.select_option:hover .yith_wccl_tooltip{transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms;}
.select_option .yith_wccl_tooltip > span{display:inline-block;position:relative;height:auto;width:auto;max-width:100%;border-radius:3px;padding:3px 6px;}
.product .variations_form.cart{margin:5px 0;}
.product .variations_form.cart div.variations{margin-bottom:5px;}
.product .select_option .yith_wccl_value{min-width:20px;height:20px;line-height:17px;margin:0;max-width:26px;}
.product .select_option .yith-wccl-bicolor{border-bottom:16px solid;border-left:16px solid;}

.product .stock {
    font-size: 0.72em;
    margin: 0;
    color: #766e68;
    margin-top: 10px;
    margin-bottom: 6px;
}
/*! CSS Used from: Embedded */
.select_option .yith_wccl_tooltip > span{background:#222222;color:#ffffff;}
.select_option .yith_wccl_tooltip.top span:after{border-top-color:#222222;}

@media all{
*,:after,:before{box-sizing:border-box;} 
img{border-style:none;height:auto;max-width:100%;}
 
select{font-family:inherit;font-size:1rem;line-height:1.5;margin:0;}
select{width:100%;border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;}
select:focus{border-color:#333;}
select{text-transform:none;}
select{display:block;}
li,ul{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
}
.products-view .product a img:hover {
    transform: scale(1.04);
}
.products-view .product a img {
    transition: .5s ease all;
    max-height: 336px;
    width: auto;
    margin: 0 auto;
    max-width:103%;
    display: block;
} 

.title-text
{
	padding:0;
}

.title-text a
{color:#191817;
	font-weight:600;}

.filter-list
{padding:0;}

.category-filter h2
{
	font-weight:600;
	font-size:46px;
	color:#191817;
    letter-spacing: -.02rem;
}
.filter-list
{list-style:none;}
.filter-list li
{display:inline; margin-right:12px;}

.bg-beoblack
{background-color:#191817;}
.select_option,.select_option .yith_wccl_value{border-radius:100%;xoverflow:hidden;min-width:24px;height:26px;}
.select_option .yith_wccl_value{min-width:24px;height:24px;overflow:hidden;}
.product .select_option .yith_wccl_value{border-radius:100%;overflow:hidden;min-width:24px;height:24px;border-width:3px;}
.select_option .yith-wccl-bicolor{border-bottom:20px solid;border-left:20px solid;}
.product .select_option .yith-wccl-bicolor{border-bottom:18px solid;border-left:18px solid;}
select{xwidth:140px;height:35px;padding:4px;padding-left:10px;box-shadow:0 0 0 1px #999;border-radius:0;border:none;outline:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-align:center;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggc3Ryb2tlPScjNmI3MjgwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS41JyBkPSdtNiA4IDQgNCA0LTQnLz48L3N2Zz4=);background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;}
  
.spacer-100
{margin-top:100px;}
.spacer-90
{margin-top:90px;}
.spacer-80
{margin-top:80px;}
.spacer-70
{margin-top:70px;}
.spacer-60
{margin-top:60px;}
.spacer-55
{margin-top:55px;}
.spacer-50
{margin-top:50px;}
.spacer-40
{margin-top:40px;}
.spacer-30
{margin-top:30px;}
.spacer-20
{margin-top:20px;}
.spacer-10
{margin-top:10px;}

 .p-80
 {padding:80px;}
 .p-60
 {padding:60px;}
 .p-130
 {padding:130px;}
 .mlr-50
 {margin-left:50px;
 	margin-right:50px;}
 .plr-50
 {
 	padding-left:50px;
 	padding-right:50px;
 }
 .mb-90
 {margin-bottom:90px;}
 
 .mb-80
 {margin-bottom:80px;}
 
 .mb-70
 {margin-bottom:70px;}
 
 .mb-60
 {margin-bottom:60px;}
 .mb-50
 {margin-bottom:50px;}
 
 .mb-40
 {margin-bottom:40px;}
 
 .mb-30
 {margin-bottom:30px;}
 
 .mb-25
 {margin-bottom:25px;}
 .mb-20
 {margin-bottom:20px;}
 
 .mb-15
 {margin-bottom:15px;}
 
 .mt-90
 {margin-top:90px;}
 
 .mt-80
 {margin-top:80px;}
 
 .mt-75
 {margin-top:75px;}
 
 .mt-70
 {margin-top:70px;}
 
 .mt-50
 {margin-top:50px;}
 
 .mt-40
 {margin-top:40px;}
 
 .mt-30
 {margin-top:30px;}
 
 .mt-25
 {margin-top:25px;}
 
 .mt-20
 {margin-top:20px;}
 
 .mt-15
 {margin-top:15px;}
 
 
  
 .pl-90
 {padding-left:90px;}
 
 .pl-80
 {padding-left:80px;}
 
 .pl-75
 {padding-left:75px;}
 
 .pl-70
 {padding-left:70px;}
 
 .pl-50
 {padding-left:50px;}
 
 .pl-40
 {padding-left:40px;}
 
 .pl-30
 {padding-left:30px;}
 
 .pl-25
 {padding-left:25px;}
 
 .pl-20
 {padding-left:20px;}
 
 .pl-15
 {padding-left:15px;}
 
 .pl-10
 {padding-left:10px;}
 
 .pl-5
 {padding-left:5px;}
 
 .pl-3
 {padding-left:3px;}
 
 
  
 .pr-90
 {padding-right:90px;}
 
 .pr-80
 {padding-right:80px;}
 
 .pr-75
 {padding-right:75px;}
 
 .pr-70
 {padding-right:70px;}
 
 .pr-50
 {padding-right:50px;}
 
 .pr-40
 {padding-right:40px;}
 
 .pr-30
 {padding-right:30px;}
 
 .pr-25
 {padding-right:25px;}
 
 .pr-20
 {padding-right:20px;}
 
 .pr-15
 {padding-right:15px;}
 
 .pr-10
 {padding-right:10px;}
 
 .pr-5
 {padding-right:5px;}
 
 .pr-3
 {padding-right:3px;}
 
 
 .pl-1
 {padding-left:1em;}
 
 .pl-2
 {padding-left:2em;}
 
 .no-gutter *
 {padding:0;}
 
 
 .footer-logo
 {padding-top:5px;}
 footer .phone
 {margin-top:5px;}
 
   	.slider-nav-container { position: absolute; bottom: 20px; left: 0; right: 0; z-index: 3; text-align: center; > .slider-nav { display: inline-block; 
     		.slick-dots { margin: 0 20px; position: relative; bottom: auto; width: auto; height: 10px; display: inline-block; 
     	li { position: relative; button { background-color: #ffffff; } &.slick-active { button { background-color: #fcb813; } } } } 
     		.slick-prev, .slick-next { position: relative; left: auto; right: auto; display: inline-block; color: #ffffff; &:hover:before { color: #000; opacity:1; cursor:pointer;} } .slick-prev { float: left; } .slick-next { float: right; } } }
      
.product-slider .slick-slide img {

    max-height: 65vh;
}
.cross-price
{
	color:#7d7d7d;
	display:inline; 
	 text-decoration: line-through;
	}
.slick-track {
  display: flex;
}
.slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 40px; line-height: 1; color: #191817; opacity: 0.45; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }   

.acc-item a
{color:#191817;font-weight:500;text-decoration:underline;}
.acc-item a:hover
{color:#000}
 #toggleLink:hover
 {text-decoration:underline!important;}
.slick-prev:before { content: "‹"; }
[dir="rtl"] .slick-prev:before { content: "›"; }

[dir="rtl"] .slick-next { left: -10px; top: 70px; right: auto; }
.slick-next:before { content: "›"; }
[dir="rtl"] .slick-next:before { content: "‹"; }    
.product-slider .slick-dots{height:30px;margin:17px 0px 0px;padding:0px;text-align:center;font-size:0rem;}
.product-slider .slick-dots li{height:100%;padding-bottom:10px;display:inline-block;vertical-align:bottom;}
.product-slider .slick-dots li button{cursor:pointer;height:100%;width:2px;font-size:0rem;text-indent:-999px;padding:0px 3px;border:0px;position:relative;background-color:transparent;}
.product-slider .slick-dots li button::before{content:"";position:absolute;bottom:3px;left:2px;width:2px;height:7px;background-color:rgb(229, 229, 229);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.product-slider .slick-dots li button:focus{border-radius:1px;box-shadow:rgb(48, 130, 253) 0px 0px 0px 1px, rgb(191, 222, 251) 0px 0px 0px 3px;outline:none;}
.product-slider .slick-dots li button:focus:not(.focus-visible){box-shadow:none;outline:none;}
.product-slider .slick-dots li button:hover,.product-slider .slick-dots li button:active{outline:none;}
.product-slider .slick-dots li button:hover::before,.product-slider .slick-dots li button:active::before{background-color:rgb(25, 24, 23);}
.product-slider .slick-dots li.slick-active button::before{height:11px;transform:translateY(-2px);background-color:rgb(25, 24, 23);}
  #product-slider {
    
    opacity: 0;
    transition: opacity 1s ease-in-out;  
  }
 
 
 .product-text
 {    line-height: 2.4em;
    font-size: 19px;
    font-weight:200;
    letter-spacing: -0.3px;}
    
    .video-block h4
    {font-weight:500}
 .newsletter-block h2
    {
    	color: #191817;
    font-size: 48px;
    font-weight: 600; 
    margin-bottom:25px;
    }
 .newsletter-block p
 {line-height:19px;}
 
 a
 {text-decoration:none;}
 h3
 {
    font-size: 34px;
    font-weight: 600;
    line-height: 34px;}
     h1
 {
    font-size: 57px;
    font-weight: 600;
    line-height: 34px;}
    .float-right
    {float:right}
    .fs-32
    {font-size:32px;}
    .fs-20
    {font-size:20px;}
    .fs-16
    {font-size:16px;}
  	.fs-15
    {font-size:15px;}
 		.fs-12
    {font-size:12px;}
    .fs-14
    {font-size:14px;}
    .fs-13
    {font-size:13px;}
        .fs-18
    {font-size:18px;}
        .fs-45
    {font-size:45px;}
    .ls-15
    {
    	letter-spacing:.15rem;
    }   .ls--15
    {
    	letter-spacing:-.15rem;
    }
    .fw-400
    {font-weight:400;}
      .fw-600
    {font-weight:600;}
    .sticker
{
	display: block;
    position: absolute;
    top: 195px;
    left: 50px;
}
    .big-button
    {
    	font-size:28px;
    padding: 20px 60px;
    border-radius: 100px;
    }
    .js-check {
    position: relative;
    cursor: pointer;
}
    .box {
    padding: 5px;
    background: #fff;
    border-radius: 0.37rem;
    border: 1px solid rgba(0, 0, 0, .1);
    padding-right:20px;
}
    .js-check.box {
    width: 100%;
    border-width: 1px;
    
}
  .js-check.box h6
  {
  	margin-top:5px;
  }
  .m400
  {max-width:400px;}
  
  .mul-items .col-6 .ch
  {
  	display:block;
  margin:0 auto;
    max-width: 400px;
  }
  .imtele.m-textAndImageRight.-fiftyFifty .textAndImageTextWrapper
  {
  	padding-left:60px;
  }
  .imtele.m-textAndImageLeft.-fiftyFifty .textAndImageTextWrapper
  {
  	padding-right:60px;
  }
.shipbox .form-group,
.payment-methods .form-group
{margin:5px;}

.shipbox .js-check.box,
.payment-methods .js-check.box
{
	min-height:67px;
	}

.js-check input[type=radio]
{
	width:20px;
	height:20px;
	margin-top:15px; 
	margin-left:8px;
}

    .js-check.active {
    border-color: #a6a6a6;
}
    .btn-darken
    {
    	background-color: #191817;
    	color:#fff;
    }
     .btn-darken:hover
    {
    	background-color: #fff;
    	color:#191817;
    	text-decoration:none;
    }
     
   
   body.product .text-holder .btn
   {
   	min-width:222px;
   }
  @media (min-width: 48rem) {
    .imtele.m-textAndImage.-fiftyFifty .textAndImageTextWrapper {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}    
   
   .imtele.m-textAndImage .image-clickable
   {padding:10px;}   
      
.text-holder .table table
{width:100%;}
.text-holder .table tbody, 
.text-holder .table td, 
.text-holder .table tfoot, 
.text-holder .table th, 
.text-holder .table thead, 
.text-holder .table tr
{vertical-align: baseline;}
      
.breadcrumbs a,
.breadcrumbs .separator
{ 
	font-size:16px;
	font-weight:500;
	letter-spacing:-1px;
}
.breadcrumbs .separator
{margin-left:3px;margin-right:3px;display:inline-block;}

      
      
      
      
      .page-checkout .card.box
      {background: #f8f8f8; 
    border: 0;}
      
      
      
 
 
 

.product-slider
{padding:3rem;}

.product-slider .slick-slide img
{margin:2rem auto;}





.pa-3
{
	    padding:0 3em;
}
.pa-12
{
	    padding:0 12em;
}

 
  
  .product-carousel
  {margin-bottom:40px;}
  
	.product-carousel .slider-nav-container { position: absolute; left: 0; right: 0; bottom:-50px; z-index: 3; text-align: center; > .slider-nav { display: inline-block; 
     		.product-carousel .slick-dots { margin: 0 20px; position: relative; top: 20px; bottom: auto; width: auto; height: 10px; display: inline-block; 
     	li { position: relative; top: 3px; button { background-color: #ffffff; } 
     	&.slick-active { button { background-color: #fcb813; } } } } 
     		 .product-carousel .slick-prev,  .product-carousel .slick-next { position: relative; left: auto; right: auto; display: inline-block; color: #ffffff; &:hover:before { color: #000; opacity:1; cursor:pointer;} } .slick-prev { float: left; } .slick-next { float: right; } } }
      
  .product-carousel .slick-dots{height:30px;margin:17px 0px 0px;padding:0px;text-align:center;font-size:0rem;}
.product-carousel .slick-dots li{height:100%;padding-bottom:10px;display:inline-block;vertical-align:bottom;}
.product-carousel .slick-dots li button{cursor:pointer;height:100%;width:2px;font-size:0rem;text-indent:-999px;padding:0px 3px;border:0px;position:relative;background-color:transparent;}
.product-carousel .slick-dots li button::before{content:"";position:absolute;bottom:3px;left:2px;width:2px;height:7px;background-color:rgb(229, 229, 229);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.product-carousel .slick-dots li button:focus{border-radius:1px;box-shadow:rgb(48, 130, 253) 0px 0px 0px 1px, rgb(191, 222, 251) 0px 0px 0px 3px;outline:none;}
.product-carousel .slick-dots li button:focus:not(.focus-visible){box-shadow:none;outline:none;}
.product-carousel .slick-dots li button:hover,.product-slider .slick-dots li button:active{outline:none;}
.product-carousel .slick-dots li button:hover::before,.product-slider .slick-dots li button:active::before{background-color:rgb(25, 24, 23);}
.product-carousel .slick-dots li.slick-active button::before{height:11px;transform:translateY(-2px);background-color:rgb(25, 24, 23);}
 
 
 .order-summary
 {padding:20px;}
 
 
 
 .mobile_nav .social-menu
 {
    display: flex; 
    margin:10px 30px;
 }
 
 .mobile_nav .social-menu li img
 {
    width:25px;
 }
 
 
 
@media (max-width:1860px) {
	
	 .main-products
    {margin-right:-50px;}
   .slider
   {max-width:825px}      
	
}   

@media (max-width:1790px) {
	  
    	.main-products .category a {
    height: 301px;
  }
  
.main-products {
    margin-left:-25px;
    margin-right: 0px;
} 

.slider   { 
    max-height: 547px; 
    margin-left:-4%;
}

    }
     
@media (max-width:1700px) {
	  
  
.main-products {
    margin-left:-25px;
    margin-right: 0px;
} 

.slider   { 
    margin-left:-5%;
}

    }
     
     
@media (max-width:1600px) {
	
	  	.main-products .category a {
    height: 268px;
  }
  
	.main-products .category img
	{
    height: auto;
    max-width: 320px;}
    
    .navbar-expand-md .navbar-nav .nav-link {
    padding-left: 25px;
    }
}     
@media (max-width:1790px) {
	
	.slider .slide img
	{max-width:unset;}
	
	.main-slick.slider .slide img,
	.main-slick .slick-track,
	.main-slick.slider,
	.main-slick.slick-initialized .slick-slide
	{
		height:629px;
	}
}    
    
   
@media (max-width:1600px) {
	
	 
	.slider .slide img
	{max-width:unset;}
	
	.main-slick.slider .slide img,
	.main-slick .slick-track,
	.main-slick.slider,
	.main-slick.slick-initialized .slick-slide
	{
		height:563px;
	}
}    
    
    
    
    
@media (max-width: 1400px) { 
	
	.navbar .container
	{
		padding:0;
		margin:0;
	  max-width: 1350px;
	} 
	.navbar-expand-md .navbar-nav .nav-link
	{font-size:14px;}
	 
.main-products {
    margin-left: -30px;
    margin-right: 0px;
}
	 
	  }


@media (max-width: 1350px) { 
	
	.pa-12
	{
		padding:0 1em;
	}
	.main-products .category a {
    height: 146px;
}
.navbar-expand-md .navbar-nav .nav-link {
    padding-left: 20px;
  }
.products-view .product .product-image-holder {
    min-height: 272px;
}
.products-view .product a img {
    max-height: 256px;
    }
.slider {
    max-height: unset;
    max-width:unset;
    margin-left:0;
}
.main-slick.slider .slide img,
	.main-slick .slick-track,
	.main-slick.slider,
	.main-slick.slick-initialized .slick-slide
	{
		height:665px;
	}
	 
   
}
 
 
	.social-menu-small
				{float:left;}
				.social-menu-small 
				{
					    list-style: none;
				}
		.social-menu-small li {
    display: inline;
    line-height: 54px;
}.social-menu-small li:hover {
    opacity:.6
}
	.social-menu-small li img {
    width:30px;
}



@media (max-width: 1230px) { 
.icon-menu li {
    padding: 4px;
    }
}


@media (max-width: 1200px) { 
	.icon-menu svg
	{width:25px!important}
	.location {
    font-size: 16px;
}
	.p-md-50
	{padding:50px}
	
	.navbar-expand-md .navbar-nav .nav-link {
    padding-left: 12px;
    padding-right: 12px;
}
.main-products {
    margin-left: -17px;
    margin-right: 0px;
}

.main-products .category a img { 
    margin-top: -15px;
}
.social-menu-small li img
	{width:20px;}
	.big-button {
    padding: 20px 31px;
    }
	 .navbar
	 {padding:0;}
	 }
 

.icon-menu li.opencart
{border-right:0;}
@media (max-width: 992px) { 
	
.navbar-expand-md .navbar-nav .nav-link
{font-size:12px;}
	.p-sm-30
	{padding:30px}

.social-menu-small li { 
    line-height: 64px;
}

	.social-menu-small li 
				{float:left; padding:0 2px;}
	.newsletter-button
	{
		width:33.3333333%;
		
	}
	.hero-info .text-holder h3
	{
		font-size: 22px;
		line-height:25px;
	}
    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 25px;
    }
.icon-menu {
    margin-top: 23px;
  }
.vertical-divider {
    padding-left: 20px;
    margin-right: 20px;
   }
   .location {
    font-size: 15px;
}
.main-products .category img {
 width:auto;
    height: auto;
    max-width: unset;
}
.main-products {
    margin-left: -17px;
    margin-right: 0px;
}
.main-products .category h2 {
    
    font-size: 20px;
  }
  .icon-menu
  {
        margin-top: 0;}
.icon-menu li {
    padding: 0px;
    border:0;
        line-height: 70px;
   }
   
   
   .slider .text-holder h2
   {
    text-shadow: 0 0 3px #b7b7b7;}
    
    .main-slick.slick-initialized .slick-slide:before
    {
    height: 230px;}
	}
	
	

@media (max-width: 850px) { 
		.main-products {
    margin-left: -22px;
    margin-right: 0px;
}

body
{padding-top:5rem;}
.main-products .category a img {
    margin-top: 0px;
}
	.navbar {
    padding-top: 5px;
}
}
	
@media (max-width: 768px) { 

h1 {
    font-size: 36px;
    line-height: 1.2;
}
.pt-50{padding-top:25px;}
.pb-50{padding-bottom:25px;}

.mother-company {
    margin-top: -25px;
}
	.slider-holder
	{ width:100%;
    margin-left: -15px;
}
.slider .text-holder {
    margin-left: 24px;
   }
 
 
 .footer-address-holder,
 .footer-logo
 {text-align:left;
 	margin:0;}
 
 
 .social-menu ul
 {text-align:left}
 
 .social-menu
 {margin-bottom:35px;margin-top:25px;}

.icon-menu li {
    
    border-right: 0; 
    padding: 4px 10px 0px 10px;
    }
.slider
{
    margin-top: 40px;
    margin-left: 15px;
    max-width: 100%;
    overflow: hidden;
    height: 500px;}
	 .main-slick.slider .slide img,.main-slick .slick-track, .main-slick.slider, .main-slick.slick-initialized .slick-slide {
    height: 500px;
}
	.main-products .category
	{width:50%;}
	.main-categories,
	.main-products
	 {
    width: 100%;
    margin:unset;
    margin-top:25px;
} 
	.navbar-expand-md .navbar-nav .nav-link
	{padding: 5px 10px;}
	.vertical-divider {
    padding-left: 15px;
    margin-right: 15px;
    }
    .location {
    font-size: 17px;
}


    	.main-products .category a {
    height: 225px;
}
.main-products .category a img
{width:100%;
	height:auto;
    margin-top: 0px;
    max-width: unset;}

.icon-menu li.non-sm
{    border-right: 0;
	padding-right:4px;}
.navbar {
    padding-top: 5px;
}
.main-categories, .main-products {
padding:0;
    margin-top: 10px;
}
.slider {
    margin-top: 10px;
  }
  .newsletter-button
	{
		width:100%;
		
	}
  .big-button { 
    font-size: 20px;
}
	}
    
    @media (max-width: 576px) { 

    	.main-products .category a {
    height: 145px;
}
  
  .copyright
  {font-size:10px;margin-bottom:10px;}
  
  footer .spacer-80,
  footer .spacer-90
  {margin-top:50px}
 .sticker {
    display: block;
    position: absolute;
    top: 86px;
    left: 30px;
    width: 102px;
}

.main-slick.slider
{
    height: 310px;}
.main-slick.slider .slide img,.main-slick .slick-track, .main-slick.slider, .main-slick.slick-initialized .slick-slide {
    height: 310px;
}
.main-slick.slider .slide img
{opacity:.9}
.main-slick.slick-initialized .slick-slide:before {
    height: 310px;
    }
.main-products .category a img
{
    margin-top: -25px;
  }
  
  	.main-products .category a {
    width:100%;
    height: auto;
}
  .main-products .category h2 {
    font-size: 16px;
}
.slick-slider-dots {
    text-align: right;
    position: absolute;
    bottom: 12%;
    right: 15px;
}
icon-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    }
.icon-menu li.non-sm,
.icon-menu li {
    padding: 4px 4px 0px 4px;
    
}
.icon-menu li svg {
     margin: -9px 1px 0px 5px;
    display: inline-block;
}
 	
.icon-menu li.last-item
{
	padding-left:8px;
}

.social-menu-small{
    
        display: none!important;
        
   }
   
	  }
 
 
 @media (max-width:360px)
 {
 	.slider .text-holder {
    
    max-width: 80%;
}

       
body
{padding-top:4.3rem;}

#product-slider
{
	padding:0;
}
.slider-nav-container
{
	bottom:0;
}
h1 {
    font-size:39px;
    }
.products-view .product a img {
    max-height: 302px;
}
.products-view
{padding:1rem;}
.product-slider .slick-slide img {
    max-height: 30vh;
}

 	.slider .text-holder h2 {
    font-size: 30px; 
    text-shadow: 0 0 1px #b7b7b7;
}

.icon-menu li.last-item
{
	padding-left:8px;
}
    .slider p
    {font-size:14px;}
    
    .slider .btn-beta-primary {
    font-size: .8rem;
    }
 	.main-slick.slider .slide img,.main-slick .slick-track, .main-slick.slider, .main-slick.slick-initialized .slick-slide {
    height: 291px;
}
.slider
{
	margin-top:0;
} 
  .navbar {
    padding-top: 0px;
}
.navbar-brand {
    padding-left: 0;
}
.navbar-brand svg {
    max-height: 40px;
}
.vertical-divider {
    padding-left: 5px;
    margin-right: 11px;
    border-width:1px;

}
.main-categories{
    margin-top: 5px;
}
 }
 
 @media (max-width:350px)
 {
 	.vertical-divider {
    padding-left: 1px;
    margin-right: 11px;
    border-width: 1px;
}
.location  {
  font-size:14px;
}

 }
 
 @media (max-width:300px)
 {
.location  {
  display:none;
}

 }
 h3 strong
 {font-size:17px;}
 
 .section-checkout .address-fields .form-group
 {
 	margin-bottom:20px;
 }
 .text-left
 {text-align:left;}
 
 
/* ====== Core layout ====== */
.hcset{padding:35px 0;}
.hcset__container{max-width:1040px;margin:0 auto;padding:0 18px;}
.hcset__grid{
  display:grid;
  grid-template-columns: 1fr 1.35fr;
  gap:44px;
  align-items:center;
}
.hcset.is-right .hcset__grid{grid-template-columns: 1.35fr 1fr;}
.hcset.is-right .hcset__copy{order:2;}
.hcset.is-right .hcset__visual{order:1;}

/* ====== Typography (B&O vibe: minimal, airy, smaller) ====== */
.hcset__title{
  font-size:26px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin:0 0 14px 0;
  color:#111;
  opacity:.9;
}
.hcset__content{
  font-size:15px;
  line-height:1.8;
  color:#111;
  max-width:420px;
}
.hcset__content p{margin:0 0 10px 0;}
.hcset__content p:last-child{margin-bottom:0;}
/* zoznam produktov v prvom odseku sprav “kompaktne” */
.hcset__content p:first-child{font-size:13px;line-height:1.6;opacity:.9;}

/* linky “➡️” nech nie sú modré a nepôsobia rušivo */
.hcset__content a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.18);}
.hcset__content a:hover{border-bottom-color:rgba(0,0,0,.55);}

/* ====== Meta row ====== */
.hcset__meta{
  margin-top:18px;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.hcset__discount{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.85;
}
.hcset__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  background:#111;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
  letter-spacing:.02em;
  transition:transform .12s ease, opacity .12s ease;
}
.hcset__btn:hover{transform:translateY(-1px);opacity:.92;}

/* ====== Visuals ====== */
.hcset__visual{display:flex;flex-direction:column;gap:16px;}
.hcset__hero{
  margin:0;
  border-radius:18px;
  overflow:hidden;
  background:#f3f3f3;
  box-shadow:0 14px 34px rgba(0,0,0,.10);
}
.hcset__heroImg{display:block;width:100%;height:auto;}

/* detail obrázok ako “produktová karta”, nie veľký biely blok */
.hcset__detail{
  margin:0;
  width:fit-content;
  max-width:360px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 26px rgba(0,0,0,.08);
  padding:12px 14px;
}
.hcset__detailImg{display:block;width:320px;max-width:100%;height:auto;}

/* zarovnanie detailu k “vonkajšej” hrane, aby to pôsobilo úmyselne */
.hcset.is-left .hcset__detail{margin-left:auto;}
.hcset.is-right .hcset__detail{margin-right:auto;}

/* ====== Section rhythm (odd/even) ====== */
/* jemné pásy pozadia robia stránku “luxusnejšou” a oddelia zostavy */
.hcset:nth-of-type(even){
  background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
}
.hcset:nth-of-type(even) .hcset__hero{box-shadow:0 14px 34px rgba(0,0,0,.08);}

/* ====== Mobile ====== */
@media (max-width: 920px){
  .hcset{padding:42px 0;}
  .hcset__grid{grid-template-columns:1fr;gap:18px;}
  .hcset.is-right .hcset__copy{order:0;}
  .hcset.is-right .hcset__visual{order:0;}
  .hcset__content{max-width:none;}
  .hcset__detail{max-width:100%;}
  .hcset__detailImg{width:100%;}
}
.hcset__btn:hover
{color:#fff;}

@media (max-width: 920px){

  .hcset{padding:30px 0;}

  /* jednotné správanie pre is-left aj is-right */
  .hcset.is-right .hcset__grid,
  .hcset.is-left  .hcset__grid{
    display:grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "hero"
      "content"
      "detail"
      "meta";
    gap:16px;
    align-items:start;
  }

  /* zruš všetky order hacky (aby boli oba typy rovnaké) */
  .hcset__copy,
  .hcset__visual,
  .hcset__hero,
  .hcset__detail,
  .hcset__meta{
    order:0 !important;
  }

  /* pustíme hero+detail priamo do gridu */
  .hcset__visual{display:contents;}

  .hcset__copy{grid-area:copy;}
  .hcset__hero{grid-area:hero; margin:0;}
  .hcset__content{grid-area:content; max-width:none;}
  .hcset__detail{
    grid-area:detail;
    width:100%;
    max-width:520px;
    margin:0 auto;
  }
  .hcset__detailImg{width:100%;height:auto;}

  .hcset__meta{grid-area:meta; margin-top:6px;}
}


@media (max-width: 768px) {
  .navbar .row {
    flex-wrap: nowrap;
    overflow: hidden;
  }
  .navbar .col-9 {
    flex: 1;
    max-width: none;
    overflow: hidden;
  }
  .icon-menu {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
  }
  .icon-menu li {
    padding: 4px 6px 0 6px;
  }
}

.kEulxJ.m-filterTabs.m-subCategoryTabs {
  overflow: hidden;
}

body {
  overflow-x: hidden;
}