.p-variants-block {
    margin: 20px 0 !important;
}

#choose-variant.btn-primary {
    background-color: #000 !important; /* Černý podklad */
    color: #fff !important; /* Bílý text */
    border: 1px solid #000 !important;
    border-radius: 0 !important; /* Ostré rohy */
    height: 50px !important; /* Stejná výška jako hlavní tlačítka */
    padding: 0 30px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* Hover efekt - otočení barev */
#choose-variant.btn-primary:hover {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
}

/* Odstranění modrého stínu při kliknutí (focus) */
#choose-variant.btn-primary:focus, 
#choose-variant.btn-primary:active {
    outline: none !important;
    box-shadow: none !important;
    background-color: #000 !important;
}


/* Skrytí sekce Poslední komentáře */
.latest-contribution-wrapper {
    display: none !important;
}

/* Skrytí boxu pro odběr newsletteru v patičce */
.footer-newsletter {
    display: none !important;
}
/* Úplné odstranění nadpisu Kategorie v levém sloupci vkosili.cz */
aside.sidebar .box-categories .pageElement__heading {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Odstranění horního odsazení, aby menu začínalo hned nahoře */
aside.sidebar .box-categories {
    padding-top: 0 !important;
}

aside.sidebar #categories {
    margin-top: 0 !important;
}


/* --- ÚPRAVA LOGA (75 % + ROZDÍLNÉ OKRAJE) --- */
@media (min-width: 992px) {
.site-name img {
    width: 230px !important; /* Tvých 75 % */
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

.site-name {
    /* PRVNÍ ČÍSLO JE NAHOŘE (20px), TŘETÍ JE DOLE (10px) */
    padding: 20px 0 10px 0 !important; 
    margin: 0 !important;
    text-align: center !important;
}
}

/* 1. GLOBÁLNÍ ÚPRAVY A HLAVIČKA */
.products-top-wrapper { 
    display: none !important; 
}

.header-top {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* 2. HLAVNÍ MENU (NAVIGACE) pro desktop */

@media (min-width: 992px) {

/* 2. HLAVNÍ MENU (NAVIGACE) pro desktop */

@media (min-width: 992px) {

#navigation .menu-level-1 > li > a, 
#navigation .menu-level-1 > li > a b {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: all 0.2s ease;
}

/* Prostor pro text a animovanou linku */
#navigation .menu-level-1 > li > a b {
    position: relative !important;
    display: inline-block !important;
    padding-bottom: 5px !important;
}

/* Příprava 2px černé linky */
#navigation .menu-level-1 > li > a b::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 2px !important;
    background-color: #000000 !important;
    transition: width 0.3s ease-in-out !important;
}

/* Reset starého podbarvení a stínů u všech stavů */
#navigation .menu-level-1 > li > a:hover,
#navigation .menu-level-1 > li.hover > a,
#navigation .menu-level-1 > li:hover > a,
#navigation .menu-level-1 > li > a.active,
#navigation .menu-level-1 > li:hover > a b,
#navigation .menu-level-1 > li.hover > a b,
#navigation .menu-level-1 > li > a.active b {
    background-color: transparent !important;
    color: #000000 !important;
    text-shadow: none !important;
}

/* Spuštění animace linky - POUZE PŘI NAJETÍ MYŠÍ (hover) */
#navigation .menu-level-1 > li:hover > a b::after,
#navigation .menu-level-1 > li.hover > a b::after {
    width: 100% !important;
}

}




/* --- 6. HORNÍ MENU (Sjednocení stylu) --- */
#navigation .menu-image, #navigation .menu-no-image::before, #navigation .submenu-arrow { display: none !important; }
#navigation .menu-level-2 { padding-top: 15px !important; }
#navigation .menu-level-2 > li > div > a, #navigation .menu-level-2 > li > a {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: #444444 !important;
    font-weight: 400 !important; /* Sjednoceno na lehčí verzi */
    line-height: 1.2 !important;
    background: transparent !important;
}
#navigation .menu-level-3 a {
    font-size: 14px !important;
    text-transform: none !important;
    color: #666666 !important;
    font-weight: 400 !important;
}
}

/* 4. NÁZEV A POPIS KATEGORIE */
.category-top {
    text-align: left !important;
    display: block !important;
}

.category-title {
    font-size: 24px !important;
    font-weight: 500 !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    color: #000000;
}

.category-perex {
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.6;
    color: #444444;
    margin-bottom: 25px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.subcategories {
    display: flex !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    padding: 0 15px !important;
    margin: 10px 0 20px 0 !important;
    list-style: none !important;
    gap: 10px !important; 
}

.subcategories li::before, .subcategories li::after,
.subcategories li a::before, .subcategories li a::after,
.subcategories .submenu-arrow {
    display: none !important;
}

.subcategories li {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.subcategories li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dddddd !important; 
    padding: 0 18px !important; 
    height: 30px !important; 
    background-color: #ffffff !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
    color: #2D2D2D !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

.subcategories li a .text {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
    color: #2D2D2D !important; 
    font-weight: 500 !important;
}

.subcategories li a:hover {
    background-color: #f5f5f5 !important;
    border-color: #cccccc !important;
    color: #2D2D2D !important;
}

.subcategories li a.active {
    background-color: #2D2D2D !important;
    color: #ffffff !important;
    border-color: #2D2D2D !important;
}

.detail-parameters td a {
    color: #3474b4 !important; 
    text-decoration: underline !important; 
    font-weight: 500 !important;
}



/* --- 1. ZÁKLADNÍ STRUKTURA SIDEBARU --- */
.sidebar-inner { padding-left: 15px !important; }
.box-categories h4 { display: none !important; }
.box-categories { margin-top: 25px !important; }
.box-categories, .box-filters, .box-topProducts { border: none !important; box-shadow: none !important; }

/* --- 2. OBECNÝ STYL ODKAZŮ V MENU --- */
#categories a, #categories .topic > a {
    font-family: 'Kumbh Sans', sans-serif !important;
    text-decoration: none !important;
    color: #444444 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    background: transparent !important;
    transition: all 0.2s ease;
}

#categories a:hover { color: #000000 !important; text-decoration: underline !important; }

/* Aktivní stavy (Tučnost pouze po prokliku pro jasnou orientaci) */
#categories li.active > a, #categories li.active > .topic > a,
#categories .active > a, #categories .active > .topic > a,
#categories li:has(.active) > a, #categories li:has(.active) > .topic > a {
    color: #000000 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* --- 3. SYMBOLY (+ / –) --- */
#categories a::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    left: 0 !important; 
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 25px !important;
    font-family: Arial, sans-serif !important;
    font-weight: 400 !important;
}

