/***  ___CSS GLOBAL STYLE___***/

/* BODY */

body {
  background-color: white;
}

/* HEADER */

@media (min-width: 768px) {
  .top-navigation-bar {
    background-color: #00568b;
  }
}

/* LEFT TOP HEADER - TOP NAVIGTION */

@media (min-width: 992px) {
  .top-navigation-bar-menu li a,
  .top-navigation-bar-menu-helper li a {
    color: white;
    font-size: 16px;
  }

  .top-navigation-bar a:hover {
    color: white;
    font-size: 16px;
  }
}

.top-navigation-bar-menu li::before {
  background-color: #ffffff;
}

.top-navigation-bar-menu li:not(.cropped):last-child::after {
  background-color: #ffffff;
}

/* LEFT TOP HEADER - TOP NAVIGATION LEFT */

@media (min-width: 992px) {
  .top-navigation-bar .top-navigation-contacts a span {
    font-size: 16px;
  }
}

/* HEADER - LOGO */

#header .site-name a img {
  max-width: 300px;
  max-height: 130px;
}

@media (min-width: 768px) {
  #header {
    background-image: none;
    background-color: #f7f7f7;
  }
}

/* HEADER - SEARCH */

.search input[type="search"].form-control {
  border-radius: 50px;
  border: 1px solid #e0e5ee;
  background-color: #ffffff;
  padding-right: 50px;
}

.search .btn.btn-default,
.search a.btn.btn-default {
  background-color: #f5f6f800;
  color: #f5f6f8;
}

.search .btn.btn-default,
.search a.btn.btn-default {
  background-color: #f5f6f800;
  color: #ffffff;
}

/* HEADER MENU */

.navigation-in {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1px;
}

.navigation-in ul li a b {
  font-weight: 400;
}

/* HEADER - HEIGHT */

@media (min-width: 768px) {
  #header .site-name {
    height: 100px;
  }
}

@media (min-width: 992px) {
  .header-top {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
  }
}

@media (min-width: 992px) {
  .header-top {
    padding-top: 15px;
    padding-bottom: 10px;
  }
}

/* SKOVANIE ŠÍPOK - hlavné menu */
@media (min-width: 768px) {
  .navigation-in > ul > li.ext > a > span {
    color: #7c7e8f00 !important;
  }
}

/* MENU HELPER */

@media (min-width: 768px) {
  .menu-helper {
    height: 60px;
    background-color: #f7f7f7;
  }
}

.menu-helper > span {
  border: 0px solid white;
  border-bottom: 0;
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 20px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding-bottom: 2px;
}

.menu-helper > ul > li a {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  padding: 15px 20px;
  letter-spacing: 1px;
}
.menu-helper > ul > li a b {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1px;
}

@media (min-width: 768px) {
  .navigation-in > ul > li.ext > a:after {
    color: #f7f7f7;
  }

  .navigation-in > ul > li.ext > a:after:hover {
    color: #f7f7f7;
  }
}

/* MENU LEVEL 2 */

@media (min-width: 768px) {
  .submenu-visible:not(.menu-helper-visible) .top-navigation-bar {
    z-index: 99999;
    background-color: #00568b;
  }
}

@media (min-width: 768px) {
  .navigation-in ul {
    border-top: 0px solid #dcdcdc;
  }
}

@media (min-width: 768px) {
  .navigation-in > ul > li.ext > a:after {
    content: "\e900";
    font-family: "apollo";
    color: #7c7e8f;
    font-size: 8px;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    display: none;
  }

  li.menu-item-157918 a b {
    margin-left: 15px;
  }

  /* Hover na hlavnom odkaze */
  #navigation .menu-level-1 > li > a:hover {
    /* tvoje hover vlastnosti */
    color: white;
    background: #90acc7;
  }

  /* Keď som myšou v level 2, nech ostane aktívny level 1 */
  #navigation .menu-level-1 > li:hover > a {
    /* rovnaké vlastnosti ako hover */
    color: white;
    background: #90acc7;
  }
}

/* HEADER - KOŠÍK zmena ikonky */

/* prázdny košík */

#header .btn[data-testid="headerCart"]::before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 38px;
  background: url("/user/documents/upload/Icons header/kosik_prazdny.svg")
    center / contain no-repeat;
}

/* plný košík  */

#header a[data-testid="headerCart"].full,
#header .cart-count.full {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: none !important;
  background-image: none !important;
}

#header a[data-testid="headerCart"].full::before,
#header .cart-count.full::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 30px;
  width: 35px !important;
  height: 38px !important;
  background: url("/user/documents/upload/Icons%20header/kosik.svg") center /
    contain no-repeat !important;
  mask: none !important;
  -webkit-mask: none !important;
}

#header a[data-testid="headerCart"].full::after,
#header .cart-count.full::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* HEADER - LOGIN - USER */

.top-nav-button-login,
.top-nav-button[data-testid="signin"] {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: none !important;
  background-image: none !important;
}

.top-nav-button-login::before,
.top-nav-button[data-testid="signin"]::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 24px;
  width: 24px !important;
  height: 24px !important;
  background: url("/user/documents/upload/Icons%20header/user.svg") center /
    contain no-repeat !important;
  mask: none !important;
  -webkit-mask: none !important;
}

.top-nav-button-login::after,
.top-nav-button[data-testid="signin"]::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* zmena textu Prihlásenie na Účet */

.top-nav-button-login span,
.top-nav-button[data-testid="signin"] span {
  font-size: 0 !important;
}

.top-nav-button-login span::after,
.top-nav-button[data-testid="signin"] span::after {
  content: "Účet";
  font-size: 14px;
}

/* HEADER_tel. kontakt */
.navigation-buttons .kontakt-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-image: url("/user/documents/upload/Icons%20header/phone.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media (min-width: 992px) {
  .navigation-buttons button.top-nav-button:after,
  .navigation-buttons > a:after {
    display: none;
  }
}

/* skovanie top navigation kontaktu */

.is-visible-header-contact
  .top-navigation-bar
  .container
  > div.top-navigation-contacts {
  display: none;
}

/* HEADER MOBIL */

@media (max-width: 767px) and (max-width: 480px) {
  .top-navigation-bar .site-name a img {
    max-height: 50px;
    max-width: 155px;
  }
}

