/* Jen stránka /kuchyne-na-mieru/ */
body.kuchyne-na-mieru ul.subcategories.with-image {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 sloupce */
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 20px 0;
}
.js-pdetail-unified .js-pdetail-right-top .p-detail-info{gap:10px;}
.flag{border-radius:8px;}
.stars-wrapper:before{display:none;}

/* zrušit bootstrapové šířky / floaty na li */
body.kuchyne-na-mieru ul.subcategories.with-image > li {
  float: none;
  width: auto;
  padding: 0;
}

/* karta – obrázek nahoře, text pod sebou */
body.kuchyne-na-mieru ul.subcategories.with-image > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  height: 100%;
}

/* obrázek prioritně, větší, centrovaný */
body.kuchyne-na-mieru ul.subcategories.with-image .image {
  display: block;
  margin-bottom: 10px;
}

body.kuchyne-na-mieru ul.subcategories.with-image .image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 220px;   /* můžeš doladit */
  border-radius: 8px;
}

/* text pod obrázkem */
body.kuchyne-na-mieru ul.subcategories.with-image .text {
  display: block;
  font-weight: 600;
  font-size: 15px;
}

@media (max-width: 991px) {
  body.kuchyne-na-mieru ul.subcategories.with-image {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  body.kuchyne-na-mieru ul.subcategories.with-image {
    grid-template-columns: 1fr;
  }
}

.news-item .image{
margin-right:0px;
}
.blog-wrapper .news-item{
width:auto;
}
/* === BLOK OBLÍBENÉ KATEGORIE – GRID === */
.homepage-blog-wrapper.row.blog-wrapper {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin: 40px 0;
  padding: 0;
  /* zrušíme bootstrap row odsazení */
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Nadpis uvnitř wrapperu – přes celou šířku */
.homepage-blog-wrapper .homepage-group-title {
  grid-column: 1 / -1;
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 16px;
}

/* Kartička */
.homepage-blog-wrapper .news-item {
  background: #f7f7f7;
  border-radius: 16px;
  padding: 18px 16px;
  text-align: center;
  transition: box-shadow .2s ease, transform .2s ease, background-color .2s ease;
  display: flex;
  height: 100%;
}

/* Uděláme z celého prvku klikací kartu */
.homepage-blog-wrapper .news-item > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

/* Hover efekt jako u Sconta */
.homepage-blog-wrapper .news-item:hover {
  background: #f1f1f1;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  transform: translateY(-3px);
}

/* Obrázkový blok nahoře – stejná výška u všech */
.homepage-blog-wrapper .news-item .image {
  width: 100%;
  height: 120px;
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Obrázek uvnitř – zarovnaný */
.homepage-blog-wrapper .news-item .image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Když článek obrázek nemá, pořád držíme místo */
.homepage-blog-wrapper .news-item:not(:has(.image)) .text {
  margin-top: 8px;
}

/* Titulek */
.homepage-blog-wrapper .news-item .title {
  display: block;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px;
}

/* „Čítať článok“ – jemnější */
.homepage-blog-wrapper .news-item .read-article {
  font-size: 13px;
  color: #999;
}

/* Trochu kompaktnější na mobilu */
@media (max-width: 600px) {
  .homepage-blog-wrapper.row.blog-wrapper {
    margin: 24px 0;
    gap: 12px;
  }

  .homepage-blog-wrapper .homepage-group-title {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .homepage-blog-wrapper .news-item {
    padding: 14px 12px;
  }

  .homepage-blog-wrapper .news-item .image {
    height: 100px;
  }
}
.blog-wrapper .news-item:nth-child(n+6):last-child{
margin-right:0px;
}




/* fixní horní lišta */
.header-top.is-fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-left:20px;
  padding-right:20px;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.12);
}

/* placeholder, který drží místo v layoutu, když je header fixní */
.header-top-placeholder {
  width: 100%;
  height: 0;
}




.homepage-box{
background-color:white;
}
.top-navigation-contacts a.project-phone:before{
display:none;
}
.top-navigation-contacts a.project-email:before{
display:none;
}
/* === ČERVENÁ IKONA PRO PŘIHLÁŠENÍ === */
.top-nav-button-login {
    /* Nastavíme flexbox, aby se ikona a text zarovnaly vedle sebe */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px; /* Mezera mezi ikonou a textem */
}

.top-nav-button-login::before {
    content: '';
    display: block;
    width: 18px;  /* Šířka ikony */
    height: 18px; /* Výška ikony */
    
    /* Zde je SVG kód červeného panáčka (fill='%23e60000') */
    /* Barva je nastavena na sytě červenou, můžeš změnit hex kód v URL níže */
    background-image: url("https://www.nejby.sk/user/documents/upload/ikony/person.svg");
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    /* Zajistí, že se ikona nezdeformuje */
    flex-shrink: 0;
}

/* Volitelné: Pokud chceš, aby byl i text červený po najetí myší */
.top-nav-button-login:hover span {
    color: #e60000;
    transition: color 0.3s ease;
}
.homepage-box{
border:none;
}

#navigation{
height:40px;
}

/* === PŘIŘAZENÍ IKON K POLOŽKÁM === */

/* 1. NÁBYTOK (ID 723) - Ikona křesla/pohovky */
.menu-item-723 > a::before {
    /* Zde je zakódované SVG křesla */
    background-image: url("https://www.nejby.sk/user/documents/upload/ikony/nabytok-8.png");
}

/* 2. MIESTNOSTI (ID 726) - Ikona domečku/pokojů */
.menu-item-726 > a::before {
    background-image: url("https://www.nejby.sk/user/documents/upload/ikony/miestnosti-8.png");
}

/* 3. AKCIE (ID 729) - Ikona procenta/slevy */
.menu-item-729 > a::before {
    background-image: url("https://www.nejby.sk/user/documents/upload/ikony/akcie-8.png");
    /* U akcí můžeme ikonu nechat barevnou stále */
    filter: grayscale(0%) !important;
}


/* 4. PRIVÁTNA ZNAČKA NEJBY (ID 984) - Ikona hvězdy/odznaku */
.menu-item-984 > a::before {
    background-image: url("https://www.nejby.sk/user/documents/upload/ikony/nejby-8.png");
    filter: grayscale(0%) !important;
}
/* === MODERNÍ MENU S IKONAMI === */

/* 1. Základní úprava odkazů v první úrovni */
.menu-level-1 > li > a {
    display: flex !important; /* Aktivuje flexbox pro zarovnání */
    align-items: center;      /* Vertikální střed */
    gap: 10px;                /* Mezera mezi ikonou a textem */
    padding: 10px 15px;       /* Vzdušnější padding */
    transition: all 0.3s ease; /* Plynulá animace pro hover */
}

/* 2. Definice prostoru pro ikonu (pseudo-element) */
.menu-level-1 > li > a::before {
    content: '';
    display: block;
    width: 24px;   /* Šířka ikony */
    height: 24px;  /* Výška ikony */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0; /* Zabrání smrsknutí ikony, když je málo místa */
    
    /* Výchozí zšednutí ikon (volitelné, pro elegantní vzhled) */
    opacity: 0.8; 
    filter: grayscale(100%); 
    transition: all 0.3s ease;
}

/* 3. Hover efekt - ikona se vybarví a text zvýrazní */
.menu-level-1 > li:hover > a {
    background-color: #f8f9fa; /* Jemné podbarvení při nájezdu */
    color: #000; /* Barva textu při hoveru */
}

.menu-level-1 > li:hover > a::before {
    opacity: 1;
    filter: grayscale(0%); /* Odbarvení zpět do barev */
    transform: scale(1.1); /* Jemné zvětšení ikony */
}

/* Úprava šipky pro submenu, aby nepřekážela */
.menu-level-1 > li > a .submenu-arrow {
    margin-left: 5px; /* Menší odsazení zleva */
}

.header-top>div:last-child{
  padding-right:30px;
  }
  .header-top{
  padding-top:5px;
  padding-bottom:5px;
  }
  .footer-rows .site-name{
  width:600px;
  }
  .footer-rows>.site-name>a>img{
  
  max-width:250px;
  }
  .footer-rows{
  border-radius:16px 16px 0px 0px;
  }
  #footer>.container{
  background-color:rgb(245, 242, 242);
  }
  .custom-footer{
  border-top-style:none!important;
  
  }
  .top-nav-button-login::before{
  width:25px;
  height:25px;
  }
  .carousel-inner{
  border-radius:16px;
  }
  .header-top{
  height:103px;
  }
  .p-image-wrapper .flags-extra .flag{
  min-height: -webkit-fit-content;
  }
  
  .flag.flag-discount {
      display: inline-flex !important;
      flex-direction: row !important;   
      flex-wrap: nowrap !important;     
      align-items: center !important;   
      justify-content: flex-start !important;
      width: auto !important;
      max-width: 100% !important;
      height: auto !important;
      background: #d8001b !important; 
      border: none !important;
      border-radius: 8px !important;
      padding: 5px !important;
      margin: 0 0 5px 10px !important;  
      box-shadow: none !important;
  }
  
  .flag.flag-discount .price-save {
      order: 1 !important;              
      color: white !important;           
      font-weight: 700 !important;
      font-size: 13px !important;
      
      padding: 4px 6px !important;      
      margin-right: 6px !important;     
      
      border-radius: 2px !important;    
      line-height: 1.2 !important;
      white-space: nowrap !important;   
  }
  
  
  .flag.flag-discount .price-standard {
      order: 2 !important;              
      
      color: white !important;           
      background: transparent !important;
      text-decoration: line-through !important; 
      font-size: 13px !important;
      font-weight: 400 !important;
      
      padding: 0 !important;
      margin: 0 !important;
      line-height: 1.2 !important;
      white-space: nowrap !important;   
  }
  
  
  .flag.flag-discount .price-standard span,
  .flag.flag-discount .price-save span {
       color: inherit !important;
  }
  input[type=search].form-control{
  border-radius:16px;
  }
  .compact-form .btn{
  border-radius:0px 16px 16px 0px;
  }
  .banners-row .banner-wrapper+.banner-wrapper{
  margin-top:23px;
  }
  .banners-row .banner-wrapper>a>img{
  border-radius:16px;
  }
  .carousel-inner>.item>a>img, .carousel-inner>.item>img{
  border-radius:16px;
  }
  
  .flag.flag-action {  
      display: block !important;    
      width: 30px !important;       
      height: 30px !important;      
      line-height: 30px !important; 
      box-sizing: border-box !important;
      border-radius: 50% !important;
      text-indent: -9999px;         
      overflow: hidden;             
      color: transparent !important;
      background-color: red;        
      background-image: url('https://www.nejby.sk/user/documents/upload/ikony/sale.svg') !important;
      background-size: cover !important; 
      background-repeat: no-repeat !important;
      background-position: center center !important;
      border: none !important;
      padding: 0 !important;
      box-shadow: none !important;
  }
  .products-page{
  gap:10px;
  }
  .add-to-cart-button{
  border-radius:10px;
  }
  .products-block.products>div{
  padding:0px;
  }
  .products-block .p{
  padding:20px;
  border-radius:16px;
  }
  #header .site-name a img{
  max-height:70%;
  }
  .products-block>div{
  border-right-style: none;
  border-top-style: none;
  }
  .products-block>div:nth-child(2n){
  border-right-style: none;
  }
  .p-desc{
  display:none;
  }
  #products-1-slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  
  #products-1-slider .products-viewport {
    overflow:hidden;
    
    width: 100%;
  }
  #products-1.custom-products-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px;
    margin: 0;
    padding: 0;
    transition: transform 0.35s ease;
  }
  #products-1.custom-products-track .product {
    flex: 0 0 calc(100% / 1); 
  }
  
  @media (min-width: 600px) {
    #products-1.custom-products-track .product {
      flex: 0 0 calc(100% / 2);
    }
  }
  @media (min-width: 900px) {
    #products-1.custom-products-track .product {
      flex: 0 0 calc(100% / 3);
    }
  }
  @media (min-width: 1200px) {
    #products-1.custom-products-track .product {
      flex: 0 0 calc(100% / 4);
    }
  }
  
  #products-1-slider .products-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    padding: 0;
    transition: box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  }
  #products-1-slider .products-arrow:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    transform: translateY(-50%) scale(1.05);
  }
  #products-1-slider .products-arrow--prev {
    left: 4px;
  }
  #products-1-slider .products-arrow--next {
    right: 4px;
  }
  #products-1-slider .products-arrow[disabled] {
    opacity: 0.4;
    cursor: default;
    box-shadow: none;
  }
  #products-1-slider .products-arrow::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
  }
  #products-1-slider .products-arrow--prev::before {
    transform: rotate(-135deg);
  }
  #products-1-slider .products-arrow--next::before {
    transform: rotate(45deg);
  }
  @media (max-width: 599px) {
    #products-1-slider .products-arrow {
      width: 30px;
      height: 30px;
    }
  }