#categories .expandable > .topic > a::before,
#categories ul li.expandable > a::before { content: "+" !important; font-size: 15px !important; color: #aaaaaa !important; }

#categories .expandable.expanded > .topic > a::before,
#categories .expandable.expanded > a::before,
#categories ul li.expandable.expanded > a::before { content: "\2013" !important; color: #000000 !important; font-size: 15px !important; }

/* --- 4. VELIKOSTI PÍSMA A ODSAZENÍ --- */

/* 1. ÚROVEŇ - Hlavní kategorie (14px, lehké) */
#categories .topic > a {
    font-size: 14px !important; 
    font-weight: 400 !important;
    padding: 3px 0 3px 30px !important; 
    margin-top: 4px !important; 
    color: #333333 !important;
}

/* 2. ÚROVEŇ - Podkategorie (12px, VERZÁLKY, ZRUŠENA TUČNOST) */
#categories ul li a {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    padding: 4px 0 4px 45px !important;
    font-weight: 400 !important; /* Změněno z 600 na 400 */
}
#categories ul li.expandable > a::before { left: 15px !important; }

/* 3. ÚROVEŇ - Detailní členění (13px, malá písmena) */
#categories ul ul li a {
    font-size: 13px !important;
    text-transform: none !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    padding: 3px 0 3px 60px !important;
    color: #666666 !important;
}
#categories ul ul li.expandable > a::before { left: 30px !important; }

/* --- 5. FUNKČNOST ROZBALOVÁNÍ (Trigger) --- */
#categories .cat-trigger {
    display: block !important;
    position: absolute !important;
    width: 35px !important; 
    height: 30px !important;
    opacity: 0 !important;
    z-index: 10 !important;
    cursor: pointer !important;
}
#categories .topic + .cat-trigger { left: 0 !important; top: 0 !important; }
#categories ul .cat-trigger { left: 15px !important; top: 0 !important; }
#categories ul ul .cat-trigger { left: 30px !important; }

#categories ul { margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; }
#categories ul li { background: transparent !important; border: none !important; }




/* 7. HORNÍ LIŠTA ŘAZENÍ (VYLADĚNÉ LÍCOVÁNÍ) */
#category-header, .category-header {
    margin-top: 0 !important;
    padding-left: 0 !important;
	padding-left: 0 !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
    border-bottom: 1px solid #eeeeee;
	clear: both !important;
}

.listSorting__control {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 13px !important;
    padding: 5px 15px !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    color: #888888 !important;
    background: transparent !important;
    border: none !important;
}

