@charset "UTF-8";
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Jost", sans-serif !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #5b5b5b !important;
}

header.yScrolled {
  position: fixed !important;
  top: 0px;
  width: 100%;
  z-index: 9;
}

body {
  visibility: hidden;
}

.benefitBanner__title,
.benefitBanner__data {
  color: #b98950;
}

.stars {
  width: auto;
  height: 20px;
  margin-right: 10px;
}

.stars a,
.stars span {
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.stars a::before,
.stars span::before {
  font-size: 20px;
  line-height: 20px;
}

.stars .star.star-on::before,
.stars .star.star-half::before {
  color: #efd20f;
}

.btn.btn-conversion,
a.btn.btn-conversion,
.btn.btn-cart,
a.btn.btn-cart {
  border-radius: 25px;
}

.igList img {
  max-width: 100%;
  object-fit: cover;
}

.id-1 #products-1,
.id-1 #products-2 {
  position: relative;
  display: block;
  clear: both;
}

.id-1 .slick-next.slick-arrow:hover {
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50px;
  background: #b98950 url(https://www.happy-power.cz/user/documents/upload/temp/arrow-right.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px !important;
}

.id-1 .slick-prev.slick-arrow:hover {
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50px;
  background: #b98950 url(https://www.happy-power.cz/user/documents/upload/temp/arrow-left.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px !important;
}

.id-1 .index-content-wrapper,
body:not(.id-1) .breadcrumbs,
body:not(.id-1) .content-wrapper-in {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 2rem;
}

.category-perex,
.basic-description,
.p-detail-inner .p-short-description {
  font-size: 12pt;
  font-family: "Sora", sans-serif;
}

footer#footer {
  margin: 0 !important;
  padding: 0;
}

.footer-newsletter {
  display: none !important;
}

#footer h4 {
  color: #ffffff;
}

/* Blog */
.type-page main a,
.type-post main a {
  color: #006551;
  text-decoration: underline;
}

/* SLICK */
.slick-prev.slick-arrow {
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #006551 url(https://www.happy-power.cz/user/documents/upload/temp/arrow-left.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
}

.slick-next.slick-arrow {
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #006551 url(https://www.happy-power.cz/user/documents/upload/temp/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
}

/* HP */
.id-1 .shp-tabs-row {
  display: none;
}

.active .shp-tab-link {
  color: #5b5b5b;
}

/* FOOTER */
footer#footer {
  color: #fff;
  background: #11392a;
  margin: 2rem 0 0 !important;
  padding: 0;
}

footer#footer,
footer#footer p,
footer#footer h2 {
  color: #fff !important;
}

#footer h4,
footer#footer a,
.news-item-widget time,
footer#footer span.copyright {
  color: #efe5d1 !important;
}

footer#footer h2 {
  margin-top: 6rem;
}

footer#footer li {
  position: relative;
  padding-left: 1rem;
}

footer#footer li::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background: #efe5d1;
  border-radius: 50px;
  transform: translateY(-50%) rotate(0deg);
  border: 0px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

footer#footer a,
footer#footer a:hover,
.navigation-in ul li a b,
.navigation-in ul li a b:hover {
  text-decoration: none !important;
}

footer#footer a,
footer#footer a > span,
.navigation-in ul li a,
.navigation-in ul li a b {
  position: relative;
  color: inherit;
  text-decoration: none;
  line-height: 24px;
}

footer#footer a.title {
  display: none !important;
}

footer#footer a:after,
footer#footer a:before,
footer#footer a > span:after,
footer#footer a > span:before,
.navigation-in ul li a:after,
.navigation-in ul li a:before,
.navigation-in ul li a b:after,
.navigation-in ul li a b:before {
  content: "";
  height: 3px;
  min-height: 3px;
  position: absolute;
  transition: transform 0.5s ease;
}

footer#footer a:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  min-height: 3px;
  background: #efe5d1;
  transform: scaleX(0);
}

.navigation-in ul li a b:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  min-height: 3px;
  background: #ba8a51;
  transform: scaleX(0);
}

footer#footer a:hover:before,
.navigation-in ul li a b:hover:before {
  height: 3px;
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
}

#footer ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #efe5d1;
  border-radius: 50px;
  transform: translateY(-50%) rotate(0deg);
  border: 0px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

footer#footer span.copyright {
  color: #444;
  font-size: 12px;
}

.welcome {
  font-size: 16px;
  line-height: 2.9rem;
}

.big-banner {
  width: 100% !important;
  margin: 2rem auto 2rem;
}

.big-banner img {
  width: 100% !important;
}

.newsletter-header h4,
.newsletter-header h4 > span {
  color: #ffffff;
}

/* SLICK */
.slick-dots {
  list-style-type: none;
  width: revert;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slick-dots li {
  margin: 0 0.25rem;
}

.slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #006551;
  text-indent: -9999px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.slick-dots li.slick-active button {
  background-color: #efe5d1;
}

.p .p-bottom .p-tools .btn {
  border-radius: 50px;
}

footer#footer span.copyright {
  color: #fff;
}

.igList {
  display: flex;
  padding: 0;
  margin: 0;
  border: 0;
}

#footer {
  background-color: transparent;
  border-top-color: transparent;
}

footer#footer {
  margin: 0;
  padding: 0;
}

footer#footer::before {
  display: none !important;
}

.footer-banner {
  padding: 0;
  margin: 2rem 0 0;
}

h2.text-center > a {
  color: #006551;
  text-transform: none;
}

/* Welcome */
.flag.flag-discount {
  background-color: #ae8253;
}

.product .flags .flag,
.product:hover .flags .flag,
.product:hover .flags:hover .flag {
  opacity: 1;
  visibility: visible;
}

.type-detail .hodnoceni .stars {
  position: relative;
  flex: 0 0 auto;
  width: max-content;
  height: 20px;
  margin: 1rem auto;
  display: block;
}

