:root {

  --header-color-line: #5C6269 !important; /* ok */
  --footer-color: #32115a;
  --color-line: #E5E5E5 !important; /* ok */
 --footer-newsletter-color: #000 !important; 
  /* --footer-newsletter-color: #6B34C5 !important; ok */
  
  --color-primary: #F8F8F8 !important; /* OK */
  --color-primary-hover: #463fbe;
  --color-secondary: #6B34C5 !important; /* OK */
  --color-secondary-hover: #463fbe;
  --color-tertiary: #61309a;
  --color-tertiary-hover: #463fbe;
  --color-header-background: #ffffff;
}



.in-dekujeme .co-box
{
    border: 0px solid var(--color-line) !important;

}

.in-dekujeme .box.co-box h4,
.in-dekujeme  .co-box h4
{
font-size:1.5rem
} 




.autor-nadpis,
.autori-clanku
{
  display: none;
}

.search-whisperer-products .whisperer-trigger
{
  background-color: var(--color-secondary)  !important;
}

.search-category-title, .search-products-title, .search-znacka-title
{
  font-size: 22px !important;
}


.blog-wrapper
{
  padding: 0;
}




.type-category .category-title,
.type-detail .p-detail-inner h1

{
  font-size: 42px;
}

.in-kosik h1, .in-krok-1 h1, .in-krok-2 h1
{
  font-size: 35px;
}


.box.co-box h4, .co-box h4,
.in-krok-2 .co-box h4,
.in-krok-3 .co-box h4,
.db-doprava h3

{
  font-size: 25px;
}

.benefitBanner__title

{
  font-size: 24.6px;
  line-height: 1;
}




.in-krok-1 .order-summary-inner h4
{
  font-size: 22px;
}
.custom-footer__banner3  .db-icons
{
  width: 160px;
  display: flex;
      justify-content: space-around;
      margin-top: 6px;

}


.db-footer-kontakty-email li
{
  font-size: 0.875rem;
  font-weight: 300;
  color: #CECECE;
}


 .db-footer-kontakty-email strong a,
 .db-footer-kontakty-email strong
{
  font-size: 18px !important;
  color: white !important;
  
}


  .type-category .product form.pr-action   {
    width: 100%;
    
}


.type-category .product .product-appendix
{
  display: none;
}
  /* .type-category .product .btn.add-to-cart-button {
    
    width: 192px; 
} */


.type-posts-listing .db-exp>a::after
{
  content: url("/user/documents/upload/__nemazat__/sipka-kategorie.svg"); 
}

.sub-menu-category li a::after {
  background-image: url('/user/documents/upload/__nemazat__/sipka-subkategorie.svg'); /* URL šipky */
}

.type-posts-listing .subcategories.with-image
    {
        background-image: url("/user/documents/upload/__nemazat__/sub-menu-category.png?v=1.1");
    }
    
    .type-post ol li::before
    {
      background-color: var(--color-tertiary)
    }

    


.type-posts-listing .subcategories
{
  border: 1px solid #E7E7E7;
}

.type-posts-listing .sub-menu-category
{
  border: 1px solid #E7E7E7;
}

.type-page h1
{
  font-size: 2.5rem;
}

.db-blog-inner h1
{
  font-size: 2rem;
}

.type-posts-listing .db-blog-inner 
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.in-magazin .news-item .db-br, .type-posts-listing .news-item .db-br
{
  background-color: #FFFFFF
}




.in-kontakty .db-form h2,
.type-page h2,
.in-doprava-a-platba .db-doprava-platba h3
{
  font-size: 2rem;
}

.db-box-poradit h3,
.type-page h3
{
  font-size: 1.5rem;
}

.db-volej-box .db-tel::before
{
  
  content: url("/user/documents/upload/__nemazat__/db-tel.svg");
}

.db-volej-box .db-email::before
{
  
  content: url("/user/documents/upload/__nemazat__/db-email.svg");
}

.in-kontakty .db-tiktok::before
{
  
  content: url("/user/documents/upload/__nemazat__/db-tiktok.svg");
}

.in-kontakty .db-fb::before
{
  
  content: url("/user/documents/upload/__nemazat__/db-facebook.svg");
}