.listSorting__control--current, 
.listSorting__control:hover {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* 8. KONTEJNER MŘÍŽKY PRODUKTŮ */
.products {
    margin-left: -4px !important; 
    margin-right: -4px !important;
}

/* 9. KARTA PRODUKTU */
.p, .product, .p-in {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 2px !important; 
    margin-bottom: 15px !important;
    text-align: left !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}
@media (min-width: 992px) {	
.p:hover, .product:hover {
    transform: translateY(-3px) !important;
    z-index: 10 !important;
}
}

/* Obal obrázku (Poměr 5:6) */
.products-block .p a.image, 
.p-main-image {
    position: relative !important;
    display: flex !important;
    align-items: center !important; 
    justify-content: center !important;
    background-color: rgba(20,20,22,.03) !important;
    aspect-ratio: 5 / 6 !important; 
    overflow: hidden;
    margin: 0 !important;
    width: 100% !important;
}

/* Fotka produktu */
.products-block .p a.image img, 
.p-main-image img {
    width: 80% !important; 
    height: auto !important;
    mix-blend-mode: multiply;
}

/* Název produktu */
.p-name a, .product .name {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #000000 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    margin-top: 8px !important;
    margin-bottom: 2px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 35px !important; 
}

/* Blok ceny a tlačítka */
.p-bottom {
    display: block !important;
    position: relative !important;
    margin-top: 5px !important;
    min-height: 40px !important; 
}

.p .price, .price-final, .price-final strong {
    font-family: 'League Spartan', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #000000 !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
    display: inline-block !important;
    margin-top: 2px !important;
}

.availability, .availability span {
    font-size: 13px !important; /
    font-family: 'Kumbh Sans', sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    margin-top: 1px !important; /
    font-weight: 400 !important;
}

.p .p-code {
    display: block;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: .8px;
    text-transform: none !important;
}

/* Tlačítko Detail */
.p-tools, 
.p-tools a.btn-primary {
    display: none !important;
}


/* --- 12. STRÁNKOVÁNÍ A TLAČÍTKO "DALŠÍ PRODUKTY" */

.goToTop, .itemsTotal, .loadMore__button--products i {
    display: none !important;
}


.listingControls {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 25px !important; 
    clear: both !important;
}

.loadMore {
    margin-bottom: 25px !important; 
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.loadMore__button--products {
    background: #ffffff !important;
    color: #000000 !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 0 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    padding: 0 !important;
    text-indent: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 240px !important;
    height: 48px !important;
    border: 1px solid #aaaaaa !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Vložení textu DALŠÍ PRODUKTY */
.loadMore__button--products::before {
    content: "DALŠÍ PRODUKTY" !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    padding-left: 2px !important;
    display: block !important;
    line-height: 1 !important;
}

.loadMore__button--products:hover,
.loadMore__button--products:active,
.loadMore__button--products:focus {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    box-shadow: none !important;
}

/* 4. STRÁNKOVÁNÍ - ČISTÁ ČÍSLA */
.pagination {
    border-top: 1px solid #eeeeee !important;
    padding-top: 20px !important; /* Mírně sníženo */
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.pagination__list {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 5px !important;
}

.pagination__link, 
.pagination__currentPage,
.pagination__link--last {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #aaaaaa !important;
    text-decoration: none !important;
    padding: 8px 15px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    background: transparent !important;
    border: none !important;
}

.pagination__link:hover, 
.pagination__link--last:hover {
    color: #000000 !important;
    background: transparent !important;
}

/* Aktivní stránka s černou linkou */
.pagination__currentPage {
    color: #000000 !important;
    font-weight: 700 !important;
}

.pagination__currentPage::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 15px;
    right: 15px;
    height: 1px;
    background: #000000;
}





/* 1. RESET HLAVNÍHO KONTEJNERU OBRÁZKU */
.p-detail .p-image, 
.p-detail .p-image-wrapper, 
.p-detail .p-main-image {
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
}

/* 2. CÍLENÍ PŘÍMO NA OBRÁZEK V DETAILU */
#p-main-image,
.p-detail .p-main-image img,
.p-detail .p-image img {
    border-radius: 0 !important;
    object-fit: contain !important; 
    max-width: 100% !important;
    height: auto !important;
    box-shadow: none !important;
    border: none !important;
}


.cloud-zoom-lens, 
.cloud-zoom-big {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 1. KONTEJNER PRO MINIATURY */
.p-thumbnails .p-thumbnail {
    border-radius: 0 !important;
    border: 1px solid #f2f2f2 !important; /* Základní jemný rámeček */
    margin: 5px !important;
    width: 90px !important;
    height: auto !important; /* Výška se přizpůsobí obsahu */
    overflow: visible !important;
    background: #ffffff !important;
    transition: border-color 0.3s ease !important;
}

/* 2. SAMOTNÝ OBRÁZEK UVNITŘ MINIATURY */
.p-thumbnails .p-thumbnail img {
    border-radius: 0 !important;
    border: none !important; /* Rámeček drží kontejner, ne obrázek */
    object-fit: contain !important; /* Fotka se zobrazí celá bez ořezu */
    width: 100% !important;
    height: auto !important;
    display: block !important;
    transition: opacity 0.3s ease !important;
}

/* 3. ZVÝRAZNĚNÍ VYBRANÉ FOTKY (HIGHLIGHTED) */
/* Černý rámeček pro aktivní miniaturu */
.p-thumbnails .p-thumbnail.highlighted {
    border: 1px solid #000000 !important;
}

/* Hover efekt pro neaktivní miniatury */
.p-thumbnails .p-thumbnail:hover {
    border-color: #aaaaaa !important;
}



.benefit-banners-full-width {
    padding-top: 10px !important;    /* Minimální mezera nahoře */
    padding-bottom: 10px !important; /* Minimální mezera dole */
    margin-top: 10px !important;     /* Mezera od tvých nových boxů */
    margin-bottom: 10px !important;
    background: transparent !important;
    border-top: 1px solid #f2f2f2 !important;
    border-bottom: 1px solid #f2f2f2 !important;
}


.benefitBanner__picture {
    filter: grayscale(100%) !important; 
    opacity: 0.7 !important;
    transform: scale(0.9) !important; /* Zvětšení na 110% původní velikosti */
    transition: all 0.3s ease !important;
}


.benefitBanner__item:hover .benefitBanner__picture {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
}


.benefitBanner__title {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #4a4a4a !important; 
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 2px !important;
}

.benefitBanner__data {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 12px !important;
    color: #888888 !important;
}

.benefitBanner__item {
    padding: 5px 10px !important;
}

/* Boxy pod tlačítkem */

.v-box-accordion {
    display: none;
}

.type-product .v-box-accordion {
    display: block; 
    border-top: 1px solid #eeeeee;
    margin-top: 30px;
    clear: both;
}

.type-product .v-box-item {
    border-bottom: 1px solid #eeeeee;
}

.type-product .v-box-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 5px;
    cursor: pointer;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #4a4a4a;
    transition: all 0.2s ease;
}

.type-product .v-box-title:hover,
.type-product .v-box-item.active .v-box-title {
    color: #000000;
}

.type-product .v-box-title::after {
    content: '+';
    font-size: 18px;
    font-weight: 300;
}

.type-product .v-box-item.active .v-box-title::after {
    content: '−';
}

/* Obsah boxu */
.type-product .v-box-content {
    display: none; 
    padding: 0 5px 20px 5px;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #4a4a4a !important;
}

.type-product .v-shipping-row {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px dashed #f0f0f0;
}

.type-product .v-shipping-name {
    font-weight: 700;
    margin-top: 15px;
    display: block;
    color: #000000;
}


.p-detail-inner h1 {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 22px !important; /* Sjednoceno podle tvého komentáře */
    letter-spacing: -0.5px !important;
    color: #000000 !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    text-align: left !important;
}


/* 2. CENA A DOSTUPNOST */
.p-price-wrapper {
    margin: 25px 0 !important;
}

.price-final-holder {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

.price-final-holder,
.availability-label,
.p-final-add-to-cart-wrapper {
    display: flex !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
    text-align: left !important;  
}

/* Tlacitko do kosiku */

.add-to-cart-button,
.add-to-cart-button.success,
#continue-order-button,
.cart-widget-button .btn-conversion {
    background: #2D2D2D !important;
    color: #ffffff !important;
    border: 2px solid #2D2D2D !important; 
    border-radius: 0 !important;
    
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 50px !important; 
    padding: 0 30px !important;
    min-width: 240px !important;
    
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
    text-decoration: none !important;
}


.add-to-cart-button:hover,
.add-to-cart-button.success:hover,
#continue-order-button:hover,
.cart-widget-button .btn-conversion:hover {
    background: #ffffff !important;
    color: #000000 !important; 
    border-color: #000000 !important;
    text-decoration: none !important;
}

/* Skrytí ikony košíku */
.add-to-cart-button i {
    display: none !important;
}

/* Pocitadlo kusu */

.quantity {
    display: inline-block !important; 
    position: relative !important;
    width: 120px !important; 
    height: 48px !important; 
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    margin-right: 12px !important;
    padding: 0 !important;
    vertical-align: top !important;
}

.quantity button.decrease, 
.quantity button.increase {
    position: absolute !important;
    top: 0 !important;
    width: 35px !important;
    height: 46px !important; 
    background: #ffffff !important;
    border: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    outline: none !important;
    color: #000000 !important;
    font-size: 18px !important; 
    font-weight: 300 !important;
    transition: opacity 0.3s ease !important;
}

.quantity button.decrease { left: 0 !important; }
.quantity button.increase { right: 0 !important; }

.quantity button:hover { opacity: 0.5 !important; }

.quantity input.amount {
    position: absolute !important;
    left: 35px !important;
    width: 48px !important;
    height: 46px !important; /* Výška minus border */
    border-left: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
    border-top: none !important;
    border-bottom: none !important;
    text-align: center !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    background: transparent !important;
    margin: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

/* Odstranění šipek u inputu pro moderní vzhled */
.quantity input.amount::-webkit-outer-spin-button,
.quantity input.amount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ODSTAVCE ŘÁDKOVÁNÍ */
.p-detail-inner .description-inner p,
.p-detail-inner .basic-description p,
.p-detail-inner p,
.description-inner p,
.basic-description p,
.description-inner ul, 
.description-inner ol,
.p-short-description,
.description-inner,
.basic-description {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #4a4a4a !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.description-inner ul, 
.description-inner ol {
    padding-left: 20px !important;
}


/* 6. DOSTUPNOST A PARAMETRY */
.detail-parameters {
    border-top: 1px solid #f2f2f2 !important;
    padding-top: 20px !important;
}

.availability-label,
.detail-parameter-availability .availability-label {
    color: #27ae60 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
}

.p-code-label, .availability-desc-label, .row-header-label {
    color: #888888 !important;
    font-weight: 400 !important;
}


.shp-tab-link {
    font-family: 'Kumbh Sans', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: #999999 !important;
}

.shp-tab.active .shp-tab-link {
    color: #000000 !important;
    border-bottom: 2px solid #000000 !important;
}

.stars-wrapper, .social-buttons-wrapper {
    display: none !important;
}


/* 4. HOVER STAV - PŘERUŠENÍ PŘEKRYVU A LEHKÉ ZVĚTŠENÍ */
.p-main-image:hover::after,
.products-block .p a.image:hover::after {
    background-color: rgba(20,20,22,0) !important;
}


.p-main-image,
.p-main-image a {
    position: relative !important;
    display: flex !important;
    align-items: center !important; 
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #ffffff !important;
    /* Dynamická výška: max 70% výšky okna, aby zbyl prostor pro navigaci/proužek */
    height: 70vh !important; 
    width: 100% !important;
    overflow: hidden !important;
}

/* 2. FILTR: Přesně kopíruje rozměry kontejneru */
.p-main-image::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(20,20,22,.03) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    transition: background-color 0.3s ease !important;
}

/* 3. HOVER: Zrušení filtru */
.p-main-image:hover::after {
    background-color: transparent !important;
}

/* 4. OBRÁZEK: Musí se přizpůsobit výšce kontejneru, aby se nezalomil */
#p-main-image, 
.p-detail .p-main-image img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important; /* Zobrazí se vždy celý bez ořezu */
    mix-blend-mode: multiply !important;
    position: relative !important;
    z-index: 1 !important;
    transition: transform 0.4s ease !important;
}

/* 5. LAYOUT PRO DESKTOP (1900x1200 a podobné) */
@media only screen and (min-width: 768px) {
    .p-detail-inner {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
    }
    .p-image-wrapper {
        flex: 0 0 60% !important;
        max-width: 60% !important;
        padding-right: 50px !important;
    }
    .p-info-wrapper {
        flex: 0 0 40% !important;
        max-width: 40% !important;
        margin-top: 5vh !important; /* Dynamický odstup shora */
    }
}


.ui-slider-horizontal .ui-slider-handle {
    border-radius: 15px;
    cursor: pointer;
    height: 20px;
    margin-left: -15px;
    top: -9px;
    width: 31px;
}

.content-wrapper.container {
    margin-top: 15px;
}

#content p a, 
#content .description a, 
#content .p-detailed-description a,
#content .p-short-description a,
#content .cms-content a {
    color: #0056b3 !important; 
    text-decoration: underline !important;
}


#content p a:hover, 
#content .description a:hover, 
#content .cms-content a:hover {
    color: #003d7a !important;
    text-decoration: none !important;
}


.navigation-wrapper a, 
#header a, 
#footer a,
.filter-section a {
    color: inherit; 
    text-decoration: none !important;
}



/* Breadcrumb */
.category-content-wrapper::before {
    content: "";
    display: block;
    height: 30px; 
    width: 100%;
}

.category-content-wrapper {
    position: relative !important;
    padding-top: 0 !important; 
}


.category-content-wrapper .navigation-home-icon-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 10px !important; /* Tvoje upravená výška */
    display: flex !important;
    align-items: center !important;
    padding-bottom: 10px !important;
    border: none !important;
    background: transparent !important;
    visibility: visible !important;
}

/* 3. Stylování obsahu (domeček a text) */
.category-content-wrapper .navigation-home-icon {
    display: inline-block !important;
    color: #000000 !important;
    font-size: 15px !important;
    margin-right: 5px !important;
}

.category-content-wrapper .navigation-home-icon:before {
    background: none !important;
}

.category-content-wrapper .breadcrumbs a, 
.category-content-wrapper .breadcrumbs span {
    color: #000000 !important;
    font-size: 11px !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    text-decoration: none !important;
}

.category-content-wrapper .breadcrumbs .navigation-bullet {
    margin: 0 8px !important;
    color: #cccccc !important;
}

.breadcrumbs .navigation-bullet, 
.breadcrumbs .navigation-home-icon::before {
    color: #aaaaaa !important;
}

.breadcrumbs, 
.breadcrumbs a, 
.breadcrumbs span, 
.breadcrumbs b,
#navigation-first, 
#navigation-first a,
#navigation-first b {
    font-weight: 400 !important;
    text-shadow: none !important;
}

