/*****************************************************************************/
@font-face {
  font-family: "ABCROMCompressed-Black";
  src: url('ABCROMCompressed-Black.eot');
  src: url('ABCROMCompressed-Black.eot?#iefix') format('embedded-opentype'),
       url('ABCROMCompressed-Black.woff2') format('woff2'),
       url('ABCROMCompressed-Black.ttf') format('truetype'),
       url('ABCROMCompressed-Black.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "ABCROM-Book";
  src: url('ABCROM-Book.eot');
  src: url('ABCROM-Book.eot?#iefix') format('embedded-opentype'),
       url('ABCROM-Book.woff2') format('woff2'),
       url('ABCROM-Book.ttf') format('truetype'),
       url('ABCROM-Book.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "ABCROMMono-Book";
  src: url('ABCROMMono-Book.eot');
  src: url('ABCROMMono-Book.eot?#iefix') format('embedded-opentype'),
       url('ABCROMMono-Book.woff2') format('woff2'),
       url('ABCROMMono-Book.ttf') format('truetype'),
       url('ABCROMMono-Book.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Chronicle Display";
  src: url('ChronicleDisp-Light.eot');
  src: url('ChronicleDisp-Light.eot?#iefix') format('embedded-opentype'),
       url('ChronicleDisp-Light.woff2') format('woff2'),
       url('ChronicleDisp-Light.ttf') format('truetype'),
       url('ChronicleDisp-Light.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
    font-family: "Roska-lifestyle";
    src: url('Roska-lifestyle.eot');
    src: url('Roska-lifestyle.eot?#iefix') format('embedded-opentype'),
         url('Roska-lifestyle.woff2') format('woff2'),
         url('Roska-lifestyle.ttf') format('truetype'),
         url('Roska-lifestyle.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "NewYork";
    src: url('NewYork.eot');
    src: url('NewYork.eot?#iefix') format('embedded-opentype'),
         url('NewYork.woff2') format('woff2'),
         url('NewYork.ttf') format('truetype'),
         url('NewYork.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ITCAvantGardePro";
    src: url('ITCAvantGardePro.eot');
    src: url('ITCAvantGardePro.eot?#iefix') format('embedded-opentype'),
         url('ITCAvantGardePro.woff2') format('woff2'),
         url('ITCAvantGardePro.ttf') format('truetype'),
         url('ITCAvantGardePro.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*****************************************************************************/
/* global cursor */

a[href] {
  cursor: pointer !important;
}

/*****************************************************************************/
/* fonty 2025 */

body {
  font-family: 'ABCROM-Book';
}

.h4, .content h4, .category-title, .p-detail-inner h1, h1, h4.homepage-group-title, .h4.homepage-group-title, .products-related-header, .in-klient h1, .affiliate-page h1 {
  font-family: 'ABCROMMono-Book' !important;
  letter-spacing: 1px;
}

.products-block.products .product .p .name {
  font-family: 'ABCROMMono-Book' !important;
  letter-spacing: 1px;
  font-weight: 400;
}

footer h4 {
  font-family: 'ABCROMMono-Book';
  letter-spacing: 1px;
}

.d1, .d2, .d3 {
  font-family: 'ABCROMMono-Book';
}

/*****************************************************************************/
/* homepage kategorie */

#homepage-kategorie {
  width: 100%;
  max-width: 1800px;
  margin: 40px auto 20px auto;
  text-align: center;
}

#homepage-kategorie-h2 {
  color: #ff2000;
  line-height: 80px;
  margin: 0 auto;
  font-family: 'ABCROMCompressed-Black';
  text-transform: uppercase;
  font-size: 80px;
}

@media only screen and (max-width: 480px) {

  #homepage-kategorie-h2 {
    line-height: 72px !important;
  }
}

/*****************************************************************************/

/* homepage dKBanner+ */
#dklabBanplusUvod {
  margin: 0 auto !important;
  max-width: 1800px;
  column-gap: 0px;
  row-gap: 40px;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
}

#dklabBanplusUvod a.dklabBanplusBox {
  transition: all 0.3s ease !important;
  text-align: center;
  width: 100%;
  padding: 0 !important;
}

#dklabBanplusUvod .dklabBanplusBoxText {
  display: inline-block !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  padding: 0 0 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  padding-top: 10px !important;
  font-family: 'ABCROMCompressed-Black';
  font-size: 32px;
}

/* ===== Desktop XL: 1441px and above ===== */
@media (min-width: 1441px) {
  #dklabBanplusUvod {
    grid-template-columns: repeat(6, 1fr);
  }

  #dklabBanplusUvod .dklabBanplusBoxText {
    font-size: 32px;
  }
}

