.products-block .p-in-in {
  min-height: auto;
}
.category-header input[type="radio"]:checked + label {
  background-color: var(--color-primary);
}
.welcome .welcome__content p {
  margin-bottom: 0;
}

.welcome .welcome__content p + p {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .top-navigation-bar .container > div.top-navigation-contacts {
    top: 0;
    height: 49px;
  }
  .welcome .h1 {
    font-size: 40px;
    margin-bottom: 30px;
  }
  .welcome p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .welcome {
    padding: 40px 40px 40px 40px;
  }
}
@media (min-width: 768px) {
  .header-top {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .popup-widget.cart-widget,
  .popup-widget.login-widget {
    top: 130px;
  }

  .admin-logged .popup-widget.cart-widget,
  .admin-logged .popup-widget.login-widget {
    top: 130px;
  }
}
@media (min-width: 992px) {
  .header-top {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .popup-widget.cart-widget,
  .popup-widget.login-widget {
    top: 130px;
  }

  .admin-logged .popup-widget.cart-widget,
  .admin-logged .popup-widget.login-widget {
    top: 155px;
  }
}
@media (max-width: 767px) {
  .top-navigation-bar {
    background-color: white;
  }
}

@media (max-width: 370px) {
  .top-navigation-bar .site-name a img {
    max-height: 30px;
  }
}

@media (min-width: 768px) {
  .products-related-block h2,
  .products-alternative-block h2,
  h4.homepage-group-title,
  .h4.homepage-group-title {
    font-size: 36px;
  }
  body .hodnoceni:before {
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
  }
  .products-block.products .p .name {
    font-size: 18px;
  }
  .navigation-buttons a[data-target="cart"]:hover {
    color: white;
  }
  .header-top .btn.cart-count:hover .cart-price {
    color: white;
  }
  .navigation-buttons .click-cart a:after {
    display: none;
  }
  .click-cart > a[data-target="cart"] {
    background: var(--color-secondary);
    border-radius: 8px;
  }
  .click-cart > a[data-target="cart"]:hover {
    background: var(--color-secondary-hover);
  }
  #header .cart-count {
    border-radius: 7px 7px;
  }
  .navigation-buttons a[data-target="cart"] {
    color: #fff;
  }
  .header-top .btn.cart-count:before {
    font-size: 26px;
  }
  .header-top .btn.cart-count:before {
    color: white !important;
  }
  .navigation-buttons {
    right: 0;
  }
  .cart-window-visible #header .click-cart {
    border-radius: 7px 7px 0 0;
  }
  .cart-window-visible #header .cart-count {
    background: var(--color-secondary-hover);
    border-radius: 7px 7px 0 0;
  }
  .cart-window-visible .btn.cart-count .cart-price {
    color: white;
  }
  .popup-widget {
    margin-left: -6px;
  }
}

@media (min-width: 992px) {
  .popup-widget.cart-widget {
    margin-left: 106px;
  }
}

@media (min-width: 1200px) {
  .popup-widget.cart-widget {
    margin-left: 209px;
  }
}

@media (min-width: 1440px) {
  .popup-widget.cart-widget {
    margin-left: 329px;
  }
}

.top-category-block .menu-level-2 {
  margin: 0 -5px;
}

.top-category-block .menu-image img {
  min-height: 110px;
  object-fit: contain;
  max-height: 110px;
}

.top-category-block .menu-level-2 > li {
  padding: 0 5px;
}

.top-category-block.no-submenu .menu-content {
  padding: 20px 10px 20px;
}

.top-category-block .menu-level-2.no-menu-level-3 .menu-content {
  padding-bottom: 10px;
}

.top-category-block .menu-level-2 > li:nth-child(n + 9) {
  display: none;
}

#footer ul li b {
  font-weight: 400;
}

.top-category-block .menu-level-2 > li:nth-child(n + 8) {
  display: none;
}

.benefitBanner__title {
  font-weight: 700;
}

.benefitBanner__item {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding: 0 10px;
}