.breadcrumbs a, 
.breadcrumbs .navigation-bullet {
    color: #888888 !important;
}

.breadcrumbs a:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}

.breadcrumbs > span:last-child [itemprop="name"],
[data-testid="breadcrumbsLastLevel"] span {
    color: #000000 !important;
    font-weight: 600 !important; 
}


/* 5. Fix pro mobilní zobrazení */
@media only screen and (max-width: 767px) {
    .category-content-wrapper::before {
        height: 45px;
    }
}

/* 6. Globální skrytí původních drobečků pro čistý web */
body.type-category #p-main-inner > .breadcrumbs,
body.type-category #content > .breadcrumbs,
body.type-category .content-wrapper > .breadcrumbs {
    display: none !important;
    display: none !important;
}


.breadcrumbs {
    margin-top: 5px !important;
    margin-bottom: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 12px !important;
    text-transform: none !important;    
}







.p-detail-full-width {
    margin-top: 40px !important; 
    padding-top: 20px !important;
    clear: both !important; 
}




.quantity {
    display: inline-block !important; 
    position: relative !important;
    width: 90px !important;  
    height: 36px !important; 
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    margin-right: 12px !important;
    padding: 0 !important;
    vertical-align: top !important;
}

.quantity button.decrease, 
.quantity button.increase {
    position: absolute !important;
    top: 0 !important;
    width: 28px !important;  
    height: 34px !important; 
    background: #ffffff !important;
    border: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    outline: none !important;
    color: #000000 !important;
    font-size: 13px !important; 
    font-weight: 300 !important;
    transition: opacity 0.3s ease !important;
}