/* HEADER MOBIL LOGIN */
@media (max-width: 767px) {
  a.toggle-window[data-target="login"],
  a.toggle-window[data-target="login"]::before,
  a.toggle-window[data-target="login"]::after {
    background-image: none !important;
    mask: none !important;
    -webkit-mask: none !important;
  }

  a.toggle-window[data-target="login"]::before {
    content: "" !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    background: url("/user/documents/upload/Icons header/user.svg") center /
      contain no-repeat !important;
  }

  a.toggle-window[data-target="login"]::after {
    content: none !important;
    display: none !important;
  }

  /* HEADER MOBIL_ KOŠÍK */

  .click-cart a[data-testid="headerCart"],
  .click-cart .cart-count {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: none !important;
    background-image: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    text-decoration: none;
  }

  /* prázdny košík */
  .click-cart a[data-testid="headerCart"]::before,
  .click-cart .cart-count::before {
    content: "" !important;
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    background: url("/user/documents/upload/Icons%20header/kosik_prazdny.svg")
      center / contain no-repeat !important;
    mask: none !important;
    -webkit-mask: none !important;
  }

  /* plný košík */
  .click-cart a[data-testid="headerCart"].full::before,
  .click-cart .cart-count.full::before {
    background-image: url("/user/documents/upload/Icons%20header/kosik.svg") !important;
  }

  /* skrytie pôvodnej ikonky, ak je cez after */
  .click-cart a[data-testid="headerCart"]::after,
  .click-cart .cart-count::after {
    content: none !important;
    display: none !important;
    background: none !important;
    mask: none !important;
    -webkit-mask: none !important;
  }

  /* cena v mobile – môžeš nechať alebo skryť */
  .click-cart a[data-testid="headerCart"] .cart-price,
  .click-cart .cart-count .cart-price {
    display: none !important;
  }

  /* skovanie header navigation na mobile */
  .navigation-buttons {
    display: none;
  }

  /* HEADER MOBIL SEARCH */
  .responsive-tools {
    display: flex !important;
    align-items: center;
  }

  .mobile-search-trigger {
    order: -999;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0 8px 0 0;
    border: 0;
    background: transparent !important;
    cursor: pointer;
    position: relative;
    z-index: 99999;
  }

  .mobile-search-trigger span {
    display: block;
    width: 24px;
    height: 24px;
    background: url("/user/documents/upload/Icons header/search.svg") center /
      contain no-repeat;
  }

  /* vyhľadávanie je štandardne skryté iba na mobile */
  .search,
  .search-window,
  .search-form,
  .header-search,
  form[action*="vyhladavanie"],
  form[action*="search"] {
    display: none !important;
  }

  /* keď klikneš na lupu */
  .search.mobile-search-visible,
  .search-window.mobile-search-visible,
  .search-form.mobile-search-visible,
  .header-search.mobile-search-visible,
  form[action*="vyhladavanie"].mobile-search-visible,
  form[action*="search"].mobile-search-visible {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 70px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    z-index: 99998 !important;
    background: #fff !important;
    padding: 15px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transform: none !important;
  }

  .search.mobile-search-visible form,
  .search-window.mobile-search-visible form,
  .search-form.mobile-search-visible form,
  .header-search.mobile-search-visible form {
    display: flex !important;
    width: 100% !important;
  }

  .search.mobile-search-visible input,
  .search-window.mobile-search-visible input,
  .search-form.mobile-search-visible input,
  .header-search.mobile-search-visible input,
  form.mobile-search-visible input {
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .search.mobile-search-visible button,
  .search-window.mobile-search-visible button,
  .search-form.mobile-search-visible button,
  .header-search.mobile-search-visible button,
  form.mobile-search-visible button {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* TOP HEADER - DOPRAVA */

.top-navigation-menu-item-external-103 > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.top-navigation-menu-item-external-32 > a::before {
  content: "" !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 18px !important;
  background-image: url("/user/documents/upload/Icons header/ikonka_balicek.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  position: relative;
  bottom: 3px !important;
}

/* TOP HEADER - DARČEK */

.top-navigation-menu-item-external-124 > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.top-navigation-menu-item-external-35 > a::before {
  content: "" !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 18px !important;
  background-image: url("/user/documents/upload/Icons header/ikona_doprava.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  position: relative;
  bottom: 0px;
}

.top-navigation-bar-menu li:not(.cropped):last-child::after {
  display: none;
}

/* nahradenie li bodky zvislou čiarou - lomkou */

.top-navigation-bar-menu li::before {
  content: "|";
  background-color: transparent !important;
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  bottom: 5px;
  position: relative;
}

.top-navigation-bar-menu li a {
  font-size: 15px;
}

.top-navigation-bar-menu li a:hover {
  font-size: 15px;
}

.top-navigation-menu,
.top-navigation-menu .top-navigation-bar-menu {
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
}

.top-navigation-menu .top-navigation-bar-menu {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
}

.top-navigation-menu .top-navigation-bar-menu > li {
  display: inline-flex !important;
  align-items: center;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap;
  overflow: visible !important;
  position: static !important;
}

.top-navigation-menu .top-navigation-menu-trigger,
.top-navigation-menu .top-navigation-bar-menu-helper {
  display: none !important;
}

@media (min-width: 768px) {
  .top-navigation-bar .container > div {
    text-align: left;
    flex: 1 0 55% !important;
  }
  .top-navigation-menu .top-navigation-bar-menu {
    flex-wrap: nowrap;
    position: relative;
    left: 800px;
  }
}

/* SEARCH - MOBILE SIZE */
@media (max-width: 767px) {
  .search.mobile-search-visible {
    top: 50px !important;
  }
}

/* KONKURENČNÉ VÝHODY - BENEFIT BANNER */

.benefitBanner__picture img {
  object-fit: contain;
  height: 130%;
  width: 100%;
  max-height: 65px;
  max-width: 65px;
}

.benefitBanner__title {
  font-size: 15px;
  font-weight: 400;
  color: black;
}

.benefitBanner__data {
  margin-top: 2px;
  line-height: 1.45;
  font-size: 15px;
}

.benefitBanner__link {
  align-items: center;
}

.benefitBanner {
  align-items: center;
  margin-bottom: 0;
}
.benefitBanner__item {
  margin-bottom: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
  background-color: #f7f7f7;
  padding-left: 30px;
}

@media (max-width: 767px) {
  .benefitBanner__title {
    font-size: 12px;
  }
}

/* MAX WITH: 768PX__KONKURENČNÉ VÝHODY - BENEFIT BANNER */

@media (max-width: 767px) {
  .benefitBanner__title {
    font-size: 14px;
  }

  .benefitBanner__data {
    font-size: 13px;
  }

  .benefitBanner__item {
    margin-bottom: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #f7f7f7;
    padding-left: 0px;
  }
}

/* FOOTER */
#footer .site-name a img {
  display: none;
}

.custom-footer__banner24.footer-item.accordion__item.js-accordion-item {
  text-align: right;
}

#footer ul a {
  display: inline-block;
  padding: 0px 0;
  line-height: 1.2;
  color: #7c7e8f;
  color: var(--footer-color);
}

/* FOOTER CUSTOM STYLE */

.custom-footer.elements-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: flex-start;
}

.custom-footer.elements-3 .footer-item {
  max-width: none;
}

/* 1. stĺpec */
.custom-footer.elements-3 .footer-item:nth-child(1) {
  flex: 0 0 200px;
  max-width: 200px;
}

/* 2. a 3. stĺpec */
.custom-footer.elements-3 .footer-item:nth-child(2),
.custom-footer.elements-3 .footer-item:nth-child(3) {
  flex: 1 1 0;
  max-width: none;
}

.custom-footer.elements-3 .banner,
.custom-footer.elements-3 .banner-wrapper {
  width: 100%;
}

.custom-footer.elements-3 img {
  max-width: 100%;
  height: auto;
}

.custom-footer.elements-3 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.custom-footer.elements-3 li {
  margin-bottom: 8px;
}

/* mobil */
@media (max-width: 767px) {
  .custom-footer.elements-3 {
    display: block;
  }

  .custom-footer.elements-3 .footer-item {
    max-width: 100%;
  }
}

p {
  margin: 0 0 5px;
}

@media (min-width: 768px) {
  .custom-footer .footer-item {
    padding: 0px;
  }
}

#footer ul li {
  margin-bottom: 0px;
}

#footer > .container {
  background-color: #f7f7f7;
}