.navigation-in>ul>li.ext>ul>li:hover{
  box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px!important;
  }
    .header-top {
      grid-template-columns: auto minmax(0, 2.5fr) 1fr auto;
      column-gap: 20px;
      display:grid!important;
    }
    .header-top .search {width: 100%;}
    #header .site-name a img {
      width: auto !important;     
      max-height: 60px;           
      height: auto;
    }
  .navigation-in>ul>li.ext>ul>li{
  background-color:white;
  border-radius:10px;
  flex-basis:24%!important;
  margin:0 auto;
  margin-top:10px;
  margin-bottom:10px;
  }
  .navigation-in ul.menu-level-2{gap:5px;}
  .menu-level-1 > li > a::before{
  filter: none;
  width:45px!important;
  }
  #manufacturer-filter{display:none;}
  .quantity .decrease{border-radius:0px 0px 10px 0px;}
  .quantity .increase{border-radius:0px 10px 0px 0px;}
  .add-to-cart .quantity{border-radius:10px!important;}
  .p-detail .add-to-cart .quantity{border-style:solid;}
  .next-step-finish{
  border-radius:16px;
  }
  .next-step-forward{
  border-radius:16px;
  }
  .toggle-contacts{
  border-radius:16px;
  }
  .cart-row{
  padding-top:30px;
  }
  ol.cart-header{
  border-radius:16px 16px 0px 0px;
  }
  .cart-content{
  border-radius:16px;
  }
  #continue-order-button{
  border-radius:16px!important;
  }
  .summary-wrapper{
  border-radius:16px;
  }
  .checkout-box-wrapper{
  border-radius:16px;
  }
  #cart-wrapper{
  padding-top:30px;
  }
  .lang-flag-circle {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle;
      margin-right: 6px; 
          transform: scale(1.4);
      transform-origin: center center;
  }
  .lang-text-visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
  }
  .promo-block-container{
  margin-bottom:0px!important;
  }
  .homepage-box{
  margin-bottom:0px;
  padding-bottom:0px;
  }
  .products-block.products-alternative>div:nth-child(3n){
  border-right-style:none;
  }
  .products-block.products-alternative>div:nth-child(2n){
  border-right-style:none;
  }
  .popup-widget.cart-widget{
  z-index:99999;
  }
  .active .shp-tab-link, .shp-tab-link{
  border-radius:6px 6px 0px 0px;
  }
  .shp-tabs-holder{
  border-radius:10px;
  }
  .add-to-cart-button{
  margin-left:10px;
  }
  .category-header{
  border-radius:10px;
  }
  .subcategories.with-image li a{
  border-radius:10px;
  }
  @media(max-width:798px){
  .header-top{
  display:none;
  }
  }
  .breadcrumbs>span>a:after, .breadcrumbs>span>a:before{
  height:45%;
  }
  .breadcrumbs>span>a:after{
  bottom:15%!important;
  }
  .breadcrumbs>span>a:before{
  top:8%!important;
  }
  #continue-order-button{
  border-radius:0px 0px 16px 16px;
  }
  .cart-widget-button{
  border-radius:0px 0px 16px 16px;
  background: rgba(255,255,255,0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  border-bottom-style:none;
  }
  .ui-slider .ui-slider-range{
  background-color:rgb(216, 0, 27)!important;
  }
  input[type=checkbox]+label:before{
  border-radius:4px;
  }
  .btn.btn-secondary{
  border-radius:10px;
  }
  
  #footer{
  margin-top:20px;
  }
  .products-block>div{
  width:32%;
  }
  .sidebar{
  margin-right:10px;
  border-radius:16px;
  
  }
  .footer-banner.col-sm-12.col-lg-12{
  padding-left:20px;
  padding-right:20px;
  }
  .breadcrumbs{
  margin-top:35px;
  margin-bottom:20px;
  border-bottom-style:none!important;
  }
  .menu-level-1 > li > a::before{
  width:31px;
  height:31px;
  }
  .navigation-in>ul>li>a{
  padding-top:12px;
  padding-bottom:12px;
  }
  .navigation-in>ul>li.ext.exp>ul{
  border-bottom-style:none!important;
  border-radius:0px 0px 16px 16px;
  }
  .navigation-in ul.menu-level-2
  {background: rgba(255,255,255,0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  border-bottom-style:none;
  
  }
  .content{
  padding-left:0px;
  padding-right:0px;
  }
  .col-sm-12{
  padding-left:0px;
  padding-right:0px;
  }
  #navigation{
  height:54px;
  border-radius:10px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  }
  .navigation-in>ul>li{
  border-left-style:none;
  }
  .navigation-in{
  background-color:rgb(245, 242, 242)!important;
  }
  .navigation-in>ul>li>a{
  color:black!important;
  font-size:15px;
  }
  .msg.msg-success {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      
      z-index: 9999;
      background: #2e7d32;           
      color: #fff;
      padding: 16px 24px;
      border-radius: 6px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.25); 
      max-width: 90vw;
      width: auto;
  }
  .msg.msg-success .container {
      margin: 0;
      padding: 0;
      width: 100%;
  }
  .msg.msg-success a {
      color: #fff;
      text-decoration: underline;
  }
  .msg.msg-success a:hover {
      text-decoration: none;
  }

  .subcategories li a{padding:10px;}