.quantity button.decrease { left: 0 !important; }
.quantity button.increase { right: 0 !important; }

.quantity button:hover { opacity: 0.5 !important; }

.quantity input.amount {
    position: absolute !important;
    left: 28px !important;    
    width: 32px !important;    
    height: 34px !important;   
    border-left: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
    border-top: none !important;
    border-bottom: none !important;
    text-align: center !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    background: transparent !important;
    margin: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}


.quantity input.amount::-webkit-outer-spin-button,
.quantity input.amount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


    

#sidebar-left, 
#sidebar, 
aside.sidebar, 
.sidebar-left, 
[data-testid="sidebar"],
.filters-wrapper, 
#filters-wrapper,
.p-filters,
#filters, 
#filters .slider-wrapper, 
#filters .filter-sections, 
#filters .filter-section {
    background-color: #F9F9F9 !important;
    border: none !important;
    box-shadow: none !important;
}


.sidebar-box, 
.filters-section {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


.sidebar-box-header, 
.filters-title, 
#sidebar .title,
#filters h4 {
    background: transparent !important;
    color: #2D2D2D !important; 
    font-family: 'Kumbh Sans', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    font-weight: 600 !important;
    border-bottom: none !important; 
    padding-bottom: 5px !important;
    margin-bottom: 10px !important;
}


#filters .slider-header {
    background: transparent !important;
    padding-bottom: 20px !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-weight: 500 !important;
    color: #2D2D2D !important;
}


/* Zrušení rámečku a stínu u kontejneru lupy */
#wrap, 
.cloud-zoom-wrap, 
.mousetrap {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Pokud Shoptet přidává modrý border přímo na odkaz s fotkou */
.p-main-image.cloud-zoom, 
.p-main-image.cloud-zoom:hover, 
.p-main-image.cloud-zoom:focus {
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
}

/* Odstranění modrého výběru (focus) při kliknutí */
#wrap a:active, 
#wrap a:focus {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

/* Cílíme na přesnou třídu z tvého HTML kódu */
.empty-content-category a[data-testid="buttonBackToShop"],
.empty-content-category .btn,
.empty-content-category p:last-child {
    display: none !important;
}



#navigation .menu-level-2 > li > div > a:hover,
#navigation .menu-level-2 > li > a:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}

#navigation .menu-level-3 a:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}

    .navigation-buttons {
    min-width: 150px; /* Rezervuje místo pro ikony, aby se zbytek menu neposouval */
    height: 44px;
    display: flex;
}
.header-search, .header-login, .header-cart {
    width: 44px; /* Každá ikona má své pevné místo předem */
}


@media (min-width: 992px) {
    .product-slider {
        position: relative !important;
    }

    .product-slider-navigation {
        position: absolute !important;
        top: 280px !important; /
    }
}








.wide-carousel {
    max-width: 1500px !important; /* Šířka lícující se zbytkem vkosili.cz */
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 15px !important; /* Standardní boční odsazení */
}

/* Úprava vnitřního kontejneru pro fotky */
.wide-carousel #carousel,
.wide-carousel .carousel-inner {
    border-radius: 0 !important; /* Hranatý styl Fénix */
    overflow: hidden !important;
}

/* Zajištění, aby se obrázek banneru správně přizpůsobil */
.wide-carousel .carousel-inner .item img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
	margin-bottom:	30px;
	margin-top: 15px;
}

/* Odstranění případných pozůstatků celoplošného pozadí */
.carousel-wrapper, .banners-row {
    background: none !important;
}
    
/* --- PROJEKT FÉNIX: KOMPLETNÍ DESIGN A STRUKTURA --- */

/* 1. KOSMETIKA IKON V HLAVIČCE */
.navigation-buttons a.cart-count i[data-testid="headerCartCount"] {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    background: #2D2D2D !important; 
    color: #ffffff !important;
    font-size: 10px !important;
    font-style: normal !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    transition: background-color 0.2s ease !important;
}

.navigation-buttons a, .navigation-buttons button {
    top: 0;
    transition: all 0.2s ease-in-out !important;
}

.navigation-buttons a:hover, 
.navigation-buttons button:hover {
    top: -3px !important;
}

.navigation-buttons a.cart-count:hover i[data-testid="headerCartCount"] {
    background-color: #000000 !important;
}

/* 1. Hlavní obal sekce - minimální vertikální mezery */
.fenix-showcase-section {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 15px auto !important; /* Přitaženo k prvkům nad i pod sekcí */
    clear: both !important;
}

/* 2. Nadpis sekce - minimální odstup od dlaždic */
.fenix-showcase-heading {
    text-align: center !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 20px !important; /* O bod menší pro větší subtilnost */
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 25px !important; /* Výrazně sníženo, nadpis sedí u fotek */
    margin-top: 0 !important;
    color: #000000 !important;
}