#footer.is-white {
  background-color: #f7f7f7;
}
.custom-footer__banner23 a {
  color: #556fd1;
  text-decoration: underline;
}

/* FOOTER PLATBY */

.footer-platby {
  position: relative;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.custom-footer.elements-3.accordion-group.js-accordion-group.accordion--sm {
  border-bottom: 1px solid lightgrey;
}

/* FOOTER KONTAKT */

.footer_contact {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 100px;
  background-color: #e8edf3;
  padding-top: 10px;
  padding-bottom: 10px;
}

.footer_contact a {
  color: black;
  font-size: 18px;
}
.footer_contact img {
  margin-right: 10px;
}

.footer_contact_phone_time {
  font-size: 14px;
  margin-left: 20px;
}

#footer.no-newsletter {
  margin-top: 0px;
}

/* FOOTER MOBIL SIZE - MAX WIDTH 768PX */

@media (max-width: 768px) {
  .footer_contact {
    flex-direction: column;
    gap: 10px;
    padding: 10px;
  }
  .footer_contact_phone_time {
    margin-left: 5px;
  }
  .custom-footer {
    padding-top: 0px;
  }

  .custom-footer.elements-3 .footer-item:nth-child(1) {
    margin-bottom: 30px;
  }

  .custom-footer__banner24.footer-item.accordion__item.js-accordion-item {
    text-align: left;
    margin-top: 30px;
  }

  .footer-platby {
    position: relative;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ZNAČKY */

.footer-brand-logos {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  margin-bottom: 40px;
  align-items: center;
}

.footer-brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.footer-brand-logo:hover {
  opacity: 0.75;
}

.footer-brand-logo img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
  display: block;
}

@media (max-width: 768px) {
  .footer-brand-logos {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}

@media (max-width: 480px) {
  .footer-brand-logos {
    grid-template-columns: repeat(2, 1fr);
  }
}

.footer-brand-logo img {
  max-width: 100%;
  max-height: 100px;
  object-fit: contain;
  display: block;
}

.footer-brand-logo {
  background-color: #f7f7f7;
}

.footer-brand-logos {
  max-width: 72%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.official-shop-text {
  max-width: 72%;
  margin: 0 auto;
  font-size: 30px;
  margin-bottom: 20px;
}

.footer-brand-logos {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-brand-logos .hp-brands-slider {
  width: 100%;
  display: block;
}

.splide__slide img {
  vertical-align: bottom;
  background-color: #f7f7f7;
}

p.brands-btn {
  align-self: end;
}

/* PRODUKTY KARTY */

.product .p {
  box-shadow: none;
  border-radius: 8px;
  background-color: #ffffff;
  overflow: hidden;
  padding: auto;
  border: 1px solid #dbdbdb;
}

@media (min-width: 768px) {
  .products-block:not(.products-additional) .p .image img {
    width: calc(75% + 60px);
    max-width: none;
    margin-left: 0px;
    margin-top: 0px;
  }
}

.products-block.products .p .name {
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.08rem;
}

.products-block .p-bottom > div {
  display: inline;
}

.products-block.products .p .price {
  line-height: 1.4;
  text-align: center;
}
.products-block.products .p .price strong,
.products-block.products .p .price span {
  font-size: 24px;
  font-weight: 700;
  color: #175689;
}

/* BUTTON - KOŠÍK */

.btn.add-to-cart-button::after {
  display: none;
}

.products-block .product-btn .btn {
  width: 100%;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 4%;
  font-weight: 400;
}

.btn,
a.btn {
  box-shadow: none;
}

@media (min-width: 768px) {
  .products-block .product-btn a,
  .products-block .product-btn .pr-action {
    max-width: 250px;
  }
}

/* DISCOUNT FLAG */

.flag.flag-discount::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/user/documents/upload/Icons header/Ellipse 6.svg");
}

.flags-extra .flag .price-save {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
}

.flag.flag-action {
  background-color: #ff8201;
  font-size: 14px;
  font-weight: 400;
}

.flag.flag-new {
  background-color: #9ab2ce;
  font-size: 14px;
  font-weight: 400;
}

.flag.flag-gift {
  background-color: #175689;
  font-size: 14px;
  font-weight: 400;
}

.flag.flag-freeshipping {
  background-color: #ff8201;
  font-size: 14px;
  font-weight: 400;
}

.flag.flag-freeshipping .icon-van::after {
  content: "DOPRAVA ZADARMO";
  margin-left: 6px;
  font-size: 12px;
  font-weight: 700;
  background-color: #ff8201;
}

#footer ul li {
  margin-bottom: 0px;
  text-align: justify;
}

#footer h3,
#footer h4 {
  font-size: 16px;
  text-align: left;
}
/*
*
*
*
*
*
*/

@media (min-width: 768px) {
  /* FOOTER - OPRAVA */
  .custom-footer.elements-4 {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 17px;
  }

  /* 1. stĺpec – logo */
  .custom-footer__banner1 {
    flex: 0 0 200px;
    max-width: 200px;
    top: 0px;
    position: relative;
  }

  /* 2. stĺpec – text */
  .custom-footer__banner23 {
    flex: 0 0 380px;
    max-width: 380px;
  }

  /* 3. stĺpec */
  .custom-footer__banner25 {
    flex: 0 0 250px;
    max-width: 250px;
  }

  /* 4. stĺpec */
  .custom-footer__banner24 {
    flex: 0 0 250px;
    max-width: 250px;
  }

  /* Logo nech sa prispôsobí */
  .custom-footer__banner1 img {
    max-width: 100%;
    height: auto;
  }
}

@media (min-width: 1200px) {
  .custom-footer > div {
    width: auto;
  }
}

.footer-platby {
  margin-bottom: 0px !important;
}

.custom-footer.elements-4.accordion-group.js-accordion-group.accordion--sm {
  border-bottom: 1px solid #d7d7d7;
}

@media (max-width: 767px) {
  .benefitBanner__title {
    font-size: 12px;
  }
}

/*
*
*
*
*
*
*
*/
/* ZNAČKY - OPRAVA */

a.more {
  display: none;
}
/*
*
*
*
*
*
*
*/

/* STRÁNKA KATEGÓRIE A PODKATEGÓRIE */

.category-title {
  color: #9ab2ce;
  font-weight: 500;
}

.subcategories li a {
  border-radius: 50px;
  box-shadow: none;
  background-color: #f7f7f7;
}

@media (min-width: 768px) {
  .subcategories li a .text {
    font-size: 14px;
    font-weight: 400;
  }
}

.subcategories li a:before {
  display: none;
}

.subcategories li:hover a {
  background-color: #9ab2ce;
}

.subcategories.with-image li a .text:hover {
  color: white !important;
}

.subcategories li a .text {
  color: #0f0f0f;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.subcategories li:hover a {
  background-color: #175689;
}

.subcategories li:hover a .text {
  color: #ffffff !important;
}

.subcategories li:hover a .image {
  background-color: #ffffff !important;
  border-radius: 50px;
  width: 70px;
  height: 45px;
}

.category-header
  .listSorting__controls
  button.listSorting__control.listSorting__control--current {
  background-color: #175689;
  color: #ffffff;
  font-weight: 600;
}

.category-header .listSorting__controls button.listSorting__control {
  font-weight: 600;
}
/*
*
*
*
*
*
*
*
*/

/* DETAIL PRODUKTU */

.p-info-headline h1 {
  font-size: 26px;
  color: #175689;
}

.p-info-wrapper .p-final-price-wrapper .price-final {
  font-size: 26px;
  color: #175689;
}
.p-info-grid .detail-grid-title {
  color: #175689;
  font-weight: 400;
}

/*BUTOON*/

.btn.btn-conversion {
  text-transform: uppercase;
  font-size: 18px;
}

.p-info-wrapper .add-to-cart {
  justify-content: start;
}

.p-info-wrapper .btn.btn-conversion,
.p-info-wrapper a.btn.btn-conversion {
  justify-content: center;
}

/* VEĽKOSŤ OBRÁZKU NÁHĽADU */

@media (min-width: 992px) {
  body:not(.multiple-columns-body) .p-info-wrapper,
  body:not(.multiple-columns-body) .p-image-wrapper {
    width: 45%;
  }
}

.quantity input {
  color: #175689;
  font-size: 19px;
}

.shp-tabs-holder ul.shp-tabs li.active a {
  font-weight: 400;
}

.shp-tabs-holder ul.shp-tabs li a {
  font-weight: 400;
}

/* BUTTON PRIMARY */

.btn.btn-sm,
a.btn.btn-sm {
  text-transform: uppercase;
}

/* PRICE - NÁHĽADY */

span.price-standard span {
  font-size: 22px !important;
  color: grey !important;
  font-weight: 400 !important;
}

.price-final {
  display: flex;
  align-items: center;
  gap: 8px;
}

.price-final strong {
  order: 1;
}

.price-final .price-standard {
  order: 2;
}

.products-block.products .p .price {
  align-self: center;
}

/* Názvy kategórií produktov - carousel produktov */
.homepage-group-title.homepage-products-heading-2.h4 {
  font-size: 30px;
  font-weight: 400;
  text-align: left;
}

.homepage-group-title.homepage-products-heading-1.h4 {
  font-size: 30px;
  font-weight: 400;
  text-align: left;
}

/* NÁHĽADY BLOGOVÝCH ČLÁNKOV */

.h4.homepage-group-title {
  font-size: 30px;
  font-weight: 400;
  text-align: left;
  max-width: 1378px !important;
  margin: 0 auto;
  margin-bottom: 30px;
}

.news-item {
  box-shadow: none;
  border-radius: 8px !important;
}

.news-item .image {
  border-radius: 8px;
}

.news-item .text .title {
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 400;
}

.news-item .text .title::after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid lightgrey;
  margin-top: 10px;
}