.type-detail .hodnoceni.disable {
  position: absolute;
  right: 20px;
  bottom: 40px;
  width: max-content;
  height: 35px;
  background: #006551;
  border-radius: 10px;
  padding: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.type-detail .hodnoceni.disable .noveHodnoceni {
  border-radius: 10px;
}

.type-detail .formDetail {
  background: #fafafa;
  border: 2px solid #fafafa;
  border-radius: 5px;
  margin: 2rem 0;
  padding: 2rem;
}

.type-detail .formDetail .btn.btn-primary,
.type-detail .formDetail a.btn.btn-primary {
  color: white;
  border: 0px;
  padding: 10px 25px;
}

.type-detail .formDetail .btn.btn-primary:hover,
.type-detail .formDetail a.btn.btn-primary:hover {
  color: white;
  background: #ba8a51;
  border-color: #ba8a51;
  padding: 10px 25px;
  border: 0px;
}

.type-detail .formDetail textarea {
  box-shadow: rgba(149, 157, 165, 0.1) 0px 0px 5px;
  border-radius: 10px;
  border: 0;
}

.type-detail .formDetail input {
  box-shadow: rgba(149, 157, 165, 0.1) 0px 0px 5px;
  border-radius: 50px;
  border: 0;
}

.type-detail .formDetail {
  display: none;
}

.type-detail .formDetail.active {
  display: block;
}

.type-detail .p-final-price-wrapper .price-save {
  font-weight: 700;
}

.type-detail .description-inner,
.type-detail .p-short-description {
  font-family: "Sora", sans-serif !important;
}

.type-detail .flags.flags-extra {
  display: none;
}

/* Soulbox */
.type-detail .p-basic-info-block .block {
  padding: 0 20px;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(1) label::before {
  border: 2px solid #d16e93 !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(1) label::after {
  background-color: #d16e93 !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(2) label::before {
  border: 2px solid #d5853c !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(2) label::after {
  background-color: #d5853c !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(3) label::before {
  border: 2px solid #c3c74b !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(3) label::after {
  background-color: #c3c74b !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(4) label::before {
  border: 2px solid #30a154 !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(4) label::after {
  background-color: #30a154 !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(5) label::before {
  border: 2px solid #46adb6 !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(5) label::after {
  background-color: #46adb6 !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(6) label::before {
  border: 2px solid #305a9b !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(6) label::after {
  background-color: #305a9b !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(7) label::before {
  border: 2px solid #7f5ca7 !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct tr.surcharge-list:nth-of-type(7) label::after {
  background-color: #7f5ca7 !important;
  border-radius: 50%;
}

.type-detail.soulboxProduct .form-group label.confirmation,
.type-detail.soulboxProduct .form-group label.whole-width {
  width: 100%;
  padding-left: 4rem !important;
  margin-bottom: 2rem;
}

.type-detail.soulboxProduct input[type=radio] + label::before,
.type-detail.soulboxProduct input[type=checkbox] + label::before {
  width: 26px;
  height: 26px;
  border-width: 1px;
  border-style: solid;
}

.type-detail.soulboxProduct input[type=checkbox]:checked + label::after,
.type-detail.soulboxProduct input[type=radio]:checked + label::after {
  left: 2px;
  width: 22px;
  height: 22px;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
}

.type-detail.soulboxProduct .type-detail input[type=checkbox] + label::before,
.type-detail.soulboxProduct .type-detail input[type=radio] + label::before {
  left: 0;
  width: 26px !important;
  height: 26px !important;
  border-width: 2px;
  border-style: solid;
  background-color: #fff;
}

.type-detail.soulboxProduct input[type=checkbox]:checked + label::after,
.type-detail.soulboxProduct input[type=radio]:checked + label::after {
  width: 22px;
  height: 21px;
  border-width: 3px;
  border-style: solid;
  left: 2px;
}

.type-detail.soulboxProduct .p-variants-block table.detail-parameters tr.surcharge-list th {
  display: none;
}

.type-detail.soulboxProduct .p-variants-block table.detail-parameters tr.surcharge-list .form-group {
  padding-left: 2rem;
}

/* Hodnocení */
.hodnoceniObchodu .vote-pic {
  display: none;
}

.hodnoceniObchodu .vote-time,
.hodnoceniObchodu .vote-delimeter {
  display: none !important;
}

.hodnoceniObchodu .vote-rating {
  position: absolute;
  top: -32px;
  right: 0;
}

.hodnoceniObchodu .vote-content {
  font-size: 11pt;
  font-family: Roboto, sans-serif;
  line-height: 2.4rem;
  margin-top: 0;
}

.hodnoceniObchodu .hodnoceniList {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hodnoceniObchodu .stars .star.star-on::before,
.hodnoceniObchodu .stars .star.star-half::before {
  color: #efd20f !important;
}

.hodnoceniObchodu .rating-content {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: block;
}

.hodnoceniObchodu .rating-page .vote-wrap {
  position: relative;
  background: #efe5d1;
  background-position: left 15px bottom 15px;
  background-repeat: no-repeat;
  background-size: 70px;
  border: 2px solid #efe5d1;
  border-radius: 10px;
  padding: 2rem;
}

.hodnoceniObchodu .rating-page .stars-label {
  color: #1a1937;
  text-align: center;
  display: block;
}

.hodnoceniObchodu .rating-page .rate-average {
  font-size: 44pt;
  font-weight: 700;
  display: block;
  text-align: center;
  color: #006551;
}

.hodnoceniObchodu .rating-page .rate-star-wrap .stars {
  display: block;
  margin: 0 auto 2rem;
  text-align: center;
  width: max-content;
}

.hodnoceniObchodu .rating-page .vote-wrap:nth-of-type(1n + 4) {
  display: none !important;
}

.noveHodnoceni {
  color: #ffffff;
  background: #ba8a51;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  padding: 8px;
  text-decoration: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.hodnoceni .noveHodnoceni span {
  text-decoration: none;
}

.hodnoceni .noveHodnoceni span:hover,
.hodnoceni:hover .noveHodnoceni span {
  text-decoration: underline;
}

.type-detail .stars .star.star-on::before,
.type-detail .stars .star.star-half::before {
  color: #efd20f;
}

.type-detail .stars {
  position: relative;
  flex: 0 0 auto;
  display: inline-block;
  width: auto;
  height: 20px;
  margin: 5px 0 5px 0;
}

.type-detail .stars a,
.type-detail .stars span {
  position: relative;
  float: left;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.type-detail .stars a::before,
.type-detail .stars span::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 15px;
  line-height: 15px;
}

.type-detail .p-detail .p-image-wrapper .p-image {
  position: relative;
}

.type-detail .hodnoceni {
  width: max-content;
  background: #006551;
  padding: 1rem 1rem 5rem;
  border-radius: 10px;
  position: absolute;
  right: 20px;
  bottom: 40px;
}

.type-detail .hodnoceni .rate-average {
  color: #ffffff;
  display: block;
  font-size: 33px;
  text-align: center;
  font-weight: 700;
}

.type-detail .hodnoceni a {
  color: white;
  text-align: center;
  display: block;
}

a.moreRating {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background: #006551;
  text-transform: uppercase;
  width: max-content;
  height: auto;
  width: max-content;
  padding: 10px 25px;
  border-bottom-style: solid;
  border-width: 2px;
  border-radius: 25px;
  margin: 0 auto;
  display: block;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

a.moreRating:hover {
  color: #fff;
  background: #ae8253 !important;
}

@media only screen and (max-width: 500px) {
  .type-detail .hodnoceni {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .homepageBlockItem .image {
    position: relative;
  }
  .homepageBlockItem:hover .text {
    opacity: 1;
  }
  .homepageBlockItem:hover .description {
    opacity: 1;
    position: relative;
    font-size: 16pt;
    text-align: center;
    max-width: 80%;
    z-index: 9999;
  }
  .homepageBlock .banner-wrapper a {
    position: relative;
  }
  .homepageBlock .banner-wrapper a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(239, 229, 209, 0.8);
    z-index: 9;
    opacity: 0;
  }
  .homepageBlock .homepageBlockBanner:hover .banner-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(239, 229, 209, 0.8);
    z-index: 1;
    opacity: 1;
  }
  .homepageBlockItem:hover .text a.title {
    display: block !important;
    font-size: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    opacity: 0;
  }
  .homepageBlock .homepageBlockItem:hover .banner-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(239, 229, 209, 0.8);
    z-index: 999;
    opacity: 1;
  }
  .homepageBlock .homepageBlockBanner .banner-wrapper .extended-banner-text,
  .homepageBlock .homepageBlockItem .banner-wrapper .extended-banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    text-align: center;
    font-size: 17px;
    background: transparent;
    box-shadow: 0 0 0;
    bottom: 0;
    z-index: 9;
    border: 0;
    opacity: 0;
  }
  .homepageBlock .homepageBlockBanner:hover .banner-wrapper .extended-banner-text,
  .homepageBlock .homepageBlockItem:hover .banner-wrapper .extended-banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    text-align: center;
    font-size: 17px;
    background: transparent;
    box-shadow: 0 0 0;
    bottom: 0;
    z-index: 9;
    border: 0;
    opacity: 1;
  }
  .hodnoceniObchodu {
    padding: 4rem 0 0 0;
    clear: both;
  }
  .homepageBlock .homepageBlockItem span.image img,
  .homepageBlock .homepageBlockBanner .banner-wrapper img {
    max-height: 290px;
    object-fit: cover;
  }
  .homepageBlockItem .banner-wrapper .image a {
    position: relative;
  }
  .homepageBlockItem .banner-wrapper .image a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(239, 229, 209, 0.8);
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
  }
  .homepageBlockItem:hover .image a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(239, 229, 209, 0.8);
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
  }
  .homepageBlockItem .image {
    max-height: 300px;
  }
  .homepageBlockItem .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .homepageBlock .homepageBlockItem {
    position: relative;
    max-height: 290px !important;
  }
  .homepageBlockItem .image,
  .homepageBlock .homepageBlockItem,
  .homepageBlock .homepageBlockItem img,
  .homepageBlock .homepageBlockItem .news-item,
  .homepageBlock .homepageBlockItem .news-item .image {
    max-height: 290px;
  }
  .homepageBlock .homepageBlockItem img,
  .homepageBlock .homepageBlockItem span.image img {
    object-fit: cover;
    width: 100%;
    max-height: 290px;
  }
  .homepageBlock .homepageBlockItem .news-item {
    position: relative;
    padding: 0;
    margin: 0;
    display: block;
  }
  .homepageBlock .homepageBlockItem .news-item .image {
    width: 100%;
  }
  .homepageBlock .homepageBlockItem .news-item .text {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .id-1 a.title {
    font-size: 20px;
    color: #5b5b5b;
    z-index: 999;
  }
  .homepageBlockItem,
  .homepageBlockBanner .extended-banner-texts,
  .homepageBlockBanner .extended-banner-texts .extended-banner-texts {
    max-height: 300px;
  }
  .homepageBlockItem > a > span.text {
    font-size: 12pt;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: white;
    padding: 10px 10px;
    border: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .homepageBlockBanner .extended-banner-title {
    top: auto;
    bottom: -55px;
    left: 0;
    right: auto;
    font-size: 20px;
    width: max-content;
    box-shadow: 0 0 0;
  }
  .homepageBlockItem .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
  }
  .homepageBlockItem .text time,
  .homepageBlockItem .text:hover time {
    display: none !important;
  }
  .homepageBlockItem .description {
    opacity: 0;
    position: relative;
    font-size: 16pt;
    text-align: center;
    max-width: 80%;
    z-index: 9999;
  }
  .type-page .list.b-1-4 {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    width: 100%;
    height: 350px;
    object-fit: cover;
    overflow: hidden;
    margin: 2rem 0;
  }
  .type-page .list.b-2-4 {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr 1fr;
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    width: 100%;
    height: 350px;
    object-fit: cover;
    overflow: hidden;
    margin: 2rem 0;
  }
  .type-page .content-inner .list.b-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    margin: 6rem 0;
  }
  .bigBannerMobile {
    display: none;
  }
  .hodnoceniObchodu .rating-page {
    display: grid;
    grid-template-columns: repeat(1, 1fr 3fr);
    grid-gap: min(2vmax, 32px);
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    max-width: 1440px;
    margin: 0px auto;
  }
  .hodnoceniObchodu .rating-page .votes-wrap.simple-vote {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: min(2vmax, 32px);
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    max-width: 1440px;
    padding-top: 4rem !important;
    margin: 0px auto;
  }
  .item.active:hover,
  .footer-banner a:hover,
  .body-banners .banner-wrapper:hover {
    position: relative;
  }
  .banners-content a:hover img,
  .banner-footer a:hover img,
  .banner-wrapper a:hover img,
  .footer-banner a:hover img,
  .banner-category a:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
  }
  .big-banner:hover::before,
  .footer-banner a:hover::before,
  .body-banners .homepageBlockBanner:hover .banner-wrapper::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #efe5d1;
    opacity: 0.5;
    z-index: 1;
    cursor: pointer;
  }
}
@media only screen and (min-width: 991px) {
  .container.navigation-wrapper .site-name {
    flex-basis: 120px;
  }
}
@media (min-width: 768px) {
  .site-msg {
    color: white !important;
    text-align: center !important;
  }
  .site-msg.information {
    position: relative;
    top: 0;
    left: 0;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
    opacity: 999;
    z-index: 10;
  }
  .site-msg.information .text {
    font-size: 12pt;
  }
  #header {
    color: #000000;
    background-color: #efe5d1;
    background-image: none;
    border-color: #efe5d1;
  }
  .navigation-in {
    background-color: #efe5d1;
  }
  .navigation-in ul li a b,
  .navigation-in ul.menu-level-2 a {
    font-family: "Sora", sans-serif;
    font-size: 12pt;
  }
  .navigation-buttons .dropdown > button {
    color: #ba8a51;
    font-weight: 500;
    border-color: #ba8a51;
    background: transparent;
  }
  .navigation-in ul li:not(.menu-item-1027) a b {
    color: #ba8a51 !important;
  }
  .igList {
    display: grid !important;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (min-width: 321px) and (max-width: 767px) {
  body:not(.id-1) .products-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .id-1 .columns-3 .products-block > div,
  .id-1 .columns-4 .products-block > div {
    float: left;
    width: 100%;
    padding: 13.33332px;
  }
}
@media (max-width: 768px) {
  .benefitBanner {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .benefitBanner__picture {
    margin: 0 auto;
    display: block;
    align-items: center;
  }
  .benefitBanner__content {
    text-align: center;
  }
  .benefitBanner__item {
    display: block;
  }
  .navigation-buttons > a[data-target=cart] i {
    color: #fff;
    background-color: #006551 !important;
  }
  #header {
    color: #fff;
    border-color: #efe5d1;
    background-color: #efe5d1;
    background-image: none;
  }
  .navigation-in {
    background-color: #efe5d1;
  }
  .navigation-in ul li a,
  .navigation-in ul li a b,
  .navigation-in ul li a b {
    color: #ba8a51 !important;
  }
  .navigation-buttons a[data-target=cart],
  .navigation-buttons a[data-target=login],
  .navigation-buttons a[data-target=search] {
    color: #ba8a51;
    background-color: #efe5d1;
  }
  .navigation-buttons .dropdown > button {
    border-color: #ba8a51;
    background: transparent;
    color: #ba8a51;
  }
  /* Blog */
  .homepageBlockItem .text a.title {
    font-size: 8vw;
    font-weight: 500;
    text-align: center;
    margin: 2rem;
    display: block !important;
  }
  .homepageBlockItem .text time {
    display: none;
  }
  .homepageBlockItem .text .description {
    font-size: 5vw;
    font-weight: 500;
    text-align: center;
    margin: 2rem;
    display: block;
  }
  .igList {
    display: grid !important;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .homepageBlock .homepageBlockItem img,
  .homepageBlock .homepageBlockItem span.image img {
    object-fit: cover;
    width: 100%;
    min-height: 100% !important;
    max-height: 420px !important;
  }
  .id-1 .body-banners {
    padding: 0;
    margin: 0;
  }
  .id-1 .news-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .id-1 .homepageBlockItem {
    position: relative;
  }
  .navigation-buttons a[data-target=cart] {
    margin-right: 2rem;
  }
  .homepageBlock h2.text-center {
    padding: 0;
    margin: 0 auto;
  }
  .benefitBanner__title,
  .benefitBanner__data {
    font-size: 12px;
  }
  .benefitBanner__picture img {
    max-width: 60%;
    margin: 0 auto;
    height: auto;
  }
  .id-1 .slick-prev {
    position: absolute;
    top: 22rem;
    left: -10px;
    right: auto;
    z-index: 1;
  }
  .id-1 .slick-next {
    position: absolute;
    top: 22rem;
    left: auto;
    right: -10px;
    z-index: 1;
  }
  .id-1 .tab-content {
    padding-left: 0;
    padding-right: 0;
  }
  .banner,
  .banner-wrapper,
  .banner-category,
  .carousel-inner {
    margin: 0 auto;
  }
  .homepageBlock {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto 0;
  }
  a.moreRating {
    margin: 0 auto 2rem;
  }
  .homepage-texts-wrapper {
    display: block;
    clear: both;
  }
  .type-post main h1 {
    text-align: center;
  }
  .type-post .content-inner p {
    font-size: 20px;
    text-align: center;
    line-height: 3.3rem;
    max-width: 90%;
    margin: 0 auto;
  }
  .type-post .text h2 {
    text-align: center;
  }
  .type-post .list.b-2 {
    display: grid;
    grid-template-columns: 1fr;
  }
  .type-post .news-item-detail .next-prev {
    display: grid;
    gap: 1rem;
  }
  footer#footer,
  footer#footer p,
  footer#footer a,
  footer#footer h2 {
    text-align: left;
  }
  footer#footer li {
    position: relative;
    padding-left: 0;
    text-align: left;
  }
  .custom-footer__articles li {
    text-align: left;
    padding-left: 3rem !important;
  }
  .bigBannerDesktop {
    display: none;
  }
  .hodnoceniObchodu {
    padding: 0 2rem;
    clear: both;
  }
  .hodnoceniObchodu .rating-page {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: min(2vmax, 32px);
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    width: 100%;
    max-width: 1440px;
    margin: 0;
  }
  .hodnoceniObchodu .rating-page .vote-wrap {
    padding: 2rem;
    margin-bottom: 4rem;
  }
  .hodnoceniObchodu .rating-page .votes-wrap.simple-vote {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: min(2vmax, 32px);
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    max-width: 1440px;
    padding-top: 4rem !important;
    margin: 0px auto;
  }
}
@media (min-width: 768px) {
  .navigation-buttons a[data-target=cart],
  .navigation-buttons a[data-target=cart]:hover,
  .navigation-buttons a[data-target=login],
  .navigation-buttons a[data-target=login]:hover,
  .navigation-buttons a[data-target=search],
  .navigation-buttons a[data-target=search]:hover {
    background-color: #efe5d1;
  }
  .navigation-buttons > a[data-target=cart] i {
    color: #fff;
    background-color: #006551 !important;
  }
  .dropdown-menu > li > a {
    color: #ba8a51;
    background-color: #efe5d1;
  }
  .id-1 .slick-prev {
    position: absolute;
    top: 22rem;
    left: -10px;
    right: auto;
    z-index: 1;
  }
  .id-1 .slick-next {
    position: absolute;
    top: 22rem;
    left: auto;
    right: -10px;
    z-index: 1;
  }
  .homepageBlock {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    max-height: 330px;
    min-height: 330px;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    margin: 4rem auto 10rem;
  }
  .homepageBlock h2 {
    margin: 0;
    padding: 0;
  }
  .body-banners {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: min(2vmax, 32px);
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    clear: both;
  }
  .banner-wrapper {
    margin: 0px;
    min-width: 10px;
  }
  .content-wrapper-in main .banners-row {
    margin-left: 0;
    margin-right: 0;
  }
  #content-wrapper .content-wrapper-in main {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .next-to-carousel-banners {
    margin-top: 0px;
  }
  #header .container {
    min-height: 100px;
  }
  .navigation-buttons a[data-target=cart]::before,
  .navigation-buttons a[data-target=login]::before,
  .navigation-buttons a[data-target=search]::before {
    color: #ba8a51 !important;
    min-height: 3px;
    height: 3px;
  }
  .submenu-arrow::after {
    color: #ba8a51 !important;
    height: 3px;
  }
  .navigation-in ul.menu-level-2 {
    border-color: #efe5d1;
    background-color: #efe5d1;
  }
  .navigation-in ul.menu-level-2 a {
    color: #ba8a51;
  }
}
@media (min-width: 1200px) {
  .id-1 main .products-block > div,
  .id-1 main .products-block > div {
    width: 100% !important;
    max-width: 100% !important;
  }
  .id-1 #homepageProducts1 #products-1,
  .id-1 #homepageProducts1 .slick-list.draggable {
    width: 100% !important;
  }
  .breadcrumbs,
  .index-content-wrapper,
  .ordering-process .content-wrapper-in,
  .type-search .content-wrapper-in,
  .type-manufacturers-listing .content-wrapper-in,
  .type-manufacturer-detail .content-wrapper-in,
  .type-posts-listing .content-wrapper-in,
  .type-post .content-wrapper-in,
  .type-page .content-wrapper-in,
  .type-glossary .content-wrapper-in,
  .next-to-carousel-banners,
  .type-category .content,
  .p-detail-inner,
  .p-detail-tabs-wrapper {
    max-width: 1920px;
  }
  .id-1 #products-1,
  .id-1 #products-2,
  .id-1 .homepage-texts-wrapper,
  .id-1 .container--bannersBenefit {
    width: 100%;
    max-width: 1441px;
    margin: 0 auto;
  }
}
@media (max-width: 1200px) {
  .columns-3 .products-block > div,
  .columns-4 .products-block > div {
    float: left;
    width: 100% !important;
  }
}
/* submenuNav */
/* firstLink */
.submenu li:not(.links) > a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  width: 100%;
  max-width: max-content;
}

