<style>
/* Pozadí a text info lišta */
.site-msg.information {
    background-color: #f4c542 !important;
    color: #000000 !important;
}
/* Barva textu v horním menu */
.navigation-in.menu a {
    color: #cef17b !important; /* tmavě zelená */
}
/* Bílé ikony v záhlaví (lupa, účet, košík) */
.navigation-buttons i,
.navigation-buttons svg,
.navigation-buttons .icon-search,
.navigation-buttons .icon-cart,
.navigation-buttons .icon-user {
    color: #cef17b !important;
    fill: #cef17b !important; /* pro SVG */
   transition: color 0.1s, fill 0.1s; /* plynulý přechod */
}
/* Hover efekt – barva f4c542 */
.navigation-buttons i:hover,
.navigation-buttons svg:hover,
.navigation-buttons .icon-search:hover,
.navigation-buttons .icon-cart:hover,
.navigation-buttons .icon-user:hover {
    color: #f4c542 !important;
    fill: #f4c542 !important;
}
/* Změna barvy pozadí štítku "Tip" */
.flags.flags-default .flag-tip {
    background-color: #084734 !important;
    color: #ffffff !important; /* volitelné: bílý text */
}
/* Styl pro slevovou bublinu - žlutozelené pozadí + černý text */
span.flag.flag-discount {
    background-color: #f4c542 !important;
    color: #000000 !important;
    font-weight: bold;
    border-radius: 50%; /* zachování kulatého vzhledu */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Zamezí klikání na hlavní obrázek */
.p-image a {
    pointer-events: none !important;
    cursor: default !important;
}
/* Změna barvy štítku "Tip" v kartelech produktů */
.flag.flag-tip {
    background-color: #084734 !important; /* tmavě zelená */
    color: #ffffff !important; /* bílý text */
    font-weight: bold;
}
/* Skryje jen poslední odstavec v dolní části karty produktu */
.p-bottom p:last-of-type {
    display: none !important;
}
/* Barva textu při najetí myší */
.navigation-in.menu a:hover {
    color: #084734 !important; /* tmavě zelená */
}
 /* Barvy shynee - oblíbené kategorie*/
  :root {
    --shynee-dark: #084734;
    --shynee-light: #cef17b;
  }
  .favcats-section {
    margin: 32px auto 0;
  }
  .favcats-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
  }
  .favcats-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--shynee-dark);
    margin: 0 0 16px;
    position: relative;
    line-height: 1.2;
    text-align: center; /* vycentrování */
  }
  .favcats-title::after {
    content: "";
    display: block;
    width: 120px;
    height: 4px;
    margin: 8px auto 0; /* vycentrování čáry */
    background: var(--shynee-light);
    border-radius: 2px;
  }
  .favcats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
  .favcats-item { 
    text-decoration: none; 
    display: block; 
  }
  .favcats-figure {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(0,0,0,.08);
    background: #f4f4f4;
  }
  .favcats-figure img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
  }
  .favcats-caption {
    position: absolute;
    inset: auto 0 0 0;
    padding: 16px 18px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    background: linear-gradient(to top, rgba(8,71,52,.85), rgba(8,71,52,.35), rgba(8,71,52,0));
  }
  .favcats-item:hover .favcats-figure img {
    transform: scale(1.05);
  }
  .favcats-item:hover .favcats-caption {
    text-shadow: 0 0 12px rgba(0,0,0,.35);
  }

  /* Responsivita */
  @media (max-width: 992px) {
    .favcats-grid { grid-template-columns: repeat(2, 1fr); }
    .favcats-figure img { height: 220px; }
  }
  @media (max-width: 560px) {
    .favcats-grid { grid-template-columns: 1fr; }
    .favcats-figure img { height: 200px; }
  }
  .favcats-caption {
    display: none !important;
}
/* Barva textu v submenu */
.menu-level-2 li a span {
    color: #084734 !important; /* tmavě zelená */
    transition: color 0.3s ease; /* plynulý přechod */
}