:where(.ums_forms_redesign--off) .discount-coupon input, :where(.ums_forms_redesign--off) .free-gifts-wrapper form{border-radius:12px;}
:where(.ums_forms_redesign--off) .discount-coupon form{gap:10px;}
.cart-table tr td{border-right-style: hidden;}
.cart-table .p-price{text-align:left;margin-left:5p;}
.cart-table tr>td.p-total{text-align:left;margin-left:5p;}
#productsTop.pt-slider-ready{padding: 12px 42px!important;}
.carousel-control:before{margin-top:180px;}
.flag.flag-discount .price-save{margin-right: 0px !important;}
.filter-section-boolean{display:none;}
.navigation-in>ul>li.ext>ul>li{margin-top:0px;margin-bottom:0px;}
@media (min-width: 768px){
  
  .submenu-visible .navigation-in > ul > li.ext.exp > ul.menu-level-2{
    display: flex;                 
    flex-wrap: wrap;
    justify-content: flex-start;   
    align-content: flex-start;
    text-align: left;
    gap:10px;
    padding:10px;
  }
  .submenu-visible .navigation-in > ul > li.ext.exp > ul.menu-level-2 > li{
    margin-left: 0;
    margin-right: 0;
  }
}
.loadMore{justify-content: left;}
.goToTop{display:none;}
.listSorting__controls {font-size:12px;font-weight:600;}
#products-1.custom-products-track{padding:10px;}
.product{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;border-radius:8px;}
.homepage-blog-wrapper.blog-wrapper{
  position: relative;
}