.benefitBanner__picture {
  flex: 0 0 80px;
  min-width: 80px;
  padding-left: 0;
  height: 80px;
  margin-right: 15px;
}

.benefitBanner__content {
  padding-right: 0;
}

.benefitBanner__link {
  height: 100%;
  align-items: center;
  padding: 15px 15px;
  border-radius: 20px;
  background-color: white;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
}

.benefitBanner {
  align-items: normal;
}

.top-category-block .h4.homepage-group-title {
  margin-top: 40px;
}

.benefitBanner__picture img {
  max-height: 80px;
  max-width: 80px;
}

@media (min-width: 768px) {
  .benefitBanner__data {
    margin-top: 8px;
    line-height: 1.6;
    font-size: 16px;
  }

  .top-category-block {
    margin-bottom: 60px;
    margin-top: 30px;
  }
  h4.homepage-group-title,
  .h4.homepage-group-title {
    margin-bottom: 40px;
  }
  h4.homepage-group-title[class*="homepage-products-heading"],
  .h4.homepage-group-title[class*="homepage-products-heading"] {
    margin-bottom: 30px;
    margin-top: 60px;
  }
}

@media (min-width: 768px) {
  .is-header-fixed.is-header-hidden #header .site-name a img {
    max-height: 56px;
  }
  #header .site-name {
    display: flex;
    align-items: center;
  }

  #header .site-name a img {
    max-height: 120px;
  }
}

@media (max-width: 767px) {
  .top-navigation-bar .site-name a img {
    max-height: 40px;
  }
}

.is-carousel-classic-layout
  .before-carousel
  .banners-row
  .col-sm-4
  .next-to-carousel-banners
  .banner-wrapper
  a:hover
  .extended-banner-link,
.is-carousel-classic-layout
  .before-carousel
  .banners-row
  .carousel-inner
  > .item:hover
  .extended-banner-link,
.is-carousel-classic-layout
  .before-carousel
  .banners-row
  .carousel-inner
  a:hover
  .extended-banner-link {
  background-color: var(--color-primary-hover);
  color: white;
}

@media (min-width: 992px) {
  .is-carousel-classic-layout:not(.is-carousel-full-width).one-column-body
    .homepage-box
    .carousel
    .carousel-control.right:before {
    right: -15px;
  }

  .is-carousel-classic-layout:not(.is-carousel-full-width).one-column-body
    .homepage-box
    .carousel
    .carousel-control.left:before {
    left: -15px;
  }
}