/* 3. CSS Grid mřížka - 4 sloupce */
.fenix-showcase-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
    width: 100% !important;
}

/* 4. Jednotlivá karta */
.fenix-card {
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    padding: 0 !important;
}

/* 5. Obrázek - velikost na 50 % a těsnější odstup pod ním */
.fenix-card-image-wrapper {
    display: block !important;
    width: 50% !important;
    margin: 0 auto 8px auto !important; /* Minimální mezera pod fotkou */
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 6px !important;
}

.fenix-card-image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.fenix-card:hover .fenix-card-image-wrapper img {
    transform: scale(1.08) !important;
}

/* 6. Textový obsah */
.fenix-card-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Název kategorie */
.fenix-card-title {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    text-decoration: none !important;
    margin-bottom: 10px !important; /* Těsně u štítků */
}

/* Podkategorie (Pilulky) */
.fenix-card-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
}

.fenix-card-tags a {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 11px !important;
    color: #666666 !important;
    text-decoration: none !important;
    background-color: #f2f2f2 !important;
    padding: 3px 9px !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
}

.fenix-card-tags a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Společný styl pro nadpis, titulni strana*/
.fenix-showcase-heading, 
.homepage-group-title.h4 {
    text-align: center !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #000000 !important;
    
    
    margin-top: 30px !important;    
    margin-bottom: 20px !important; 
    
  
    text-shadow: none !important;
    padding-bottom: 0 !important;
    position: relative !important;
}


.fenix-showcase-heading {
    margin-top: 10px !important; 
}




/* Odstranění horního odsazení celého pruhu */
.benefit-banners-full-width {
    margin-top: 10px !important; 
    padding-top: 5px !important; 
    padding-bottom: 25px !important; 
}


.benefitBanner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}



/* Košík */
.next-step .next-step-forward .order-button-text {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    vertical-align: middle !important;
}

.next-step a.next-step-forward, 
.next-step button.next-step-forward, 
.next-step button.next-step-finish,
#continue-order-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    min-width: 240px !important;
    height: 50px !important;
    border: 2px solid #2D2D2D !important;
    border-radius: 0 !important;
    background-color: #2D2D2D !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    gap: 10px !important;
    padding: 0 30px !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.next-step button.next-step-finish {
    height: 65px !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.next-step button.next-step-finish .order-button-text {
    font-size: 14px !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
}

.next-step button.next-step-finish .order-button-suffix {
    font-size: 10px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    opacity: 0.9 !important;
}

.next-step a.next-step-forward:hover,
.next-step button.next-step-forward:hover,
.next-step button.next-step-finish:hover,
#continue-order-button:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
}

.next-step button.next-step-finish:hover .order-button-suffix {
    color: #000000 !important;
}

/* --- PROJEKT FÉNIX: SJEDNOCENÁ LIŠTA (CELÝ E-SHOP) --- */

/* 1. Slot pro lištu a šedé pozadí */
.category-content-wrapper::before {
    content: "";
    display: block;
    height: 35px !important;
    width: 100%;
    background-color: #f9f9f9 !important;
    margin-bottom: 5px !important;
}

/* 2. Drobečky - umístění v pruhu */
.category-content-wrapper .navigation-home-icon-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    z-index: 10 !important;
    background: transparent !important;
    border: none !important;
}

.category-content-wrapper .breadcrumbs {
    margin: 0 !important;
    padding: 0 0 0 15px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
}

/* 3. Řazení - oprava vrstev pro klikatelnost drobečků */
.category-header {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    height: 35px !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 20 !important;
    background: transparent !important;
    
    /* Propustí kliknutí na drobečky pod sebou */
    pointer-events: none !important; 
}

/* 4. Samotné řazení - musí zase na klikání reagovat */
.listSorting {
    position: relative !important;
    cursor: pointer !important;
    display: block !important;
    padding-bottom: 15px !important; 
    margin-bottom: -15px !important;
    margin-right: 30px !important;
    
    /* Vrací klikatelnost pro řazení */
    pointer-events: auto !important; 
}

.listSorting::before {
    content: "ŘADIT DLE ↓" !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    color: #2D2D2D !important;
}

/* Dropdown menu */
.listSorting__controls {
    display: none !important;
    position: absolute !important;
    top: 25px !important; 
    right: 0 !important;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    z-index: 1000 !important;
    min-width: 160px !important;
    padding: 8px 0 !important;
    list-style: none !important;
    
    /* Aktivuje klikání v menu */
    pointer-events: auto !important; 
}

.listSorting:hover .listSorting__controls {
    display: block !important;
}

.listSorting__control {
    display: block !important;
    width: 100% !important;
    padding: 8px 15px !important;
    background: none !important;
    border: none !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 11px !important;
    color: #444444 !important;
    text-align: left !important;
    cursor: pointer !important;
}

.listSorting__control:hover {
    background-color: #f7f7f7 !important;
    color: #000000 !important;
}

#listSortingHeading {
    display: none !important;
}


.benefit-banners-full-width {
    margin-top: 10px !important; 
    padding-top: 5px !important; 
    padding-bottom: 25px !important; 
}


.benefitBanner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}




/* --- PROJEKT FÉNIX: ÚVODKA (1400px, SYMETRICKÉ OKRAJE BANNERU) --- */

.fenix-homepage-main {
    display: flex;
    flex-direction: column;
    gap: 100px;
    margin: 60px 0;
    width: 100%;
}

.fenix-showcase-section, 
.fenix-banner-row {
    max-width: 1400px !important;
    margin: 0 auto !important;
    width: 100%;
}

.fenix-showcase-section {
    padding: 0 15px;
}

