/* =========================
   SKRYTÍ NEJPRODÁVANĚJŠÍCH
========================= */
.kategorie_nejprodavanejsi {
    display: none !important;
}

/* =========================
   KOŠÍK V HLAVIČCE
========================= */
.hlavicka_modul_obsah_kosiku3 {
    border: 2px solid #333 !important; 
    padding: 8px 15px !important;
    border-radius: 5px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
}

.hlavicka_modul_obsah_kosiku3 span {
    color: #333 !important;
    font-weight: bold !important;
}

.hlavicka_modul_obsah_kosiku3 a {
    color: #b30000 !important; 
    font-weight: bold !important;
    text-decoration: none !important;
}
/* Pokud jsi přímo v té kategorii */
.ramec_levy li.active > a {
    background-color: #f3f3f3 !important;
    border-left: 3px solid #b30000 !important;
}
.hlavicka_modul_obsah_kosiku3:hover {
    background: #2fde03 !important;
    border-color: #2fde03 !important;
}

.hlavicka_modul_obsah_kosiku3:hover span {
    color: #fff !important;
}

/* =========================
   LEVÉ MENU
========================= */
.ramec_levy nav, 
.ramec_levy ul.sub0 {
    border: 1px solid #e0e0e0 !important;
    border-bottom: none !important;
    list-style: none !important;
}

.ramec_levy li {
    border-bottom: 1px solid #e0e0e0 !important;
    position: relative !important;
}

.ramec_levy li a {
    display: block !important;
    padding: 12px 15px !important;
    color: #333 !important;
    background: #fff !important;
    text-decoration: none !important;
}

.ramec_levy li a:hover {
    background: #f8f8f8 !important;
}

/* Aktivní položka */
.ramec_levy li a.active {
    background: #ffebeb !important;
    color: #b30000 !important;
    font-weight: bold !important;
    border-left: 5px solid #b30000 !important;
}

/* Odsazení podkategorií */
.ramec_levy .sub1 li a { padding-left: 30px !important; }
.ramec_levy .sub2 li a { padding-left: 45px !important; }

/* Skrytí šipek */
.ramec_levy .c487, 
.ramec_levy [data-selector="menu-arrow"], 
.ramec_levy i.fa {
    display: none !important;
}

/* =========================
   H1
========================= */
#kategorie_obsah h1 {
    font-size: 32px !important;
    margin: 10px 0 !important;
}

/* =========================
   VYHLEDÁVÁNÍ
========================= */
.hlavicka_modul_fulltextove_vyhledavani form {
    display: flex !important;
    border: 2px solid #333 !important;
    background: #fff !important;
    height: 40px !important;
}

#fulltext_text {
    flex: 1 !important;
    border: none !important;
    padding-left: 10px !important;
}

.hlavicka_modul_fulltextove_vyhledavani .submit {
    border: none !important;
    background: transparent !important;
    width: 40px !important;
}

/* =========================
   PRODUKTY
========================= */

/* Název produktu */
.product .nazev a {
    text-transform: lowercase !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #000 !important;
    line-height: 1.2 !important;
}

.product .nazev a::first-letter {
    text-transform: uppercase !important;
}

/* Cena */
.product .price,
.product .cena {
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #b30000 !important;
}

/* Sklad */
.product .skladem {
    font-size: 13px !important;
    color: #28a745 !important;
    font-weight: bold !important;
}

/* Tlačítko */
.polozka .tlacitko_koupit,
.polozka .button.buy {
    background: #b30000 !important;
    padding: 10px 0 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: background 0.2s !important;
}

.polozka .tlacitko_koupit:hover {
    background: #28a745 !important;
}

/* Karta produktu */
.product, .polozka {
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    background: #fff !important;
    padding: 15px !important;
    transition: all 0.3s ease !important;
}

.product:hover, .polozka:hover {
    border-color: #b30000 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
    transform: translateY(-3px) !important;
}

/* =====================================
   ZVÝRAZNĚNÍ AKTIVNÍ VĚTVE MENU (SHOP5)
===================================== */

/* Aktivní položka */
.ramec_levy li a.active {
    background-color: #ffebeb !important;
    color: #b30000 !important;
    font-weight: bold !important;
    border-left: 5px solid #b30000 !important;
}

/* Pokus o zvýraznění rodičů (funguje pokud má systém class) */
.ramec_levy li.active > a,
.ramec_levy li.open > a,
.ramec_levy li.current > a,
.ramec_levy li.selected > a {
    background-color: #ffebeb !important;
    color: #b30000 !important;
    font-weight: bold !important;
}