.news-item .text .description p {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.45;
  color: #231f20;
}

.news-item .btn {
  background-color: white !important;
  color: #175689 !important;
  border: none;
}
.news-item .btn .text-center {
  text-align: left;
}

.text-center .btn.btn-primary::after {
  content: "⟶";
  display: inline-block;
  margin-left: 12px;
  font-size: 1.15em;
  font-weight: 400;
  line-height: 1;
}

/* BUTTON SECONDARY_VŠETKY ČLÁNKY_PREJSŤ NA BLOG */

.btn.btn-secondary,
a.btn.btn-secondary {
  color: #175689;
  border-color: #175689;
  background-color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

.btn.btn-secondary,
a.btn.btn-secondary .text-center {
  text-align: center;
}

.news-item .text-center {
  text-align: left;
}

/* DOPRAVA ZADARMO */

.p-image-wrapper .flag.flag-freeshipping {
  background-color: #ff8201;
}
/*
*
*
*
*
*
*
*/

/* DETAIL PRODUKTU */

.p-info-headline .stars-wrapper {
  box-shadow: none;
  border: 0px;
}

.related-button {
  border: 2px solid #175689;
}

.related-button:hover {
  background-color: #e8edf3;
  color: black;
}

span.availability-label {
  color: #66bf3a !important;
}

/* DETAIL PRODUKTU - CENA */

.p-final-price-wrapper {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.p-final-price-wrapper .price-final {
  order: 1;
}

.p-final-price-wrapper .price-standard {
  order: 2;
}

.p-final-price-wrapper .price-save {
  order: 3;
}

.p-final-price-wrapper .price-measure {
  order: 4;
}

/* detaily produktu_viac */

.shp-tabs-holder ul.shp-tabs li.active a {
  border: 0px;
}
.shp-tabs-holder ul.shp-tabs li {
  border: 0px;
}

.shp-tabs-wrapper .tab-pane.active:first-child {
  border: 0px;
}
.shp-tabs-wrapper .tab-pane {
  border: 0px;
}

:focus-visible {
  outline: 0px;
}

/* linka pod záložkou active */

.shp-tab .shp-tab-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding-bottom: 10px;
}

.shp-tab.active .shp-tab-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 70%;
  height: 8px;
  background-color: #dce6ec;
  transform: translateX(-50%);
}

.shp-tabs-holder ul.shp-tabs li {
  border: 0px;
}

