.top-navigation-bar .top-navigation-contacts a:hover:before,
.top-navigation-bar .top-navigation-contacts a:hover span,
.category-header .listSorting__controls button.listSorting__control {
  color: var(--color-primary) !important;
}
.category-header
  .listSorting__controls
  button.listSorting__control.listSorting__control--current {
  color: #fff !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.homepage-group-title,
.tg-styles-title,
.tg-cat-name,
.tg-cat-kicker,
.benefitBanner__title,
.benefitBanner__data {
  font-family: var(--hd) !important;
}

.benefitBanner strong {
  font-weight: 800 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
}
.benefitBanner__data {
  color: #8a8c8a !important;
  font-size: 13px;
  margin-top: 0px !important;
}

.in-najpredavanejsie .listSorting.js-listSorting {
  display: none;
}

@media (max-width: 768px) {
  #footer h4 {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .products-block .p-in-in {
    min-height: 48px !important;
  }
  .products-block.products .p .name {
    text-align: center;
  }
}
.btn.btn-conversion,
a.btn.btn-conversion,
.btn.btn-cart,
a.btn.btn-cart,
#formNewsletterWidget button,
#checkoutContent button,
.login-wrapper .btn-login {
  color: #000 !important;
  font-weight: 500;
}
.btn.btn-conversion:hover,
a.btn.btn-conversion:hover,
.btn.btn-cart:hover,
a.btn.btn-cart:hover,
#formNewsletterWidget button:hover,
#checkoutContent button:hover,
.login-wrapper .btn-login:hover {
  color: #fff !important;
}

@media (hover: hover) and (pointer: fine) {
  #navigation .menu-level-1 > li > a > b {
    position: relative;
  }
  #navigation .menu-level-1 > li > a > b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 2px;
    background: var(--color-secondary);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #navigation .menu-level-1 > li > a:hover > b::after,
  #navigation .menu-level-1 > li > a:focus-visible > b::after {
    transform: scaleX(1);
    transform-origin: left;
  }
}

.siteCookies,
.siteCookies.siteCookies--dark,
.siteCookies__form {
  background-color: #111211 !important;
  color: #fff !important;
  border-top: 1.5px solid var(--color-secondary) !important;
  box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.35) !important;
}
.siteCookies .siteCookies__text {
  color: #c7c8c4 !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}
.siteCookies .siteCookies__text a {
  color: var(--color-secondary) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
.siteCookies .siteCookies__text a:hover {
  color: #fff !important;
}
.siteCookies .siteCookies__link {
  color: #c7c8c4 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-size: 13px !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  cursor: pointer !important;
  transition: color 0.15s ease !important;
}
.siteCookies .siteCookies__link:hover {
  color: var(--color-secondary) !important;
}
.siteCookies .siteCookies__buttonWrap {
  gap: 10px !important;
}
.siteCookies .siteCookies__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  padding: 0 22px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease,
    border-color 0.15s ease !important;
}
.siteCookies .siteCookies__button[value="all"] {
  background: var(--color-secondary) !important;
  color: var(--color-primary) !important;
  border: 1.5px solid var(--color-secondary) !important;
}
.siteCookies .siteCookies__button[value="all"]:hover {
  background: #c9e000 !important;
  border-color: #c9e000 !important;
  color: var(--color-primary) !important;
  box-shadow: 0 6px 18px rgba(201, 224, 0, 0.35) !important;
}
.siteCookies .siteCookies__button[value="reject"] {
  background: transparent !important;
  color: #fff !important;
  border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
}
.siteCookies .siteCookies__button[value="reject"]:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: #fff !important;
  color: #fff !important;
}

.faq-block > div:first-child {
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #8a8c8a !important;
}
.faq-block .homepage-group-title {
  font-weight: 900 !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.01em !important;
  text-transform: uppercase !important;
  color: var(--color-primary) !important;
}