/* ===== Desktop: 1200px to 1440px ===== */
@media (min-width: 1200px) and (max-width: 1440px) {
  #dklabBanplusUvod {
    grid-template-columns: repeat(5, 1fr);
  }

  #dklabBanplusUvod .dklabBanplusBoxText {
    font-size: 30px;
  }
}

/* ===== Tablet Landscape: 992px to 1199px ===== */
@media (min-width: 992px) and (max-width: 1199px) {
  #dklabBanplusUvod {
    grid-template-columns: repeat(4, 1fr);
  }

  #dklabBanplusUvod .dklabBanplusBoxText {
    font-size: 28px;
  }
}

/* ===== Tablet Portrait: 768px to 991px ===== */
@media (min-width: 768px) and (max-width: 991px) {
  #dklabBanplusUvod {
    grid-template-columns: repeat(3, 1fr);
  }

  #dklabBanplusUvod .dklabBanplusBoxText {
    font-size: 26px;
  }
}

/* ===== Mobile Large: 481px to 767px ===== */
@media (min-width: 481px) and (max-width: 767px) {
  #dklabBanplusUvod {
    grid-template-columns: repeat(2, 1fr);
  }

  #dklabBanplusUvod .dklabBanplusBoxText {
    font-size: 24px;
  }
}

/* ===== Mobile Small: up to 480px ===== */
@media (max-width: 480px) {
  #dklabBanplusUvod {
    grid-template-columns: repeat(2, 1fr); /* ✅ stays at 2 */
  }

  #dklabBanplusUvod .dklabBanplusBoxText {
    font-size: 24px;
  }
}

/**********/

#dklabBanplusIkony {
  margin: 0 auto;
  max-width: 1800px;
}

.type-detail #dklabBanplusIkony {
  display: none;
}

#dklabBanplusUvod a.dklabBanplusBox:hover {
  opacity: 1 !important;
  color: #ff2000;
}

.one-column-body.template-11.in-index #dklabBanplusIkony {
  margin-left: 0 !important;
  margin: 0 auto !important;
  border-bottom: solid 1px #f5f5f5 !important;
  border-top: solid 1px #f5f5f5 !important;
}

#dklabBanplusIkony .dklabBanplusIkona:hover span {
  color: #ff2000 !important;
}

@media only screen and (max-width: 767px) {

  #dklabBanplusUvod .dklabBanplusBox.dklabForDesktop {
    display: block !important;
  }
  
  #dklabBanplusUvod {
    width: 100% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
  #dklabBanplusUvod {
    width: 100%;
    max-width: 1800px;
  }
}

@media (min-width: 1440px) {
  #dklabBanplusUvod {
    width: 100%;
    max-width: 1800px;
    padding: 0 20px 40px 20px !important;
  }
}

@media only screen and (min-width: 1500px) {
  #dklabBanplusUvod {
    width: 100%;
    max-width: 1800px;
    padding: 0 20px 40px 20px !important;
  }
}

/*****************************************************************************/
/* patička */

.footer-banners .footer-banner {
  width: 100% !important;
}

.footer-banners .slick-track {
  width: 100% !important;
}

body footer .container.footer-bottom #signature {
  margin: 10px 0;
}

#signature > a:nth-child(1) {
  display: inline !important;
}

body footer .container.footer-bottom #signature .title {
  display: inline !important;
}

body footer .container.footer-bottom #signature img {
  margin: 5px 10px -3px 10px;
}

/*****************************************************************************/
/* margin pro mobil na landing pages */