@media (min-width: 768px) {
  .benefitBanner {
    margin: 20px -10px;
    width: auto;
    max-width: none;
  }

  body:not(.is-carousel-full-width) .carousel .extended-banner-text:not(:empty),
  .multiple-columns-body .carousel .extended-banner-text:not(:empty) {
    font-size: 24px;
    margin-top: 15px;
  }

  .middle-banners-wrapper .extended-banner-link:not(:empty),
  .body-banners .extended-banner-link:not(:empty),
  .banners-top-block .extended-banner-link:not(:empty),
  .next-to-carousel-banners .extended-banner-link:not(:empty),
  .banner-category .extended-banner-link:not(:empty),
  .carousel .extended-banner-link:not(:empty) {
    min-height: 45px;
    font-size: 16px;
    margin-top: 25px;
    padding: 10px 25px;
  }

  .middle-banners-wrapper .extended-banner-title:not(:empty),
  .body-banners .extended-banner-title:not(:empty),
  .banners-top-block .extended-banner-title:not(:empty),
  .next-to-carousel-banners .extended-banner-title:not(:empty),
  .banner-category .extended-banner-title:not(:empty),
  .carousel .extended-banner-title:not(:empty) {
    font-size: 26px;
    max-width: 100%;
  }
  .middle-banners-wrapper .extended-banner-texts,
  .body-banners .extended-banner-texts,
  .banners-top-block .extended-banner-texts,
  .next-to-carousel-banners .extended-banner-texts,
  .banner-category .extended-banner-texts,
  .carousel .extended-banner-texts {
    padding: 0px 20px;
  }

  .next-to-carousel-banners .extended-banner-link:not(:empty) {
    margin-top: 20px;
    min-height: 35px;
    padding: 5px 25px;
    color: var(--color-primary);
  }

  .one-column-body .carousel .extended-banner-texts {
    left: 0;
    top: 50px;
    transform: translate(0);
    padding: 20px 20px 35px;
  }

  .middle-banners-wrapper .extended-banner-texts,
  .body-banners .extended-banner-texts,
  .banners-top-block .extended-banner-texts,
  .next-to-carousel-banners .extended-banner-texts,
  .banner-category .extended-banner-texts,
  .carousel .extended-banner-texts {
    top: 25px;
    transform: translateY(0);
  }

  .middle-banners-wrapper .extended-banner-text:not(:empty),
  .body-banners .extended-banner-text:not(:empty),
  .next-to-carousel-banners .extended-banner-text:not(:empty),
  .banners-top-block .extended-banner-text:not(:empty) {
    margin-top: 6px;
    max-width: 50%;
  }

  .middle-banners-wrapper .extended-banner-link:not(:empty),
  .body-banners .extended-banner-link:not(:empty),
  .banners-top-block .extended-banner-link:not(:empty),
  .next-to-carousel-banners .extended-banner-link:not(:empty),
  .banner-category .extended-banner-link:not(:empty),
  .carousel .extended-banner-link:not(:empty) {
    color: var(--color-secondary);
    font-weight: 700;
  }

  .middle-banners-wrapper .extended-banner-link:not(:empty):hover,
  .body-banners .extended-banner-link:not(:empty):hover,
  .banners-top-block .extended-banner-link:not(:empty):hover,
  .next-to-carousel-banners .extended-banner-link:not(:empty):hover,
  .banner-category .extended-banner-link:not(:empty):hover,
  .carousel .extended-banner-link:not(:empty):hover {
    background-color: var(--color-primary-hover);
  }

  body:not(.is-carousel-full-width)
    .carousel
    .extended-banner-title:not(:empty),
  .multiple-columns-body .carousel .extended-banner-title:not(:empty) {
    font-size: 38px;
  }
}

@media (min-width: 1200px) {
  .middle-banners-wrapper .extended-banner-title:not(:empty),
  .body-banners .extended-banner-title:not(:empty),
  .banners-top-block .extended-banner-title:not(:empty),
  .next-to-carousel-banners .extended-banner-title:not(:empty),
  .banner-category .extended-banner-title:not(:empty),
  .carousel .extended-banner-title:not(:empty) {
    font-size: 30px;
  }

  body:not(.is-carousel-full-width)
    .carousel
    .extended-banner-title:not(:empty),
  .multiple-columns-body .carousel .extended-banner-title:not(:empty) {
    font-size: 48px;
  }
}

@media (min-width: 1440px) {
  body:not(.is-carousel-full-width)
    .carousel
    .extended-banner-title:not(:empty),
  .multiple-columns-body .carousel .extended-banner-title:not(:empty) {
    font-size: 54px;
  }

  .middle-banners-wrapper .extended-banner-title:not(:empty),
  .body-banners .extended-banner-title:not(:empty),
  .banners-top-block .extended-banner-title:not(:empty),
  .next-to-carousel-banners .extended-banner-title:not(:empty),
  .banner-category .extended-banner-title:not(:empty),
  .carousel .extended-banner-title:not(:empty) {
    font-size: 34px;
    max-width: 70%;
  }
}

.products-block.products .p .name {
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .sidebar {
    width: 290px;
  }
}

@media (min-width: 768px) {
  .sidebar .rate-star-wrap .stars span,
  .sidebar .rate-star-wrap .stars a {
    width: 24px;
    height: 24px;
  }
  .sidebar .rate-star-wrap .stars span:before,
  .sidebar .rate-star-wrap .stars a:before {
    font-size: 24px;
  }
}

.benefitBanner__link {
  width: 100%;
}