.homepage-blog-wrapper.blog-wrapper.nb-slider{
  --gap: 16px;
  --card-w: 280px;            
  --peek: 0px;                
}

.nb-slider .nb-viewport{
  overflow: hidden;
  padding: 0;                 
}

.nb-slider .nb-track{
  display: flex;
  gap: var(--gap);
  will-change: transform;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;        
  scrollbar-width: none;      
}

.nb-slider .nb-track::-webkit-scrollbar{ display:none; }


.nb-slider .news-item{
  flex: 0 0 auto;
  width: var(--card-w);
  scroll-snap-align: start;
}


@media (max-width: 768px){
  .homepage-blog-wrapper.blog-wrapper.nb-slider{
    --gap: 12px;
  }
  .nb-slider .nb-viewport{
    padding-right: 14px; 
  }
}


.nb-slider .nb-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
  user-select: none;
}

.nb-slider .nb-nav[disabled]{
  opacity: .35;
  cursor: default;
  box-shadow: none;
}

.nb-slider .nb-nav--prev{ left: -14px; }
.nb-slider .nb-nav--next{ right: -14px; }

@media (max-width: 1024px){
  .nb-slider .nb-nav--prev{ left: -8px; }
  .nb-slider .nb-nav--next{ right: -8px; }
}
@media (max-width: 768px){
  .nb-slider .nb-nav{ display:none; } 
}
.nb-slider .nb-nav::before{
  content:"";
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  display: block;
}
.nb-slider .nb-nav--prev::before{ transform: rotate(135deg); }
.nb-slider .nb-nav--next::before{ transform: rotate(-45deg); }
.nb-slider .nb-track.is-dragging{
  cursor: grabbing;
  scroll-behavior: auto;
}
.nb-slider .nb-track{
  cursor: grab;
}
.menu-level-2{align-items:left!important;}
.p-detail .p-image-wrapper .flags.flags-extra .flag.flag-discount,
.p-detail .p-image .flags.flags-extra .flag.flag-discount {
  display: none !important;
}
.fitted .navigation-in ul{justify-content: space-evenly;}
.navigation-in ul li a b{font-weight:800;font-size:19px;}
.menu-level-1 > li > a[aria-haspopup="true"]{display: flex;align-items: center;gap: 8px;}
.menu-level-1 > li > a[aria-haspopup="true"] .submenu-arrow{
  margin-left: auto;              
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  line-height: 1;
}
.menu-level-1 > li > a[aria-haspopup="true"]:hover .submenu-arrow::before{
  opacity: 1;
}
.menu-level-1 > li > a[aria-haspopup="true"][aria-expanded="true"] .submenu-arrow::before{
  transform: rotate(-135deg);      
}

