```css
/*** INDIANA.SK - CUSTOM STYLE CSS ***/

/** HEADER **/

/* MENU */

@media (min-width: 768px) {
  /* Odsadenie loga v hlavičke na desktope */
  .site-name {
    margin-bottom: 50px !important;
    margin-top: 25px !important;
  }

  /* Farba textu položiek hlavného menu na desktope */
  .navigation-in > ul > li > a {
    color: white;
  }

  /* Pozadie hlavného menu na desktope */
  .navigation-in {
    background-color: #008392;
  }

  /* Zaoblenie položiek v hlavnom menu */
  .navigation-in > ul > li a {
    border-radius: 5px 5px 0px 0px;
  }

  /* Text podkategórií v rozbalenom menu */
  .navigation-in > ul > li.ext > ul > li > div > ul > li > a {
    font-weight: 400;
    font-size: 15px;
    line-height: 2rem;
  }

  /* Farba okraja rozbaleného submenu */
  .navigation-in ul.menu-level-2 {
    border-color: #008392;
  }

  /* Nadpisy hlavných sekcií v rozbalenom menu */
  .navigation-in > ul > li.ext > ul > li > div > a {
    font-weight: 600;
    padding: 0;
    font-size: 18px;
    text-transform: uppercase;
  }

  /* logo */

  /* Maximálna šírka loga v hlavičke na desktope */
  #header .header-top .header-top-wrapper .site-name,
  #header .header-top .header-top-wrapper h1.site-name {
    max-width: 50%;
  }
}

/* Pomocný prvok menu / hamburger menu, svetlé pozadie a čierny text */
.menu-helper:after,
.menu-trigger:after {
  background-color: #fde1ba;
  color: black;
}

/* Farba ikon v hlavičke a navigácii */
[class^="icon-"] {
  color: white;
}

/* Odsadenie doplnkových bannerov pri hlavnom bannery */
.next-to-carousel-banners {
  margin-top: 20px;
}

/* logo-mobil */

@media (max-width: 767px) {
  /* Odsadenie loga v mobilnej hlavičke */
  #header .header-top .header-top-wrapper .site-name {
    padding-bottom: 5px;
    padding-top: 5px;
  }

  /* Pozadie a farba ikony mobilného menu */
  .navigation-buttons a[data-target="navigation"],
  .navigation-buttons a[data-target="navigation"]:hover {
    background-color: #008392;
    color: white;
  }
}

/* Pozadie hornej časti hlavičky */
.header-top {
  background-color: #008392;
}

/* Pozadie tlačidla prihlásenia, toto je neskôr prepísané ďalším rovnakým pravidlom nižšie */
a.top-nav-button.top-nav-button-login.login.toggle-window {
  background-color: #fde1ba;
}

/* Pozadie tlačidla vyhľadávania, toto je neskôr prepísané ďalším rovnakým pravidlom nižšie */
.navigation-buttons a[data-target="search"] {
  background-color: #fde1ba;
}

/* Pozadie tlačidla vyhľadávania pri normálnom stave aj hoveri, tiež neskôr prepísané */
.navigation-buttons a[data-target="search"],
.navigation-buttons a[data-target="search"]:hover {
  background-color: #fde1ba;
}

/* Farba ikon, duplicitne nastavené */
[class^="icon-"] {
  color: white;
}

/* Veľkosť a hrúbka textu v položkách hlavného menu */
.navigation-in ul li a b {
  font-weight: 500;
  font-size: 18px;
}

/* Zúženie/skrytie priestoru pre navigation tools */
.navigation-tools {
  width: 0 !important;
}

@media (min-width: 992px) {
  /* Farba a štýl odkazov v kontaktných informáciách v headeri */
  .header-contact-info a {
    color: white;
    text-decoration: none;
    transition: 0.2s;
    font-size: 15px;
  }

  /* Celý blok kontaktných informácií v headeri */
  .header-contact-info {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: white;
    margin-right: auto;
  }

  @media (min-width: 992px) {
    /* Hover stav odkazov v kontaktných informáciách */
    .header-contact-info a:hover {
      color: white;
      text-decoration: none;
    }
  }
}

/* Finálna farba tlačidla prihlásenia, prepíše vyššie nastavenú béžovú #fde1ba */
a.top-nav-button.top-nav-button-login.login.toggle-window {
  background-color: #008392;
}

/* Finálna farba tlačidla vyhľadávania, prepíše vyššie nastavenú béžovú #fde1ba */
.navigation-buttons a[data-target="search"],
.navigation-buttons a[data-target="search"]:hover {
  background-color: #008392;
}

/* Biela spodná linka pod headerom */
.header-bottom {
  border-bottom: 5px solid white !important;
}

/* Farba tlačidla mobilného menu, keď je navigačné okno otvorené */
.navigation-window-visible .navigation-buttons a[data-target="navigation"],
.navigation-window-visible
  .navigation-buttons
  a[data-target="navigation"]:hover {
  background-color: #008392;
  color: #ffffff;
}

/* DOPLNKOVE BANERY */

/* Nastavenie priestoru a bieleho pozadia za doplnkovými bannermi */
.next-to-carousel-banners {
  margin-top: -1px;
  padding-top: 6px;
  background-color: #ffffff;
}

@media (min-width: 768px) {
  /* Medzera medzi doplnkovými bannermi na desktope */
  .next-to-carousel-banners {
    gap: 8px;
  }
}

/* detail button */

/* Skrytie ikony šípky v tlačidle */
.icon-arrow-right:before {
  content: "\e90c";
  display: none;
}

/* Veľkosť vnútorného odsadenia primárnych tlačidiel */
a.btn.btn-primary {
  padding: 16px 24px;
}

/* BENEFIT BANER */

@media (max-width: 768px) {
  /* Benefit banner na homepage v mobile, zobrazenie do dvoch stĺpcov */
  .benefitBanner.position--benefitHomepage {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    gap: 10px;
  }

  /* Nadpis benefitu v mobile */
  .benefitBanner .benefitBanner__title {
    display: inline-block;
    font-size: 16px;
    text-align: center;
  }

  /* Text pod benefitom v mobile */
  .benefitBanner .benefitBanner__data {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
  }

  /* Jedna položka benefit banneru v mobile */
  .benefitBanner .benefitBanner__item {
    flex: 0 0 100%;
    width: 100%;
    align-items: center;
  }

  /* Benefit banner v kategórii v mobile, zobrazenie do dvoch stĺpcov */
  .benefitBanner.position--benefitCategory {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: self-start;
    gap: 10px;
  }

  /* Text benefitu v kategórii v mobile */
  .benefitBanner .benefitBanner__data {
    font-size: 14px;
  }
}

/* Farba a štýl nadpisov benefitov */
strong.benefitBanner__title {
  color: #008392;
  text-transform: uppercase;
}

/* Farba a veľkosť popisu benefitov */
.benefitBanner .benefitBanner__data {
  font-size: 16px;
  color: black;
}

/* Veľkosť obrázkov alebo ikon v benefit bannery */
.benefitBanner .benefitBanner__picture img {
  max-height: 120%;
}

/* Nadpis produktovej sekcie na homepage, napr. Novinky, Najpredávanejšie, Odporúčame */
.homepage-group-title.h4 {
  font-size: 32px;
  text-transform: uppercase;
  color: #008392;
  font-weight: 600;
}

/* Pagination */

/* Bodky/paginácia v produktovom slideri */
.product-slider-holder .product-slider-pagination .pagination-button {
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 10px;
  line-height: 0;
  margin: 10px;
  outline: none;
  padding: 0;
  width: 10px;
  border: 0;
  border-radius: 50%;
}

/* Zarovnanie banner wrapperu */
.banner-wrapper {
  margin-right: 0px;
}

/* FOOTER */

/* Pozadie celého footeru */
#footer {
  background-color: #008392;
}

/* Nadpisy vo footeri */
#footer h4 {
  color: white;
}

/* Textové položky v custom footeri */
.footer-rows .custom-footer ul li {
  padding-bottom: 5px;
  color: white;
  font-weight: 400;
}

/* Odkazy vo footeri */
#footer a {
  padding-bottom: 5px;
  color: white;
  font-weight: 400;
}

/* Pozadie spodnej časti footeru */
.footer-bottom,
.footer-bottom-full-width {
  background-color: #008392;
}

/* Text v spodnej časti footeru */
#footer .footer-bottom {
  color: #fff;
  font-weight: 400;
}

/* Odkazy v spodnej časti footeru */
#footer .footer-bottom a {
  color: #fff;
  font-weight: 600;
}

/* DETAIL PRODUKTU */

@media (min-width: 768px) {
  /* Odsadenie detailu produktu na desktope */
  .p-detail {
    padding-right: 85px;
    padding-left: 85px;
  }

  /* Šírka bloku s tlačidlom pridať do košíka */
  .p-detail-inner .p-to-cart-block .add-to-cart {
    width: 350px;
  }

  /* Zrušenie pozadia full width časti detailu produktu */
  .p-detail-full-width {
    background: none;
  }
}

/* CATEGORY-LABEL-BUTTON */

/* Aktívny filter alebo vybraný parameter v kategórii */
#category-header input[type="radio"]:checked + label {
  background-color: #008392;
  box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.09);
  color: white;
  border-radius: 10px;
}

/* DETAIL PRODUKTU - štítky */

/* Aktívny tab v detaile produktu, napr. Popis, Parametre, Diskusia */
.shp-tabs-holder ul.shp-tabs li.shp-tab.active a {
  box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.09);
  background: #008392;
  color: white;
}

/* Pozadie tabu v detaile produktu pri hoveri */
.shp-tab-link:hover {
  background-color: white;
  border-color: var(--color-tertiary);
}

/* Farba textu tabu v detaile produktu pri hoveri */
.shp-tab-link:hover {
  color: black;
}

/* Pozadie obsahu tabu v detaile produktu */
.p-detail-full-width #tab-content {
  background: #f5f3f3;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
}

/* Pozadie diskusného formulára */
div#discussion-form {
  background-color: #f5f3f3;
}

/* PRODUCT IN CART - ICON */

/* Ikona alebo číselný indikátor košíka, keď je v košíku produkt */
.navigation-buttons > a[data-target="cart"] i {
  background-color: white;
  color: #008392;
  font-weight: 700;
}

/* SITE COOKIE BOT */

/* Pozadie cookie formulára alebo cookie lišty */
.siteCookies__form {
  background-color: #008392;
}

/* Farba hlavného textu v cookie lište */
.siteCookies__text {
  color: white;
}

/* Farba odkazu v texte cookie lišty */
.siteCookies__text a {
  color: #008392;
}

/* Farba odkazu v cookie lište pri hoveri */
.siteCookies__text a:hover {
  color: #008392;
}

/* Orámovanie a farba sekundárneho cookie odkazu alebo tlačidla */
.siteCookies__link {
  border: 2px solid #008392;
  color: #008392;
}

/* Farba textu hlavného cookie tlačidla */
.siteCookies__button {
  color: #008392;
}

@media (min-width: 768px) {
  /* Cookie lišta po scrollovaní na desktope */
  .siteCookies--bottom.siteCookies--scrolled {
    background-color: #008392;
    box-shadow: 0 0 50px rgba(27, 25, 57, 0.5);
    left: 0;
    margin-left: 0;
    width: 100%;
  }
}

/* CONTROL */

/* Aktuálne zvolené radenie alebo aktívny ovládací prvok v kategórii */
:where(body.ums_a11y_category_page--on) .listSorting__control--current,
:where(body.ums_a11y_category_page--on)
  .listSorting__control--current:focus-visible {
  background-color: #008392;
  box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.09);
  color: #fff;
}

/* Parametre alebo filtre v kategórii */
.advanced-parameter {
  margin: 0px;
}
```