.in-kontakty .db-instagram::before
{
  
  content: url("/user/documents/upload/__nemazat__/db-instagram.svg");
}

.in-kontakty .db-chat-icon::before
{
  
  content: url("/user/documents/upload/__nemazat__/online-chat.svg");
}

  /* 
  .menu-item-1961 {
    position: relative; 
  }

  .menu-item-1961 a b::before {
    content: "Cartridge";
    position: absolute;
    top: 5px;
    left: 25%;

    text-align: center;
    font-size: 11px;
    background-color: #534EB1;
    padding: 0px;
    margin: 0;
    font-weight: 400;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 40px;
    color: white;
    text-align: center;
  } */


.db-oblibene2 h3 a:hover
{
  color:  var(--color-tertiary);
}


.in-krok-2 .co-contact-information h4::before
{
  content: url("/user/documents/upload/__nemazat__/krok2-osobni-udaje.svg") !important;
}

.in-krok-2 .header-billing::before
{
    content: url("/user/documents/upload/__nemazat__/krok2-fadresa.svg") !important;
}




.cart-table tr td
{
  border-top-color: var(--color-line);
}

.order-header th
{
  border-bottom: 1px solid var(--color-line);
}



ol.cart-header li.step-1 span::after
{
    background-image: url('data:image/svg+xml;utf8,<svg width="150" height="1" viewBox="0 0 140 1" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="150" y1="0.5" y2="0.5" stroke="%23E5E5E5"/></svg>');
 }

 ol.cart-header li.step-2 span::after
 {
     background-image: url('data:image/svg+xml;utf8,<svg width="150" height="1" viewBox="0 0 130 1" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="150" y1="0.5" y2="0.5" stroke="%23E5E5E5"/></svg>');
 }

 

.cart-item>div, .co-box,
#summary-box,
.order-summary-inner h4,
.in-krok-1 .order-summary-inner .order-summary-item,
#order-billing-methods, #order-shipping-methods,
.in-krok-1 .radio-wrapper
{
  border-color: var(--color-line) !important;
}


#order-billing-methods .radio-wrapper.active, #order-shipping-methods .radio-wrapper.active
{
  border: 0 !important;
}


.breadcrumbs-wrapper
{
  font-size: 14px !important;
}


.type-category .category-title
{
  font-weight: 400 !important;
}

.category-header div, .category-header div strong
{
  font-size: 16px !important;
  font-weight: 300 !important;
}

.pagination-top>a, .pagination-top>strong, .pagination>a, .pagination>strong
{
  font-size: 13px !important;
}


.pagination-loader .unveil-button,
.pagination .pagination-top>strong, .pagination>strong
{
  background-color: var(--color-secondary);
}

.in-krok-1 .order-delivery::before
{
    content: url("/user/documents/upload/__nemazat__/vyberte-dopravu.svg") !important;
}


.co-box.co-payment-method h4:before
{
    content: url("/user/documents/upload/__nemazat__/zpusob-dopravy.svg");
}

.breadcrumbs
{
  border-bottom-color: var(--color-line) !important; 
}



.type-detail .p-detail-info .flags
{
  position: relative;
  top: 15px;
}

.type-detail .p-detail-tabs-wrapper .extended-description h3
{
  font-size: 25px;
}



.type-detail .db-info-diskretne
{
  display: none;
}

.type-detail .tab-content .detail-parameters td a
{
  text-decoration: underline !important;
  color: #000 !important;
}

 .extended-description h3
{
  font-size: 1.375rem;
}


.extended-description table.detail-parameters tr
{
  border-bottom: 1px solid var(--color-line);
}

.extra.delivery:before
{
  content: url("/user/documents/upload/__nemazat__/extra-delivery.svg") !important;  
}



ol.cart-header li a span, ol.cart-header li strong span
{
  font-family: "Grenze", serif;   
  font-weight: 400;
  font-size: 24px;
}

ol.cart-header li a span:before, ol.cart-header li strong span:before
{
  font-family: var(--template-font), sans-serif !important; 
}


 .search-whisperer-document em:before
{
 
    background-image: url("/user/documents/upload/__nemazat__/vyhledavni-clanek.svg") !important;
    
} 

 .search-whisperer-category em:before
{
    background-image: url("/user/documents/upload/__nemazat__/vyhledavni-folder.svg") !important;
} 