.msg msg-success{height: 200px;display: -webkit-flex;}
.msg.msg-success[data-testid="notifierMessage"] .a2c-msg-icon{margin:0 auto;}
.msg.msg-success[data-testid="notifierMessage"] .container{display:grid!important;}
#continue-order-button{text-align:center;}
.radio-wrapper.active .for-free{color:var(--colors-state-success);}
#products-1.custom-products-track{padding:0px;}
.homepage-blog-wrapper.row.blog-wrapper.fc-slider > .news-item{margin-right:10px;}
.benefitBanner__item{justify-content: center;}
.contact-box>strong{display:none;}
.subcategories li a:before{display:none;}
.subcategories.with-image li a .image img{max-height:100%;border-radius:0px;}
ul.subcategories.with-image.js-subcat-grid-v1 > li > a{align-items:center!important;}
ul.subcategories.with-image.js-subcat-grid-v1 span.text{text-align:center;}
.js-expedition-box__inner{margin-bottom:20px;}

#products-1-slider .products-viewport{padding:10px;}
.header-top.is-fixed-header{z-index:998!important;}
.description-inner{gap:0 10px!important;}
ul.subcategories.with-image.js-subcat-grid-v1 span.image{margin: 0 auto;}
ul.subcategories.with-image.js-subcat-grid-v1 span.text{margin: 0 auto;}
.products.products-alternative > .product{box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;width:20%;}
.products-alternative{justify-content: space-between;}
.link-icons[data-testid="productDetailActionIcons"] .link-icon.share{display: none !important;}
#p-detail-tabs li[data-testid="tabRating"],
#p-detail-tabs li[data-testid="tabDiscussion"]{display: none !important;}
.products-top-header{font-weight:600;}
.products .product .name [data-testid="productCardName"],
.products .product .name span[data-micro="name"]{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;  
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.25 !important;
  max-height: calc(1.25em * 2) !important;
}
.products-block .ratings-wrapper{display:none;}
.products-inline.products-top>div .p{padding:10px;}
.pt-slider-btn{top:58%!important;}
.top-navigation-bar{padding:5px;}
.popup-widget.cart-widget{padding:10px;}
.cart-widget-button{box-shadow:none;}
#cart-widget{border-radius:8px;}
body.ordering-process .header-top.is-fixed-header{display: none !important;}
.popup-widget-inner:not(.cart-widget-inner){border-radius:8px;}
ol.cart-header li.active a, ol.cart-header li.active strong{color:#d10000!important;}
.cart-header li a:hover, .cart-header li.active a, .cart-header li.active strong{border-bottom-color: #d10000!important;}
#cboxContent{border-radius:12px;}
#cboxClose{border-radius:12px;}
.cookies-overlay{z-index:999!important;}
/* Jen pro "Podobné produkty" blok */
#similarProductsInline .product .p-bottom > div{
  display: flex;
  flex-wrap: nowrap !important;      /* neláme to pod sebe */
  align-items: center !important;    /* vertikálně na střed */
  justify-content: center !important;/* horizontálně na střed */
  gap: 10px;                         /* mezera mezi cenou a tlačítkem */
}

#similarProductsInline .product .p-bottom .prices,
#similarProductsInline .product .p-bottom .p-tools{
  flex: 0 0 auto !important;
  flex-basis: auto !important;
  text-align: center !important;
  margin-bottom:0px;
}

