<style>
  /* Změna barvy nadpisů na domovské stránce, v kategoriích a na detailu produktu */
  .homepage-group-title, .category-title, .p-detail-inner h1 {
    color: #7f2fd4 !important;
  }

  /* Skrytí sekce "Nejnovější příspěvky" na homepage */
  .homepage-latest-contribution .latest-contribution {
    display: none;
  }

  .homepage-latest-contribution .latest-contribution-wrapper {
    display: none;
  }

  /* Zvýraznění aktivního produktu (např. při hoveru) rámečkem a zaoblením */
  .products-block .product.active > div {
    border: 2px solid #f591cc;
    border-radius: 30px;
    overflow: hidden;
  }

  /* Úprava vzhledu ceny u produktu */
  .products-block .price-final {
    font-size: 26px;
    color: #7f2fd4;
    font-family: var(--template-headings-font), sans-serif;
  }

  /* Zvýraznění ceny tučným písmem */
  .products-block>div .p .p-in .p-bottom>div .prices .price-final strong {
    font-weight: 700;
  }

  /* Větší a tučnější tlačítka u produktů */
  .product .btn {
    font-size: 18px;
    font-weight: 700;
  }

  /* Odsazení prvků označení (flags) u produktu */
  .product .flags {
    padding: 5px 0 0 10px;
  }

  /* Skrytí kódu produktu */
  .products-block>div .p .p-code {
    display: none;
  }

  /* Úprava velikosti obrázku v banneru výhod (benefitBanner) */
  .benefitBanner .benefitBanner__picture {
    flex: 0 0 96px;
    height: 96px;
    max-width: 96px;
    margin: 4px;
  }

  /* Úprava vzhledu nadpisu a popisku v benefit banneru */
  .benefitBanner .benefitBanner__title {
    font-size: 28px;
    color: #000;
  }

  .benefitBanner .benefitBanner__data {
    color: #000;
  }

  /* Zarovnání položek banneru výhod doleva */
  .benefitBanner .benefitBanner__item {
    text-align: left;
    display: flex;
    flex-direction: row;
  }

  /* Úprava nadpisu newsletteru ve footeru */
  .footer-newsletter h2 {
    font-size: 42px;
    color: #febf39;
  }

  /* Vzhled tlačítka newsletteru ve footeru */
  .footer-newsletter .btn.btn-default {
    background-color: #febf39;
    border-color: #febf39;
    font-size: 18px;
  }

  /* Úprava šířky jednotlivých bloků v horní části hlavičky */
  #header .header-top .header-top-wrapper>div {
    width: 32%;
  }

  /* Skrytí navigačních nástrojů (např. jazyk, měna) v hlavičce */
  #header .header-top .navigation-tools {
    display: none;
  }

  /* Skrytí záhlaví nad produkty v kategoriích */
  .category-top .products-top-header,
  .category-top #productsTop {
    display: none;
  }

  /* Úprava pozadí detailu produktu a záložek */
  .p-detail-full-width,
  .shp-tabs, .shp-tabs-holder,
  .p-detail-full-width .shp-tab-link {
    background-color: #fff;
  }

  /* Odstranění stínů a zaoblení z tabů (záložek) */
  .shp-tabs-holder ul.shp-tabs li a,
  .shp-tabs-holder ul.shp-tabs li.shp-tab.active a {
    box-shadow: none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
  }

  /* Úprava barvy horní hrany aktivní záložky */
  .shp-tab.active {
    border-top-color: #fff;
  }

  /* Úprava spodní hrany záložek, aktivní záložka má jinou barvu */
  .shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab {
    margin-right: 0;
    border-bottom: 12px solid #cfcfcf; 
  }

  .shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab.active,
  .shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab:hover {
    border-bottom: 12px solid #7f2fd4; 
  }

  /* Úprava obsahu záložky – odstranění stínu a zaoblení */
  .p-detail-full-width #tab-content {
    border-radius: 0;
    box-shadow: none;
  }

  /* Media query pro obrazovky od šířky 768px – větší zařízení */
  @media (min-width: 768px) {
    /* Větší písmo nadpisů skupin na homepage */
    .homepage-group-title.h4 {
      font-size: 42px;
    }

    /* Úprava šířky jednotlivých částí hlavičky */
    #header .header-top .header-top-wrapper>div.site-name,
    #header .header-top .header-top-wrapper .site-name,
    #header .header-top .header-top-wrapper h1.site-name {
      width: 20%;
    }

    #header .header-top .header-top-wrapper>div.navigation-buttons {
      width: 18%;
    }

    #header .header-top .header-top-wrapper>div.header-bottom {
      width: 60%;
    }

    /* Úprava submenu navigace – zarovnání, velikost písma a odstranění obrázků */
    .navigation-in>ul>li.ext>ul>li>div>a {
      font-size: 16px;
    }

    .navigation-in>ul>li.ext>ul>li>div {
      width: 100% !important;
      padding-left: 0;
    }

    .navigation-in>ul>li.ext>ul>li>a.menu-image {
      display: none;
    }

    .navigation-in>ul>li>ul>li {
      padding: 5px;
    }

    /* Úprava pozice bannerového obrázku ve footeru */
    .custom-footer__banner1 .banner img {
      margin-bottom: -33px;
    }
  }
</style>