/* vypne krátky flicker border/outline pri prepínaní tabov */
.shp-tabs > li.shp-tab > .shp-tab-link,
.shp-tabs > li.shp-tab > .shp-tab-link:hover,
.shp-tabs > li.shp-tab > .shp-tab-link:focus,
.shp-tabs > li.shp-tab > .shp-tab-link:active,
.shp-tabs > li.shp-tab.active > .shp-tab-link,
.shp-tabs > li.shp-tab.active > .shp-tab-link:hover,
.shp-tabs > li.shp-tab.active > .shp-tab-link:focus,
.shp-tabs > li.shp-tab.active > .shp-tab-link:active {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* nech zostane len tvoja spodná linka pri aktívnom tabe */
.shp-tab .shp-tab-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding-bottom: 10px;
}

.shp-tab.active .shp-tab-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 60%;
  height: 8px;
  background-color: #dce6ec;
  transform: translateX(-50%);
}

/* PRODUCT DETAIL_PRICE */

.p-info-grid .detail-price-block {
  align-content: end;
}

/* MOŽNOSTI DORUČENIA_FORM */

.shipping-options-popup h1:not(.advanced-order-suggestion) {
  background: #175689;
}

#cboxClose.cboxClose--shipping {
  background: #175689 !important;
  border-radius: 20px;
}

/* ZMENA ČIERNEJ FARBY NA #231f20  */

.p-info-grid .detail-availability-block .delivery-time-label {
  color: #231f20;
}

.basic-description {
  color: #231f20;
}

.extended-description h3 {
  color: #231f20;
}

.p-detail-tabs-wrapper .detail-parameters .row-header-label {
  color: #231f20;
}

.extended-description h4 {
  color: #231f20;
}

.category-link a {
  color: #231f20;
}

.in-rate-shop .rate-wrapper.unveil-wrapper .rate-wrap h3,
#ratingTab .rate-wrapper.unveil-wrapper .rate-wrap h3,
p {
  color: #231f20;
}

.form-group label {
  color: #231f20;
}
#productDiscussion h3,
#productDiscussion .discussion-wrapper > h2 {
  color: #231f20;
}

/* PRIDANIE DO KOŠÍKA */

.advanced-order .h1:not(.advanced-order-suggestion) {
  background-color: #175689;
}

.extras-wrap .extra-item.is-free-shipping .extra-content {
  background-color: #dae1e8;
}
.extras-wrap .extra-item.is-free-shipping .extra.delivery::before {
  color: #175689;
}
.extras-wrap .extra-item.is-free-shipping span strong {
  color: #175689;
}

/* CART */

.cart-free-shipping.is-free-shipping:before,
.cart-free-shipping.is-free-shipping:after {
  background-color: #175689;
}

.cart-widget-button.is-free-shipping {
  background-color: #dae1e8;
}

.cart-free-shipping.is-free-shipping div strong {
  color: #175689;
}

.cart-free-shipping.is-free-shipping div:before {
  color: #175689;
}

/* HEADER - AKCIE - PODFARBENIE KORPORÁTNA ORANŽOVÁ FARBA_desktop + mobil */

.navigation-in > ul > li:first-child > a {
  background-color: #ff8201;
  color: #fff;
  font-weight: 600;
}

@media (max-width: 768px) {
  .navigation-in > ul > li:first-child > a {
    background-color: #ff8201;
    color: #fff;
    padding-left: 10px;
  }

  /* TUČNÉ PÍSMO PRI HLAVNÝCH KATEGÓRIÁCH - MOBIL */
  .navigation-in ul li a b {
    font-weight: 600;
  }
}

/* FOOTER - NADPISY */

#footer h3,
#footer h4 {
  text-transform: none;
}

.footer-brand-logos {
  border-top: none;
  border-bottom: none;
}

/* MOJ KOŠÍK */

.discount-coupon {
  background-color: #ff8201;
}
.discount-coupon .h4 strong {
  color: #ffff;
}

.discount-coupon .h4 {
  color: white;
}

.extras-wrap .extra-item.is-free-shipping .extra-content {
  background-color: #175689;
}

.extras-wrap .extra span {
  color: white;
}

.extras-wrap .extra-item.is-free-shipping span strong {
  color: white;
}

.extras-wrap .extra-item.is-free-shipping .extra.delivery::before {
  color: white;
}

.summary-wrapper {
  background-color: #dae1e8;
}

.price-wrapper .price.price-primary {
  color: #175689;
  font-size: 18px;
}

/* SPOSOB DOPRAVY */

.radio-wrapper input[type="radio"] + label:hover {
  background-color: #dae1e8;
  border-color: #175689;
  background-color: #dae1e8;
  border-color: #175689;
}

.radio-wrapper input[type="radio"]:checked + label {
  background-color: #dae1e8;
  border-color: #175689;
}

.radio-wrapper.active label > .payment-shipping-price {
  color: #175689;
}

input[type="radio"]:checked + label::before {
  border-color: #175689;
  background-color: #175689;
}

.for-free {
  color: #175689;
}

.order-summary-top {
  background-color: #dae1e8 !important;
}

.recapitulation-single > strong span {
  color: #175689;
}

.order-summary-bottom {
  background-color: #dae1e8 !important;
  background-color: #dae1e8 !important;
}

.next-step {
  background-color: #dae1e8;
}

/* DETAIL PRODUKTU - ODSTRÁNENIE TERČÍKA % ZĽAVA */
.p-image-wrapper .flags-extra .flag-discount:before {
  display: none;
}

/* MOBIL MAX WIDTH 768PX FOOTER IKONKY DOPRAVA A DARČEK ZADARMO  */

@media (max-width: 768px) {
  .top-navigation-menu-item-external-35 > a::before {
    background-image: url("/user/documents/upload/Icons%20header/ikona_doprava_mobil.svg") !important;
  }

  .top-navigation-menu-item-external-32 > a::before {
    background-image: url("/user/documents/upload/Icons%20header/ikonka_balicek_mobil.svg") !important;
  }
}

.extras-wrap .extra span {
  color: #0f2b46;
}

.price-wrapper .price-label {
  color: #000;
}

.extras-wrap .extra span {
  color: #64646f;
}

/* doprava zadarmo */
.extras-wrap .extra span {
  color: #dbe0e5;
}

/* PRICE SECONDARY */

.price-wrapper .price.price-secondary,
.price-wrapper .price-label {
  color: #0f2b46;
}

.custom-footer.elements-4:first-child {
  align-items: center;
}

.custom-footer .custom-footer__banner1 .banner-wrapper img {
  width: 280px !important;
  height: auto !important;
  max-width: 100%;
}

@media (max-width: 768px) {
  .custom-footer .custom-footer__banner1 .banner-wrapper img {
    width: 200px !important;
    height: auto !important;
    max-width: 100%;
    margin-bottom: 25px;
  }
}

.p-info-headline .h1,
.p-info-headline h1 {
  color: #175689 !important;
}

.msg.msg-success,
.msg.msg-notice {
  border-color: #ff8201;
  color: #ffffff;
  background-color: #ff8201;
}

.footer-platby img {
  max-width: 30% !important;
}