.fenix-showcase-heading {
    margin-bottom: 50px !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* --- KATEGORIE --- */
@media (min-width: 992px) {
.fenix-showcase-grid {
    display: flex !important;
    gap: 40px !important;
    justify-content: center;
}

.fenix-card { flex: 1; display: flex; flex-direction: column; }
.fenix-card-image-wrapper { overflow: hidden; display: block; }
.fenix-card-image-wrapper img { width: 100%; height: 320px; object-fit: cover; display: block; transition: transform 0.6s ease; }
.fenix-card:hover .fenix-card-image-wrapper img { transform: scale(1.08); }

.fenix-card-content { padding: 25px 0 10px 0; text-align: center; }
.fenix-card-title { font-family: 'Kumbh Sans', sans-serif !important; font-size: 1.3rem; font-weight: 600; text-transform: uppercase; color: #2d2d2d; text-decoration: none !important; margin-bottom: 20px; display: block; }

.fenix-card-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; width: 100%; }
.fenix-card-tags a { flex: 0 0 calc(50% - 10px); font-size: 12px !important; color: #777; border: 1px solid #eee; padding: 7px 4px; border-radius: 20px; text-align: center; text-decoration: none !important; transition: all 0.2s; }
.fenix-card-tags a:hover { color: #2d2d2d; border-color: #ccc; background-color: #fcfcfc; }
}


/* --- BANNERY - SYMETRIE (stejný okraj vlevo, nahoře i dole) --- */
.fenix-banners-row-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.fenix-banner-row {
    background-color: rgba(20,20,22,.03) !important;
    /* NASTAVENÍ OKRAJŮ: 40px zafixuje stejnou mezeru nahoře i dole */
    padding: 40px 0 !important; 
    border-radius: 4px;
}

.fenix-banner-container {
    width: 100%;
    /* NASTAVENÍ OKRAJE VLEVO: 40px padding odpovídá mezeře nahoře/dole */
    padding: 0 40px !important; 
}

.fenix-banner {
    display: flex;
    align-items: center;
}

.fenix-banner.reverse { flex-direction: row-reverse !important; }

.fenix-banner-image { 
    flex: 0 0 51% !important; 
    width: 51% !important; 
}

.fenix-banner-image img {
    width: 100% !important;
    /* VÝŠKA FOTKY: 420px podle tvého zadání */
    height: 420px !important; 
    object-fit: cover !important;
    display: block;
    border-radius: 2px;
}

.fenix-banner-text {
    flex: 0 0 49% !important;
    width: 49% !important;
    padding: 0 60px !important;
    text-align: center;
}

.fenix-banner-text h3 {
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 2.1rem;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 600;
}

.fenix-banner-text p {
    font-size: 13px !important;
    line-height: 1.6;
    color: #444;
    margin-bottom: 25px;
}

/* Tlačítka */
.fenix-btn {
    display: inline-block !important;
    padding: 10px 24px !important;
    background-color: #2d2d2d !important;
    border: 1px solid #2d2d2d !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 11px !important;
    transition: all 0.2s ease-in-out;
}

.fenix-btn:hover { background-color: #f5f5f5 !important; color: #2d2d2d !important; }


#navigation li.menu-item-1053,
#navigation li.menu-item-1000,
#navigation li.menu-item-1024 {
    position: static !important;
}


.fnx-fw-menu {
    display: none;
    position: absolute !important;
    top: 100% !important; 
    left: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    border-top: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
    z-index: 9999 !important;
    padding: 30px 0 !important;
}


.fnx-fw-menu::before {
    content: "";
    position: absolute;
    top: -10px; 
    left: 0;
    width: 100%;
    height: 10px;
    background: transparent;
}


#navigation li.menu-item-1053:hover .fnx-fw-menu,
#navigation li.menu-item-1000:hover .fnx-fw-menu,
#navigation li.menu-item-1024:hover .fnx-fw-menu {
    display: block !important;
}

/* 3. Vnitřní kontejner a sloupce */
.fnx-fw-inner {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 auto !important;
    padding: 0 20px 0 40px !important;
    max-width: 1712px !important;
    gap: 100px !important;
}

.fnx-fw-col {
    flex: 0 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}
.fnx-fw-col a {
    text-transform: none !important;
    font-family: 'Kumbh Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333 !important;
    text-decoration: none !important;
    padding: 2px 0 !important;
    line-height: 1.4 !important;
    
    
    border-radius: 0 !important;
    
   
    border-bottom: 1px solid transparent !important;
    transition: color 0.2s ease, border-color 0.2s ease;
    display: inline-block !important;
    align-self: flex-start;
}


.fnx-fw-col a:hover {
    color: #000 !important;
    border-bottom: 1px solid #000 !important;
    text-decoration: none !important;
}






/* Mobilní verze */
@media (max-width: 991px) {
    .fenix-banner-row { padding: 30px 0 !important; }
    .fenix-banner-container { padding: 0 15px !important; }
    .fenix-showcase-grid { flex-direction: column; gap: 50px !important; }
    .fenix-banner, .fenix-banner.reverse { flex-direction: column !important; }
    .fenix-banner-image, .fenix-banner-text { width: 100% !important; flex: 0 0 100% !important; }
    .fenix-banner-image img { height: 280px !important; }
}





@media (min-width: 992px) {
    
    #navigation .menu-level-2 {
        margin-top: 0 !important; 
    }

    #navigation .menu-level-2::before {
        content: "";
        position: absolute;
        top: -15px; 
        left: 0;
        right: 0;
        height: 15px;
        background: transparent; 
        display: block;
    }
}

/* Respozivita a mobilní hamburger */
@media (min-width: 992px) {
    .navigation-buttons a[data-target="navigation"][data-testid="hamburgerMenu"] {
        display: none !important;
        pointer-events: none !important;
    }
}

@media (max-width: 991px) {
    .navigation-buttons a[data-target="navigation"][data-testid="hamburgerMenu"] {
        display: inline-block !important;
        width: 44px !important;
        height: 44px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 19h16'/%3E%3C/svg%3E") !important;
        background-size: 26px !important; 
        background-repeat: no-repeat !important; 
        background-position: center !important;
        margin-right: 10px !important; 
    }
    .navigation-buttons a[data-target="navigation"][data-testid="hamburgerMenu"]::before {
        display: none !important;
    }
}


@media (max-width: 768px) {
    .fenix-category-list .flex-item {
        flex: 1 1 45%;
        min-width: 0;
    }
}