@media only screen and (max-width: 767px) {

  #content-wrapper > j2ext-promowrapper56,
  #content-wrapper > j2ext-promowrapper58,
  #content-wrapper > j2ext-promowrapper60,
  #content-wrapper > j2ext-promowrapper62,
  #content-wrapper > j2ext-promowrapper63,
  #content-wrapper > j2ext-promowrapper72,
  #content-wrapper > j2ext-promowrapper74,
  #content-wrapper > j2ext-promowrapper76,
  #content-wrapper > j2ext-promowrapper78,
  #content-wrapper > j2ext-promowrapper80,
  #content-wrapper > j2ext-promowrapper86,
  #content-wrapper > j2ext-promowrapper88,
  #content-wrapper > j2ext-promowrapper89,
  #content-wrapper > j2ext-promowrapper90,
  #content-wrapper > j2ext-promowrapper92,
  #content-wrapper > j2ext-promowrapper94,
  #content-wrapper > j2ext-promowrapper96,
  #content-wrapper > j2ext-promowrapper98,
  #content-wrapper > j2ext-promowrapper100,
  #content-wrapper > j2ext-promowrapper102,
  #content-wrapper > j2ext-promowrapper176,
  #content-wrapper > j2ext-promowrapper178,
  #content-wrapper > j2ext-promowrapper180,
  #content-wrapper > j2ext-promowrapper182
  {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

}

/* bannery+ dlazdice homepage */

.next-to-carousel-banners {
  padding: 0px 0 60px 0;
  max-width: none;
}

/* kontakty */

.kontakty-button {
  padding: 10px 15px;
  border: 1px solid black;
  border-radius: 25px;
  text-decoration: none;
  width: fit-content;
  margin: 25px auto 0 auto;
}

.kontakty-button:hover {
  background-color: #ff2000;
  border: 1px solid #ff2000;
  color: #fff;
}

/* vlajecka favourite */

.dkLabFavFlagProduct {
  display: none;
}

/* LOGA HOMEPAGE 2024 */

.wella-loga-2024 {
  max-width: 1800px;
  margin: 0 auto -100px auto;
  display: grid;
  grid-gap: 0;
}

.wella-loga-2024 img {
  width: 100%;
}

.wella-loga-2024-box-A:hover img {
  transform: scale(0.95);
  transition: all 0.35s ease-in;
}

@media (max-width: 767px) {
  .wella-loga-2024 { 
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto -50px auto;
  }
}

@media (min-width: 768px) {
  .wella-loga-2024 { 
    grid-template-columns: repeat(6, 1fr); 
  }
}

/*****************************************************************************/
/* HEADER & TOP BAR */

@media only screen and (min-width: 768px) {
  #header #navigation ul.menu-level-1 > li:first-child a {
    padding-left: 20px;
  }
}

#header .header-top .top-nav-button-login {
  letter-spacing: 1px;
  margin-right: 0px;
  font-weight: 400;
  margin: 0;
}

body .container, .external-fonts-loaded body .container, body.blank-mode .container {
  max-width: 1800px;
  padding: 0 40px;
}

#oblibeneBtn {
  display: none !important;
}

#header {
  box-shadow: none;
  border-bottom: none;
}

#header .site-name img {
  max-height: 55px;
  max-width: 150px !important;
}

#header .header-top {
  height: 68px;
}

#header .site-name {
  top: 0 !important;
}

a.btn {
  padding: 0;
}

.top-navigation-contacts, .top-navigation-bar .top-navigation-contacts {
  padding: 0;
}

.dropdown-menu {
  padding-top: 13px;
  margin-top: 0px;
  background-color: #fff;
}

@media only screen and (max-width: 480px) {
  .top-navigation-bar .nav-part .responsive-tools a[data-target="navigation"] {
    left: 15px;
    top: 65px;
  }

  #header .navigation-buttons .btn {
    top: 0 !important;
    right: 5px !important;
  }

  .top-navigation-bar .nav-part .responsive-tools a[data-target="navigation"]::before {
    background-image: url(https://wellaprofessionals.cz/wp-content/uploads/2020/05/wellastore-menu.svg) !important;
    margin-top: 0px !important;
  }

  .navigation-close {
    right: auto !important;
    margin-left: 3px !important;
    top: -58px !important;
  }
}

@media only screen and (max-width: 767px) {
  #content-wrapper {
    padding-top: 115px !important;
  }
}

@media only screen and (min-width: 768px) {
  .top-navigation-bar .nav-part .top-navigation-tools {
    margin-top: 80px;
  }

  #header {
    margin-top: 45px;
  }

  #header .header-top {
    padding-bottom: 20px;
  }

  #header.fixed-menu {
    top: -65px !important;
  }

  #header #navigation {
    width: 100% !important;
  }

  .navigation-in {
    width: 100% !important;
  }

  .navigation-in > ul {
    flex-direction: column !important;
    align-items: initial !important;
  }

  .menu-helper {
    visibility: hidden !important;
  }

  .navigation-in ul li.splitted {
    visibility: visible !important;
  }

  .navigation-in ul li.splitted, #header #navigation ul.menu-level-1 > li {
    visibility: visible !important;
    flex: 0 0 100%;
    max-width: none;
  }

  #header #navigation ul.menu-level-1 > li .menu-level-2 {
    text-align: left !important;
  }

  .submenu-visible .navigation-in ul li.splitted {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  .top-navigation-bar {
    top: initial;
  }

  #header {
    position: fixed !important;
    height: 68px !important;
    top: 48px !important;
    box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.1);
  }

  body.headerScrolled #header {
    top: 48px !important;
  }

  .header-top .oblibeneBtn {
    display: none;
  }

  #header #navigation {
    width: 100%;
    left: -100%;
  }

  .navigation-window-visible #header #navigation {
    left: 0;
    padding-top: 0px;
  }

  .top-navigation-bar .nav-part .responsive-tools > a {
    top: 65px;
  }

  .top-navigation-bar .nav-part .responsive-tools a[data-target="login"] {
    margin-left: 10px;
    margin-right: 50px;
  }

  .dropdown {
    padding: 13px 23px;
  }

  .open > .dropdown-menu {
    display: flex;
  }

  .navigation-in ul li a {
    padding: 0 20px !important;
  }

  .dropdown-menu li a::before {
    background-color: #000;
  }

  .search-window-visible #header .search {
    padding: 20px !important;
    height: 80px !important;
    width: 100% !important;
    transform: translateY(70px);
  }

  .popup-widget.login-widget {
    width: 100% !important;
    max-width: none !important;
    box-shadow: none !important;
  }

  .popup-widget.login-widget button {
    margin: 10px 0 20px 0 !important;
  }

  .popup-widget.cart-widget {
    margin-top: 25px !important;
  }
}