/* .type-detail .benefitBanner__item {
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}
.type-detail .benefitBanner__picture {
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
.type-detail .benefitBanner__link {
  flex-wrap: wrap;
}
.type-detail .benefitBanner__content {
  margin-top: 5px;
  justify-content: center;
  padding-right: 0;
  width: 100%;
}
.type-detail .benefitBanner__picture img {
  max-height: 70px;
  max-width: 75px;
}
.type-detail .benefitBanner__picture {
  height: 70px;
} */

@media (min-width: 992px) {
  .type-detail.multiple-columns-body
    .position--benefitProduct
    .benefitBanner__item {
    flex: 1 1 50%;
  }
}

@media (min-width: 768px) {
  .product-top {
    margin-bottom: 20px;
  }
}

.multiple-columns-body .position--benefitProduct {
  width: auto;
}

#footer ul a {
  color: #000000;
}

#footer h3,
#footer h4 {
  font-weight: 700;
}

@media (min-width: 768px) {
  #footer .site-name a img {
    max-width: 380px;
  }
}

.footer-icons .footer-icon img {
  object-fit: contain;
  height: 100%;
  display: block;
  width: 100%;
  max-height: 50px;
}

@media (min-width: 768px) {
  .footer-icons .footer-icon {
    padding: 20px 20px;
    margin: 10px;
    max-height: 60px;
    min-height: 60px;
  }
}

.footer-icons .footer-icon {
  min-height: 60px;
}

#footer.is-white
  .accordion--sm
  .accordion__item:not(.custom-footer__banner7):not(.custom-footer__banner39)
  .accordion__trigger {
  pointer-events: none;
}

#footer.is-white
  .accordion--sm
  .accordion__item:not(.custom-footer__banner7):not(.custom-footer__banner39)
  .accordion__trigger:after {
  display: none;
}

.accordion--sm
  .accordion__item:not(.custom-footer__banner7):not(.custom-footer__banner39)
  .accordion__content {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  padding: 1rem 0 1rem 0;
  opacity: 1;
  transition: opacity 250ms ease;
}

.footer-icons {
  justify-content: flex-start;
  margin: 0 -6px;
}

.footer-icons .footer-icon {
  margin: 6px;
  padding: 5px 8px;
}

.footer-icons .footer-icon img {
  max-height: 40px;
  max-width: 110px;
  min-width: 50px;
}

.footer-icons > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.custom-footer__delivery .custom-footer__onlinePayments {
  padding: 0;
  padding-top: 20px;
}

#footer.is-white .footer-icons:before {
  display: none;
}

.footer-icons .footer-icon {
  min-height: 40px;
  max-width: 90px;
}

.footer-icons .footer-icon img {
  max-height: 40px;
  max-width: 110px;
  min-width: 40px;
}

.footer-icons > div:before {
  content: "Spôsob dopravy";
  display: block;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 16px;
  width: 100%;
  font-weight: 400;
  margin-top: 0;
  text-transform: uppercase;
  color: var(--footer-color);
}

.footer-icons > div.footer-icons--first:before {
  content: "Spôsob platby";
}

@media (min-width: 768px) {
  .footer-icons > div:before {
    font-size: 18px;
  }
  .footer-links-icons > .footer-icons {
    gap: 10px;
    justify-content: center;
  }
  .footer-links-icons > .footer-icons > div {
    justify-content: center;
    width: 50%;
  }
  .footer-icons .footer-icon {
    min-height: 60px;
    max-width: 100px;
  }
  .footer-links-icons {
    margin-top: 0;
    padding: 25px 20px 25px;
    background-color: #f5f6f8 !important;
    width: 100%;
  }
  .footer-links-icons > .footer-icons {
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .footer-links-icons > .footer-icons {
    width: 747px;
  }
  .footer-icons > div {
    justify-content: center;
  }
}

@media (min-width: 992px) {
  .footer-links-icons > .footer-icons {
    width: 972px;
  }
}

@media (min-width: 1200px) {
  .footer-links-icons > .footer-icons {
    width: 1178px;
  }
}

@media (min-width: 1440px) {
  .footer-links-icons > .footer-icons {
    width: 1418px;
  }
}

.partners-block {
  background-color: var(--color-primary);
  padding: 60px 0;
}

.partners-block h4.homepage-group-title,
.partners-block .h4.homepage-group-title {
  color: white;
}

#footer .contact-box p {
  line-height: 1.7;
  color: #000;
}