/* Hover zůstává jemný */
.ramec_levy li a:hover {
    background-color: #f8f8f8 !important;
}
-----------------------------------------------------------.............
/* =========================
   FIX VELKÝCH PÍSMEN KATEGORIÍ
========================= */

/* Zruší CAPS LOCK */
.ramec_levy li a {
    text-transform: none !important;
}

/* Volitelně: hezké formátování (první písmeno velké) */
.ramec_levy li a {
    text-transform: lowercase !important;
}

.ramec_levy li a::first-letter {
    text-transform: uppercase !important;
}
...........................................................................
/* =========================
   VYHLEDÁVÁNÍ – FINÁLNÍ FIX
========================= */

/* Sjednocení celého boxu vyhledávání */
.hlavicka_modul_fulltextove_vyhledavani form {
    display: flex !important;
    border: 2px solid #333 !important; /* Jediný hlavní rámeček */
    border-radius: 6px !important;
    overflow: hidden !important; /* Ořízne rohy vnitřních prvků */
    background: #fff !important;
    height: 40px !important;
    box-shadow: none !important; /* Odstraní ten "stín" dole */
    margin: 0 !important;
}

/* Vstupní pole - bez vlastního rámečku */
#fulltext_text {
    flex: 1 !important;
    border: none !important;
    padding: 0 15px !important;
    height: 100% !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Tlačítko - bez vlastního rámečku, vyplní pravou část */
.hlavicka_modul_fulltextove_vyhledavani .submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important;
    height: 100% !important;
    background: #333 !important; /* Tmavé pozadí */
    color: #fff !important;
    border: none !important; /* Zrušíme vnitřní border tlačítka */
    border-left: 2px solid #333 !important; /* Linka mezi polem a lupou */
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
    font-size: 20px !important;
}

/* Hover efekt pro tlačítko */
.hlavicka_modul_fulltextove_vyhledavani .submit:hover {
    background: #b30000 !important;
    color: #fff !important;
}

/* Odstranění jakékoliv linky pod formulářem */
.hlavicka_modul_fulltextove_vyhledavani {
    border: none !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
}
.................:::::::::::::::::::.
/* =========================================
   AGRESIVNÍ RESET PÍSMA (SHOP5 FIX)
   ========================================= */

/* Cílíme na všechny možné třídy, které Shop5 pro názvy používá */
.polozka_nazev, 
.polozka_nazev a, 
.product_name, 
.product_name a,
.nazev_zbozi,
div[class*="polozka_nazev"] a,
h2.polozka_nazev a {
    text-transform: none !important;
    font-variant: normal !important;
    text-transform: capitalize !important; /* Toto vynutí velká první písmena u KAŽDÉHO slova jako pojistku */
}

/* Pokud chceš mít v názvu jen to, co jsi přesně napsal v adminu (včetně malých předložek) 
   Změň řádek výše z 'capitalize' na 'none' */

div.polozka_nazev a, 
.polozka_nazev span {
    text-transform: none !important;
}
:::::::::::::::::::::::::::::::::::::::::::::::
/* Natvrdo zmenšíme prostor pro obrázek a přitáhneme název */
.polozka_obrazek {
    height: 150px !important; /* Zkus tuto hodnotu měnit (120px, 140px...), dokud to nebude sedět */
    min-height: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    margin-bottom: 5px !important;
}

/* Zvětšíme plochu názvu, aby se na něj lépe klikalo */
.polozka_nazev a {
    display: block !important;
    padding: 10px 0 !important;
    font-size: 19px !important; /* Mírné zvětšení písma pro lepší čitelnost */
}
,,,,,,,,,,,,,,,,???????????????????
/* =========================================
   STYL MENU - OPRAVA PÍSMEN A LINEK
   ========================================= */

/* 1. NADŘAZENÉ ÚROVNĚ (Babetta, Motor) */
.ramec_levy a.active_top {
    background-color: transparent !important;
    color: #b30000 !important;
    font-weight: bold !important;
    border-left: 5px solid #b30000 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    text-transform: none !important; /* OPRAVA: vrací velká písmena */
}
.hlavicka_modul_fulltextove_vyhledavani .submit::before {
    content: "⌕" !important;
    font-size: 24px !important;
}

/* 2. TA KONKRÉTNÍ POLOŽKA (Výfuk) */
.ramec_levy a.active:not(.active_top) {
    background-color: #ffebeb !important;
    color: #b30000 !important;
    font-weight: 800 !important;
    border-left: 8px solid #b30000 !important;
    text-transform: none !important; /* OPRAVA: vrací velká písmena */
}

/* 3. VŠECHNY ODKAZY - Zákaz malých písmen a linky */
.ramec_levy li a {
    text-transform: none !important; /* Ruší nucená malá písmena pro celé menu */
    display: block !important;
    border-bottom: 1px solid #e0e0e0 !important; /* VIDITELNÁ LINKA pod každou položkou */
    padding: 10px 15px !important;
}