/* Hover efekt - světle zelená */
.menu-level-2 li a:hover span {
    color: #cef17b !important; /* světle zelená */
}
.homepage-group-title.homepage-products-heading-5.h4 {
    color: #084734 !important; /* tmavě zelená */
}
.homepage-group-title.homepage-products-heading-5.h4 {
    color: #084734 !important; /* tmavě zelená */
    position: relative;
    text-align: center; /* pokud chceš čárku na střed */
}
.homepage-group-title.homepage-products-heading-5.h4::after {
    content: "";
    display: block;
    width: 200px; /* délka čárky */
    height: 3px; /* tloušťka čárky */
    background-color: #cef17b; /* světle zelená */
    margin: 6px auto 0; /* mezery a vycentrování */
    border-radius: 2px;
}
/* Skryje sekci kategorií všude kromě homepage */
body:not(.type-index) .favcats-section {
    display: none !important;
}
.homepage-group-title.homepage-products-heading-8.h4 {
    color: #084734 !important; /* tmavě zelená */
}
.homepage-group-title.homepage-products-heading-8.h4 {
    color: #084734 !important; /* tmavě zelená */
    position: relative;
    text-align: center; /* pokud chceš čárku na střed */
}
.homepage-group-title.homepage-products-heading-8.h4::after {
    content: "";
    display: block;
    width: 200px; /* délka čárky */
    height: 3px; /* tloušťka čárky */
    background-color: #cef17b; /* světle zelená */
    margin: 6px auto 0; /* mezery a vycentrování */
    border-radius: 2px;
}
.homepage-group-title.h4 {
    color: #084734 !important; /* tmavě zelená */
}
.homepage-group-title.h4 {
    color: #084734 !important; /* tmavě zelená */
    position: relative;
    text-align: center; /* pokud chceš čárku na střed */
}
.homepage-group-title.h4::after {
    content: "";
    display: block;
    width: 200px; /* délka čárky */
    height: 3px; /* tloušťka čárky */
    background-color: #cef17b; /* světle zelená */
    margin: 6px auto 0; /* mezery a vycentrování */
    border-radius: 2px;
}

:root{
  --bg: #084734;
  --accent: #cef17b;
}

/* Footer základ */
#footer{ background: var(--bg) !important; color: #fff !important; }
#footer .footer-bottom, #footer .footer-bottom-full-width{
  background: var(--bg) !important; color:#fff !important; border-top:none !important;
}

/* Texty */
#footer p, #footer li, #footer span { color:#fff !important; }

/* Nadpisy a odkazy v akcentu */
#footer h2, #footer h3, #footer .footer-title,
#footer a { color: var(--accent) !important; }
#footer a:hover, #footer a:focus { color:#fff !important; text-decoration: underline; }

/* Ikony a dělítka */
#footer svg, #footer svg * { fill: var(--accent) !important; stroke: var(--accent) !important; }
#footer hr { border-color: var(--accent) !important; }

/* Tlačítka/inputs (pokud jsou) */
#footer .btn, #footer button{ background: var(--accent); color: var(--bg); border:none; }
#footer .btn:hover, #footer button:hover{ filter: brightness(1.05); }
#footer input, #footer select, #footer textarea{ background:#fff; color:var(--bg); }

/* Odstranění cizích pozadí uvnitř footeru (např. žlutý blok) */
#footer .custom-footer, #footer .footer-rows > div { background: transparent !important; box-shadow:none !important; }

/* MOBILE TWEAKS – zmenšení kategorií */
@media (max-width: 576px) {
  .favcats-grid{
    grid-template-columns: repeat(2, 1fr); /* 2 sloupce místo 1 */
    gap: 10px;                              /* menší mezery */
  }
  .favcats-figure{
    border-radius: 12px;
  }
  .favcats-figure img{
    height: 130px;          /* dříve 200px – zmenšeno pro telefon */
    object-fit: cover;
  }
  .favcats-title{
    font-size: 25px;        /* menší nadpis sekce */
    margin-bottom: 15px;
  }
}

</style>

<link rel="apple-touch-icon" sizes="57x57" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="https://www.shynee.cz/user/documents/upload/FAVICON-20250915T115829Z-1-001/FAVICON/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">