/*****************************************************************************/

/* TOPBAR 2024 DOCASNE*/

.mojewella-topbar-docasne {
  display: inline-flex;
  gap: 4em;
  text-transform: none;
  letter-spacing: 1px;
}

@media only screen and (min-width: 768px) {
  .top-navigation-bar .nav-part {
    width: auto;
    margin-top: 0;
  }
}

.top-navigation-bar .msg-part {
  max-width: none;
  width: auto;
}

.mojewella-topbar-text-1 {
  padding-right: 50px;
}

/* TOP BAR */
.top-navigation-bar {
  background: #f5f5f5;
}

.top-navigation-bar .top-navigation-tools .dropdown:before {
  background: none;
}

.top-navigation-bar .top-navigation-tools .dropdown button:before {
  top: 4px;
}

.top-navigation-bar .nav-part .top-navigation-menu {
  display: none;
}

.top-navigation-bar .container {
  min-height: 32px !important;
  max-height: 32px !important;
}

.dropdown-menu {
  padding-left: 7px;
  padding-bottom: 10px;
  margin-top: 17px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.dropdown-menu > li > a {
  padding-left: 20px;
  padding-bottom: 7px;
}

/* TOP BAR - Můj účet */
.top-navigation-bar .nav-part .top-navigation-tools .top-nav-button-account {
  width: auto;
  text-align: right;
  border-radius: 0;
  padding: 2px 0 0 0;
  color: #000;
  background-color: transparent !important;
  letter-spacing: 0.5px;
}

.top-navigation-bar .nav-part .top-navigation-tools .top-nav-button-account:hover {
  color: #ff2000;
}

ol.cart-header {
  border-bottom-width: 0;
}

/* TOP BAR - Měna */
.dropdown-menu {
  padding-top: 13px;
  margin-top: 7px;
  background-color: #f5f5f5;
}

.top-navigation-bar .top-navigation-tools .dropdown button:hover {
  color: #ff2000;
}

.top-navigation-bar .top-navigation-tools .dropdown button:hover:before {
  color: #ff2000;
}

.dropdown-menu > li > a {
  color: #000;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #ff2000;
}

/* Produkt */
.product-top {
  margin: 20px -10px 0 -10px;
}

/*Produkt mini banner - title */
#product-detail-form > div > div.col-xs-12.col-lg-6.p-info-wrapper > p {
  display: none;
}

/*Produkt X+Y Sleva akce banner */
.xyDiscount__banner {
  border: 0;
  background-color: #ff2000;
  color: #fff;
  padding: 20px;
}

.xyDiscount__description {
  margin: 0;
}
.xyDiscount__description p {
  margin: 0 auto 0 auto;
}

/* Notifikace */
.msg.msg-success .container, div.message.success-message {
  background-color: #ff2000 !important;
}

.msg.msg-success .container:before, div.message.success-message:before {
  display: none !important;
}

.msg.msg-error .container, div.message.error-message {
  background-color: #ff2000 !important;
}

.msg.msg-error .container:before, div.message.error-message:before {
  background-image: none !important;
}

.messages {
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
}

body .msg .container, div.message, body.blank-mode .msg .container {
  width: 100% !important;
  top: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  animation-name: fadeIn !important;
  animation-duration: 0.5s !important;
  left: 0 !important; right: 0 !important;
  border-radius: 0 !important;
  max-width: none !important;
  height: 100px !important;
  text-align: center !important;
  padding-top: 40px !important;
}

.msg.msg-info .container, div.message {
  background-color: #ff2000 !important;
}

.msg.msg-info .container:before, div.message.notice-message:before {
  background-image: none !important;
}

/*Produkt mobil tlacitko Do Košíku */
@media only screen and (max-width: 480px) {
  .product-top .add-to-cart button {
    width: 100%;
  }
}