#similarProductsInline .product .p-bottom .price-final{
  margin: 0 !important;
  white-space: nowrap;
}

#similarProductsInline .product .p-bottom .p-tools{
  flex-shrink: 0 !important;
}

#similarProductsInline .product .p-bottom .p-tools form{
  margin: 0 !important;
}

@media (max-width: 480px){
  #similarProductsInline .product .p-bottom > div{
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}
#description #similarProductsInline .sp-arrow{border:none!important;}
.js-pdetail-unified .js-pdetail-right-top .p-detail-info .stars-wrapper{padding: 10px;border-radius: 8px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.js-pdetail-unified .js-pdetail-grid{gap:0px!important;grid-template-columns: 0.7fr 1fr!important;align-items:center!important;}
.p-info-wrapper .p-final-price-wrapper {margin-bottom:0px!important;}
.js-pdetail-unified .js-pdetail-grid__left{gap:0px!important;}
.availability-value{margin-bottom:0px!important;}
.js-expedition-box__inner{margin-bottom:0px!important;}
.extra.discount{padding:10px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;border-radius:12px;background-color:var(--color-secondary-hover);color:white;}
.extra.discount:before{display:none;}
.extra.discount strong{color:white;}
.extra.discount span{text-align:center;}
.price-range>div{background-color:green!important;}

.shipping-options{text-decoration:underline;font-weight:600;}
@media (min-width: 1023px) and (max-width: 1180px) {
  .p-tools { margin-top: 10px; margin-left: -10px; }
}
@media(max-width:896px){
.navigation-in ul li a b{font-size:12px;}
}
@media(max-width:820px){
.js-pdetail-unified .js-expedition-box{margin-bottom:12px;}
.navigation-in ul li a b{
font-size:12px;
}
#cart-widget{width:98%;}
.navigation-in>ul>li.ext>ul>li{
flex-basis:30%!important;
}
.top-navigation-bar-menu-helper li, .top-navigation-menu-visible .top-navigation-bar-menu-helper{
border-radius:8px;
}
.products-inline.products-top>div{width:100%;}
.sidebar{margin-top:20px;}
html body ul.subcategories.with-image.js-subcat-grid-v1, html body ul.subcategories.with-image.js-subcat-grid-v1.js-subcat-grid-v1{    grid-template-columns: repeat(2, minmax(0, 1fr))!important;}
.products-block>div{width:48%;}
.p-tools{margin-top:10px;margin-left:-10px;}
}
@media(max-width:430px){
  .products-block .p-bottom .prices{text-align: center;}
  .products-block .p-bottom>div{justify-content: center;}
.msg.msg-error{margin-top:50px;}
.promo-features{flex-direction:unset!important;}
.feature-item{justify-content:center;}
#navigation{height:100%;}
#header{background-color:transparent!important;}
.top-navigation-bar .top-nav-button-login{display:none!important;}
.responsive-tools>a[data-target=search]{margin-right:20px;}
#navigation{background-color: #ffffffe8;backdrop-filter: blur(6px);}
.navigation-in{background-color: rgb(255 255 255 / 0%) !important;}
#content .filters-unveil-button-wrapper .unveil-button{border-radius:8px;}
#content .filters-unveil-button-wrapper + .dkLab-filters-wrapper > .dkLab-filters-wrapper__button h4{border-radius: 8px;background-color: white;color: black;border: solid 1px;}
.products-block>div{width:47%;}
.mxmh-logo{flex:none!important;}
.mxmh-logo img{height:50px!important;}
.type-index .overall-wrapper{padding-top:10px;}
.mxmh-actions{background-color:#d8001b;border-radius:8px;}
#mx-mobile-search-wrap form{display:block!important;}
.ordering-process .top-navigation-bar{display:none;}
.cart-row{padding-top:0px;}
#cart-wrapper{padding-top:0px;}
.overall-wrapper{padding-top:10px;}
.dkLab-filters-close-button{margin-top:20px;}
html.dklab-filter-window-active--mobile #content .filters-wrapper.dkLab-mobile-window #filters{margin-top:50px;}
#content .filters-wrapper>div:first-of-type{margin-top:55px;}
.subcategories.with-image.js-subcat-grid-v1 li a .text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;   
    overflow: hidden;
    line-height: 1.2;
    max-height: calc(1.2em * 2); 
    word-break: break-word;
    hyphens: auto;
  }
  .subcategories.with-image.js-subcat-grid-v1 li a .text{
    min-height: calc(1.2em * 2);
  
}
.checkout-box{padding:10px;}
.link-icons{flex-wrap:nowrap!important;justify-content:center;}
.banner{min-height:auto;margin-bottom:20px;}
#footer{padding:10px;}


.benefitBanner.position--benefitHomepage{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;}
.benefitBanner.position--benefitHomepage .benefitBanner__item{margin: 0; min-width: 0;}

.benefitBanner.position--benefitHomepage .benefitBanner__link{display: flex;align-items: center;gap: 10px;min-width: 0;width: 100%;}


.benefitBanner.position--benefitHomepage .benefitBanner__picture{flex: 0 0 auto;width: 36px;  }
.benefitBanner.position--benefitHomepage .benefitBanner__img{display: block;width: 36px;height: auto;}
.benefitBanner.position--benefitHomepage .benefitBanner__content{min-width: 0;}
.msg.msg-success{width:100%;}
  .benefitBanner.position--benefitHomepage .benefitBanner__title,
  .benefitBanner.position--benefitHomepage .benefitBanner__data{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
  }

.benefitBanner.position--benefitHomepage .benefitBanner__title{font-size: 14px;}
.benefitBanner.position--benefitHomepage .benefitBanner__data{margin-top: 2px;font-size: 12px;opacity: .85;}}

#description #similarProductsInline .sp-viewport{padding:0px!important;}
.search-whisperer-category em:before{display:none!important}
.search-whisperer .price{font-weight:600;}
.products-block{gap:20px;}
.highlight{background-color:#d10000;padding:3px;border-radius:8px;color:white;}
.cart-table tr[data-cart-compact="1"] td.p-total > :not(form.inline){display:none !important;}
.col-xl-3{width:33%;}
.subcategories li a{height:67px;}
@media(max-width:430px){
.cart-table tr[data-cart-compact="1"] td.p-total{display:none !important;}
.cart-table tr.removeable td.p-remove{margin:0 auto;}
#cart-wrapper{margin-top:0px;padding-top:0px;}
.cart-row{margin-top:0px;padding-top:0px;}
.top-navigation-bar .container>div.top-navigation-tools--language{display:none;}
.mxmh-logo img{height: 50px !important;}
.mxmh-actions{background-color: #d8001b;border-radius:8px;}}
.banner{min-height:auto!important;}
@media (max-width: 430px){
.cart-table tr>td:nth-child(2n).p-name{text-align:right;}
.col-xl-3{width:50%;}
.banner-wrapper{margin-top:10px!important;}
.custom-footer>div{padding-left:10px!important;padding-right:10px!important;padding-top:0px!important;padding-bottom:0px!important;}
.banner{margin-bottom:0px!important;}
#footer ul{margin-bottom:0px;}
.contact-box{min-height:20px;margin-bottom:10px;}
.subcategories.with-image.js-subcat-grid-v1 li a .text{word-break: auto-phrase;}
#mx-mobile-search-modal .search-whisperer{max-width:87%;margin-top:5px;}
#mx-mobile-search-modal input[type="search"]{width:85%;border-radius:8px;}
#mx-mobile-search-modal .mxs-close{border:none!important;}
#mx-mobile-search-modal button[type="submit"]{background-color:#d8001b!important;border-radius:8px;}
.radio-wrapper input[type=radio]+label{align-items:center;}
.msg.msg-success{text-align:center;}
.cart-table tr.removeable{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
}
.cart-table tr.removeable > td{display:block;padding:8px 10px;}
.cart-table td.cart-p-image{flex:0 0 72px;width:72px;}
.cart-table td.p-name{flex:1 1 calc(100% - 72px);width:calc(100% - 72px);}
.cart-table td.p-availability,.cart-table td.p-quantity{flex:1 1 50%;width:50%;}
.cart-table td.p-price.p-cell{flex:0 0 32%;width:32%;order:40;}
.cart-table td.p-discount.p-cell{
  flex:0 0 18%;
  width:18%;
  order:41;
  text-align:center;
}
.cart-table td.p-total{
  flex:0 0 50%;width:50%;order:42;padding-right:10px;
}
.cart-table td.p-price .price-final,.cart-table td.p-discount .show-tooltip,.cart-table td.p-total .price-final{white-space:nowrap;}


.cart-table td.p-price{
  font-size:13px;
  line-height:1.1;
}
.cart-table td.p-price .unit-value{
  display:none; 
}


.cart-table td.p-discount{
  font-size:13px;
  line-height:1.1;
}


.cart-table td.p-total .inline{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.cart-table td.p-total form.inline{
  margin:0;
}
.cart-table td.p-total .remove-item{
  margin:0;
}
  label:has(.payment-shipping-price){
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
}

label:has(.payment-shipping-price) .payment-logo{ order: 1; }
label:has(.payment-shipping-price) .payment-info{ order: 2; flex:1 1 auto; min-width:0; }
label:has(.payment-shipping-price) .payment-shipping-price{
  order: 3;
  margin-left:auto;
  white-space:nowrap;
  text-align:right;
}

label:has(.payment-shipping-price) .payment-logo img{
  max-height:22px;
  width:auto;
  display:block;
}
.payment-logo{flex: 0 0 12%;}
label:has(.payment-shipping-price) .shipping-billing-name{
  display:flex;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
}