@media (max-width: 768px) {
    
    /* 1. KROKY KOŠÍKU: Zmenšení fontů a čtverečků pro úzké displeje */
    #content ol.cart-header {
        padding: 15px 0 !important; /* Menší mezery na mobilu */
    }
    
    #content ol.cart-header li a, 
    #content ol.cart-header li span, 
    #content ol.cart-header li strong {
        font-size: 16px !important; /* Zmenšení z 26px na 16px */
    }
    
    #content ol.cart-header li a::before, 
    #content ol.cart-header li strong::before {
        width: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
        font-size: 14px !important;
        margin: 0 8px 0 0 !important;
    }

    /* 2. TLAČÍTKA: Pod sebou a přes celou šířku pro snadné kliknutí palcem */
    .next-step {
        flex-direction: column-reverse !important; /* Dáme "Pokračovat" nahoru, "Zpět" dolů */
        gap: 15px !important;
        margin-top: 20px !important;
    }

    /* Roztáhnutí všech hlavních tlačítek */
    .next-step a.next-step-forward, 
    .next-step button.next-step-forward, 
    .next-step button.next-step-finish,
    #continue-order-button {
        width: 100% !important;
        min-width: 100% !important;
    }

    /* Úprava tlačítka Zpět pod tím */
    .next-step .next-step-back {
        width: 100% !important;
        text-align: center !important;
        padding: 15px 0 !important;
        font-size: 14px !important;
    }
}

/* Boxy kategorii na mobil */

@media (max-width: 768px) {
    
    html, body {
        overflow-x: hidden !important;
        position: relative !important;
    }
    
    .category-top ul.subcategories {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 10px !important;
        padding: 0 15px 22px 15px !important; 
        margin: 0 -15px 15px -15px !important;
        list-style: none !important;
        scrollbar-width: thin !important;
        scrollbar-color: #2D2D2D #f0f0f0 !important;
    }

    /* 3. STYLOVÁNÍ JEZDCE (Scrollbar) */
    .category-top ul.subcategories::-webkit-scrollbar {
        height: 4px !important;
        display: block !important;
    }
    .category-top ul.subcategories::-webkit-scrollbar-track {
        background: #f0f0f0 !important;
        border-radius: 10px !important;
        margin: 0 45px !important;
    }
    .category-top ul.subcategories::-webkit-scrollbar-thumb {
        background-color: #2D2D2D !important;
        border-radius: 10px !important;
    }

    
    .category-top ul.subcategories li {
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .category-top ul.subcategories li a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        
        white-space: nowrap !important;
        background-color: #ffffff !important;
        border: 1px solid #2D2D2D !important;
        border-radius: 4px !important;
        
        
        height: 30px !important; 
        padding: 0 18px !important; 
        
        
        font-family: 'Kumbh Sans', sans-serif !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        color: #2D2D2D !important;
        line-height: 1 !important; 
        text-decoration: none !important;
    }

    
    .category-top ul.subcategories li a span.text {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }
    
    
    .category-top ul.subcategories li a.active {
        background-color: #2D2D2D !important;
        color: #ffffff !important;
    }
}

@media (max-width: 991px) {
    .fenix-showcase-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
    .fenix-showcase-section {
        margin: 10px auto !important;
    }
}

@media (max-width: 991px) {
    /* Produkt mobil*/
    .p-detail-inner-header-mobile .h1 {
        font-size: 2rem !important; /* Výrazné zmenšení názvu */
        line-height: 1.5 !important;
        font-weight: 600 !important;
        margin-bottom: 10px !important;
        display: block !important;
    }


 
    .p-detail-inner-header-mobile {
        padding-top: 0 !important;
        margin-top: 20px !important; /* Nastaveno na tvých 20px */
    }

    .p-detail-inner-header-mobile .h1 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    
    .p-detail {
        padding-top: 0 !important;
    }

    .p-price-wrapper .price-final,
    .p-price-wrapper .price-final-holder {
        font-size: 2.4rem !important; 
        font-weight: 600 !important;
        display: inline-block !important;
    }

    .p-short-description, 
    .p-short-description p {
        font-size: 1.4rem !important;
        line-height: 1.4 !important;
    }

    .p-external, 
    #description, 
    #description p, 
    #description span, 
    .p-description-inner,
    .p-description-inner p {
    font-size: 1.4rem !important; 
    line-height: 1.6 !important; 
    color: #333 !important;
}

   
    .p-thumbnails-wrapper .p-thumbnails, 
    .p-thumbnails-wrapper .p-thumbnails > div,
    .p-thumbnails-inner,
    .p-thumbnails-inner > div {
        height: auto !important; 
        min-height: 70px !important; 
    }

    /* 2. AKTIVACE SWIPU A POSUVNÍKU */
    .p-thumbnails {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        display: block !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 15px !important; 
    }

   
    .p-thumbnails::-webkit-scrollbar {
        height: 4px !important;
        display: block !important;
    }
    .p-thumbnails::-webkit-scrollbar-thumb {
        background: #333 !important;
        border-radius: 10px !important;
    }
    .p-thumbnails::-webkit-scrollbar-track {
        background: #eee !important;
    }

    
    .p-thumbnails-inner, 
    .p-thumbnails-inner > div {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        position: static !important;
        gap: 10px !important;
        width: auto !important;
        padding-right: 50px !important;
    }

   
    .p-thumbnail {
        width: 60px !important;
        height: 60px !important;
        flex: 0 0 60px !important;
        border: 1px solid #eee !important;
        background: #fff !important;
    }

  
    .p-thumbnail img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        padding: 2px !important;
        box-sizing: border-box !important;
    }

 
    .thumbnail-next, .thumbnail-prev {
        display: none !important;
    }
}
@media (max-width: 767px) {
    /* 1. Zajistíme, aby se drobečky a řazení netloukly */
    .breadcrumbs {
        display: block !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        padding-bottom: 5px !important;
        clear: both !important;
    }

   
    #category-header, 
    .category-header,
    .list-sorting {
        display: flex !important;
        justify-content: flex-end !important; 
        width: 100% !important;
        position: relative !important;
        clear: both !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        padding-right: 5px !important; 
    }

    
    .list-sorting__label,
    .listSorting__control {
        text-align: right !important;
        margin-left: auto !important; 
    }

 
    .list-sorting select,
    .listSorting__select {
        margin-left: auto !important;
    }
}