.submenu li:not(.links) > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  height: 3px !important;
  background-color: #ba8a51;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease;
}

.submenu li:not(.links) > a:hover::after,
.submenu li:not(.links) > a:focus::after,
.submenu li:not(.links) > a.active::after {
  transform: scaleX(1);
  height: 3px !important;
}

/* links */
.submenu .links a {
  position: relative;
  color: inherit;
  text-decoration: none;
  width: 100%;
  max-width: max-content;
  display: inline-block;
}

.submenu .links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  height: 3px !important;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease;
}

.submenu .links a:hover::after,
.submenu .links a:focus::after,
.submenu .links a.active::after {
  transform: scaleX(1);
  height: 3px !important;
}

@media only screen and (min-width: 768px) {
  .type-detail .wide .p-final-price-wrapper,
  .type-detail .p-to-cart-block .p-add-to-cart-wrapper {
    width: 100%;
  }
  .type-detail .p-detail .add-to-cart .quantity {
    border-style: none;
    border-width: 0;
    border-radius: 50px;
    background: white;
  }
  .type-detail .type-detail .p-to-cart-block {
    background: #f6f6f6;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 0;
    display: block;
    height: auto;
    min-height: 120px;
    clear: both;
  }
  .type-detail .p-basic-info-block .block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .type-detail .p-detail-inner .p-data-wrapper .p-param-block {
    display: none;
  }
  .type-detail .quantity .increase::before,
  .type-detail .quantity .decrease::before {
    font-size: 10pt;
  }
  .type-detail .quantity .decrease {
    border-width: 0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
  }
  .type-detail .quantity .increase {
    border-width: 0px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
  }
  .type-detail .p-basic-info-block {
    background: #f6f6f6;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 0;
  }
  .type-detail .p-to-cart-block {
    background: #f6f6f6;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 0;
    padding: 0 2rem 2rem;
  }
  .type-detail .p-basic-info-block .block .p-manufacturer-label,
  .type-detail .p-basic-info-block .block .p-code-label {
    padding-right: 5px;
  }
  .type-detail .p-to-cart-block .p-add-to-cart-wrapper .add-to-cart {
    margin-top: 1rem;
    width: 100%;
    gap: 10px;
  }
  .type-detail .p-to-cart-block .add-to-cart-button.btn-conversion::before {
    display: none;
  }
  .type-detail .p-detail-inner .p-short-description {
    margin-top: 2rem;
    line-height: 3rem;
  }
}
.in-blog-list main .content-inner * {
  font-size: 18px;
  font-weight: 400;
  color: #444;
  line-height: 25px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .in-blog-list main .content-inner * * {
    text-align: center;
  }
}
.in-blog-list main .content-inner strong {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 25px;
  padding-bottom: 5px;
}
.in-blog-list main .content-inner h2 *,
.in-blog-list main .content-inner h3 * {
  font-weight: bold;
  color: #000;
}