/* Banner homepage carousel */
@media only screen and (max-width: 480px) {
  #carousel .carousel-slide-caption {
    position: absolute;
    top: 49% !important;
    left: 10% !important;
    align-content: flex-start;
    justify-content: start !important;
    height: 100%;
    transform: translateY(-45%) !important;
    padding: 0 20px !important;
  }

  #carousel .item img {
    height: auto !important;
  }

  #carousel .item {
    min-height: auto !important;
  }

  .carousel-inner {
    margin: 35px auto 0px auto;
  }

  #carousel .carousel-slide-caption p {
    margin-bottom: 0 !important;
  }

  #carousel .carousel-slide-caption .button {
    margin: 10px auto 0 auto !important;
  }

  #carousel {
    margin: 0 -40px !important;
  }
}

/*****************************************************************************/

.search {
  margin: 0 auto;
}

#navigation > div > ul > li.menu-item-1601 {
  display: none !important;
}

#WELLA-2023-box-div-mob {
  display: none;
}

#carousel .carousel-slide-caption h2:before {
  display: none;
}

.plus-gallery-wrap {
  max-width: none;
}

.plus-gallery-wrap > div {
  width: 33% !important;
}

.id-1573 .sidebar {
  display: none;
}

#LOTM-NEW-2023-main-image-mob {
  display: none;
}

#navigation > div > ul > li.menu-item-1355.ext > ul > div > li.menu-item-1373.has-third-level > div > ul > li {
  display: none;
}

#navigation > div > ul > li.menu-item-695.ext > ul > div.d1 > li.menu-item-911.has-third-level > div > ul > li {
  display: none;
}

#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1542,
#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1547,
#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1567, 
#navigation > div > ul > li.menu-item-695.ext > ul > div.d1 > li.menu-item-1570, 
#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1607, 
#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1617, 
#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1629,
#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1645,
#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1684,
#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1687,
#navigation > div > ul > li.menu-item-695.ext > ul > div.d1 > li.menu-item-1690,
#navigation > div > ul > li.menu-item-737.ext.exp > ul > div.d1 > li.menu-item-1693,
#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1699,
#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1732 {
  display: none;
}

#navigation > div > ul > li.menu-item-1274 > a {
  background-color: #ff2000;
  color: #fff;
  padding-left: 20px !important;
}

#navigation > div > ul > li.menu-item-1274 > a:hover {
  background-color: #000;
  color: #fff;
  padding-left: 20px !important;
}

.registrace-homepage-text {
  margin-top: -10px !important;
  margin-bottom: 30px !important;
}

#mojewella-video-mob {
  display: none;
}

#mojewella-image-mob {
  display: none;
}

#black-friday-2022-button {
  background-color: transparent;
  color: #fff;
  border: 1px solid white;
}

#black-friday-2022-button:hover {
  background-color: #fff !important;
  color: #000 !important;
}

#black-friday-2022-subtext-mobil::before {
 display: none !important;
}

#stred-button-1:hover {
  background-color: #000 !important;
  pointer: cursor !important;
}

#desktop-stred-button-KP-SN:hover {
  background-color: #ff2000 !important;
}

#registrace-2022-button:hover {
  background-color: #ff2000 !important;
}

#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1502 {
  display: none;
}

#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1506 {
  display: none;
}

#kviff-clanek-3-tabulka-mob {
  display: none;
}

#navigation > div > ul > li.menu-item-1493 > a {
  background-color: #ff2000;
  color: #fff;
  padding-left: 20px !important;
}

#navigation > div > ul > li.menu-item-1493 > a:hover {
  background-color: #000;
  color: #fff;
  padding-left: 20px !important;
}

.id-1493 .breadcrumbs-wrapper .breadcrumbs {
  display: none;
}

#kviff-button-1 {
  background-color: #ff2000;
  color: #fff;
}

#kviff-button-1:hover {
  background-color: #000 !important;
  color: #fff;
}

#mercury-banner-subtext-mobil::before {
  background: #000 !important;
}

#mercury-banner-subtext::before {
  display: none !important;
}

#mercury-button-1 {
  background-color: #ec8e93;
  color: #fff;
}

#mercury-button-2 {
  background-color: #866150;
  color: #fff;
}

#mercury-button-3 {
  background-color: #ff2000;
  color: #fff;
}

#mercury-button-4 {
  background-color: #f88b54;
  color: #fff;
}

#mercury-button-1:hover, #mercury-button-2:hover, #mercury-button-3:hover, #mercury-button-4:hover {
  background-color: #000 !important;
  color: #fff;
}


#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1448 {
  display: none;
}

.siteCookies {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0%);
  padding-bottom: 35px;
  padding-top: 35px;
  background: #000;
  font-size: 13px;
}

.siteCookies .siteCookies__form .siteCookies__buttonWrap button[value="all"] {
  background: #ff2000;
  border: 1px solid #ff2000;
}

#company-info > div.form-group.form-group-hasTooltip.js-validated-element-wrapper.smart-label-wrapper > span.show-tooltip.question-tooltip.form-group-tooltip {
  display: none;
}