.type-category .banner-category ul::before
{
  background-image: none !important;
}

.type-category .banner-category
{
  border: 1px solid var(--color-secondary);
}

.type-category .sidebar-inner h4
{
  font-size: 1.375rem;
  font-weight: 400;
}

.filter-sections-wrap
{
border-top-color: var(--color-line);
}


.custom-footer__newsletter  .js-validated-element-wrapper input
{
  background-image: url("/user/documents/upload/__nemazat__/paticka_mail.svg") !important;
  background-repeat: no-repeat;
}

.db-footer-kontakty-email
{
background-image: url("/user/documents/upload/__nemazat__/paticka_kontakt_email.svg") !important;
}

.db-footer-kontakty-tel
{
background-image: url("/user/documents/upload/__nemazat__/paticka_kontakt_mobil.svg") !important;
}

 
#footer .custom-footer
{
  background-color: transparent;
}


.custom-footer > div
{
  border: 0 !important;
}

.footer-rows h4
{
  font-weight: 400 !important;
  font-size: 1.625rem !important;
  text-transform: none !important;
}


#footer #formNewsletterWidget .validator-msg-holder input
{
  background-color: white;
  
}

#footer #formNewsletterWidget .validator-msg-holder input::placeholder 
{
color: black !important;
}

.newsletter-header h4
{
  font-family: var(--template-font), sans-serif !important; 
  font-size: 18px !important;
  font-weight: 500 !important;
  text-transform: unset !important;
}

.db-footer-kontakty-tel
{
  color: #CECECE;
}




.homepage-box .welcome .db-hp-text .btn, 
.db-blog-hp-full .btn
{
background-color: var(--color-secondary) !important;
}



h1,h2,h3,h4,h5, .benefitBanner__title,
.next-to-carousel-banners .extended-banner-link
{
    font-family: "Grenze", serif;   
}

.benefitBanner__title
{
  font-weight: 500 !important;
}



h2, 
[class~="blog-hp"]:before, [class~="homepage-blog-wrapper"]:before,
.in-index h2
{
  font-size: 2rem;
  font-weight: 400;
}

.db-oblibene2 h3 a
{
  font-weight: 500 !important;
  font-size: 22px !important;
} 


.banners-row::before {
  content: "";

  background-image: none !important;

}

.body-banners
{
  margin-top: 10px !important;
}

.banner-wrapper
{
  z-index: 2 !important;
}

.db-oblibene2
{
  background-color: white;
}

.banners-row::after {
  background-image: url("/user/documents/upload/__nemazat__/hlavicka_bannery_pravy.svg") !important;
  height: 392px !important;
  width: 521px !important;
  top: 150px !important;
  right: -200px !important;
  z-index: 0;
}



/* #navigation .navigation-in>ul>li>a::after
{
  content: url("/user/documents/upload/__nemazat__/sipka-menu.svg") !important;
} */

.top-navigation-bar,
#header
{
background-color: transparent !important;
}