.type-post .text div img:first-of-type {
  width: 100%;
  max-height: 440px;
  object-fit: cover;
}
.type-post h2 {
  text-align: center;
}
.type-post .title h2 {
  color: #fff !important;
  text-align: center;
  width: 50px;
  height: 50px;
  background: var(--color-secondary);
  border-radius: 50px;
  margin: 2rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.type-post .list.b-2 {
  margin: 2rem auto;
}
@media only screen and (max-width: 768px) {
  .type-post .list.b-2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .type-post .list.b-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}
.type-post p {
  font-size: 18px;
  line-height: normal;
  padding-bottom: 1rem;
}
.type-post ul li {
  font-size: 18px;
  line-height: normal;
  padding-bottom: 1rem;
}

@media (max-width: 768px) {
  .in-recepty.type-posts-listing main .news-wrapper,
  .in-blog-list-.type-posts-listing main .news-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .in-recepty.type-posts-listing main .news-wrapper .news-item,
  .in-blog-list-.type-posts-listing main .news-wrapper .news-item {
    margin: 0;
    display: block;
  }
  .in-recepty.type-posts-listing main .news-wrapper .news-item .text,
  .in-blog-list-.type-posts-listing main .news-wrapper .news-item .text {
    min-height: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .type-detail .video-section .video-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    width: 100%;
    max-width: 100%;
  }
  .type-posts-listing .news-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }
  .type-posts-listing .news-wrapper .news-item {
    margin-bottom: 0px;
    display: block;
  }
  .in-recepty.type-posts-listing main .news-wrapper,
  .in-blog-list-.type-posts-listing main .news-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }
  .in-recepty.type-posts-listing main .news-wrapper .news-item,
  .in-blog-list-.type-posts-listing main .news-wrapper .news-item {
    margin: 0;
    display: block;
  }
  .in-recepty.type-posts-listing main .news-wrapper .news-item .text,
  .in-blog-list-.type-posts-listing main .news-wrapper .news-item .text {
    min-height: 100px;
  }
}
h2.rating-title {
  font-size: 25px;
  font-weight: 600;
  color: #5b5b5b !important;
  text-align: center;
  text-transform: none;
  background: #fff;
  width: auto;
  max-width: max-content;
  margin: 5rem auto 2rem;
  display: block;
  clear: both;
}