.top-navigation-contacts, .top-navigation-bar .top-navigation-contacts {
  visibility: hidden;
  padding: 0;
}

.news-wrapper .news-item, .blog-wrapper .news-item {
  max-width: none;
}

.news-wrapper .news-item .image, .blog-wrapper .news-item .image {
  height: 460px;
}

#blog-uvod-box-mobile {
  display: none !important;
}

#blog-uvod-button:hover {
  background-color: #ff2000 !important;
  color: #fff !important;
}

#checkoutContent > div.cart-content > div.co-box.co-box-additional > fieldset > div:nth-child(1) > label {
  font-weight: bold;
}

#navigation > div > ul > li.menu-item-737.ext > ul > div.d1 > li.menu-item-1448.active {
  display: none;
}

/* MENU - Oblíbené */
#navigation > div > ul > li.menu-item-806 > a::before {
  font-family: oblibene;
  content: '\e900';
  font-size: 16px;
  position: relative;
  top: 0;
  font-weight: 600;
  display: none;
}

#navigation > div > ul > li.menu-item-806 > a {
  padding: 0 5px !important;
}

.navigation-in ul li a:hover {
  color: #ff2000;
}

/* Kontaktni formular oprava */
#formContact > fieldset > div.form-group.js-validated-element-wrapper.consents.consents-first > label {
  z-index: 9999;
  position: relative;
}

/* HOMEPAGE - STREDOVY BANNER */
.hp-middle-banner {
  height: 480px;
  border-radius: 0px;
  margin-bottom: 25px;
}

.hp-middle-banner .middle-banner-caption {
  padding-left: 0px;
  justify-content: flex-start;
}

#elements-hp-button {
  background-color: #000;
  margin-top: 10px;
}

#elements-hp-button:hover {
  background-color: #90c993;
}

#elements-hp-headline {
  min-width: auto;
  min-height: auto;
  position: initial;
  transform: none;
  max-width: 340px;
  margin-bottom: 25px;
  margin-top: 5px;
}

.content-wrapper.container .row > div {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (max-width: 480px) {
  
  #WELLA-2023-box-div-mob {
    display: block !important;
  }

  #WELLA-2023-box {
    width: 100% !important;
  }

  #WELLA-2023-box-text {
    width: 100% !important;
  }

  #WELLA-2023-box-div-exe {
    display: none !important;
  }

  #LOTM-NEW-2023-main-image-mob {
    display: block !important;
  }

  #LOTM-NEW-2023-main-image {
    display: none !important;
  }

  #mojewella-video-mob {
    display: initial !important;
    width: 100%;
  }
  
  #mojewella-video-desktop {
    display: none;
  }
  
  #mojewella-image-desktop {
    display: none;
  }

  #mojewella-image-mob {
    display: initial !important;
    width: 100%;
  }

  #registrace-homepage-nadpis > span:nth-child(1) {
    line-height: 72px !important;
  }

  #mojewella-main-desktop {
    display: none !important;
  }

  #mojewella-main-mob {
    display: block !important;
  }

  #dklabBanplusPodHlavickou {
    margin-top: 115px !important;
    margin-bottom: -85px !important;
  }

  #kviff-clanek-3-tabulka-mob {
    display: block !important;
  }

  #kviff-clanek-3-tabulka-desktop {
    display: none !important;
  }

  #up-headline {
    margin: 0 auto !important;
  }

  .next-to-carousel-banners {
    margin-top: 0px !important;
  }

  #navigation > div > ul > li.menu-item-737.ext.exp > ul > div.d5 > ul > li:nth-child(1) > a {
    line-height: 1.5em !important;
    max-width: 70% !important;
    padding-top: 0px !important;
  }

  #navigation > div > ul > li.menu-item-1307.ext.exp > ul > div > h2 {
    line-height: 1.1em !important;
  }

  #checkoutContent > div.cart-content > div.co-box.co-box-additional > fieldset > div:nth-child(1) > label {
    line-height: 22px !important;
    max-width: 300px !important;
  }

  #elements-hp-headline {
    max-width: 280px !important;
    margin-top: -25px !important;
  }

  .hp-middle-banner .middle-banner-caption {
    background: transparent !important;
  }

  #elements-hp-button {
    margin-top: 220px !important;
  }

  #BLOG-2021-image {
    max-width: 100% !important;
  }

  #blog-tabulka {
    max-width: 100% !important;
  }

  #blog-tabulka > tbody > tr:nth-child(1) > td:nth-child(1) {
    padding-right: 15px !important;
  }

  #blog-tabulka > tbody > tr:nth-child(1) > td:nth-child(2) {
    padding-right: 15px !important;
  }

  #blog-tabulka > tbody > tr:nth-child(1) > td:nth-child(3) {
    padding-right: 15px !important;
  }

  #blog-tabulka > tbody > tr:nth-child(2) > td:nth-child(1) {
    padding-right: 15px !important;
  }

  #blog-tabulka > tbody > tr:nth-child(2) > td:nth-child(2) {
    padding-right: 15px !important;
  }

  #blog-tabulka > tbody > tr:nth-child(2) > td:nth-child(3) {
    padding-right: 15px !important;
  }

}