/* 4. ODSAZENÍ PODKATEGORIÍ */
.ramec_levy .sub1 a { padding-left: 20px !important; }
.ramec_levy .sub2 a { padding-left: 40px !important; }

/* 5. ŠIPKY >> */
.ramec_levy a strong {
    color: #999;
}
.ramec_levy a[class*="active"] strong {
    color: #b30000 !important;
}

/* 6. RESET PRO NEAKTIVNÍ */
.ramec_levy li a:not([class*="active"]) {
    background-color: #ffffff !important;
    color: #444 !important;
    font-weight: normal !important;
    border-left: 5px solid transparent !important;
}
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
/* =========================================
   MAXIMÁLNÍ PRIORITA PŘES ID (FINAL PUSH)
   ========================================= */

/* Babetta - Bílá, červený text, červený proužek */
#levy_sloupec div.ramec_body ul li a.active_top {
    background: #ffffff !important;
    color: #b30000 !important;
    font-weight: 800 !important;
    border-left: 6px solid #b30000 !important;
    text-transform: none !important;
}

/* Aktivní podkategorie (Výfuk) - Růžová, červený proužek */
#levy_sloupec div.ramec_body ul li a.active:not(.active_top) {
    background: #ffebeb !important;
    color: #b30000 !important;
    font-weight: 800 !important;
    border-left: 10px solid #b30000 !important;
    text-transform: none !important;
}

/* Oprava písmen a linky pro vše v menu */
#levy_sloupec .ramec_body ul li a,
#levy_sloupec .ramec_body ul li a strong,
#levy_sloupec .ramec_body ul li a span {
    text-transform: none !important;
    display: block !important;
}

/* Linky a odsazení */
#levy_sloupec .ramec_body ul li a {
    border-bottom: 1px solid #e0e0e0 !important;
    padding: 10px 15px !important;
}

#levy_sloupec .sub1 a { padding-left: 25px !important; }
#levy_sloupec .sub2 a { padding-left: 45px !important; }

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

/* --- KONSOLIDOVANÝ KÓD PRO PRODUKTY --- */

/* 1. Layout: 4 položky vedle sebe */
div.polozky { display: block !important; width: 100% !important; }

.polozka {
    width: 23% !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0.5% !important;
    float: left !important;
    box-sizing: border-box !important;
    height: auto !important; /* Zruší fixních 555px */
    min-height: 550px !important;
    padding: 5px !important;
    border: 1px solid #e5e5e5 !important;
    background: #fff !important;
}

.polozka_foto img, .polozka_foto_1 img {
    max-height: 200px !important;
    width: auto !important;
}

/* 3. Název a prostor: Přitáhneme nahoru */
.polozka_nazev { 
    margin-top: 1px !important; 
    min-height: 10px !important; 
}

/* 4. Fix pro zalamování řádků */
.polozka:nth-child(4n+1) {
    clear: both !important;
}
++++++++++++++++++++++++++++++++++++++++++++++++++
/* POSUNUTÍ NÁZVU PRODUKTU NAHORU */

/* 1. Zmenšíme prostor pod obrázkem */
.polozka_obrazek, 
.polozka_foto, 
.polozka_foto_1 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    height: auto !important; /* Uvolní fixní výšku, pokud tam byla */
}

/* 2. Zrušíme horní odsazení u názvu */
.polozka_nazev {
    margin-top: -10px !important; /* Záporná hodnota přitáhne název blíž k obrázku */
    padding-top: 0px !important;
}

/* 3. Volitelné: Pokud je tam stále mezera, může ji dělat samotný odkaz */
.polozka_nazev a {
    padding-top: 0px !important;
    margin-top: 0px !important;
    display: block !important;
}
?:???????????????????????????????????????????????
/* =========================================
   OPRAVA TLAČÍTKA VYHLEDÁVÁNÍ
   ========================================= */

.hlavicka_modul_fulltextove_vyhledavani form {
    height: 44px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

/* Pole */
#fulltext_text {
    height: 44px !important;
    font-size: 16px !important;
    padding: 0 14px !important;
}

/* Tlačítko */
.hlavicka_modul_fulltextove_vyhledavani .submit {
    width: 54px !important;
    height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #333 !important;
    border-left: 1px solid #555 !important;

    font-size: 26px !important;
    font-weight: bold !important;
    line-height: 1 !important;

    padding: 0 !important;
    margin: 0 !important;
}

-------------------------------
-------------
.hlavicka_modul_fulltextove_vyhledavani .submit {
    color: transparent !important; /* Skryje text >> */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px !important;
}