#footer .contact-box a.btn {
  min-height: 40px;
}

#footer .contact-box p {
  position: relative;
  padding-left: 40px;
}

#footer .contact-box p:before {
  position: absolute;
  left: 0;
  width: 24px;
  font-size: 24px;
  font-family: "apollo";
  text-align: center;
  content: "\e905";
  font-size: 22px;
  transform: translateY(0);
  top: -8px;
  color: var(--color-primary);
}

.rate-bar {
  background-color: #e9b730;
}

.stars-label {
  color: #a6a6a6;
  font-weight: 400;
}

.rate-wrapper.unveil-wrapper .rate-count {
  font-weight: 400;
}

.rate-average {
  font-weight: 700;
}

@media (min-width: 1440px) {
  .rate-average {
    font-size: 70px;
  }
}

.welcome a.btn.btn-secondary {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 18px;
}

.welcome a.btn.btn-secondary:hover {
  color: white;
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.welcome .h1 {
  margin-bottom: 15px;
}

.welcome .h1,
.welcome .welcome__content p,
.welcome__left-panel {
  color: white;
}

.welcome__left-panel {
  z-index: 1;
  position: relative;
}

@media (min-width: 992px) {
  .welcome__right-panel img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
  }
}

.welcome .h1 {
  line-height: 1.4;
}

.welcome {
  overflow: hidden;
}

@media (min-width: 992px) {
  .welcome:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      -90deg,
      rgba(47, 97, 153, 0) 22%,
      rgba(47, 97, 153, 1) 89%
    );
  }

  .welcome {
    padding: 80px 40px 80px 40px;
  }
}

.flag.flag-discount:before {
  width: 60px;
  height: 60px;
  border-radius: 30px 0 0 30px;
  background: #ce1d22;
}

.type-detail.multiple-columns-body .p-image-wrapper .flags-extra {
  top: auto;
  bottom: 20px;
  right: 15px;
}

.p-image-wrapper .flags-extra {
  right: 5px;
}

body.multiple-columns-body.type-detail
  .p-image-wrapper
  .flags-extra
  .flag-discount:before {
  width: 107px;
  height: 40px;
}

body.multiple-columns-body.type-detail
  .p-image-wrapper
  .flags-extra
  .flag-discount
  .price-save {
  font-size: 24px;
}

.p-image-wrapper .flags-extra .flag-discount .price-save sub {
  font-size: 100%;
}

@media (min-width: 768px) {
  .products-inline.products-top {
    margin: 0 -5px 10px;
  }

  .flags-extra {
    height: 40px;
    top: auto;
    bottom: 0;
    right: -30px;
  }

  body.type-category .product.no-code .p .flags-extra,
  body.type-page .product.no-code .p .flags-extra,
  body.in-index .product.no-code .p .flags-extra {
    top: auto;
    bottom: 0;
  }

  .flags-extra .flag .price-standard,
  .flags-extra .flag .price-save {
    font-size: 18px;
  }

  .flag.flag-discount:before {
    width: 80px;
    height: 40px;
  }
}

.body-banners > div {
  width: 50%;
  max-width: 100%;
  flex: 0 0 100%;
}

.services-section {
  padding: 10px 0 20px;
  /* background: linear-gradient(90deg, #c7d7ea 0%, #8aa8cf 50%, #2f6199 100%); */
}

.middle-banners-wrapper > div {
  z-index: 1;
  position: relative;
}

.body-banners a,
.body-banners .banner-wrapper {
  overflow: visible;
}

.middle-banners-wrapper {
  overflow: hidden;
}