/* MENU */

#header .search {
  width: 70%;
  border-radius: 0;
}

#header .search fieldset input {
  color: #303233;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 0 20px;
  width: calc(100% - 90px);
  max-width: none;
  line-height: 1.8rem;
  border: 0 none;
  background-color: #f7f7f8;
  box-shadow: none;
  transition: all .25s ease;
  font-size: 14px;
}

#header .search fieldset button {
  width: 90px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  padding: 0 20px;
  border: none;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 0;
  color: #303233;
  background-color: #f7f7f8;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.search-whisperer {
  border: none;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 10px 20px 0 rgba(0,0,0,.09);
  width: 100%;
  font-size: 14px;
}

@media only screen and (max-width: 992px) {
  .search-whisperer {
    max-width: none;
  }
}

.search-whisperer-documents,
.search-whisperer ul li {
  border: none;
}



#header #navigation ul.menu-level-1 > li > a b {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  font-family: 'ABCROMMono-Book';
}

#navigation > div > ul > li.menu-item-1430 > a::after {
  display: inline-block;
  content: url(./wella_icon-christmas_present.svg);
  margin-left: 10px;
  width: 20px;
  vertical-align: -15%;
}

#navigation > div > ul > li.menu-item-1430 > a {
  background-color: #226f54;
  color: #fff;
}

#navigation > div > ul > li.menu-item-external-80 > a {
  background-color: #000;
  color: #fff;
  padding-left: 20px !important;
}

#navigation > div > ul > li.menu-item-external-80 > a:hover {
  background-color: #ff2000;
}

#navigation > div > ul > li.menu-item-1307.ext > a {
  background-color: #8cb369;
  color: #fff;
  padding-left: 20px !important;
}

#header > div > div.top-navigation-contacts {
  display: none;
}


/* B2B HOMEPAGE BANNER */
.b2b-banner {
  background-color: none;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0px 40px 25px 40px;
  text-align: center;
}

.b2b-banner-text {
  font-weight: 400 !important;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 30px;
}

.b2b-banner-button {
  width: 175px;
}

.b2b-price-text {
	font-size: 14px;
  font-weight: 600;
}

#b2b-price-button {
  padding: 15px;
  background-color: #ff2000;
  max-width: 220px;
  text-align: center;
}

#b2b-price-button:hover {
  background-color: #000;
  cursor: pointer;
  transition:all 0.3s ease;
}

/* Dalsi */
#navigation > div > ul > li.menu-item-1334 {
  display: none;
}

#green-button {
  background-color: #013d32;
}

#green-button:hover {
  background-color: #ff2000;
}

#black-button {
  background-color: #fff;
  color: #000;
}

#black-button:hover {
  background-color: #ff2000;
  color: #fff;
}

.id-1298 #additionalInformation > fieldset > div.form-group.company-shopping.unveil-wrapper {
  display: none;
}

#registrace-kadernika-text {
  max-width: 410px;
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 30px;
}

#loadNextSearchResults {
  width: fit-content;
  margin: 0 auto;
}

sup {
  line-height: 0;
}

#navigation > div > ul > li.menu-item-1325 {
  display: none;
}

#registrace-text-1 {
  font-weight: bold;
  margin-bottom: 0px;
}

#registrace-text-2 {
  max-width: 480px;
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  margin-top: 5px;
}

#navigation > div > ul > li.menu-item-1292 {
  display: none;
}

.filter-count {
  line-height: 20px;
}

#manufacturer-filter > h4 {
  border-top-style: none;
}

#filters > div > div.filter-section.filter-section-boolean {
  display: block;
  margin-bottom: -10px;
}

#price-filter {
  display: block;
}

.id--4 .sidebar {
  display: none;
}

.id--7 .sidebar .box.client-center-box ul li a {
  padding-bottom: 25px !important;
}

.id--7 .form-group label {
  margin-top: 9px;
}

#footer > div.container.footer-links-icons > div > div > img {
  display: none;
}

#nioxin-button:hover {
  background-color: #33899c !important;
}

#navigation > div > ul > li.menu-item-1268 {
  display: none;
}

.flag-discount .price-standard {
  font-size: 0 !important;
}

#slick-slide22 > div > a > div.flags.flags-extra > span > span.price-standard #text {
  display: none;
}

