.hidden {
  display: none;
}
.grey {
  color: #b3b3b3;
}
.mid-grey {
  color: #7f7f7f;
}
.dark-grey {
  color: #404040;
}
.turquoise {
  color: #2ccbd3;
}
.rose {
  color: #e68699;
}
.uppercase {
  text-transform: uppercase;
}
hr {
  border-color: #e3e3e3;
  border-width: 1px;
  border-style: solid none none none;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.double-size {
  font-size: 180%;
}
.light-grey-gradient {
  background-image: linear-gradient(white, #f2f2f2);
  background-color: white; /* For browsers that do not support gradients */
}
.light-grey-gradient .ytcontainer {
  margin-bottom: 20px;
}
.with-reflection {
  -webkit-box-reflect: below 0 linear-gradient(to bottom, transparent 80%, rgba(0, 0, 0, 0.2));
}
.p-detail h2, .p-detail .h2 {
  color: #2ccbd3;
  font-size: 20px;
  font-weight: bold;
}
.p-detail h2:first-child {
  margin-top: inherit !important;
}

.bigger {
  font-size: 20px !important;
}
.big {
  font-size: 18px !important;
}

.smaller {
  font-size: 80%;
}
.small {
  font-size: 60%;
}
.iconographic-biggest {
  max-width: 100%;
  max-height: 300px;
}
.iconographic-big {
  max-width: 70%;
  max-height: 250px;
}
.iconographic {
  max-width: 50%;
  max-height: 100px;
}
.iconographic-small {
  max-width: 33%;
  max-height: 60px;
}
.iconographic-desc {
  margin-top: 10px;
}
.left-margin {
  margin-left: 10px;
}

.section {
  margin: 10px 0px 30px 0px;
}
.section:last-of-type {
  margin: 10px 0px;
}

.block {
  margin: 20px 0px;
}
.center-vertical {
  position: static;
}
.center-vertical > div {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

.availability-label {
  border-radius: 25px;
  color: #fff;
}

.variant-label {
  color: #e68699;
  margin-bottom: 5px;
}
.fake-h2 {
  margin-top: 0px
}

/* MOTTO HLAVIČKY PRODUKTU */
.punchline {
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
}
/* MOTTO HLAVIČKY PRODUKTU */
.subline {
  font-size: 18px;
  font-weight: normal;
}

/* ODRÁŽKOVÉ SEZNAMY */
.basic-description ol {
  margin-top: 0px;
}
/* ODRÁŽKOVÉ SEZNAMY */
.p-detail .basic-description ul {
  list-style: none; /* ZRUŠENÍ VÝCHOZÍCH ODRÁŽEK */
  margin-left: 0px;
}

/* ODRÁŽKOVÉ SEZNAMY */
.p-detail .basic-description ul li {
  margin: 5px 0;
}
/* ODRÁŽKOVÉ SEZNAMY */
.p-detail .basic-description ul li::before {
  content: "\2022"; /* VLOŽENÍ VLASTNÍ ODRÁŽKY */
  color: #2ccbd3; 
  font-weight: bold; 
  font-size: xx-large;
  display: inline-block; /* VLOŽENÍ MEZERY MEZI NOVOU ODRÁŽKU A TEXT */
  width: 1em; /* ŠÍŘKA MEZERY */
  margin-left: -1em; /* KOREKCE POZICE TEXTU, KDYŽ ODRÁŽKA ZASAHUJE DALŠÍ ŘÁDKY */
  line-height: 80%;
  vertical-align: middle;
}
/* ODRÁŽKOVÉ SEZNAMY */
.p-detail .basic-description ul ul {
  padding-left: 0px; /* kOREKCE ODRÁŽEK U OBRÁZKU VÝHOD */
}

/* VELIKOST OBRÁZKŮ KONKURENČNÍCH VÝHOD */
.benefitBanner__picture img {
max-height: 100%;
max-width: 55px;
}

/* VELIKOST OBRÁZKŮ KONKURENČNÍCH VÝHOD */
.benefitBanner__picture {
height: 100%;
}

/* BARVA HLAVIČKY V LEVÉM MENU */
.category-header input[type="radio"]:checked+label {
  background-color:#e68699;
}

/* KOREKCE BARVY U CENY BEZ DPH */
.price-wrapper .price-label {
  color: #000;
}

/* YOUTUBE */
.ytcontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
/* YOUTUBE */
.youtube {
  border: 0px solid #fff;
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 703px) {
  .youtube {
    border: 5px solid #e68699;
  }
}
@media screen and (max-width: 480px) {
  .nocell {
    display: none;
  }
}
.upozorneni {
  border-radius: 15px;
  background-color: #FFA500;
  padding-top: 10px;
}

/* INFORMAČNÍ ZPRÁVA */
.site-msg.information {background-color:red;}
.flag-do-vanoc-uz-neprijde {display: none !important;} 


/* PŘÍZNAK PŘÍSLUŠENSTVÍ LUMISPA - NUTNÉ PRO DOPLNĚK */
.flag-lumispa-io, .flag-lumispa {
display:none !important;
}

/* DOPLŇKOVÉ PARAMETRY U PRODUKTU - DÁRKVÉ BALENÍ */
.surcharge-list select {
border: 3px solid #ffa500;
}

.surcharge-list::before {
  content: "🎁 "; 
  margin-right: 8px; 
 
    vertical-align:text-bottom;
}

/* UPOZORNĚNÍ PRO VELKÉ OBJEDNÁVKY */
.add-to-cart::after {
  content: "* Při objednávce nad 10 ks vás budu kontaktovat pro potvrzení skladové dostupnosti a případné upřesnění dodací lhůty.";
  display: block;
  margin-top: 20px;
  font-style: italic;
  font-size: smaller;
  }


/* HODNOCENÍ ESHOPU */
.votes-wrap {
	margin-top: 0px;
}

.content-inner .simple-vote::after {
content: "Recenze pochází výhradně od zákazníků, kteří v minulosti dokončili objednávku a obdrželi e-mailovou výzvu k hodnocení e-shopu a zakoupených produktů. Recenze jsou automaticky párovány s číslem objednávky, celkové hodnocení je vypočítáno jako aritmetický průměr všech hodnocení. Žádné recenze nejsou mazány, jsou zobrazena všechna pozitivní i negativní hodnocení."; 
display:block;
width:100%;
margin-top: 35px;
}

.detail-tab-content .simple-vote::after {
content: "Recenze pochází výhradně od zákazníků, kteří v minulosti dokončili objednávku a obdrželi e-mailovou výzvu k hodnocení e-shopu a zakoupených produktů. Recenze jsou automaticky párovány s číslem objednávky, celkové hodnocení je vypočítáno jako aritmetický průměr všech hodnocení. Žádné recenze nejsou mazány, jsou zobrazena všechna pozitivní i negativní hodnocení."; 
display:block;
width:100%;
margin-top: 35px;
}

/* .vote-form 
display:none;
*/

/* COOKIES LIŠTA */
@media (min-width: 768px) {
  .siteCookies__form {
	display:block;  
	}
}

.siteCookies__button {
background-color:#7f7f7f;
}
.siteCookies__button:hover {
background-color:var(--color-secondary-hover);
}


/* ÚPRAVY ŠABLONY APOLLO */

.category-header {
 display: block;
}

.basic-description .notes p {
 font-size: 14px;
}

 .category-header input[type="radio"]:checked+label {
    background-color: var(--color-primary);
  }
  .benefitBanner__picture img{
    mix-blend-mode: multiply;
  }
  .in-index .position--benefitHomepage {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .benefitBanner__picture {
    height: 50px;
  }
  .benefitBanner__picture img {
    max-height: 50px;

    max-width: 55px;
  }

  .welcome .welcome__content p {
    margin-bottom: 0;
  }

  .welcome .welcome__content p + p{
    margin-top: 20px;
  }

  .banners-top-block .banner-wrapper a, .banners-top-block .banner-wrapper img{
    width: 100%;
  }

  @media (min-width: 768px) {
    .navigation-in ul li a {
      padding-left: 22px;
      padding-right: 22px;
    }
    .top-navigation-bar .container > div.top-navigation-contacts {
      top: 0;
      height: 49px;
    }
    .welcome h1 {
      font-size: 40px;
      margin-bottom: 30px;
    }
    .welcome p {
      font-size: 16px;
      line-height: 1.8;
      margin-bottom: 30px;
    }
  }
  @media (min-width: 992px) {
    .welcome {
      padding: 40px 40px 40px 40px;
    }
  }
  @media (min-width: 992px) {
    .header-top {
      padding-top: 30px;
      padding-bottom: 10px;
    }

    .popup-widget.login-widget {
      top: 130px;
    }

    .popup-widget.cart-widget {
      top: 130px;
    }

    .admin-logged .popup-widget.login-widget {
      top: 155px;
    }

    .admin-logged .popup-widget.cart-widget {
      top: 155px;
    }
  }
  @media (max-width: 767px){
    .top-navigation-bar {
      background-color: white;
    }
  }

  @media (max-width: 370px){
    .top-navigation-bar .site-name a img {
        max-height: 30px;
    }
  }
  
  @media (min-width: 768px) {
  .products-related-block h2, .products-alternative-block h2,
  h4.homepage-group-title, .h4.homepage-group-title {
    font-size: 36px;
  }
  body .hodnoceni:before {
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
  }
  .products-block.products .p .name {
    font-size: 18px;
  }
  .navigation-buttons a[data-target="cart"]:hover {
    color: white;
  }
  .header-top .btn.cart-count:hover .cart-price {
    color: white;
  }
  .navigation-buttons .click-cart a:after {
    display: none;
  }
  .click-cart {
    background: var(--color-primary);
    border-radius: 8px;
  }
  .click-cart:hover {
    background: var(--color-primary-hover);
  }
  #header .cart-count {
    border-radius: 7px 7px 0 0;
  }
  .navigation-buttons a[data-target="cart"] {
    color: #fff;
  }
  .header-top .btn.cart-count:before {
    font-size: 26px;
  }
  .header-top .btn.cart-count:before {
    color: white !important;
  }
  .navigation-buttons {
    right: 0;
  }
  .cart-window-visible #header .click-cart {
    border-radius: 7px 7px 0 0;
  }
  .cart-window-visible #header .cart-count {
    background-color: transparent;
    border-radius: 7px 7px 0 0;
  }
  .cart-window-visible .btn.cart-count .cart-price {
    color: white;
  }
  .popup-widget {
    margin-left: -6px;
  }
}

@media (min-width: 992px) {
  .popup-widget.cart-widget {
    margin-left: 106px;
  }
}

@media (min-width: 1200px) {
  .popup-widget.cart-widget {
    margin-left: 209px;
  }
}

@media (min-width: 1440px) {
  .popup-widget.cart-widget {
    margin-left: 329px;
  }
}

.products-block:not(.products-additional) .p .image img {
    position: relative;
    width: calc(100% + 32px);
    max-width: none;
    margin-left: -16px;
    margin-top: -16px;
}

@media (min-width: 768px){
  .products-block:not(.products-additional) .p .image img {
    position: relative;
    width: calc(100% + 60px);
    max-width: none;
    margin-left: -30px;
    margin-top: -30px;
  }
}

@media (min-width: 768px) {
    .is-header-fixed.is-header-hidden #header .site-name a img {
      max-height: 76px;
    }
    #header .site-name {
      display: flex;
      align-items: center;
    }

    #header .site-name a img {
      max-height: 100px;
      max-width: 200px;
    }
  }

  @media (max-width: 767px) {
    .top-navigation-bar .site-name a img {
      max-height: 40px;
    }
  }