.middle-banners-wrapper:before {
  content: "";
  background: linear-gradient(0, #c7d7ea00 0%, #8aa8cf 50%, #2f6199 100%);
  display: block;
  width: 100vw;
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  max-height: 1900px;
  max-width: none;
  left: calc(50% - 50vw);
  z-index: 0;
}

.services-section h4.homepage-group-title,
.services-section .h4.homepage-group-title {
  color: white;
}

.services-title {
  text-align: center;
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  margin: 0 0 40px;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.service-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  background: #fff;
  border-radius: 20px;
  padding: 30px 30px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  min-height: 260px;
}

.service-card:hover .service-content h3 a {
  color: var(--color-primary-hover);
}

.service-card:hover .service-content .btn.btn-primary {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.service-card--reverse {
  flex-direction: row;
}

.service-content {
  flex: 1;
}

.service-content h3 {
  color: #2f6199;
  font-size: 36px;
  line-height: 1.25;
  margin: 0 0 10px;
  font-weight: 700;
}

.service-content p {
  margin: 0;
  color: #222;
  line-height: 1.65;
  font-size: 15px;
}

.service-content p + p {
  margin-top: 10px;
}

/* iba medzera nad tlačidlom */
.service-content .btn.btn-primary {
  margin-top: 25px;
  display: inline-flex;
  min-width: 150px;
  border-radius: 30px;
}

.service-image {
  flex-shrink: 0;
  width: 50%;
  text-align: center;
}

.service-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.service-content--right {
  text-align: right;
}

.service-content--right .btn.btn-primary {
  margin-left: auto;
}

@media (max-width: 1200px) {
  .service-content h3 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .services-grid {
    grid-template-columns: 1fr;
  }

  .service-card,
  .service-card--reverse {
    flex-direction: column;
    text-align: center;
  }

  .service-image {
    width: 100%;
    order: -1;
  }

  .service-content h3 {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .services-title {
    font-size: 32px;
  }

  .service-card {
    padding: 25px;
  }

  .service-content h3 {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .service-content--right {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .homepage-box.welcome-wrapper {
    margin-top: 0;
  }
}
.middle-banners-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}

.service-content h3 a {
  color: inherit;
  text-decoration: none;
}

.service-content h3 a:hover {
  color: var(--color-primary-hover);
}

.service-image a {
  display: block;
}

@media (min-width: 992px) {
  .service-content--right {
    text-align: right;
  }
}

@media (max-width: 991px) {
  .service-content--right {
    text-align: center;
  }
}

.flag {
  font-weight: 400;
  text-transform: none;
}

@media (min-width: 768px) {
  .flag {
    font-size: 12px;
  }
}

.footer-icons .footer-icon {
  border: 2px solid var(--color-primary);
}

@media (min-width: 768px) {
  body:not(.type-detail) .products-page .product.no-code .p .flags-extra {
    top: auto;
  }
  .show-desktop {
    display: block;
  }
}

#footer ul a.b2b-btn {
  background-color: var(--color-primary);
  color: white;
  padding: 5px 15px;
  border-radius: 15px;
}

#footer.is-white .news-item-widget a:hover,
#footer.is-white ul a:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

#footer.is-white .news-item-widget a.b2b-btn:hover,
#footer.is-white ul a.b2b-btn:hover {
  color: white;
  background-color: var(--color-primary-hover);
  text-decoration: none;
}

@media (max-width: 767px) {
  .footer-icons > div {
    justify-content: center;
    margin-top: 15px;
  }
  .footer-icons .footer-icon {
    min-height: 60px;
    max-width: 90px;
  }
  .partners-block {
    padding: 40px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .welcome__left-panel {
    padding: 0 30px;
    text-align: center;
    margin-bottom: 40px;
  }
  .welcome {
    padding: 40px 30px 0 30px;
  }
  .welcome__right-panel img {
    border-radius: 0;
  }
}

@media (max-width: 991px) {
  .welcome__right-panel {
    position: relative;
  }
  /* .welcome__right-panel:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 20%;
    background: linear-gradient(
      0deg,
      rgba(47, 97, 153, 0) 22%,
      rgb(47 97 153) 99%
    );
  } */
  .welcome {
    background: var(--color-primary);
  }
}

.mobile .banners-content.body-banners:before {
  content: "";
  background: linear-gradient(0, #c7d7ea00 0%, #8aa8cf 50%, #2f6199 100%);
  display: block;
  width: 100vw;
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  max-height: 1900px;
  max-width: none;
  left: calc(50% - 50vw);
  z-index: 0;
}

.show-mobile {
  display: none;
}

@media (max-width: 767px) {
  .show-desktop {
    display: none;
  }

  .show-mobile {
    display: block;
  }

  .banners-content.body-banners:before {
    content: "";
    background: linear-gradient(0, #c7d7ea00 0%, #8aa8cf 50%, #2f6199 100%);
    display: block;
    width: 100vw;
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    max-height: 1900px;
    max-width: none;
    left: calc(50% - 50vw);
    z-index: 0;
  }
  .welcome {
    position: relative;
    padding: 40px 0px 0px 0px;
  }
  .welcome a.btn.btn-secondary {
    font-size: 16px;
  }
  body.type-category .product.no-code .p .flags-extra,
  body.type-page .product.no-code .p .flags-extra,
  body.in-index .product.no-code .p .flags-extra {
    top: auto;
    bottom: 5px;
  }

  .benefitBanner__picture {
    margin-right: auto;
  }

  .service-card {
    gap: 10px;
  }

  body.type-category .product.no-code .p .flags-extra,
  body.type-page .product.no-code .p .flags-extra,
  body.in-index .product.no-code .p .flags-extra {
    right: -14px;
  }

  .columns-mobile-2 .products-block .flag.flag-discount:before {
    width: 52px;
    height: 32px;
  }

  .columns-mobile-2 .products-block .p-bottom .availability {
    display: block;
  }

  h4.homepage-group-title[class*="homepage-products-heading"],
  .h4.homepage-group-title[class*="homepage-products-heading"] {
    margin-top: 20px;
  }

  .top-category-block {
    margin-top: 20px;
  }

  .banners-top-block {
    margin-bottom: 15px;
  }

  .in-index .position--benefitHomepage {
    margin-bottom: 40px;
  }

  .middle-banners-wrapper .extended-banner-link:not(:empty),
  .body-banners .extended-banner-link:not(:empty),
  .banners-top-block .extended-banner-link:not(:empty),
  .next-to-carousel-banners .extended-banner-link:not(:empty),
  .banner-category .extended-banner-link:not(:empty),
  .carousel .extended-banner-link:not(:empty) {
    margin-top: 20px;
    min-height: 35px;
  }

  .carousel .extended-banner-title:not(:empty) {
    font-size: 32px;
  }

  .banners-top-block .banner-wrapper {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .middle-banners-wrapper .extended-banner-text:not(:empty),
  .body-banners .extended-banner-text:not(:empty),
  .next-to-carousel-banners .extended-banner-text:not(:empty),
  .banners-top-block .extended-banner-text:not(:empty),
  .carousel .extended-banner-text:not(:empty) {
    font-size: 14px;
  }
}

.top-navigation-bar-menu li:not(.cropped):last-child::after {
  display: none;
}

.top-navigation-bar .top-navigation-contacts .top-navigation-menu-item-1238 {
  list-style: none;
  margin-right: 15px;
}

.navigation-in-bottom
  .top-navigation-bar-menu
  li.top-navigation-menu-item-1238
  a,
body
  .top-navigation-bar
  .top-navigation-contacts
  .top-navigation-menu-item-1238
  a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 25px;
  background-color: var(--color-primary);
  color: white;
  font-weight: 700;
}

@media (max-width: 767px) and (max-width: 480px) {
  .top-navigation-bar .site-name a img {
    max-width: 175px;
  }
}

.consultation-card {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  padding: 15px 15px 15px 10px;
  border-radius: 12px;
  background: linear-gradient(
    135deg,
    rgba(14, 159, 185, 0.06),
    rgba(14, 159, 185, 0.12)
  );
  border-left: 4px solid #3c5d98;
}

.consultation-card__avatar {
  flex-shrink: 0;
}

.consultation-card__avatar img {
  width: 70px;
  height: 70px;
  display: block;
  object-fit: cover;
  border-radius: 100px;
}

.consultation-card__content {
  flex: 1;
}

.consultation-card__headline {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 4px;
}

.consultation-card__description {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}

.consultation-card__contact {
  display: inline-block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
  color: #0e9fb9;
  text-decoration: none;
}

.consultation-card__contact:hover {
  text-decoration: underline;
}

p[data-testid="productCardDescr"] {
  display: none;
}

.box.box-categories > h3,
.box.box-categories > h4 {
  background-color: var(--color-primary);
}

.instagram-subheadline {
  display: block;
  text-align: center;
  margin-bottom: 35px;
}

.instagram-subheadline a {
  display: inline-block;
  padding: 5px 0;
  line-height: 1.4;
  color: #7c7e8f;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
}

.instagram-block .h4.homepage-group-title {
  margin-bottom: 0;
}

.instagram-subheadline a:hover {
  color: var(--color-primary);
}

@media (min-width: 992px) {
  .instagram-block {
    margin-top: 50px;
  }
  .dklabFormsWidget__content {
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
  }
  .dklabFormsWidget__item {
    flex-direction: column;
    width: calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
  }
  .dklabFormsWidget__actions {
    max-width: 260px;
  }
}

.dklabFormsWidget__actions .btn.btn-conversion,
.dklabFormsWidget__actions a.btn.btn-conversion {
  font-size: 18px;
  min-height: 50px;
}

.dklabFormsWidget__label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.dklabFormsWidget__input {
  display: block;
  width: 100%;
  height: 50px;
  padding: 10px 12px;
  border-radius: 8px;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e5ee;
  color: #292929;
  background-color: #ffffff;
  box-shadow: none;
}

.in-b2b-zona .breadcrumbs-wrapper {
  display: none;
}

.headline-banner h1 {
  position: absolute;
  top: 30px;
  text-align: center;
  width: 100%;
  color: white;
}

.headline-banner img {
  width: 100%;
}

.headline-banner {
  display: block;
  width: 100vw;
  position: relative;
  height: 100%;
  max-width: none;
  left: calc(50% - 50vw);
  z-index: 0;
  margin-bottom: 30px;
}

.headline-banner {
  position: relative;
}

.type-page .content-inner article p i {
  font-style: normal;
}

@media (min-width: 640px) {
  .dklabFormsWidget__input[type="tel"],
  .dklabFormsWidget__input[type="date"],
  .dklabFormsWidget__input[type="time"] {
    max-width: 100%;
  }
}

.store-slider {
  position: relative;
}

.store-slider-images {
  height: 100%;
}

.store-slider-images img {
  display: none;
  width: 100%;
  border-radius: 8px;
  cursor: zoom-in;
  height: 100%;
  object-fit: cover;
}

.store-slider-images img.active {
  display: block;
}
.store-slider-prev,
.store-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;

  width: 48px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 0;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);

  cursor: pointer;
  transition: all 0.2s ease;
}

.store-slider-prev:hover,
.store-slider-next:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
}

.store-slider-prev {
  left: 15px;
}

.store-slider-next {
  right: 15px;
}

.store-slider-prev::before,
.store-slider-next::before {
  font-family: "apollo";
  font-size: 18px;
  line-height: 1;
  color: #222;
}

.store-slider-prev::before {
  content: "\e908";
}

.store-slider-next::before {
  content: "\e90e";
}

/* lightbox */

#store-slider-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

#store-slider-lightbox.active {
  display: flex;
}

.store-slider-lightbox-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}

#store-slider-lightbox img {
  position: relative;
  z-index: 2;
  max-width: 95vw;
  max-height: 95vh;
}

.store-slider-lightbox-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
  background: none;
  border: 0;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

.social-buttons-wrapper {
  display: none;
}