.header-container {
  background-image: url('/user/documents/upload/__nemazat__/hlavicka-pozadi.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
}


.banners-row .extended-banner-texts::after
{
    background-image: url("/user/documents/upload/__nemazat__/hp-top-sipka.svg") !important;
    width: 22px !important;
    height: 22px !important;
}

.extended-banner-link /* main */
{
  height: 38px;
}

.banners-row .extended-banner-texts
{
  bottom: 25px !important;
}

.next-to-carousel-banners .extended-banner-link
{
  font-size: 29px !important;
  font-weight: 400 !important;
}


#footer .banner-wrapper ul a
{
  color: #CECECE !important;
}

.custom-footer .custom-footer__banner1,
.custom-footer .custom-footer__banner2,
.custom-footer .custom-footer__banner5,
.custom-footer .custom-footer__banner19
{
    padding-left: 25px;
    border-top: 1px solid #543476;
    border-bottom: 1px solid #543476;
    align-items: center;
    /* background-image: url("https://www.sexito.cz/user/documents/upload/__nemazat__/paticka_zobacek.svg"); */
    background-repeat: no-repeat;
    background-position: top 20px right 15px;
}

.custom-footer .custom-footer__banner1 h4,
.custom-footer .custom-footer__banner2 h4,
.custom-footer .custom-footer__banner5 h4, 
.custom-footer .custom-footer__banner19 h4 
{
    width: 600px;
    overflow: hidden;
}


.type-detail .p-detail-inner h1
{
font-weight: 400;
}

.type-detail .shp-tabs-row .shp-tabs-holder .shp-tab a::after
{
  background-image: url("/user/documents/upload/__nemazat__/shp-tabs-holder-sipka.svg") !important;
  background-repeat: no-repeat;
  background-position: top 1px right 5px;
  
}

.type-detail .p-detail-tabs-wrapper .extended-description h3
{
  font-weight: 400;
}


.in-index .product-appendix
{
  display: none;
}

@media (min-width: 768px) 
{




   .in-index .welcome-wrapper .container
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.in-index .btn.btn-cart
{
    width: 192px
}



  .benefitBanner__data
{
  font-size: 13px;
  margin-top: 3px;
}


  .homepage-box .db-hp-images 
  {
    margin-right: 65px;
  }

  .subcategories
  {
  }

  .db-blog-hp-full

  .homepage-box .welcome div, .homepage-box h1
  {
    font-weight: 400;
    font-size: 2rem;
  }

  .homepage-box .welcome div
  {
    position: relative;
    z-index: 1;
  }


  .in-index .banners-row  .banner-wrapper {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.55);
    overflow: hidden; /* Skryje části obrázku mimo zaoblení */
    border-radius: 6px; /* Zaoblí rohy kontejneru */
  
}




  .cart-row>div.col-md-8
  {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  /* .navigation-in>ul>li>a
  {
    padding-top: 24px;
    margin-bottom: -5px;
  } */

  #navigation .navigation-in>ul>li>a
  {
    white-space: nowrap;
  }

    #navigation .navigation-in>ul>li>a::after 
    {
        content: url("/user/documents/upload/__nemazat__/sipka-menu.svg");
    }



    .banners-row
    {
        margin-left: 0px; 
        margin-top: 24px;
    }
    
    .banners-row .next-to-carousel-banners
    {
        display: flex;
        flex-direction: row;
        column-gap: 20px;
    }
    
    
    
    
    
    .banners-row .next-to-carousel-banners .banner-wrapper
    {
    width: 33% 
    }
    
    .banners-row .banner-wrapper+.banner-wrapper
    {
    
        margin-top: 0;
    }
    



  /* .header-top .search .search-input
  {
    width: 425px !important;
  } */

  .db-welcome .db-hp-images::before,
  .db-welcome .db-hp-images::after
  {
    background-image: none;
  }

  /* #navigation
  {
    margin: 0 !important;
  } */

  .banners-row .next-to-carousel-banners
  {
    margin-top: 20px !important;
    margin-bottom: 20px !important;

  }


  .header-top .form-control
  {
    border-radius: 5px !important;
  }

  .header-top>div
  {
    flex-basis: unset !important;
    flex: unset !important;
  }

  .header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.header-top .site-name-wrapper {
    width: 225px !important;
    text-align: left !important;
}

.header-top .search {
  position: absolute;
  left: calc(50% - 42px);
  transform: translate(-50%,8px);
  text-align: center;
  z-index: 9999 ;
}


.header-top .navigation-buttons {
  margin-left: auto;
    text-align: right;

}




  .top-navigation-bar .container>div:first-child
  {
    margin-left: 215px;
  }

  .header-top .search,
  .header-top .navigation-buttons
  {
    margin-top: -20px;
  }

  #header .site-name
  {
  top: -21px !important;
  left: 2px !important;
  }
  
  .banners-row
  {
      margin-top: 4px !important;
  }




.navigation-in,
  .navigation-in>ul>li
  {
    border-color: var(--color-line) !important;
  }

  .db-footer-conteiner-full
  {
    background-image: url("/user/documents/upload/__nemazat__/footer-pozadi-01.webp");
    background-position: center top; /* centrum vodorovně a od horního okraje svisle */
    background-size:cover;
    background-repeat: no-repeat; /* zabrání opakování obrázku */
  }



  


  #footer .custom-footer__banner3::before,
  #footer .custom-footer__banner2::after
  {
    background-image: none;
  }

  .db-footer-newsletter
  {
    background-color: #303335 !important;

  }




  .header-top
  {
    height: 127px !important;
  }  

  #header .site-name a img
  {
    width: 183px !important;
  }



}

@media (max-width: 767px) 
{



  .type-category #content h4
  {
  font-size: 1.25rem;
  }

      .type-category .product .btn.add-to-cart-button
{
    width: 91%;
}


.breadcrumbs-wrapper,
main
{
    padding-top: 155px !important;
}


  .type-page main,
  .tab + main,
  .type-category main
  {
    padding-top: 0 !important;
  }




#content .filters-unveil-button-wrapper .unveil-button
{
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}
  
#content .filters-unveil-button-wrapper+.dkLab-filters-wrapper>.dkLab-filters-wrapper__button h4
{
  font-family: var(--template-font), sans-serif !important; 
}

/* .exp .menu-level-2
{
  justify-content:start
} */



  #footer .banner-wrapper
  {
    flex-direction:row;
  }

  .benefitBanner__data
{
  font-size: 14px;
}

  .homepage-box h1
  {
    font-size: 2rem;
  }

  .homepage-box.welcome-wrapper
  {
    margin-top: 0;
  }

  .id-1 .welcome-wrapper
  {
    padding-left: 5px;
    padding-right: 5px;
  }

  .footer-banner img
  {
  width: 100%;
  max-height: 100px;
  } 

  .in-index .banners-row  .banner-wrapper img 
  {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

}



  /* .type-category .product .btn.add-to-cart-button {
    
    width: 90%;
} */


  
  .btn.add-to-cart-button:before, .btn.btn-cart:before
  {
    content: "";
    background-image: url(/user/documents/upload/__nemazat__/detail_produktu_kosik.svg);
    background-repeat: no-repeat;
    position: relative;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-top:-5px;
    margin-right: 10px;
  }

  


.next-to-carousel-banners .extended-banner-link
{
  font-size: 20px !important;
  font-weight: 400;
}

 .banners-row .extended-banner-texts::after
{
  display: none;
} 
.banners-row .extended-banner-link
{
  height: 33px;
}

.next-to-carousel-banners .banner-wrapper:last-of-type .extended-banner-texts::after {
  display: block;

}




  .banners-row .extended-banner-texts
  {
    bottom: 8px !important;
  }

  

  .navigation-window-visible #navigation 
  {
    top:100px;
  }

 #navigation 
  {
    top:100px;
  }



  .navigation-buttons>a[data-target=cart] i
 {
  background-color: var(--color-secondary);
  border: 1px solid white;
 } 


  .search-window-visible #header .search
 {
  padding-bottom: 10px;
 } 

  .responsive-tools
  {
    margin-top: 30px !important;
  }

  .db-footer-newsletter
  {
    background-color: unset;
  }


  .custom-footer__newsletter .js-validated-element-wrapper input
  {
    background-position: 5px center;
    padding-left: 35px;
  }

  .search-window-visible #header .search
  {
    padding-top: 15px !important;
  }

  .btn.cart-count:before, a.btn.cart-count:before
  {

      background-image: url("/user/documents/upload/__nemazat__/hlavicka_kosik3.svg") !important;
  }

  #footer .elements-6
  {
    background-image: url("/user/documents/upload/__nemazat__/pozadi-footer-mobilni.png") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: unset;
  }

  .custom-footer .custom-footer__banner1, .custom-footer .custom-footer__banner2, .custom-footer .custom-footer__banner5, .custom-footer .custom-footer__banner19 
  {
    background-image: url("/user/documents/upload/__nemazat__/paticka_zobacek.svg");
    border-top: 1px solid #4F4F4F !important;
  }

  .form-group:last-child
  {
    margin-bottom: 30px;
  }






  .header-top,.search
  {
    background: none !important;
  }




}

/* 
.grenze-thin {  font-weight: 100;
  .grenze-extralight {    font-weight: 200;
  .grenze-light {font-weight: 300;
  .grenze-regular {font-weight: 400;
.grenze-medium {    font-weight: 500;
  .grenze-semibold {font-weight: 600;
  .grenze-bold {  font-weight: 700;
  .grenze-extrabold {  font-weight: 800;
  .grenze-black {  font-weight: 900;
} */