.id-1 h2.recipes-title {
  font-size: 25px;
  font-weight: 600;
  color: #5b5b5b !important;
  text-transform: none;
  text-align: center;
  background: #fff;
  margin: 5rem 0 1rem 0;
  display: block;
  clear: both;
}
.id-1 h2.recipes-title a {
  color: #5b5b5b;
  text-decoration: underline;
}
.id-1 h2.text-center a {
  display: block;
}
.id-1 .homepage-group-title {
  font-size: 25px;
  font-weight: 600;
  color: #5b5b5b !important;
  text-transform: none;
  text-align: center;
  background: #fff;
  margin: 5rem 0 1rem 0;
  display: block;
  clear: both;
}
.id-1 .hodnoceniObchodu .vote-name span {
  font-size: 15px;
  font-weight: 600;
  color: #5b5b5b !important;
  text-align: left;
  text-transform: none;
  margin: 0;
  display: block;
  clear: both;
}
.id-1 #homepageProducts24,
.id-1 #products-27 {
  background: #fff;
  min-height: 550px;
  padding: 0;
  margin: 0;
}
.id-1 .footer-banner a img {
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .id-1 .lh-weblayer--root {
    position: relative;
    background: url(https://www.happy-power.cz/user/documents/upload/temp/n/newslleter.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    min-height: 400px;
  }
  .id-1 .lh-weblayer--root ._1nEqXhU38TrX5hNppeY_73 {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0) !important;
  }
}
@media only screen and (min-width: 768px) {
  .id-1 .lh-weblayer--root {
    position: relative;
    background: url("https://www.happy-power.cz/user/documents/upload/temp/ebook/ebook-zdarma-min.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 100%;
    height: 100%;
    min-height: 460px;
    margin-top: 5rem;
  }
  .id-1 .lh-weblayer--root ._1nEqXhU38TrX5hNppeY_73 {
    color: #b98951;
    background-color: rgba(0, 0, 0, 0) !important;
    font-size: 14px;
    line-height: 1.3em;
    padding: 15px;
    position: absolute;
    top: auto;
    left: 40px;
    right: auto;
    bottom: 0;
    width: 100%;
    max-width: 500px;
  }
  .id-1 .lh-weblayer--root ._1nEqXhU38TrX5hNppeY_73 input {
    padding: 2rem;
  }
  .id-1 .lh-weblayer--root ._1nEqXhU38TrX5hNppeY_73 button {
    color: #fff;
    background-color: #b98951;
    border-radius: 50px;
    font-size: 20px !important;
    padding: 2rem;
    margin-top: 2rem;
  }
}

.newslleter {
  position: relative;
}
.newslleter .form {
  position: absolute;
  left: 5rem;
  bottom: 5rem;
}

@media only screen and (max-width: 768px) {
  nav#navigation .site-name {
    width: max-content;
    margin: 2rem auto;
    padding: 0;
  }
  nav#navigation .site-name a img {
    max-height: 100px;
    display: block;
  }
  nav#navigation .alert {
    background: var(--color-secondary);
    padding: 1rem;
    width: 90%;
    margin: 0 5%;
    border-radius: 5px;
    font-size: 16px;
    line-height: normal;
  }
  nav#navigation .alert a {
    color: #fff;
    text-decoration: underline;
  }
  nav#navigation .navigation-in > ul > li {
    border-bottom: 1px dotted #444;
  }
  nav#navigation .navigation-buttons a[data-target=navigation] {
    margin-right: 1rem;
  }
  .id-1 h2.recipes-title {
    display: block;
    clear: both;
  }
  .id-1 .recipes-container {
    width: 100%;
    min-height: 200px;
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    clear: both;
  }
  .id-1 .recipes-container .news-item {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
  }
  .id-1 .recipes-container .news-item .image {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .id-1 .recipes-container .news-item .image img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 400px;
    max-height: 400px;
    object-fit: cover;
    border-radius: 10px;
  }
  .id-1 .recipes-container .news-item .text .title {
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    width: max-content;
    border-radius: 50px;
    padding: 15px 0;
  }
  .id-1 .recipes-container .news-item .text time,
  .id-1 .recipes-container .news-item .text .description {
    display: none;
  }
  .id-1 .footer-banners {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    width: 100%;
    max-width: 98%;
    margin: 2rem auto 0;
  }
  .id-1 .footer-banners::before, .id-1 .footer-banners::after {
    display: none;
  }
  .id-1 .footer-banners .footer-banner {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .id-1 .type-detail .video-section {
    width: 100%;
    max-width: max-content;
    min-height: 250px;
    background: #fff;
    margin: 0 auto;
    padding: 0;
  }
  .id-1 .type-detail .video-section .video-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    width: 100%;
    max-width: 90%;
    margin: 0 5%;
    padding: 5rem 0;
  }
  .id-1 .type-detail .video-section .video-container video {
    width: 100%;
    border-radius: 10px;
  }
  .id-1 .type-detail .hodnoceniObchodu {
    margin: 0;
    padding: 0;
  }
  .id-1 .type-detail .hodnoceniObchodu > h2 {
    margin: 0 auto 5rem;
    padding: 0;
  }
  .id-1 .type-posts-listing main .news-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .id-1 .type-posts-listing main .news-wrapper .news-item {
    display: block;
    padding: 0;
    margin: 0;
  }
  .id-1 .type-posts-listing main .news-wrapper .news-item .image {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }
  .id-1 .type-posts-listing main .news-wrapper .news-item .image img {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  .id-1 .type-posts-listing main .news-wrapper .news-item .text {
    background: #fafafa;
    padding: 2rem;
    margin: 0;
  }
  .id-1 .type-posts-listing main .news-wrapper .news-item .text .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    text-decoration: none;
    min-height: 50px;
    margin-bottom: 10px;
    display: block;
  }
  .id-1 .type-posts-listing main .news-wrapper .news-item .text time {
    display: none;
  }
  .id-1 .type-posts-listing main .news-wrapper .news-item .text .description {
    line-height: 2.5rem;
  }
  .id-1 .type-posts-listing main .news-wrapper .news-item .text .description p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.5rem;
    margin-top: 10px;
  }
  .in-blog-list- .rubrika,
  .in-recepty .rubrika,
  .in-recepty-slane .rubrika,
  .in-recepty-sladke .rubrika,
  .in-recepty-barevne-prasky .rubrika {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 5rem;
  }
  .in-blog-list- .rubrika a,
  .in-recepty .rubrika a,
  .in-recepty-slane .rubrika a,
  .in-recepty-sladke .rubrika a,
  .in-recepty-barevne-prasky .rubrika a {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    background: var(--color-secondary);
    border-radius: 50px;
    width: max-content;
    padding: 5px 1rem;
  }
  .in-blog-list- .rubrika a:hover,
  .in-recepty .rubrika a:hover,
  .in-recepty-slane .rubrika a:hover,
  .in-recepty-sladke .rubrika a:hover,
  .in-recepty-barevne-prasky .rubrika a:hover {
    background: #ba8a51;
  }
  .in-blog-list- main p,
  .in-recepty main p,
  .in-recepty-slane main p,
  .in-recepty-sladke main p,
  .in-recepty-barevne-prasky main p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.5rem;
    margin-top: 10px;
  }
  .in-blog-list- .news-wrapper .news-item .image,
  .in-recepty .news-wrapper .news-item .image,
  .in-recepty-slane .news-wrapper .news-item .image,
  .in-recepty-sladke .news-wrapper .news-item .image,
  .in-recepty-barevne-prasky .news-wrapper .news-item .image {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }
  .in-blog-list- .news-wrapper .news-item .image img,
  .in-recepty .news-wrapper .news-item .image img,
  .in-recepty-slane .news-wrapper .news-item .image img,
  .in-recepty-sladke .news-wrapper .news-item .image img,
  .in-recepty-barevne-prasky .news-wrapper .news-item .image img {
    max-height: 100%;
    object-fit: cover;
  }
  .in-blog-list- .news-wrapper .news-item .text,
  .in-recepty .news-wrapper .news-item .text,
  .in-recepty-slane .news-wrapper .news-item .text,
  .in-recepty-sladke .news-wrapper .news-item .text,
  .in-recepty-barevne-prasky .news-wrapper .news-item .text {
    background: #fafafa;
    margin: 0;
    padding: 2rem;
  }
  .in-blog-list- .news-wrapper .news-item .text .title,
  .in-recepty .news-wrapper .news-item .text .title,
  .in-recepty-slane .news-wrapper .news-item .text .title,
  .in-recepty-sladke .news-wrapper .news-item .text .title,
  .in-recepty-barevne-prasky .news-wrapper .news-item .text .title {
    font-size: 20px;
    font-weight: bold;
    color: #5b5b5b;
    line-height: 25px;
    text-decoration: none;
    min-height: 50px;
    margin-bottom: 10px;
    display: block;
  }
  .in-blog-list- .news-wrapper .news-item .text time,
  .in-recepty .news-wrapper .news-item .text time,
  .in-recepty-slane .news-wrapper .news-item .text time,
  .in-recepty-sladke .news-wrapper .news-item .text time,
  .in-recepty-barevne-prasky .news-wrapper .news-item .text time {
    display: none;
  }
  .in-blog-list- .news-wrapper .news-item .text .description,
  .in-recepty .news-wrapper .news-item .text .description,
  .in-recepty-slane .news-wrapper .news-item .text .description,
  .in-recepty-sladke .news-wrapper .news-item .text .description,
  .in-recepty-barevne-prasky .news-wrapper .news-item .text .description {
    line-height: 2.2rem;
  }
  .in-blog-list- .news-wrapper .news-item .text .description p,
  .in-recepty .news-wrapper .news-item .text .description p,
  .in-recepty-slane .news-wrapper .news-item .text .description p,
  .in-recepty-sladke .news-wrapper .news-item .text .description p,
  .in-recepty-barevne-prasky .news-wrapper .news-item .text .description p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.5rem;
    margin-top: 10px;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text div:first-of-type img,
  .in-blog-list- .in-recepty-sladke.type-post main .text div:first-of-type img,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text div:first-of-type img,
  .in-recepty .in-recepty-slane.type-post main .text div:first-of-type img,
  .in-recepty .in-recepty-sladke.type-post main .text div:first-of-type img,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text div:first-of-type img,
  .in-recepty-slane .in-recepty-slane.type-post main .text div:first-of-type img,
  .in-recepty-slane .in-recepty-sladke.type-post main .text div:first-of-type img,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text div:first-of-type img,
  .in-recepty-sladke .in-recepty-slane.type-post main .text div:first-of-type img,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text div:first-of-type img,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text div:first-of-type img,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text div:first-of-type img,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text div:first-of-type img,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text div:first-of-type img {
    width: 100%;
    display: block;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text h2,
  .in-blog-list- .in-recepty-sladke.type-post main .text h2,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text h2,
  .in-recepty .in-recepty-slane.type-post main .text h2,
  .in-recepty .in-recepty-sladke.type-post main .text h2,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text h2,
  .in-recepty-slane .in-recepty-slane.type-post main .text h2,
  .in-recepty-slane .in-recepty-sladke.type-post main .text h2,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text h2,
  .in-recepty-sladke .in-recepty-slane.type-post main .text h2,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text h2,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text h2,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text h2,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text h2,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text h2 {
    text-align: center;
    display: block;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text p,
  .in-blog-list- .in-recepty-sladke.type-post main .text p,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text p,
  .in-recepty .in-recepty-slane.type-post main .text p,
  .in-recepty .in-recepty-sladke.type-post main .text p,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text p,
  .in-recepty-slane .in-recepty-slane.type-post main .text p,
  .in-recepty-slane .in-recepty-sladke.type-post main .text p,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text p,
  .in-recepty-sladke .in-recepty-slane.type-post main .text p,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text p,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text p,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text p,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text p,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text p {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 3rem;
    margin-top: 10px;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text p span,
  .in-blog-list- .in-recepty-sladke.type-post main .text p span,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text p span,
  .in-recepty .in-recepty-slane.type-post main .text p span,
  .in-recepty .in-recepty-sladke.type-post main .text p span,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text p span,
  .in-recepty-slane .in-recepty-slane.type-post main .text p span,
  .in-recepty-slane .in-recepty-sladke.type-post main .text p span,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text p span,
  .in-recepty-sladke .in-recepty-slane.type-post main .text p span,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text p span,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text p span,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text p span,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text p span,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text p span {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 3rem;
    margin-top: 10px;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text img:first-child,
  .in-blog-list- .in-recepty-sladke.type-post main .text img:first-child,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text img:first-child,
  .in-recepty .in-recepty-slane.type-post main .text img:first-child,
  .in-recepty .in-recepty-sladke.type-post main .text img:first-child,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text img:first-child,
  .in-recepty-slane .in-recepty-slane.type-post main .text img:first-child,
  .in-recepty-slane .in-recepty-sladke.type-post main .text img:first-child,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text img:first-child,
  .in-recepty-sladke .in-recepty-slane.type-post main .text img:first-child,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text img:first-child,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text img:first-child,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text img:first-child,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text img:first-child,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text img:first-child {
    margin: 0 auto;
    display: block;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text .list,
  .in-blog-list- .in-recepty-sladke.type-post main .text .list,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text .list,
  .in-recepty .in-recepty-slane.type-post main .text .list,
  .in-recepty .in-recepty-sladke.type-post main .text .list,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text .list,
  .in-recepty-slane .in-recepty-slane.type-post main .text .list,
  .in-recepty-slane .in-recepty-sladke.type-post main .text .list,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text .list,
  .in-recepty-sladke .in-recepty-slane.type-post main .text .list,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text .list,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text .list,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text .list,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text .list,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text ul,
  .in-blog-list- .in-recepty-slane.type-post main .text li,
  .in-blog-list- .in-recepty-sladke.type-post main .text ul,
  .in-blog-list- .in-recepty-sladke.type-post main .text li,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text ul,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text li,
  .in-recepty .in-recepty-slane.type-post main .text ul,
  .in-recepty .in-recepty-slane.type-post main .text li,
  .in-recepty .in-recepty-sladke.type-post main .text ul,
  .in-recepty .in-recepty-sladke.type-post main .text li,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text ul,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text li,
  .in-recepty-slane .in-recepty-slane.type-post main .text ul,
  .in-recepty-slane .in-recepty-slane.type-post main .text li,
  .in-recepty-slane .in-recepty-sladke.type-post main .text ul,
  .in-recepty-slane .in-recepty-sladke.type-post main .text li,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text ul,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text li,
  .in-recepty-sladke .in-recepty-slane.type-post main .text ul,
  .in-recepty-sladke .in-recepty-slane.type-post main .text li,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text ul,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text li,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text ul,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text li,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text ul,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text li,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text ul,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text li,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text ul,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text li {
    font-size: 20px;
    text-align: left;
    line-height: 3.3rem;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text ul:first-child,
  .in-blog-list- .in-recepty-sladke.type-post main .text ul:first-child,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text ul:first-child,
  .in-recepty .in-recepty-slane.type-post main .text ul:first-child,
  .in-recepty .in-recepty-sladke.type-post main .text ul:first-child,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text ul:first-child,
  .in-recepty-slane .in-recepty-slane.type-post main .text ul:first-child,
  .in-recepty-slane .in-recepty-sladke.type-post main .text ul:first-child,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text ul:first-child,
  .in-recepty-sladke .in-recepty-slane.type-post main .text ul:first-child,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text ul:first-child,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text ul:first-child,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text ul:first-child,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text ul:first-child,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text ul:first-child {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text .title,
  .in-blog-list- .in-recepty-sladke.type-post main .text .title,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text .title,
  .in-recepty .in-recepty-slane.type-post main .text .title,
  .in-recepty .in-recepty-sladke.type-post main .text .title,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text .title,
  .in-recepty-slane .in-recepty-slane.type-post main .text .title,
  .in-recepty-slane .in-recepty-sladke.type-post main .text .title,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text .title,
  .in-recepty-sladke .in-recepty-slane.type-post main .text .title,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text .title,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text .title,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text .title,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text .title,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text .title {
    position: relative;
    z-index: 1;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text .title::before,
  .in-blog-list- .in-recepty-sladke.type-post main .text .title::before,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text .title::before,
  .in-recepty .in-recepty-slane.type-post main .text .title::before,
  .in-recepty .in-recepty-sladke.type-post main .text .title::before,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text .title::before,
  .in-recepty-slane .in-recepty-slane.type-post main .text .title::before,
  .in-recepty-slane .in-recepty-sladke.type-post main .text .title::before,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text .title::before,
  .in-recepty-sladke .in-recepty-slane.type-post main .text .title::before,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text .title::before,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text .title::before,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text .title::before,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text .title::before,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text .title::before {
    content: "";
    position: absolute;
    top: 44px;
    width: 100%;
    height: 2px;
    background: #006551;
    z-index: -1;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text .title h2,
  .in-blog-list- .in-recepty-sladke.type-post main .text .title h2,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text .title h2,
  .in-recepty .in-recepty-slane.type-post main .text .title h2,
  .in-recepty .in-recepty-sladke.type-post main .text .title h2,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text .title h2,
  .in-recepty-slane .in-recepty-slane.type-post main .text .title h2,
  .in-recepty-slane .in-recepty-sladke.type-post main .text .title h2,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text .title h2,
  .in-recepty-sladke .in-recepty-slane.type-post main .text .title h2,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text .title h2,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text .title h2,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text .title h2,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text .title h2,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text .title h2 {
    color: #fff !important;
    background: #006551;
    border: 10px solid #fff;
    border-radius: 50%;
    width: max-content;
    margin: 0 auto 4rem;
    padding: 20px 28px;
  }
  .in-blog-list- .in-recepty-slane.type-post main .next-prev a,
  .in-blog-list- .in-recepty-sladke.type-post main .next-prev a,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .next-prev a,
  .in-recepty .in-recepty-slane.type-post main .next-prev a,
  .in-recepty .in-recepty-sladke.type-post main .next-prev a,
  .in-recepty .in-recepty-barevne-prasky.type-post main .next-prev a,
  .in-recepty-slane .in-recepty-slane.type-post main .next-prev a,
  .in-recepty-slane .in-recepty-sladke.type-post main .next-prev a,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .next-prev a,
  .in-recepty-sladke .in-recepty-slane.type-post main .next-prev a,
  .in-recepty-sladke .in-recepty-sladke.type-post main .next-prev a,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .next-prev a,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .next-prev a,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .next-prev a,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .next-prev a {
    font-weight: bolder;
    color: #fff;
    text-decoration: none;
    background: var(--color-secondary);
    border-radius: 50px;
    border: 0;
  }
  .in-blog-list- .in-recepty-slane.type-post main .list.b-1-4 img, .in-blog-list- .in-recepty-slane.type-post main .list.b-2-4 img,
  .in-blog-list- .in-recepty-sladke.type-post main .list.b-1-4 img,
  .in-blog-list- .in-recepty-sladke.type-post main .list.b-2-4 img,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .list.b-1-4 img,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .list.b-2-4 img,
  .in-recepty .in-recepty-slane.type-post main .list.b-1-4 img,
  .in-recepty .in-recepty-slane.type-post main .list.b-2-4 img,
  .in-recepty .in-recepty-sladke.type-post main .list.b-1-4 img,
  .in-recepty .in-recepty-sladke.type-post main .list.b-2-4 img,
  .in-recepty .in-recepty-barevne-prasky.type-post main .list.b-1-4 img,
  .in-recepty .in-recepty-barevne-prasky.type-post main .list.b-2-4 img,
  .in-recepty-slane .in-recepty-slane.type-post main .list.b-1-4 img,
  .in-recepty-slane .in-recepty-slane.type-post main .list.b-2-4 img,
  .in-recepty-slane .in-recepty-sladke.type-post main .list.b-1-4 img,
  .in-recepty-slane .in-recepty-sladke.type-post main .list.b-2-4 img,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .list.b-1-4 img,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .list.b-2-4 img,
  .in-recepty-sladke .in-recepty-slane.type-post main .list.b-1-4 img,
  .in-recepty-sladke .in-recepty-slane.type-post main .list.b-2-4 img,
  .in-recepty-sladke .in-recepty-sladke.type-post main .list.b-1-4 img,
  .in-recepty-sladke .in-recepty-sladke.type-post main .list.b-2-4 img,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .list.b-1-4 img,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .list.b-2-4 img,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .list.b-1-4 img,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .list.b-2-4 img,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .list.b-1-4 img,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .list.b-2-4 img,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .list.b-1-4 img,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .list.b-2-4 img {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }
}
/* Styly pro displeje nad 768px */
@media only screen and (min-width: 768px) {
  .id-1 h2.recipes-title {
    display: block;
    clear: both;
  }
  .id-1 .recipes-container {
    width: 100%;
    min-height: 200px;
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    clear: both;
  }
  .id-1 .recipes-container .news-item {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
  }
  .id-1 .recipes-container .news-item .image {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .id-1 .recipes-container .news-item .image img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 400px;
    max-height: 400px;
    object-fit: cover;
    border-radius: 10px;
  }
  .id-1 .recipes-container .news-item .text .title {
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    width: max-content;
    border-radius: 50px;
    padding: 15px 0;
  }
  .id-1 .recipes-container .news-item .text time,
  .id-1 .recipes-container .news-item .text .description {
    display: none;
  }
  .id-1 .footer-banners {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    width: 100%;
    max-width: 98%;
    margin: 2rem auto 0;
  }
  .id-1 .footer-banners::before, .id-1 .footer-banners::after {
    display: none;
  }
  .id-1 .footer-banners .footer-banner {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
/* FIX, přenést */
.type-posts-listing main .news-wrapper .news-item .text .title {
  min-height: auto !important;
  margin-bottom: 0 !important;
  display: block;
}

.type-posts-listing main .news-wrapper .news-item .text .description {
  display: none;
}

/**
@media only screen and (min-width: 1400px) {
    header#header {
        nav {
            .menu-level-2 {
                width: 100%;
                min-width: max-content;
                padding-top: 3rem;
                display: grid;
                grid-template-columns: repeat(4, 25%);

                li {
                    min-width: max-content;
                    padding: 0 8rem;

                    a:hover {
                        color: var(--color-secondary);
                        text-decoration: underline;

                        span {
                            color: var(--color-secondary);
                            text-decoration: underline;
                        }
                    }

                    .links {
                        a {
                            &:hover {
                                color: var(--color-secondary);
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }
        }

        &.open {
            position: relative;

            &:hover {
                &::before {
                    content: "";
                    background: #fff;
                    position: absolute;
                    top: 100px;
                    left: 0;
                    width: 100%;
                    max-width: 90%;
                    margin: 0 5%;
                    min-height: 330px;
                    z-index: 9;
                }
            }

            .menu-level-2 {
                position: absolute;
                top: calc(100% + 2px);
                left: 0;
                background: #fff;
                border: 0 !important;

                li {
                    margin-bottom: 2rem;
                }

                .menu-item-798 {
                    background: url(https://www.happy-power.cz/user/documents/upload/temp/nav/vitaminy.png);
                    background-size: 100px;
                    background-repeat: no-repeat;
                    padding-left: 9rem;
                }

                .menu-item-777 {
                    background: url(https://www.happy-power.cz/user/documents/upload/temp/nav/proteiny.png);
                    background-size: 100px;
                    background-repeat: no-repeat;
                    padding-left: 9rem;
                }

                .menu-item-1005 {
                    background: url(https://www.happy-power.cz/user/documents/upload/temp/nav/barevne-prasky.png);
                    background-size: 100px;
                    background-repeat: no-repeat;
                    padding-left: 9rem;
                }

                .menu-item-1050 {
                    background: url(https://www.happy-power.cz/user/documents/upload/temp/nav/tycinky.png);
                    background-size: 100px;
                    background-repeat: no-repeat;
                    padding-left: 9rem;
                }

                .menu-item-860 {
                    background: url(https://www.happy-power.cz/user/documents/upload/temp/nav/svicky.png);
                    background-size: 100px;
                    background-repeat: no-repeat;
                    padding-left: 9rem;
                }

                .menu-item-1047 {
                    background: url(https://www.happy-power.cz/user/documents/upload/temp/nav/darky.png);
                    background-size: 100px;
                    background-repeat: no-repeat;
                    padding-left: 9rem;
                }

                .menu-item-1044 {
                    background: url(https://www.happy-power.cz/user/documents/upload/temp/nav/ostatní.png);
                    background-size: 100px;
                    background-repeat: no-repeat;
                    padding-left: 9rem;
                }
            }
        }
    }
}
**/
@media only screen and (min-width: 768px) {
  .in-blog-list- .rubrika,
  .in-recepty .rubrika,
  .in-recepty-slane .rubrika,
  .in-recepty-sladke .rubrika,
  .in-recepty-barevne-prasky .rubrika {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 5rem;
  }
  .in-blog-list- .rubrika a,
  .in-recepty .rubrika a,
  .in-recepty-slane .rubrika a,
  .in-recepty-sladke .rubrika a,
  .in-recepty-barevne-prasky .rubrika a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    background: var(--color-secondary);
    border-radius: 50px;
    width: max-content;
    padding: 10px 2rem;
  }
  .in-blog-list- .rubrika a:hover,
  .in-recepty .rubrika a:hover,
  .in-recepty-slane .rubrika a:hover,
  .in-recepty-sladke .rubrika a:hover,
  .in-recepty-barevne-prasky .rubrika a:hover {
    background: #ba8a51;
  }
  .in-blog-list- main p,
  .in-recepty main p,
  .in-recepty-slane main p,
  .in-recepty-sladke main p,
  .in-recepty-barevne-prasky main p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.5rem;
    margin-top: 10px;
  }
  .in-blog-list- .news-wrapper .news-item .image,
  .in-recepty .news-wrapper .news-item .image,
  .in-recepty-slane .news-wrapper .news-item .image,
  .in-recepty-sladke .news-wrapper .news-item .image,
  .in-recepty-barevne-prasky .news-wrapper .news-item .image {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }
  .in-blog-list- .news-wrapper .news-item .image img,
  .in-recepty .news-wrapper .news-item .image img,
  .in-recepty-slane .news-wrapper .news-item .image img,
  .in-recepty-sladke .news-wrapper .news-item .image img,
  .in-recepty-barevne-prasky .news-wrapper .news-item .image img {
    max-height: 100%;
    object-fit: cover;
  }
  .in-blog-list- .news-wrapper .news-item .text,
  .in-recepty .news-wrapper .news-item .text,
  .in-recepty-slane .news-wrapper .news-item .text,
  .in-recepty-sladke .news-wrapper .news-item .text,
  .in-recepty-barevne-prasky .news-wrapper .news-item .text {
    background: #fafafa;
    margin: 0;
    padding: 2rem;
  }
  .in-blog-list- .news-wrapper .news-item .text .title,
  .in-recepty .news-wrapper .news-item .text .title,
  .in-recepty-slane .news-wrapper .news-item .text .title,
  .in-recepty-sladke .news-wrapper .news-item .text .title,
  .in-recepty-barevne-prasky .news-wrapper .news-item .text .title {
    font-size: 20px;
    font-weight: bold;
    color: #5b5b5b;
    line-height: 25px;
    text-decoration: none;
    min-height: 50px;
    margin-bottom: 10px;
    display: block;
  }
  .in-blog-list- .news-wrapper .news-item .text time,
  .in-recepty .news-wrapper .news-item .text time,
  .in-recepty-slane .news-wrapper .news-item .text time,
  .in-recepty-sladke .news-wrapper .news-item .text time,
  .in-recepty-barevne-prasky .news-wrapper .news-item .text time {
    display: none;
  }
  .in-blog-list- .news-wrapper .news-item .text .description,
  .in-recepty .news-wrapper .news-item .text .description,
  .in-recepty-slane .news-wrapper .news-item .text .description,
  .in-recepty-sladke .news-wrapper .news-item .text .description,
  .in-recepty-barevne-prasky .news-wrapper .news-item .text .description {
    line-height: 2.2rem;
  }
  .in-blog-list- .news-wrapper .news-item .text .description p,
  .in-recepty .news-wrapper .news-item .text .description p,
  .in-recepty-slane .news-wrapper .news-item .text .description p,
  .in-recepty-sladke .news-wrapper .news-item .text .description p,
  .in-recepty-barevne-prasky .news-wrapper .news-item .text .description p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.5rem;
    margin-top: 10px;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text div:first-of-type img,
  .in-blog-list- .in-recepty-sladke.type-post main .text div:first-of-type img,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text div:first-of-type img,
  .in-recepty .in-recepty-slane.type-post main .text div:first-of-type img,
  .in-recepty .in-recepty-sladke.type-post main .text div:first-of-type img,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text div:first-of-type img,
  .in-recepty-slane .in-recepty-slane.type-post main .text div:first-of-type img,
  .in-recepty-slane .in-recepty-sladke.type-post main .text div:first-of-type img,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text div:first-of-type img,
  .in-recepty-sladke .in-recepty-slane.type-post main .text div:first-of-type img,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text div:first-of-type img,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text div:first-of-type img,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text div:first-of-type img,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text div:first-of-type img,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text div:first-of-type img {
    width: 100%;
    display: block;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text h2,
  .in-blog-list- .in-recepty-sladke.type-post main .text h2,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text h2,
  .in-recepty .in-recepty-slane.type-post main .text h2,
  .in-recepty .in-recepty-sladke.type-post main .text h2,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text h2,
  .in-recepty-slane .in-recepty-slane.type-post main .text h2,
  .in-recepty-slane .in-recepty-sladke.type-post main .text h2,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text h2,
  .in-recepty-sladke .in-recepty-slane.type-post main .text h2,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text h2,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text h2,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text h2,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text h2,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text h2 {
    text-align: center;
    display: block;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text p,
  .in-blog-list- .in-recepty-sladke.type-post main .text p,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text p,
  .in-recepty .in-recepty-slane.type-post main .text p,
  .in-recepty .in-recepty-sladke.type-post main .text p,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text p,
  .in-recepty-slane .in-recepty-slane.type-post main .text p,
  .in-recepty-slane .in-recepty-sladke.type-post main .text p,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text p,
  .in-recepty-sladke .in-recepty-slane.type-post main .text p,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text p,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text p,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text p,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text p,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text p {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 3rem;
    margin-top: 10px;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text p span,
  .in-blog-list- .in-recepty-sladke.type-post main .text p span,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text p span,
  .in-recepty .in-recepty-slane.type-post main .text p span,
  .in-recepty .in-recepty-sladke.type-post main .text p span,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text p span,
  .in-recepty-slane .in-recepty-slane.type-post main .text p span,
  .in-recepty-slane .in-recepty-sladke.type-post main .text p span,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text p span,
  .in-recepty-sladke .in-recepty-slane.type-post main .text p span,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text p span,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text p span,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text p span,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text p span,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text p span {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 3rem;
    margin-top: 10px;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text img:first-child,
  .in-blog-list- .in-recepty-sladke.type-post main .text img:first-child,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text img:first-child,
  .in-recepty .in-recepty-slane.type-post main .text img:first-child,
  .in-recepty .in-recepty-sladke.type-post main .text img:first-child,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text img:first-child,
  .in-recepty-slane .in-recepty-slane.type-post main .text img:first-child,
  .in-recepty-slane .in-recepty-sladke.type-post main .text img:first-child,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text img:first-child,
  .in-recepty-sladke .in-recepty-slane.type-post main .text img:first-child,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text img:first-child,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text img:first-child,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text img:first-child,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text img:first-child,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text img:first-child {
    margin: 0 auto;
    display: block;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text .list,
  .in-blog-list- .in-recepty-sladke.type-post main .text .list,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text .list,
  .in-recepty .in-recepty-slane.type-post main .text .list,
  .in-recepty .in-recepty-sladke.type-post main .text .list,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text .list,
  .in-recepty-slane .in-recepty-slane.type-post main .text .list,
  .in-recepty-slane .in-recepty-sladke.type-post main .text .list,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text .list,
  .in-recepty-sladke .in-recepty-slane.type-post main .text .list,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text .list,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text .list,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text .list,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text .list,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text ul,
  .in-blog-list- .in-recepty-slane.type-post main .text li,
  .in-blog-list- .in-recepty-sladke.type-post main .text ul,
  .in-blog-list- .in-recepty-sladke.type-post main .text li,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text ul,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text li,
  .in-recepty .in-recepty-slane.type-post main .text ul,
  .in-recepty .in-recepty-slane.type-post main .text li,
  .in-recepty .in-recepty-sladke.type-post main .text ul,
  .in-recepty .in-recepty-sladke.type-post main .text li,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text ul,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text li,
  .in-recepty-slane .in-recepty-slane.type-post main .text ul,
  .in-recepty-slane .in-recepty-slane.type-post main .text li,
  .in-recepty-slane .in-recepty-sladke.type-post main .text ul,
  .in-recepty-slane .in-recepty-sladke.type-post main .text li,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text ul,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text li,
  .in-recepty-sladke .in-recepty-slane.type-post main .text ul,
  .in-recepty-sladke .in-recepty-slane.type-post main .text li,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text ul,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text li,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text ul,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text li,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text ul,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text li,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text ul,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text li,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text ul,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text li {
    font-size: 20px;
    text-align: left;
    line-height: 3.3rem;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text ul:first-child,
  .in-blog-list- .in-recepty-sladke.type-post main .text ul:first-child,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text ul:first-child,
  .in-recepty .in-recepty-slane.type-post main .text ul:first-child,
  .in-recepty .in-recepty-sladke.type-post main .text ul:first-child,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text ul:first-child,
  .in-recepty-slane .in-recepty-slane.type-post main .text ul:first-child,
  .in-recepty-slane .in-recepty-sladke.type-post main .text ul:first-child,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text ul:first-child,
  .in-recepty-sladke .in-recepty-slane.type-post main .text ul:first-child,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text ul:first-child,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text ul:first-child,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text ul:first-child,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text ul:first-child,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text ul:first-child {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text .title,
  .in-blog-list- .in-recepty-sladke.type-post main .text .title,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text .title,
  .in-recepty .in-recepty-slane.type-post main .text .title,
  .in-recepty .in-recepty-sladke.type-post main .text .title,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text .title,
  .in-recepty-slane .in-recepty-slane.type-post main .text .title,
  .in-recepty-slane .in-recepty-sladke.type-post main .text .title,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text .title,
  .in-recepty-sladke .in-recepty-slane.type-post main .text .title,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text .title,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text .title,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text .title,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text .title,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text .title {
    position: relative;
    z-index: 1;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text .title::before,
  .in-blog-list- .in-recepty-sladke.type-post main .text .title::before,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text .title::before,
  .in-recepty .in-recepty-slane.type-post main .text .title::before,
  .in-recepty .in-recepty-sladke.type-post main .text .title::before,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text .title::before,
  .in-recepty-slane .in-recepty-slane.type-post main .text .title::before,
  .in-recepty-slane .in-recepty-sladke.type-post main .text .title::before,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text .title::before,
  .in-recepty-sladke .in-recepty-slane.type-post main .text .title::before,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text .title::before,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text .title::before,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text .title::before,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text .title::before,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text .title::before {
    content: "";
    position: absolute;
    top: 44px;
    width: 100%;
    height: 2px;
    background: #006551;
    z-index: -1;
  }
  .in-blog-list- .in-recepty-slane.type-post main .text .title h2,
  .in-blog-list- .in-recepty-sladke.type-post main .text .title h2,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .text .title h2,
  .in-recepty .in-recepty-slane.type-post main .text .title h2,
  .in-recepty .in-recepty-sladke.type-post main .text .title h2,
  .in-recepty .in-recepty-barevne-prasky.type-post main .text .title h2,
  .in-recepty-slane .in-recepty-slane.type-post main .text .title h2,
  .in-recepty-slane .in-recepty-sladke.type-post main .text .title h2,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .text .title h2,
  .in-recepty-sladke .in-recepty-slane.type-post main .text .title h2,
  .in-recepty-sladke .in-recepty-sladke.type-post main .text .title h2,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .text .title h2,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .text .title h2,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .text .title h2,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .text .title h2 {
    color: #fff !important;
    background: #006551;
    border: 10px solid #fff;
    border-radius: 50%;
    width: max-content;
    margin: 0 auto 4rem;
    padding: 20px 28px;
  }
  .in-blog-list- .in-recepty-slane.type-post main .next-prev a,
  .in-blog-list- .in-recepty-sladke.type-post main .next-prev a,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .next-prev a,
  .in-recepty .in-recepty-slane.type-post main .next-prev a,
  .in-recepty .in-recepty-sladke.type-post main .next-prev a,
  .in-recepty .in-recepty-barevne-prasky.type-post main .next-prev a,
  .in-recepty-slane .in-recepty-slane.type-post main .next-prev a,
  .in-recepty-slane .in-recepty-sladke.type-post main .next-prev a,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .next-prev a,
  .in-recepty-sladke .in-recepty-slane.type-post main .next-prev a,
  .in-recepty-sladke .in-recepty-sladke.type-post main .next-prev a,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .next-prev a,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .next-prev a,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .next-prev a,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .next-prev a {
    font-weight: bolder;
    color: #fff;
    text-decoration: none;
    background: var(--color-secondary);
    border-radius: 50px;
    border: 0;
  }
  .in-blog-list- .in-recepty-slane.type-post main .list.b-1-4 img, .in-blog-list- .in-recepty-slane.type-post main .list.b-2-4 img,
  .in-blog-list- .in-recepty-sladke.type-post main .list.b-1-4 img,
  .in-blog-list- .in-recepty-sladke.type-post main .list.b-2-4 img,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .list.b-1-4 img,
  .in-blog-list- .in-recepty-barevne-prasky.type-post main .list.b-2-4 img,
  .in-recepty .in-recepty-slane.type-post main .list.b-1-4 img,
  .in-recepty .in-recepty-slane.type-post main .list.b-2-4 img,
  .in-recepty .in-recepty-sladke.type-post main .list.b-1-4 img,
  .in-recepty .in-recepty-sladke.type-post main .list.b-2-4 img,
  .in-recepty .in-recepty-barevne-prasky.type-post main .list.b-1-4 img,
  .in-recepty .in-recepty-barevne-prasky.type-post main .list.b-2-4 img,
  .in-recepty-slane .in-recepty-slane.type-post main .list.b-1-4 img,
  .in-recepty-slane .in-recepty-slane.type-post main .list.b-2-4 img,
  .in-recepty-slane .in-recepty-sladke.type-post main .list.b-1-4 img,
  .in-recepty-slane .in-recepty-sladke.type-post main .list.b-2-4 img,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .list.b-1-4 img,
  .in-recepty-slane .in-recepty-barevne-prasky.type-post main .list.b-2-4 img,
  .in-recepty-sladke .in-recepty-slane.type-post main .list.b-1-4 img,
  .in-recepty-sladke .in-recepty-slane.type-post main .list.b-2-4 img,
  .in-recepty-sladke .in-recepty-sladke.type-post main .list.b-1-4 img,
  .in-recepty-sladke .in-recepty-sladke.type-post main .list.b-2-4 img,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .list.b-1-4 img,
  .in-recepty-sladke .in-recepty-barevne-prasky.type-post main .list.b-2-4 img,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .list.b-1-4 img,
  .in-recepty-barevne-prasky .in-recepty-slane.type-post main .list.b-2-4 img,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .list.b-1-4 img,
  .in-recepty-barevne-prasky .in-recepty-sladke.type-post main .list.b-2-4 img,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .list.b-1-4 img,
  .in-recepty-barevne-prasky .in-recepty-barevne-prasky.type-post main .list.b-2-4 img {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .type-posts-listing main .news-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  .type-posts-listing main .news-wrapper .news-item {
    display: block;
    padding: 0;
    margin: 0;
  }
  .type-posts-listing main .news-wrapper .news-item .image {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }
  .type-posts-listing main .news-wrapper .news-item .image img {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  .type-posts-listing main .news-wrapper .news-item .text {
    background: #fafafa;
    padding: 2rem;
    margin: 0;
  }
  .type-posts-listing main .news-wrapper .news-item .text .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    text-decoration: none;
    min-height: 50px;
    margin-bottom: 10px;
    display: block;
  }
  .type-posts-listing main .news-wrapper .news-item .text time {
    display: none;
  }
  .type-posts-listing main .news-wrapper .news-item .text .description {
    line-height: 2.5rem;
  }
  .type-posts-listing main .news-wrapper .news-item .text .description p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.5rem;
    margin-top: 10px;
  }
}
.site-msg {
  background-color: #febc44 !important;
}

.site-msg.information .text,
.site-msg.information .text a {
  color: #000;
}

.site-msg.information {
  color: white !important;
  text-align: center !important;
  position: relative;
  top: 0;
  left: 0;
  bottom: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
  opacity: 9;
  z-index: 10;
}
.site-msg.information a {
  color: #fff;
  text-decoration: underline;
}

@media only screen and (min-width: 1200px) {
  nav#navigation .menu-item-688 .menu-level-2 {
    display: none !important;
  }
  header#header::before {
    display: none !important;
  }
  header:not(.open) .submenu {
    font-size: 0;
    padding-right: 30rem;
    display: none;
  }
  header:not(.open) .banner-nav {
    font-size: 0;
    width: 0 !important;
    height: 0 !important;
  }
}
/**
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
    header#header.open {
        .submenu-wrapper {
            display: grid;
            grid-template-columns: 1fr 500px;
            gap: 1rem;

            background: #fff;

            padding: 0 6rem;

            .submenu {
                position: relative;

                display: grid;
                grid-template-columns: 1fr 1fr 1fr 1fr;
                gap: 1rem;

                background: #fff;
                padding: 2rem 5rem;
                padding-right: 0;

                width: auto;
                max-width: 100%;
                height: auto;
                min-height: 450px;

                z-index: 99;

                li {
                    list-style: none;
                    width: 100%;

                    padding: 0;
                    margin: 0;

                    a {
                        width: 100%;
                        text-decoration: none;

                        span {
                            font-size: 20px;
                            font-weight: bold;

                            color: #ba8a51 !important;
                            text-decoration: none;

                            margin-bottom: 1rem;

                            display: block;
                        }
                    }

                    .links {
                        display: grid;
                    }
                }

                li:nth-of-type(1) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/vitaminy.png");
                    background-repeat: no-repeat;
                    background-position: bottom 40px right 10px;
                    background-size: 100px;
                }

                li:nth-of-type(2) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/proteiny.png");
                    background-repeat: no-repeat;
                    background-position: bottom 40px right 10px;
                    background-size: 100px;
                }

                li:nth-of-type(3) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/barevne-prasky.png");
                    background-repeat: no-repeat;
                    background-position: bottom 40px right 10px;
                    background-size: 100px;
                }

                li:nth-of-type(4) {
                    // background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/tycinky.png");
                    // background-repeat: no-repeat;
                    // background-position: bottom 40px right 10px;
                    // background-size: 100px;

                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/svicky.png");
                    background-repeat: no-repeat;
                    background-position: bottom 40px right 10px;
                    background-size: 100px;
                }

                li:nth-of-type(5) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/darky.png");
                    background-repeat: no-repeat;
                    background-position: bottom 40px right 10px;
                    background-size: 100px;
                }

                li:nth-of-type(6) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/ostatni.png");
                    background-repeat: no-repeat;
                    background-position: bottom 40px right 10px;
                    background-size: 100px;
                }

                li:nth-of-type(7) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/elixir.jpg");
                    background-repeat: no-repeat;
                    background-position: bottom 40px right 10px;
                    background-size: 100px;
                }

                li:nth-of-type(8) {
                    // background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/elixir.jpg");
                    // background-repeat: no-repeat;
                    // background-position: bottom 40px right 10px;
                    // background-size: 100px;
                }
            }

            .banner-nav {
                position: relative;
                background: white;

                padding: 5rem;

                a {
                    width: 100%;
                    height: 100%;

                    position: absolute;
                    top: 0;
                    left: 0;

                    z-index: 99;
                }

                span {
                    font-size: 18px;
                    font-weight: 500;
                    text-transform: uppercase;
                    letter-spacing: 0.5px;

                    color: #fff !important;
                    background: #000 !important;

                    position: absolute;
                    top: auto;
                    left: 50%;
                    bottom: 11rem;
                    transform: translate(-50%, -50%);

                    padding: 15px 2rem;
                    display: block;
                }
            }
        }
    }
}
**/
/**
@media only screen and (min-width: 1800px) {
    header#header.open {
        .submenu-wrapper {
            display: grid;
            grid-template-columns: 1fr 500px;
            gap: 1rem;

            background: #fff;

            padding: 0 6rem;

            .submenu {
                position: relative;

                display: grid;
                grid-template-columns: 1fr 1fr 1fr 1fr;
                gap: 1rem;

                background: #fff;
                padding: 2rem 5rem;
                padding-right: 0;

                width: auto;
                max-width: 100%;
                height: auto;
                min-height: 450px;

                z-index: 99;

                li {
                    list-style: none;
                    width: 100%;

                    padding: 0;
                    margin: 0;

                    a {
                        width: 100%;
                        text-decoration: none;

                        span {
                            font-size: 20px;
                            font-weight: bold;

                            color: #ba8a51 !important;
                            text-decoration: none;

                            margin-bottom: 1rem;

                            display: block;
                        }
                    }

                    .links {
                        display: grid;
                    }
                }

                li:nth-of-type(1) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/vitaminy.png");
                    background-repeat: no-repeat;
                    background-position: top 10px right 30px;
                    background-size: 130px;
                }

                li:nth-of-type(2) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/proteiny.png");
                    background-repeat: no-repeat;
                    background-position: top 10px right 30px;
                    background-size: 130px;
                }

                li:nth-of-type(3) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/barevne-prasky.png");
                    background-repeat: no-repeat;
                    background-position: top 10px right 30px;
                    background-size: 130px;
                }

                li:nth-of-type(4) {
                    // background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/tycinky.png");
                    // background-repeat: no-repeat;
                    // background-position: top 10px right 30px;
                    // background-size: 130px;

                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/svicky.png");
                    background-repeat: no-repeat;
                    background-position: top 10px right 30px;
                    background-size: 130px;
                }

                li:nth-of-type(5) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/darky.png");
                    background-repeat: no-repeat;
                    background-position: top 10px right 30px;
                    background-size: 130px;
                }

                li:nth-of-type(6) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/ostatni.png");
                    background-repeat: no-repeat;
                    background-position: top 10px right 30px;
                    background-size: 130px;
                }

                li:nth-of-type(7) {
                    background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/elixir.jpg");
                    background-repeat: no-repeat;
                    background-position: top 10px right 30px;
                    background-size: 130px;
                }

                li:nth-of-type(8) {
                    // background: url("https://www.happy-power.cz/user/documents/upload/temp/nav/2/ostatni.png");
                    // background-repeat: no-repeat;
                    // background-position: top 10px right 30px;
                    // background-size: 130px;
                }
            }

            .banner-nav {
                position: relative;
                background: white;

                padding: 5rem;

                a {
                    text-decoration: none;
                    width: 100%;
                    height: 100%;

                    position: absolute;
                    top: 0;
                    left: 0;

                    z-index: 99;
                }

                span {
                    font-size: 18px;
                    font-weight: 500;
                    text-transform: uppercase;
                    letter-spacing: 0.5px;

                    color: #fff !important;
                    background: #000 !important;

                    position: absolute;
                    top: auto;
                    left: 50%;
                    bottom: 11rem;
                    transform: translate(-50%, -50%);

                    padding: 15px 2rem;
                    display: block;
                }
            }
        }
    }
}
**/
@media (max-width: 768px) {
  #header {
    padding: 10px 0;
  }
  .navigation-buttons {
    padding: 10px 0;
  }
}
@media (min-width: 768px) {
  .carousel-control {
    width: 5%;
  }
  .menu-item-1027 b {
    color: #ba8a51 !important;
  }
  .submenu li:not(.links) > a {
    text-decoration: none !important;
    text-transform: none !important;
    border: 0 !important;
  }
  .submenu li:not(.links) > a span {
    width: max-content;
    text-decoration: none;
    /*border-bottom: 3px solid #fff;*/
  }
  .submenu li:not(.links) > a span:hover {
    width: max-content;
    text-decoration: none;
    /*border-bottom: 3px solid;*/
  }
}
.links {
  display: block;
  min-height: 60px;
  margin-top: 5px;
  margin-bottom: 2rem;
}

.newslleter {
  display: none !important;
}

.product .p .flags.flags-default {
  position: absolute;
  top: 5px;
  left: 5px;
}

.product .p .flags.flags-default .flag {
  border-radius: 50px;
}

.product .p .flags.flags-default .flag::before,
.product .p .flags.flags-default .flag::after {
  display: none;
}

.type-detail .my-video {
  display: none !important;
}
.type-detail .flags {
  margin-top: 1rem;
  margin-left: 1rem;
}
.type-detail .flags .flag {
  border-radius: 50px;
}
.type-detail .flags .flag::before, .type-detail .flags .flag::after {
  display: none;
}
.type-detail .hodnoceni {
  width: max-content;
  min-width: 120px;
}
.type-detail .fullLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 999;
}
.type-detail .video-section {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .type-detail .video-section .video-container {
    display: block;
    width: 95%;
    max-width: 100%;
    gap: 1rem;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .type-detail .video-section .video-container {
    display: flex;
    width: 100%;
    max-width: 100%;
    gap: 1rem;
  }
}
.type-detail .video-section .video-container video {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.type-detail .video-section .video-container video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

strong.availability-label.omelixir,
.availability span.omelixir {
  color: #febc44;
  font-weight: 500;
}