.extras-wrap .extra span {
  color: #ff8201;
}

@media (max-width: 768px) {
  .footer-platby img {
    max-width: 70% !important;
  }
}

/* Zväčšenie loga vo footri */

@media (min-width: 768px) {
  .custom-footer__banner1 {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }

  .custom-footer__banner1 .banner-wrapper img {
    width: 320px !important;
    height: auto !important;
  }
}

/* TEXT NAD ZNAČKAMI */

.footer-brand-logos-text {
  margin-bottom: 16px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  font-weight: 400;
}

.footer-brand-logos-text a {
  color: inherit;
  font-weight: 500;
  text-decoration: none;
  font-size: 30px;
  color: #175689;
}

.footer-brand-logos-text {
  margin-bottom: 16px;
  text-align: center;
  font-size: 30px;
  line-height: 1.5;
  color: #333;
  max-width: 70%;
  margin: 0 auto;
  text-align: left;
}

@media (max-width: 768px) {
  .footer-brand-logos-text {
    font-size: 16px;
    line-height: 1.2;
    max-width: 70%;
    margin: 0 auto;
    text-align: left;
  }

  .footer-brand-logos-text a {
    font-size: 16px;
    color: #175689;
  }
}

/*SIMPLY YOU - ODSTRÁNENIE LINIEK nad a pod značkami */
.footer-brand-logos {
  border-top: none !important;
  border-bottom: none !important;
}

/* BRAND BLOCK PRODUCT - ADMIN _ dizajn akčnej ceny */

.brand-block {
  line-height: 1.3;
  background-color: #fdebd9 !important;
  border: 2px dashed #ff8201 !important;
  border-radius: 8px;
  padding: 5px 5px;
}

.brand-block__price {
  color: #ff8201 !important;
  font-weight: 600;
}

.brand-block__text--bold {
  background: #ff8201 !important;
  color: white !important;
}

.brand-block.brand-block--product .brand-block__text--bold {
  padding: 3px 3px;
  font-size: 13px;
  line-height: 2;
}

.p-info-grid .detail-grid-item.brand-block {
  width: 50%;
}

.p-info-grid .detail-grid-item.brand-block {
  width: 50%;
  justify-items: center;
  align-content: center;
}

/* DETAIL PRODUKTU - zmena rozmiestnenia  */

.p-info-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.p-info-grid .detail-price-block {
  order: 1 !important;
  flex: 0 0 calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
}

.p-info-grid .detail-availability-block {
  order: 2 !important;
  flex: 0 0 calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
}

.p-info-grid .brand-block {
  order: 3 !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.p-info-grid .detail-parameters {
  display: none !important;
}

.p-info-grid .detail-price-block,
.p-info-grid .detail-availability-block,
.p-info-grid .brand-block {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.p-info-grid .detail-price-block {
  align-content: center;
}

.brand-block.detail-grid-item {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}

@media (max-width: 1400px) {
  .top-navigation-menu .top-navigation-bar-menu {
    flex-wrap: nowrap;
    position: relative;
    left: 0px;
  }

  .top-navigation-bar a,
  .top-navigation-bar .dropdown button {
    color: #ffffff;
  }

  .top-navigation-bar a:hover,
  .top-navigation-bar .dropdown button {
    color: #ffffff;
  }

  #header .site-name a img {
    max-width: 100%;
  }
}

@media (max-width: 1200px) {
  .custom-footer.elements-4 {
    display: flex;
    flex-wrap: wrap;
  }

  .custom-footer__banner1 {
    width: 100%;
  }

  .custom-footer__banner23 {
    width: 100%;
  }

  .custom-footer__banner25,
  .custom-footer__banner24 {
    width: 50%;
  }
}

@media (max-width: 575px) {
  .custom-footer__banner25,
  .custom-footer__banner24 {
    width: 100%;
  }
}

/* DETAIL PRODUKTU - ROZMIESTNENIE - OPRAVA */
.p-info-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.p-info-grid .detail-price-block {
  order: 1 !important;
  flex: 0 0 calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
}

.p-info-grid .detail-availability-block {
  order: 2 !important;
  flex: 0 0 calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
}

.p-info-grid .brand-block {
  order: 3 !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.p-info-grid .detail-parameters {
  display: none !important;
}

@media (max-width: 767px) {
  .p-info-grid .detail-price-block,
  .p-info-grid .detail-availability-block,
  .p-info-grid .brand-block {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.navigation-in > ul > li.ext > ul > li > div > ul {
  line-height: 16px;
  max-height: 32px;
  overflow: visible;
}

/* OPRAVY */

/* VIDITEĽNOSŤ LUPY V HLAVIČKE - MOBIL */

@media (max-width: 767px) {
  .top-navigation-bar.a21-fixed-header .responsive-tools {
    gap: 0px !important;
  }

  /*.top-navigation-tools .responsive-tools {
    margin-right: 0;
  }*/
  .top-navigation-tools .click-cart {
    padding-right: 0;
  }
}

.free-gift-info {
  color: #ff8201;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
}

.id--17 .cart-inner .consents {
  padding: 0 24px 10px 24px;
  background-color: #e6eaf8 !important;
  background-color: #dae1e8 !important;
}

.msg.msg-info {
  background-color: #ff8201;
  border-color: #ff8201;
}

/* ROZBALENÉ MENU VO FOOTRI */
@media (max-width: 767px) {
  #footer .accordion__content {
    display: block !important;
  }

  .custom-footer.elements-4.accordion-group.js-accordion-group.accordion--sm {
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
  }

  #footer.is-white
    .accordion--sm
    .accordion__item.is-active
    .accordion__trigger {
    color: var(--color-primary) !important;
    text-align: center;
  }

  #footer ul li {
    text-align: center;
  }

  .custom-footer__banner24.footer-item.accordion__item.js-accordion-item {
    margin-top: 0px;
  }
  .custom-footer > div {
    width: 100%;
    max-width: 85%;
    margin: 0 auto;
  }

  /* ZMENA PORADIA BANEROV VO FOOTRI */
  #footer .custom-footer.elements-4 {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  #footer .custom-footer__banner24 {
    order: 1 !important;
  }

  #footer .custom-footer__banner25 {
    order: 2 !important;
  }

  #footer .custom-footer__banner1 {
    order: 3 !important;
  }

  #footer .custom-footer__banner23 {
    order: 4 !important;
  }

  body.is-loaded .banner-wrapper {
    opacity: 1;
    margin-top: 20px;
  }

  .custom-footer .custom-footer__banner1 .banner-wrapper img {
    margin-bottom: 0px;
  }
}

#footer .accordion--sm .accordion__trigger::after,
#footer .accordion--sm .accordion__trigger:after {
  display: none !important;
  content: none !important;
}

.has-more-items .more-items-trigger {
  display: none !important;
}

/* zmena farby SKLADOM */