@media only screen and (max-width: 480px) {

  #akce-banner-subtext-mobil::before {
    display: none !important;
    padding-bottom: 0px !important;
  }

  .id-1493 #dklabBanplusPodHlavickou {
    margin-top: 115px !important;
  }

  .b2b-banner {
    padding: 20px 0px 25px 0px !important;
  }

  #b2b-banner-headline-image {
    padding: 0 20px 0 20px !important;
    width: 100% !important;
  }

  .b2b-banner-text {
    margin-top: 10px !important;
  }

  .b2b-banner-text span {
    font-size: 16px !important;
  }

}

@media only screen and (max-width: 767px) {

  #content > div.row.banners-content.body-banners {
    margin-left: -20px;
    margin-right: -20px;
  }

  .hp-middle-banner {
    width: auto;
    height: auto;
    object-fit: cover;
    position: relative;
    margin-top: 40px;
  }

  .hp-middle-banner img {
    width: inherit;
    height: inherit;
    min-width: inherit;
    min-height: inherit;
    max-width: inherit;
    position: inherit;
    left: inherit;
    top: inherit;
    transform: inherit;
  }

  footer .custom-footer > div.newsletter button {
    margin-bottom: 20px;
  }

  footer .custom-footer > div.newsletter form .consents-first {
    margin-bottom: 0px;
  }

  #blog-uvod-box {
    display: none !important;
  }

  #blog-uvod-box-mobile {
    display: flex !important;
  }

}

@media (min-width: 768px) {
  #header #navigation {
    width: 100% !important;
  }

  .navigation-in {
    width: 100% !important;
  }

  .menu-helper {
    visibility: hidden !important;
  }

  #navigation > div > ul > li.menu-item-29.splitted {
    visibility: visible !important;
  }

  .navigation-in ul li.splitted {
    visibility: visible !important;
  }

  .submenu-visible .navigation-in ul li.splitted {
    display: block !important;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
  #carousel .carousel-slide-caption {
    left: 10%;
  }

  #carousel .item img {
    min-height: auto !important;
    max-height: 520px;
    object-position: bottom;
  }

  #KP-LIGHTS-2022-box-benefity {
    width: 340px;
  }

  .KP-LIGHTS-2022-headline-1 {
    margin-block-start: -110px;
    line-height: 120px;
  }

  #KP-LIGHTS-2022-eco-box-1, #KP-LIGHTS-2022-eco-box-2, #KP-LIGHTS-2022-eco-box-3 {
    width: 360px;
  }

  .KP-LIGHTS-2022-headline-3 {
    line-height: 110px;
    margin-top: 0px;
  }

  .KP-LIGHTS-2022-subheadline-3 {
    margin-top: -30px;
  }

  .KP-LIGHTS-2022-boxed-1, .KP-LIGHTS-2022-boxed-2, .KP-LIGHTS-2022-boxed-3, .KP-LIGHTS-2022-boxed-4, .KP-LIGHTS-2022-boxed-5 {
    text-align: center;
  }

  .KP-LIGHTS-2022-headline-4 {
    line-height: 110px;
  }

  .KP-LIGHTS-2022-subheadline-4 {
    margin-top: -30px;
  }

  .KP-LIGHTS-2022-headline-5 {
    line-height: 110px;
  }

  #KP-LIGHTS-2022-main-image-2 {
    margin-bottom: 110px;
  }

  .id-1448 .multiple-columns-body .content-wrapper-in {
    padding-top: 160px;
  }

  #eco-ethical-image-2-mobile {
    display: block !important;
    margin-top: 45px !important;
    margin: 0 auto;
  }

  #eco-ethical-image-2 {
    display: none !important;
  }

  #eco-ethical-block-2, #eco-ethical-block-3 {
    padding: 60px 40px 60px 40px !important;
  }

  #LONDA-COLOR-block-icons {
    width: 201px !important;
  }

  #LONDA-COLOR-box-2-mobile {
    display: block !important;
    margin: 0 auto !important;
  }

  #LONDA-COLOR-box-2 {
    display: none !important;
  }

  #header .search {
    margin: 0 auto !important;
  }

  #header .header-top .top-nav-button-login:before {
    top: -20px !important;
  }

  .navigation-in ul li.splitted {
    visibility: visible;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .menu-helper {
    right: 20px !important;
  }

  .menu-helper.empty {
    z-index: 1 !important;
    visibility: visible !important;
  }

  #header > div > div.menu-helper.empty > ul > li.menu-item-external-80.splitted {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
  #header > div > div.menu-helper.empty > ul > li.menu-item-1355.ext.splitted {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
  #header > div > div.menu-helper.empty > ul > li.menu-item-806.splitted {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 947px) {
  #header > div > div.menu-helper.empty > ul > li.menu-item-29.splitted {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .id-1307 #content {
    width: 100% !important;
  }
}