span.availability-label {
  color: #ff8201 !important;
}

/*
*
*
*
*
**
*
*
*/

@media (max-width: 767px) {
  .navigation-in > ul > li.ext > ul > li > div {
    padding: 20px 0;
  }

  #footer .custom-footer__banner23 {
    text-align: center;
  }

  #footer .custom-footer__banner1 {
    order: 3 !important;
    justify-items: center;
  }

  body.is-loaded .banner-wrapper {
    justify-self: center;
  }
  body.is-loaded .banner-wrapper img {
    width: 75%;
  }

  .custom-footer .banner {
    text-align: center;
  }
}

strong.availability-label {
  color: #ff8201 !important;
}

.cart-item.cart-item-gift .cart-item-name:before {
  color: #ff8201;
}

/*
*
*
*
**
*
*
*
*
*
*
*/
/*FOOTER OPRAVA*/

@media (min-width: 992px) {
  .custom-footer.elements-5 {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    justify-content: space-between;
  }

  .custom-footer.elements-5 .footer-item {
    margin: 0;
  }

  .custom-footer.elements-5 .custom-footer__banner1 {
    flex: 0 0 16%;
  }

  .custom-footer.elements-5 .custom-footer__banner23 {
    flex: 0 0 23%;
  }

  .custom-footer.elements-5 .custom-footer__banner25,
  .custom-footer.elements-5 .custom-footer__banner24 {
    flex: 0 0 15%;
  }

  .custom-footer.elements-5 .custom-footer__banner29 {
    flex: 0 0 12%;
  }
}

/* IKONKY FB a INSTAGRAM */

.social .icon-facebook,
.social .icon-instagram {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 6px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 0;
  line-height: 1;
  margin-bottom: 5px;
}

.social .icon-facebook {
  background-image: url("/user/documents/upload/icon_fb_instagram/fb2.svg");
}

.social .icon-instagram {
  background-image: url("/user/documents/upload/icon_fb_instagram/inst2.svg");
}

/* Vypne pôvodné ikon-font ikonky */
.social .icon-facebook::before,
.social .icon-instagram::before {
  content: "" !important;
  display: none !important;
}

/* NASTAVENIE FARBY BACKGROUNDU - IHNEĎ */

/* Zrušenie preblikávania / animovaného prefarbenia */
:root {
  --basket-bg: #dae1e8 !important;
}

/* NEWSLETTER DIZAJN */

/* Newsletter presunutý do footer-rows */
.container.footer-rows
  > .custom-footer__newsletter.newsletter-moved-above-footer,
.container.footer-rows > .custom-footer__newsletter.footer-item-newsletter {
  display: block !important;
  width: 100% !important;
  max-width: 520px !important;
  flex: 0 0 100% !important;
  clear: both !important;
  float: none !important;
  margin: 0 0 28px 0 !important;
  padding: 30 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Zrušenie accordion/stĺpcového správania */
.container.footer-rows > .custom-footer__newsletter.footer-item-newsletter * {
  box-sizing: border-box !important;
}

/* Hlavička */
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .newsletter-header {
  display: block !important;
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}

.container.footer-rows > .custom-footer__newsletter.footer-item-newsletter h3,
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .pageElement__heading,
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  h3
  span {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #1f252d !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* Formulár */
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .subscribe-form {
  display: block !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .subscribe-form
  fieldset {
  display: grid !important;
  grid-template-columns: 185px auto !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .subscribe-form
  br,
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .no-display {
  display: none !important;
}

/* Input */
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .validator-msg-holder {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  input[type="email"] {
  display: block !important;
  width: 100% !important;
  height: 49px !important;
  min-height: 49px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #dfe5ec !important;
  border-right: 0 !important;
  border-radius: 6px 0 0 6px !important;
  background: #ffffff !important;
  color: #1f252d !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  outline: none !important;
}

.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  input[type="email"]::placeholder {
  color: #a8b0bd !important;
  opacity: 1 !important;
}

/* Tlačidlo */
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  button[type="submit"],
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .btn.btn-default.btn-arrow-right {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 49px !important;
  min-height: 49px !important;
  margin: 0 !important;
  padding: 0 18px 0 16px !important;
  border: 0 !important;
  border-radius: 0 2px 2px 0 !important;
  background: #175689 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28) !important;
}

/* Šípka */
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  button[type="submit"]::before,
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .btn.btn-default.btn-arrow-right::before {
  content: "" !important;
  display: inline-block !important;
  width: 13px !important;
  height: 13px !important;
  margin-right: 14px !important;
  border-top: 3px solid #ffffff !important;
  border-right: 3px solid #ffffff !important;
  transform: rotate(45deg) !important;
}

.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  button[type="submit"]::after,
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .btn.btn-default.btn-arrow-right::after {
  display: none !important;
  content: none !important;
}

/* Súhlas */
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .subscribe-form
  fieldset
  > div:not(.validator-msg-holder) {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  margin: 18px 0 0 0 !important;
  padding: 0 !important;
}

.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .consents,
.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .form-group.consents {
  margin: 0 !important;
  padding: 0 !important;
}

.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .consents
  label {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #000000 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

.container.footer-rows
  > .custom-footer__newsletter.footer-item-newsletter
  .consents
  label
  a {
  color: #000000 !important;
  text-decoration: underline !important;
}

/* Mobil */
@media (max-width: 767px) {
  .container.footer-rows > .custom-footer__newsletter.footer-item-newsletter {
    max-width: 100% !important;
  }

  .container.footer-rows > .custom-footer__newsletter.footer-item-newsletter h3,
  .container.footer-rows
    > .custom-footer__newsletter.footer-item-newsletter
    .pageElement__heading,
  .container.footer-rows
    > .custom-footer__newsletter.footer-item-newsletter
    h3
    span {
    white-space: normal !important;
  }

  .container.footer-rows
    > .custom-footer__newsletter.footer-item-newsletter
    .subscribe-form
    fieldset {
    grid-template-columns: 1fr !important;
  }

  .container.footer-rows
    > .custom-footer__newsletter.footer-item-newsletter
    .validator-msg-holder,
  .container.footer-rows
    > .custom-footer__newsletter.footer-item-newsletter
    button[type="submit"],
  .container.footer-rows
    > .custom-footer__newsletter.footer-item-newsletter
    .btn.btn-default.btn-arrow-right {
    grid-column: 1 !important;
  }

  .container.footer-rows
    > .custom-footer__newsletter.footer-item-newsletter
    .validator-msg-holder {
    grid-row: 1 !important;
  }

  .container.footer-rows
    > .custom-footer__newsletter.footer-item-newsletter
    button[type="submit"],
  .container.footer-rows
    > .custom-footer__newsletter.footer-item-newsletter
    .btn.btn-default.btn-arrow-right {
    grid-row: 2 !important;
    width: 100% !important;
    border-radius: 0 0 2px 2px !important;
  }

  .container.footer-rows
    > .custom-footer__newsletter.footer-item-newsletter
    input[type="email"] {
    border-right: 1px solid #dfe5ec !important;
    border-radius: 6px 6px 0 0 !important;
  }

  .container.footer-rows
    > .custom-footer__newsletter.footer-item-newsletter
    .subscribe-form
    fieldset
    > div:not(.validator-msg-holder) {
    grid-row: 3 !important;
  }
}
/*
*
**
*
*
*
*
*
*
*/
/* ÚPRAVA FOOTRA - PO PRIDANÍ NEWSLETTRA  */

/* Footer stĺpce - iba desktop */
@media (min-width: 992px) {
  .container.footer-rows > .custom-footer.elements-6.accordion-group {
    display: grid !important;
    grid-template-columns: 250px minmax(300px, 1fr) 250px 150px 130px !important;
    column-gap: 55px !important;
    row-gap: 30px !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  /* Zrušenie pôvodného Shoptet rozdelenia stĺpcov iba na desktope */
  .container.footer-rows
    > .custom-footer.elements-6.accordion-group
    > .footer-item {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Logo */
  .custom-footer__banner1 img {
    max-width: 230px !important;
    width: 100% !important;
    height: auto !important;
  }

  /* Textový popis vedľa loga */
  .custom-footer__banner23 {
    max-width: 350px !important;
  }

  .custom-footer__banner23 p {
    margin: 0 0 14px 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  /* Nadpisy stĺpcov */
  .custom-footer.elements-6 .footer-item h3,
  .custom-footer.elements-6 .footer-item h4 {
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    color: #005b96 !important;
  }

  /* Menu odkazy */
  .custom-footer.elements-6 .footer-item ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .custom-footer.elements-6 .footer-item li {
    margin: 0 0 9px 0 !important;
    padding: 0 !important;
  }

  .custom-footer.elements-6 .footer-item a {
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
  }

  /* Sociálne siete */
  .custom-footer__banner29 .social a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
    white-space: nowrap !important;
  }
}

/* Jemnejšia desktop verzia pre menšie notebooky/tablety na šírku */
@media (min-width: 992px) and (max-width: 1199px) {
  .container.footer-rows > .custom-footer.elements-6.accordion-group {
    grid-template-columns: 210px minmax(260px, 1fr) 140px 140px 120px !important;
    column-gap: 30px !important;
  }
}

.social {
  line-height: 0rem !important;
}

/* NEWSLETTER - MOBIL  */

@media (max-width: 767px) {
  .container.footer-rows > .custom-footer__newsletter.footer-item-newsletter {
    max-width: 100% !important;
    padding: 20px;
  }
}

/* ZNAČKY VISIBLE */

.footer-brand-logos-text,
.footer-brand-logos {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.footer-brand-logos .splide__track,
.footer-brand-logos .splide__list,
.footer-brand-logos .splide__slide {
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
}

/* ÚPRAVA TEXTU NAD ZNAČKAMI A CAROUSEL ZNAČIEK */

.official-shop-text {
  font-size: 30px;
}

.official-shop-text {
  max-width: 100%;
  text-align: left;
}

.hp-brands-unified-wrapper {
  border-top: 0px solid rgba(0, 0, 0, 0.08);
  border-bottom: 0px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .official-shop-text {
    font-size: 20px;
  }
}

/* FOOTER - KONTAKT */

.d-flex.footer-quick-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 28px 15px;
  background: #e0e5ee;
  border-top: 0px solid #eeeeee;
  border-bottom: 0px solid #eeeeee;
  box-sizing: border-box;
}

.d-flex.footer-quick-contact {
  padding: 15px 15px;
}

.footer-quick-contact__item img {
  width: 30px;
  height: 30px;
}

.footer-quick-contact__item.footer-quick-contact__hours {
  font-size: 14px;
}

.footer-quick-contact__item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #222222;
  font-size: 19px;
  line-height: 1.4;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}

/* DODATOČNÁ ÚPRAVA FOOTRA _MIN WIDTH 768PX */

@media (min-width: 768px) {
  .footer-rows {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    margin: 0 auto;
  }

  .container.footer-rows > .custom-footer.elements-6.accordion-group {
    width: 75% !important;
    margin: 0 auto;
  }

  .footer-rows {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .official-shop-text {
    font-size: 20px !important;
  }
}

/* FOOTER - KONTAKT */

.d-flex.footer-quick-contact {
  background: #e0e5ee !important ;
  border-top: 0px solid #eeeeee !important;
  border-bottom: 0px solid #eeeeee !important;
  box-sizing: border-box;
}

.d-flex.footer-quick-contact {
  padding: 15px 15px !important;
}

.footer-quick-contact__item img {
  width: 30px !important;
  height: 30px !important;
}

.footer-quick-contact__item.footer-quick-contact__hours {
  font-size: 14px !important;
}

.footer-quick-contact__item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #222222;
  font-size: 19px !important;
  line-height: 1.4 !important;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}

.hp-brands-unified-wrapper {
  border-top: 0px solid rgba(0, 0, 0, 0.08) !important;
  border-bottom: 0px solid rgba(0, 0, 0, 0.08) !important;
}

@media (min-width: 767px) {
  .official-shop-text {
    font-size: 30px !important;
  }
}

/*
*
**
*
*
*
*
*
*
**
*
*
*
*
*/

/* OPRAVY NA ZLEKARNE_SK */

@media (min-width: 768px) {
  #navigation {
    height: 60px;
  }

  .navigation-in > ul > li:first-child > a b {
    margin-left: 12px;
  }
}

@media (min-width: 992px) {
  .popup-widget.cart-widget,
  .popup-widget.login-widget {
    top: 173px !important;
  }
}

.top-navigation-menu-item-external-32 > a::before {
  top: 2px !important;
}

.top-navigation-menu-item-external-35 > a::before {
  top: 6px !important;
}

/* FOOTER_NEWSLETTER */

@media (min-width: 992px) {
  #footer .site-name {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .custom-footer {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 30px;
    justify-content: flex-start;
  }

  .custom-footer__banner46 {
    flex: 0 0 300px;
    max-width: 300px;
  }

  .custom-footer__banner45 {
    flex: 0 0 400px;
    max-width: 400px;
  }

  .custom-footer__banner31 {
    flex: 0 0 300px;
    max-width: 300px;
  }

  .custom-footer__banner47 {
    flex: 0 0 200px;
    max-width: 200px;
  }

  .custom-footer .footer-item {
    box-sizing: border-box;
  }

  .custom-footer.elements-5 {
    display: flex;
    gap: 110px;
    align-items: flex-start;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  body.is-loaded .banner-wrapper img {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .top-navigation-bar .container {
    display: flex;
    align-items: center;
    justify-content: right;
    left: 275px;
  }
}
