/* Globální neprůstřelné nastavení písma pro Studio Ludwig */

/* Na úplně první řádek custom-style.css */
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@300;400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

body, input, button, select, textarea,  
.blank-mode .cart-related-name, .blank-mode .cart-table .main-link, .blank-mode .h1, .blank-mode .h2, .blank-mode .h3, 
.blank-mode .h4, .blank-mode .h5, .blank-mode .h6, .blank-mode h1, .blank-mode h2, .blank-mode h3, .blank-mode h4, 
.blank-mode h5, .blank-mode h6, .cart-related-name, .cart-table .main-link, .h1, .h2, .h3, .h4, .h5, 
.h6, h1, h2, h3, h4, h5, h6, .btn, .next-step, .price-additional, .price-final, .price-measure, 
.price-save, .price-standard, .price-wrapper, .products .name, ol.cart-header {font-family:'League Spartan', sans-serif !important;}

.breadcrumbs { border-color: rgba(218, 218, 218, 0);}
@media (min-width:768px) { #navigation { height: 45px; }}
@media (min-width:992px) { .breadcrumbs > span > a { min-height: 10px; }}
.sidebar { background-color: var(--colors-surface-secondary); border-radius: 20px; margin: 20px 0;}
@media (min-width:768px) { .navigation-in > ul > li.ext > ul > li > div > a { font-weight: 500; }
}

/* ELEGANTNÍ HORNÍ MENU BEZ POZADÍ S MINIMALISTICKOU ŠIPKOU (Studio Ludwig) */
@media (min-width: 768px) {
/* Kompletní zprůhlednění hlavního pruhu menu a odstranění stínů */
    html body .navigation-in, 
    html body #navigation { 
        background-color: transparent !important; 
        box-shadow: none !important; 
        border: none !important; 
}  

.navigation-in { font-size: 16px; }

/* Narovnání HLAVNÍCH položek menu do jedné linie */
    html body .navigation-in > ul > li { 
        border: none !important; 
        margin: 0 !important; 
        padding: 0 !important; 
        float: none !important; 
        display: inline-block !important; 
        width: auto !important; 
        background: transparent !important; 
}
/* Vzhled HLAVNÍCH odkazů v menu - vzdušné paddingy, barva černá */
    html body .navigation-in > ul > li > a { 
        color: #000000 !important; 
        background: transparent !important; 
        padding: 15px 12px !important;
        margin: 0 !important; 
        border: none !important; 
        box-shadow: none !important; 
        line-height: 14px !important;
        display: inline-block !important; 
        transition: color 0.2s ease !important; 
}
/* Typografie v menu - odlehčená, bez nucených kapitálek */
    html body .navigation-in ul li a b,
    html body .navigation-in ul li:hover a b,
    html body .navigation-in ul li a:hover b,
    html body .navigation-in ul li.active a b,
    html body .navigation-in ul li a strong,
    html body .navigation-in ul li:hover a strong {  
        letter-spacing: 0.5px !important; 
        display: inline-block !important;
        text-transform: none !important; 
  }
}
/* Ohýbání podkategorií pro střední tablety */
@media (min-width: 768px) and (max-width: 1199px) { 
    .navigation-in ul { 
        flex-wrap: wrap !important; 
    }
    html body .navigation-in ul li ul,
    html body #navigation .navigation-in ul li ul { 
        top: 44px !important; 
        margin-top: 0 !important; 
    }
    html body .navigation-in ul li ul li { 
        display: block !important; 
        width: 100% !important; 
        float: none !important; 
    }
    html body .navigation-in ul li ul li ul,
    html body .navigation-in ul li ul li ul li {
        display: block !important;
        position: static !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    html body .navigation-in ul li ul li a { 
        display: block !important; 
        white-space: normal !important; 
        width: 100% !important; 
        padding: 10px 15px !important;
    }
}
@media (min-width: 1200px) {
/* Vytvoření šipky pomocí tenkých linek otočených o 45 stupňů */
    html body .navigation-in > ul > li:has(ul) > a::after {
        content: "" !important; 
        display: inline-block !important; 
        vertical-align: middle !important; 
        margin-left: 6px !important;    
        width: 10px !important; 
        height: 10px !important; 
        border-right: 2px solid currentColor !important; /* První čárečka */
        border-bottom: 2px solid currentColor !important; /* Druhá čárečka */
        transform: translateY(-2px) rotate(45deg) !important; /* Otočení do tvaru V a vycentrování */
        opacity: 0.5 !important;
        transition: transform 0.2s ease, opacity 0.2s ease !important;
    }
}
/* ==========================================================================
   MINIMALISTICKÉ KULATÉ VYHLEDÁVÁNÍ (Studio Ludwig)
   ========================================================================== */
html body #formSearchForm fieldset, 
html body .search-form fieldset { 
    display: flex !important; 
    align-items: center !important; 
    position: relative !important; 
    background-color: #ffffff !important; 
    border: 1px solid #e0e0e0 !important; /* Jemnější, světlejší linka než původní */
    border-radius: 30px !important; /* Dokonalé zaoblení */
    padding: 0 !important; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important; /* Velmi lehký stín pro prémiový pocit */
    height: 44px !important; 
    margin: 0 40px 0 60px !important; 
}

/* Vnitřní prostor pro psaní */
html body #formSearchForm input[type="search"].search-input, 
html body .search-input { 
    background: transparent !important; 
    border: none !important; 
    height: 100% !important; 
    padding: 0 50px 0 25px !important; /* Dostatek místa vlevo a rezerva na lupu vpravo */
    font-size: 16px !important; 
    color: #000000 !important; 
    width: 100% !important; 
    box-shadow: none !important; 
    outline: none !important; 
}

/* Skrytí původního Shoptet tlačítka a příprava pro lupu */
html body #formSearchForm button[type="submit"], 
html body .search-form button[type="submit"] { 
    background: transparent !important; 
    border: none !important; 
    width: 45px !important; 
    height: 44px !important; 
    position: absolute !important; 
    right: 5px !important; 
    top: 0 !important; 
    color: transparent !important; 
    font-size: 0 !important; 
    cursor: pointer !important; 
}

/* Elegantní minimalistická lupa pomocí unicode znaku */
html body #formSearchForm button[type="submit"]::before, 
html body .search-form button[type="submit"]::before { 
    content: "\26B2" !important; /* Znak lupy */
    font-size: 26px !important; /* Jemnější velikost, aby nekřičela */
    padding-top: 5px; 
    color: #a0a0a0 !important; /* Světle šedá, decentní barva */
    display: block !important; 
    transform: rotate(-45deg) !important; /* Správné otočení lupy */
}

/* PRÉMIOVÝ ČISTÝ NAŠEPTÁVAČ (UX fix) */
.search-whisperer {
    top: 52px !important;
    border-radius: 12px !important;
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.07) !important;
    padding: 8px 0 !important;
    background-color: #ffffff !important;
}
/* Jednotlivé řádky v našeptávači */
.search-whisperer li {
    padding: 10px 20px !important;
    display: flex !important;
    align-items: center !important;
    transition: background-color 0.2s ease !important;
}
.search-whisperer li:hover {
    background-color: #f9f9f9 !important;
}
/* Obrázek produktu v šeptávači */
.search-whisperer img {
    width: 44px !important;
    height: 44px !important;
    margin-right: 15px !important;
    object-fit: contain !important;
    border-radius: 4px !important;
}

/* Název produktu */
.search-whisperer .whisperer-product-title {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #000000 !important;
}

/* Cena produktu */
.search-whisperer .whisperer-product-price {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    margin-left: auto !important;
}







html body #content .products-block .varianty-link,
html body #content .products-block .widget-parameter-name {
    display: none !important;
}


/*____________________*/

/* ==============
   Úprava pozadí
   ============== */
.homepage-box { background-color: rgba(246, 246, 246, 0); border-bottom-color: rgba(218, 218, 218, 0); border-top-color: rgba(218, 218, 218, 0);}
.content-wrapper { background-color: rgba(209, 182, 132, 0); }

/* ==============================
   Úprava vzhledu kategorie
   ============================== */
.subcategories li a { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important; border-radius: 8px; border-color: rgba(218, 218, 218, 0); }
.category-header { background-color: rgba(246, 246, 246, 0); }
.listSorting__control { border-radius: 10px; }
.listSorting__controls { column-gap: 5px; }
.listSorting__control { background-color: var(--color-secondary);}
.listSorting__control--current, .listSorting__control:focus-visible, .listSorting__control:hover { background-color: white; }

/* ==============================
   Úprava vzhledu tlačítek
   ============================== */
.btn.loadMore__button, .pagination .pagination__list .pagination__link, a.btn.goToTop__button {
    background-color: var(--color-secondary); border-color: var(--color-primary);
    color: var(--cookies-notice-color); border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12) !important;}
.btn, a.btn { border-radius: 30px; padding: 10px 25px; font-size: 19px; letter-spacing: 0.5px !important; }

/* ==========================================================================
   LUDWIG DROBEČKOVÁ NAVIGACE – STABILNÍ MINIMALISTICKÉ ŠIPKY
   ========================================================================== */
/* 1. LIKVIDACE STARÉHO CHOVÁNÍ ŠIPEK REGOVANÝCH SHOPTETEM */
.breadcrumbs > span > a::after, 
.breadcrumbs > span > a::before {
    background-color: transparent !important; /* Vymažeme ty staré rozpadající se linky */
    border: none !important; min-height: 0 !important;}

/* 2. VYTVOŘENÍ NOVÉ ČISTÉ ŠIPKY POMOCÍ JEDNOHO ELEMENTU (::after) */
@media (min-width:768px) { 
    html body .breadcrumbs > span > a::after {
        content: "" !important;
        display: inline-block !important;
        position: relative !important;
        /* Proporcionálně zvětšíme i samotný hrot, aby ladil k tlustší lince */
        width: 6px !important;
        height: 6px !important;
        /* TLUSTŠÍ LINKY: Zvednuto na 2.5px pro skvělou čitelnost */
        border-right: 2.5px solid var(--color-secondary) !important;
        border-top: 2.5px solid var(--color-secondary) !important;
        /* Otočení do správného směru > */
        transform: rotate(45deg) !important;
        /* VĚTŠÍ ODSTUPY: Výrazně odtlačíme od textu vlevo i vpravo */
        margin-left: 18px !important;
        margin-right: 12px !important;
        /* Jemné doladění výšky na střed k textu */
        bottom: 1px !important;
    }

    /* Pojistka pro vypnutí druhé čárečky */
    html body .breadcrumbs > span > a::before { display: none !important; }}

/* 3. ELEGANTNÍ ZMENŠENÍ DOMEČKU */
.navigation-home-icon-wrapper::before { font-size: 15px; font-weight: 600; color: var(--colors-surface-quaternary); } 

/* Sladění textu */
.breadcrumbs a, .breadcrumbs span { font-size: 13px !important; }
@media (min-width:992px) { .breadcrumbs > span > a, .breadcrumbs > span > span { padding: 10px 5px; }}
.breadcrumbs { background-color: rgba(255, 255, 255, 0); }

/* ==========================================================================
   LUDWIG GLOBÁLNÍ KARTY PRODUKTŮ – UNIVERZÁLNÍ A VZDUŠNÁ MŘÍŽKA
   ========================================================================== */
/* 1. STABILIZACE MŘÍŽKY (Pro homepage i kategorie/značky na desktopu) */
@media (min-width: 768px) {
    /* Donutíme Shoptetí kontejnery produktů, aby se chovaly jako ohebný flexbox s mezerami */
    html body .products,
    html body .products-page,
    html body .products-block .products,
    html body [class*="-products-"] {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important; /* Pokud produktů bude víc, plynule skočí na další řádek */
        justify-content: flex-start !important;
        gap: 30px 3.5% !important; /* První číslo vytvoří mezeru pod sebou, druhé vedle sebe */
        overflow: visible !important;
        width: 100% !important;
    }

    /* Přesně podle tvého plánu: Zmenšíme kartu na 31 %, aby vzniklo 3,5 % volného místa na mezery */
    html body .products .product,
    html body .products-page .product,
    html body [class*="-products-"] .product,
    html body .related-products .product {
        width: 32% !important;
        max-width: 32% !important;
        min-width: 31% !important;
        flex: 0 0 31% !important; /* Zakáže flexboxu kartu jakkoliv deformovat a smáčknout */
    }
}

/* 2. DESIGN SAMOTNÉ KARTY (Rohy, paddingy, stíny - sjednoceno dle tvého návrhu) */
html body .products .product,
html body .products-page .product,
html body [class*="-products-"] .product {
    background: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    border: none !important;
    margin-bottom: 0px !important; /* Odsazení už bezpečně řeší 'gap' v mřížce nahoře */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Interaktivní nadzvednutí karty při najetí myší */
html body .products .product:hover,
html body .products-page .product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(209, 182, 132, 0.15) !important;
}

/* 3. LIKVIDACE STARÝCH NÁNOSŮ (Čáry, staré pasparty ze šablony) */
html body .products > div,
html body .products-page > div,
html body .products-block,
html body .product,
html body #content .products-block .products .p,
html body #content [class*="homepage-products-"] .p { 
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 4. GLOBÁLNÍ ZAOBLENÍ FOTEK (Aby fotka prádla nekoukala ven ze zaoblené karty) */
html body .product .image, 
html body .product .image-wrapper,
html body .product .image-wrapper img,
html body .products-page .product .image img {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Šablona pro obal rozcestníku pod hlavním bannerem */
.ludwig-full-wrapper {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 20px auto 0 auto !important;
    box-sizing: border-box !important;
}

/*____________________________*/

/* ==========================================================================
   VYCENTROVÁNÍ NADPISŮ PRODUKTOVÝCH BLOKŮ (HOMEPAGE & MOBIL)
   ========================================================================== */
html body.type-index .homepage-group-title,
html body.type-index .products-block > h2,
html body.type-index .products-block > h3,
html body.type-index .products-block .products-header,
html body.type-index .products-block .p-box-header,
html body.type-index [class*="homepage-products-"] > h2,
html body.type-index [class*="homepage-products-"] > h3 {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    font-family: 'League Spartan', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #4A1525 !important;
    letter-spacing: 0.3px !important;
}

/* Mobilní velikost písma nadpisu */
@media (max-width: 767px) {
    html body.type-index .homepage-group-title,
    html body.type-index .products-block > h2,
    html body.type-index .products-block > h3,
    html body.type-index .products-block .products-header,
    html body.type-index .products-block .p-box-header,
    html body.type-index [class*="homepage-products-"] > h2,
    html body.type-index [class*="homepage-products-"] > h3 {
        font-size: 26px !important;
        margin-top: 10px !important;
        margin-bottom: 15px !important;
    }
}

/* ==========================================================================
   PRÉMIOVÝ LUDWIG HOMEPAGE SLIDER (Nativní plynulý posun)
   ========================================================================== */
@media (min-width: 768px) {
    /* na HOMEPAGE produktové řady v jedné lajně */
   html body.type-index .products-block .products,
   html body.type-index [class*="homepage-products-"] {
     display: flex !important;
     flex-direction: row !important;
     flex-wrap: nowrap !important; /* Zakáže posun prod. pod sebe */
     overflow-x: auto !important; /* Povolí posun myší/trackpadem */
     scroll-snap-type: x mandatory !important; /* Magnetické přichytávání karet */
     scroll-behavior: smooth !important; gap: 0 30px !important;
     padding: 15px 5px !important; scrollbar-width: none !important;
  }

    /* Pojistka pro schování posuvníku ve Webkit prohlížečích (Chrome, Safari) */
   html body.type-index .products-block .products::-webkit-scrollbar,
   html body.type-index [class*="homepage-products-"]::-webkit-scrollbar {
     display: none !important;
    }

    /* Zafixujeme šířku produktů v pásu na homepage, aby se ve slideru nesmršťovaly */
   html body.type-index .products-block .products .product,
   html body.type-index [class*="homepage-products-"] .product {
     width: 340px !important; /* Krásná velká šířka, ve které fotky dokonale vyniknou */
     max-width: 340px !important; min-width: 340px !important;
     flex: 0 0 340px !important; /* Nepustí flexbox ke smáčknutí karty */
     scroll-snap-align: start !important; /* Určuje bod magnetického přichycení */
  }
}

/* ==========================================================================
   LUDWIG PREMIU MOVING SLIDER (Apollo & Classic Symbióza) */
@media (min-width: 768px) {
  /* Hlavní obal pásu produktů na Homepage */
  html body.type-index .products-block .products,
  html body.type-index [class*="homepage-products-"] {
     display: flex !important; flex-direction: row !important;
     flex-wrap: nowrap !important; overflow-x: auto !important;
     scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important;
 
  /* MEZERY */
     gap: 0 30px !important; 

  /* Paddingy karet */
     padding: 5px 5px 15px 5px !important; width: 100% !important; clear: both !important;

  /* AKTIVACE MINIMALISTICKÉHO POSUVNÍKU (Pro Firefox) */
     scrollbar-width: thin !important;
     scrollbar-color: #d1b684 rgba(209, 182, 132, 0.1) !important;
  }

  /* ZOBRAZENÍ KARET */
  html body.type-index .products-block .products .product,
  html body.type-index [class*="homepage-products-"] .product {
    display: inline-block !important; float: none !important;

/* VÝPOČET: Chceme 4 karty vedle sebe. Vezmeme 100 % šířky, odečteme 3 mezery po 30px (90px) a výsledek vydělíme 4.
Zaručí to, že se čtvrtá karta NIKDY neořízne na půlku! */
    width: calc((100% - 90px) / 4) !important;
    max-width: calc((100% - 90px) / 4) !important;
    min-width: calc((100% - 90px) / 4) !important;
    flex: 0 0 calc((100% - 90px) / 4) !important;

    scroll-snap-align: start !important;
    margin: 0 !important; border: none !important;
  }

/* LUDWIG BUTTONS & DOTS ENGINE (Šipky a kolečka stránkování) */
 
/* Schováme posuvnou linku - luxusní kolečka */
html body.type-index .products-block .products::-webkit-scrollbar,
html body.type-index [class*="homepage-products-"]::-webkit-scrollbar { display: none !important;}
html body.type-index .products-block .products,
html body.type-index [class*="homepage-products-"] { scrollbar-width: none !important; /* Schování ve Firefoxu */}

/* Obal pozice bočních šipek */
.ludwig-slider-wrapper-outer { position: relative !important; width: 100% !important; display: block !important;}

/* BOČNÍ KLIKACÍ KOLEČKA SE ŠIPKAMI */
.ludwig-slider-arrow {
    position: absolute !important; top: 50% !important;
    transform: translateY(-50%) !important; width: 44px !important;
    height: 44px !important; background: rgba(255, 255, 255, 0.25) !important;
    border: 1px solid #f2f2f2 !important;
    border-radius: 50% !important; color: #d1b684 !important;
    font-size: 28px !important; line-height: 37px !important;
    text-align: center !important; cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
    z-index: 10 !important; transition: all 0.3s ease !important;
    outline: none !important; padding: 0 !important;
}

/* ==========================================================================
   LUDWIG DUPLICIT FILTER - ODSTRANĚNÍ ŠIPEK U NADPISŮ
   ========================================================================== */
/* Pokud Shoptet vloží nadpis do slideru, nekompromisně u něj boční kolečka schováme */
.ludwig-slider-wrapper-outer h1 ~ .ludwig-slider-arrow,
.ludwig-slider-wrapper-outer h2 ~ .ludwig-slider-arrow,
.ludwig-slider-wrapper-outer h3 ~ .ludwig-slider-arrow,
.ludwig-slider-wrapper-outer h4 ~ .ludwig-slider-arrow,
.ludwig-slider-wrapper-outer .homepage-group-title ~ .ludwig-slider-arrow {
    display: none !important;
}

/* Pojistka pro přesné vycentrování hlavních šipek čistě na střed produktových fotek */
.ludwig-slider-wrapper-outer .ludwig-slider-arrow {
    top: 42% !important; /* Posune boční kolečka o kousek níž, přesně do optického středu podprsenek */
}

/* Hover efekt pro boční kolečka */
.ludwig-slider-arrow:hover {
    background: #d1b684 !important; color: #ffffff !important; border-color: #d1b684 !important;
    box-shadow: 0 6px 20px rgba(209, 182, 132, 0.3) !important;
}
/* Levá a pravá pozice šipek */
.ludwig-slider-arrow.prev { left: -30px !important; }
.ludwig-slider-arrow.next { right: -20px !important; }

/* STRÁNKOVACÍ KOLEČKA*/
.ludwig-slider-dots {
    display: flex !important; justify-content: center !important;
    align-items: center !important; gap: 10px !important;
    margin: 0px 0 30px 0 !important; width: 100% !important;
}
/* Vzhled neaktivního kolečka */
.ludwig-slider-dot {
    width: 10px !important; height: 10px !important;
    background: rgba(44, 37, 30, 0.15) !important;
    border-radius: 50% !important; cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}
/* Aktivní kolečko */
.ludwig-slider-dot.active {
    background: #d1b684 !important; transform: scale(1.25) !important;
    box-shadow: 0 0 8px rgba(209, 182, 132, 0.5) !important;
}
/* SCHOVÁNÍ ŠIPEK NA MOBILU */
@media (max-width: 767px) { .ludwig-slider-arrow { display: none !important; }
    .ludwig-slider-dots { margin: 15px 0 25px 0 !important; }
  }
}


/* ==========================================================================
   LUDWIG HORIZONTAL FREE-FLOW FILTER – ABSOLUTNÍ SVOBODA KOSTIČEK
   ========================================================================== */
@media (min-width: 768px) {
    
    /* 1. GLOBÁLNÍ ČIŠTĚNÍ: Odstranění původních Shoptet čtverečků */
    .filter-sections label.filter-label::before,
    .filter-sections label.filter-label::after,
    .filter-sections input[type="checkbox"] + label::before,
    .filter-sections input[type="checkbox"] + label::after { 
        display: none !important; 
        content: none !important;
    }
    
    /* Úplné schování checkboxů z toku dokumentu */
    .filter-sections .filter-section fieldset > div input[type="checkbox"] {
        position: absolute !important; 
        opacity: 0 !important; 
        width: 0 !important; 
        height: 0 !important; 
        margin: 0 !important; 
        padding: 0 !important; 
        pointer-events: none !important;
    }

    /* 2. REORGANIZACE DO ŠIROKÝCH PÁSŮ (Přímo pod sebou) */
    html body #category-filter-hover {
        display: block !important;
        width: 100% !important;
        padding: 10px 0 !important;
    }

    /* Celý řádek parametru přes celou šířku desky */
    html body #category-filter-hover .filter-section,
    html body .filter-sections .filter-section-boolean {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 5px 0 !important;
        padding-bottom: 15px !important;
    }
    
    html body #category-filter-hover .filter-section:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }

    /* Nadpisy parametrů nad volným proudem kostiček */
    html body #category-filter-hover .filter-section h4 {
        font-size: 15px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        margin-bottom: 15px !important;
        color: #2c251e !important;
        border: none !important;
        padding: 0 !important;
    }

    /* 3. ROZBITÍ SVISLÝCH KLECOVÝCH SLOUPCŮ (Zde dáváme kostičkám volnost) */
    /* Shoptet balí každou kostičku do samostatného divu - ty teď pustíme volně vedle sebe */
    html body #category-filter-hover .filter-section fieldset > div,
    html body .filter-sections .filter-section-boolean fieldset > div {
        display: inline-block !important; /* Zruší svislé řazení divů */
        width: auto !important; 
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Samotný kontejner mřížky */
    html body #category-filter-hover .filter-section fieldset,
    html body .filter-sections .filter-section-boolean fieldset {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px !important; 
        padding: 0 15px 5px 0 !important;
        margin: 0 !important;
        border: none !important;
        overflow-y: scroll !important;
    }

    /* KOMPAKTNÍ VÝŠKA PRO KAŽDÝ PÁS (Značky/Barvy nižší, Velikosti vyšší) */
    html body #manufacturer-filter fieldset,
    html body .filter-section-parametric-id-4 fieldset,
    html body .filter-section-parametric-id-19 fieldset { 
        max-height: 150px !important;
    }
    html body .filter-section-parametric-id-5 fieldset { 
        max-height: 220px !important; 
    }

    html body #category-filter-hover .filter-section fieldset .advanced-filters-wrapper { display: none !important; }

    /* 4. PRECIZNÍ LUDWIG POSUVNÍKY */
    html body #category-filter-hover .filter-section fieldset::-webkit-scrollbar { width: 4px !important; display: block !important; }
    html body #category-filter-hover .filter-section fieldset::-webkit-scrollbar-track { background: #f8fafc !important; border-radius: 10px !important; }
    html body #category-filter-hover .filter-section fieldset::-webkit-scrollbar-thumb { background-color: #c5a875 !important; border-radius: 10px !important; }
    html body #category-filter-hover .filter-section:hover fieldset::-webkit-scrollbar-thumb { background-color: #b39462 !important; }
    html body #category-filter-hover .filter-section fieldset { scrollbar-color: #c5a875 #f8fafc !important; }

    /* 5. JEDNOTNÝ DESIGN PREMIOVÝCH KOSTIČEK */
    html body #category-filter-hover .filter-section fieldset label.filter-label,
    html body .filter-sections .filter-section-boolean fieldset label.filter-label {
        display: inline-flex !important; 
        align-items: center !important; 
        justify-content: center !important; 
        height: 30px !important; 
        padding: 0 14px !important; 
        background: #ffffff !important; 
        border-radius: 8px !important; 
        color: #2c251e !important; 
        font-size: 15px !important; 
        font-weight: 600 !important; 
        cursor: pointer !important; 
        transition: all 0.2s ease !important; 
        margin: 0 !important; 
        pointer-events: auto !important; 
        white-space: nowrap !important;
    }
    
    html body #category-filter-hover .filter-section fieldset label.filter-label .filter-count,
    html body .filter-sections .filter-section-boolean fieldset label.filter-label .filter-count { 
        font-size: 14px !important; opacity: 0.5 !important; margin-left: 5px !important; 
    }
    
    html body #category-filter-hover .filter-section fieldset label.filter-label:hover,
    html body .filter-sections .filter-section-boolean fieldset label.filter-label:hover { 
        border-color: #d1b684 !important; background: #faf8f5 !important; color: #d1b684 !important; 
    }

    /* AKTIVNÍ STAV */
    html body #category-filter-hover .filter-section fieldset input[type="checkbox"]:checked + label.filter-label,
    html body .filter-sections .filter-section-boolean fieldset input[type="checkbox"]:checked + label.filter-label {
        background: #d1b684 !important; border-color: #d1b684 !important; color: #ffffff !important; 
    }
    html body #category-filter-hover .filter-section fieldset input[type="checkbox"]:checked + label.filter-label .filter-count,
    html body .filter-sections .filter-section-boolean fieldset input[type="checkbox"]:checked + label.filter-label .filter-count { 
        color: #1D1D1D !important; opacity: 0.9 !important; 
    }

    /* ZTLUMENÍ NULOVÝCH POLOŽEK */
    html body #category-filter-hover .filter-section fieldset label.filter-label.disabled,
    html body .filter-sections .filter-section-boolean fieldset label.filter-label.disabled {
        opacity: 0.25 !important; background: #f8fafc !important; border-color: #e2e8f0 !important; color: #94a3b8 !important; pointer-events: none !important; 
    }
}

.filter-sections { background-color: #f2f2f2; padding: 30px !important; border-radius: 20px;}


/* === LUDWIG HORIZONTAL MOBILE FILTER – CHYTRÉ MOBILNÍ AKORDEONY === */
@media (max-width: 767px) {
    
/* 1. OČISTA: Smazání čtverečků */
  .filter-sections label.filter-label::before,
  .filter-sections label.filter-label::after,
  .filter-sections input[type="checkbox"] + label::before,
  .filter-sections input[type="checkbox"] + label::after { 
    display: none !important; content: none !important;}
    
/* Schování checkboxů */
  .filter-sections .filter-section fieldset > div input[type="checkbox"] {
    position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important;
}

/* 2. TRANSFORMAČNÍ STYLY */
  html body #category-filter-hover { display: block !important; width: 100% !important; padding: 0 !important; }
  html body #category-filter-hover .filter-section,
  html body .filter-sections .filter-section-boolean {
    display: block !important; width: 100% !important; max-width: 100% !important; border-bottom: 1px solid #f1f5f9 !important;
    margin: 0 !important; padding: 0 !important; background: transparent !important; }

/* Předělání nadpisů na velká */
  html body #category-filter-hover .filter-section h4 {
    font-size: 15px !important; font-weight: 600 !important; text-transform: uppercase !important;
    letter-spacing: 1px !important; color: #2c251e !important; padding: 16px 0 !important; margin: 0 !important;
    cursor: pointer !important; display: flex !important; justify-content: space-between !important;
    align-items: center !important; border: none !important; }
/* Luxusní plusko (+), které láká k doteku */
  html body #category-filter-hover .filter-section h4::after {
    content: "+" !important; font-size: 18px !important; color: #d1b684 !important; font-weight: 300 !important;
    transition: transform 0.2s ease !important;}
/* 3. ABSOLUTNÍ UTALENÍ OBSAHU */
  html body #category-filter-hover .filter-section fieldset,
  html body .filter-sections .filter-section-boolean fieldset {
    display: none !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important;
    padding: 0 0 20px 0 !important; margin: 0 !important; border: none !important; max-height: none !important; }
/* MAGICKÉ ROZBALENÍ */
  html body #category-filter-hover .filter-section:active fieldset,
  html body #category-filter-hover .filter-section:focus-within fieldset,
  html body #category-filter-hover .filter-section:hover fieldset { display: flex !important;}
/* Otočení */
  html body #category-filter-hover .filter-section:focus-within h4::after,
  html body #category-filter-hover .filter-section:hover h4::after { content: "−" !important;}
/* Rozvolnění vnitřních divů i na mobilu */
  html body #category-filter-hover .filter-section fieldset > div {
    display: inline-block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important;}
/* 4. MOBILNÍ ERGONOMIE KOSTIČEK */
  html body #category-filter-hover .filter-section fieldset label.filter-label,
  html body .filter-sections .filter-section-boolean fieldset label.filter-label {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; 
    height: 38px !important; padding: 0 14px !important; background: #ffffff !important; 
    border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #2c251e !important; 
    font-size: 13px !important; font-weight: 600 !important; white-space: nowrap !important; }
  html body #category-filter-hover .filter-section fieldset label.filter-label .filter-count {
    font-size: 13px !important; font-weight: 400 !important; opacity: 0.5 !important; margin-left: 5px !important; }
/* AKTIVNÍ STAV PRO MOBILY */
  html body #category-filter-hover .filter-section fieldset input[type="checkbox"]:checked + label.filter-label {
    background: #d1b684 !important; border-color: #d1b684 !important; color: #ffffff !important; }
  html body #category-filter-hover .filter-section fieldset input[type="checkbox"]:checked + label.filter-label .filter-count {
    color: #1D1D1D !important; opacity: 0.9 !important; }
/* ZTLUMENÍ POLOŽEK S 0 KUSY */
  html body #category-filter-hover .filter-section fieldset label.filter-label.disabled {
    opacity: 0.2 !important; background: #f8fafc !important; border-color: #e2e8f0 !important; color: #94a3b8 !important; pointer-events: none !important;
  }
}


/* ==== MOBILNÍ SLIDER ==== */
@media (max-width: 767px) {
/* 1. Reset mřížky: */
  html body.type-index .products-block .products,
  html body.type-index [class*="homepage-products-"] {
   display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; 
   overflow-x: auto !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important;
   gap: 0 20px !important; padding: 15px 20px 25px 20px !important; width: 100% !important; scrollbar-width: none !important;}

  /* Ochrana proti ořezání na mobilu */
  html body.type-index .ludwig-slider-wrapper-outer {
   margin-left: -15px !important; margin-right: -15px !important; width: calc(100% + 30px) !important; overflow: hidden !important;}

  /* 2. VELIKOST KARET */
  html body.type-index .products-block .products .product,
  html body.type-index [class*="homepage-products-"] .product {
   width: 82% !important;/* Karta zabere 82 % */ max-width: 82% !important; min-width: 82% !important; flex: 0 0 82% !important;
   scroll-snap-align: center !important; /* magneticky na střed */
   margin: 0 !important; background: #ffffff !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
   border-radius: 20px !important; padding: 15px !important;}
  /* Zaoblení fotek */
  html body.type-index .product .image, html body.type-index .product .image-wrapper img { border-radius: 14px !important; }

  /* 3. ODSTRANĚNÍ ŠIPEK */
  html body.type-index .heading-controls, html body.type-index .xp-carousel-controls { display: none !important; }}

/* === MOBILE FIX === */
@media (max-width: 767px) {
/* 1. ZÁKAZ PLAVÁNÍ WEBU */
  html body.type-index #content,
  html body.type-index .ludwig-slider-wrapper-outer { overflow-x: hidden !important; max-width: 100% !important;}
/* vnitřní kontejner */
  html body.type-index .products-block .products,
  html body.type-index [class*="homepage-products-"] {
   width: auto !important; max-width: none !important; display: flex !important; padding-left: 15px !important;
   padding-right: 15px !important;}
/* 2. STABILIZACE CTA A VÝŠKY */
  html body.type-index .products-block .products .product,
  html body.type-index [class*="homepage-products-"] .product {
   display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: auto !important; min-height: 480px !important;}
/* 3. LIKVIDÁTOR ŠIPEK */
  html body.type-index .carousel-controls,
  html body.type-index .xp-carousel-controls,
  html body.type-index [class*="-controls"] {
   display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important;
   margin: 0 !important; padding: 0 !important;}}


/* ==========================================================================
   LUDWIG CONTENT WRAPPER – CENTROVANÁ KARTA PRO TEXTY A ČLÁNKY
   ========================================================================== */
@media (min-width: 768px) {
    /* Cílíme pouze na čistě textové a informační stránky e-shopu */
    html body.type-page #content .content-inner,
    html body.type-posts #content .content-inner {
        max-width: 1100px !important; /* Ideální šířka pro dokonalou čitelnost a balanc prvků */
        margin: 40px auto !important; /* Vycentrování na střed + velkorysý odstup od hlavičky */
        background: #ffffff !important; /* Čistý bílý podklad, na kterém texty i fotky zazáří */
        border-radius: 24px !important; /* Krásné měkké zaoblení jako u tvých oblíbených projektů */
        padding: 45px 50px !important;  /* Bohatý vnitřní prostor, aby prvky měly luxusní svobodu */
        box-shadow: 0 10px 40px rgba(44, 37, 30, 0.03) !important; /* Velmi jemný, drahý stín */
        border: 1px solid rgba(44, 37, 30, 0.01) !important;
    }

    /* Nadpis samotné stránky */
    html body.type-page #content .content-inner h1,
    html body.type-posts #content .content-inner h1 {
        font-size: 32px !important;
        font-weight: 700 !important;
        color: #2c251e !important;
        text-align: center !important;
        margin-bottom: 40px !important;
        position: relative !important;
    }
}

/* Mobilní začištění */
@media (max-width: 767px) {
    html body.type-page #content .content-inner,
    html body.type-posts #content .content-inner {
        background: transparent !important;
        padding: 15px 0 !important;
        box-shadow: none !important;
        border: none !important;
    }
    html body.type-page #content .content-inner h1 {
        font-size: 26px !important;
        margin-bottom: 25px !important;
    }
}







/* ==========================================================================
   LUDWIG CONTACT FORM DESIGN – FINÁLNÍ PERFEKTNÍ SROVNÁNÍ
   ========================================================================== */

/* Úvodní text nad formulářem */
.ludwig-form-zone p {
    font-size: 16px !important;
    color: #2c251e !important;
    margin-bottom: 25px !important;
    text-align: center !important;
    font-weight: 500 !important;
}

/* Obal samotného formuláře */
#formContact {
    max-width: 800px !important;
    margin: 0 auto !important;
    background: #faf7f2 !important;
    padding: 40px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(209, 182, 132, 0.3) !important;
    box-sizing: border-box !important;
}

#formContact fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important; /* Základní nastavení pro mobil: vše pod sebou */
    gap: 20px !important;
}

/* CHYTRÝ GRID PRO DESKTOP A TABLET (Jméno a Email vedle sebe) */
@media (min-width: 768px) {
    #formContact fieldset {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    #formContact .form-group:nth-child(4), /* Zpráva */
    #formContact .consents,
    #formContact .submit-wrapper {
        grid-column: span 2 !important;
    }
}

/* Stylování jednotlivých řádků */
#formContact .form-group {
    margin-bottom: 0 !important; /* Vzdálenost řídí gap ve fieldsetu */
    display: flex !important;
    flex-direction: column !important;
}

/* POPISKY – ČISTÉ ZOBRAZENÍ JEDNÉ HVĚZDIČKY */
#formContact label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #2c251e !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    display: flex !important;
    align-items: center !important;
}

/* 1. OPRAVA: Ponecháme text, ale vymažeme barvu a velikost původní Shoptet hvězdičky */
#formContact label .required-asterisk::after,
#formContact label span.required-asterisk::after {
    display: none !important;
    content: "" !important;
}

/* 2. Naše vlastní stabilní zlatá hvězdička, která se přidá až za čistý text */
#formContact .js-validated-element-wrapper label::after {
    content: " *" !important; /* Hvězdička se přidá přímo za text */
    color: #b39462 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: inline-block !important;
}

/* Výjimka: Souhlas se zpracováním osobních údajů hvězdičku mít nebude */
#formContact .consents label::after {
    display: none !important;
}

/* PLYNULÁ STO-PROCENTNÍ ŠÍŘKA POLÍ */
#formContact .form-control {
    background: #ffffff !important;
    border: 1px solid rgba(44, 37, 30, 0.12) !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    color: #2c251e !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#formContact .form-control:focus {
    border-color: #d1b684 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(209, 182, 132, 0.15) !important;
    outline: none !important;
}

#formContact textarea.form-control {
    min-height: 140px !important;
    resize: vertical !important;
}

/* Souhlas se zpracováním */
#formContact .consents {
    margin-top: 5px !important;
}

#formContact .consents label {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #718096 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}

#formContact .consents a {
    color: #b39462 !important;
    text-decoration: underline !important;
}

/* TLAČÍTKO ODESLAT */
#formContact .submit-wrapper {
    display: flex !important;
    justify-content: center !important;
}

#formContact .btn-primary {
    background: #2c251e !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 14px 50px !important;
    border-radius: 12px !important;
    border: 1px solid #2c251e !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 12px rgba(44, 37, 30, 0.15) !important;
    width: auto !important;
}

#formContact .btn-primary:hover {
    background: #b39462 !important;
    border-color: #b39462 !important;
    box-shadow: 0 6px 20px rgba(179, 148, 98, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Mobilní začištění */
@media (max-width: 767px) {
    #formContact {
        padding: 25px 20px !important;
    }
    #formContact .btn-primary {
        width: 100% !important;
    }
}


/* ==========================================================================
   PLOVOUCÍ KONTAKTNÍ ZÁLOŽKA (FLOATING PHONE WIDGET - SEXY & READABLE)
   ========================================================================== */

.ludwig-floating-phone-badge {
    position: fixed !important;
    top: 32% !important;
    right: 0 !important;
    z-index: 999999 !important;
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, visibility 0.4s !important;
    opacity: 1 !important;
    visibility: visible !important;
    /* Zasune celou kartu do zákulisí a nechá venku trčet jen zlaté sluchátko */
    transform: translateX(calc(100% - 62px)) !important;
}

/* Odkaz a vínová karta */
.ludwig-floating-phone-badge .floating-phone-link {
    display: flex !important;
    align-items: center !important;
    background-color: #4A1525 !important; /* Vínová Ludwig */
    color: #ffffff !important;
    padding: 12px 24px 12px 10px !important;
    border-radius: 35px 0 0 35px !important; /* Krásné velké zaoblení */
    text-decoration: none !important;
    box-shadow: -6px 10px 30px rgba(74, 21, 37, 0.35) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    border-right: none !important;
}

/* Zlatá ikona sluchátka vlevo */
.ludwig-floating-phone-badge .floating-phone-icon {
    width: 44px !important;
    height: 44px !important;
    background-color: #D1B684 !important; /* Zlatá Ludwig */
    color: #4A1525 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 19px !important;
    margin-right: 15px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Texty uvnitř záložky */
.ludwig-floating-phone-badge .floating-phone-text {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.ludwig-floating-phone-badge .phone-subtitle {
    font-family: 'League Spartan', sans-serif !important;
    font-size: 12px !important;
    color: #D1B684 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    line-height: 1 !important;
}

.ludwig-floating-phone-badge .phone-number {
    font-family: 'League Spartan', sans-serif !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
    margin: 3px 0 !important;
    letter-spacing: 0.5px !important;
}

.ludwig-floating-phone-badge .phone-hours {
    font-family: 'League Spartan', sans-serif !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

/* EFEKT NAJETÍ MYŠÍ: Plynulé a sexy vyjetí celé karty */
.ludwig-floating-phone-badge:hover {
    transform: translateX(0) !important;
}

.ludwig-floating-phone-badge:hover .floating-phone-icon {
    transform: scale(1.1) rotate(-12deg) !important;
    background-color: #ffffff !important;
    color: #4A1525 !important;
}

/* SKRYTÍ U PATIČKY */
.ludwig-floating-phone-badge.is-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(100%) !important;
}

/* Mobilní přizpůsobení */
@media (max-width: 767px) {
    .ludwig-floating-phone-badge {
        top: 75% !important;
        transform: translateX(calc(100% - 56px)) !important;
    }
}



/* = SPODNÍ VLNA= */
/* 1. Pojistka patičky */
#footer, footer {position: relative !important;overflow: visible !important;}

/* 2. Generování vlny */
#footer::before,
footer::before {content: "" !important;position: absolute !important;
  top: -80px !important;left: 0 !important;width: 100% !important;
  height: 100px !important;z-index: 99 !important;pointer-events: none !important;
    
/* Zlatá barva */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120" preserveAspectRatio="none"><path d="M0,40 C320,110 520,10 960,35 C1200,55 1360,85 1440,95 L1440,120 L0,120 Z" fill="%23D1B684"/></svg>') !important;
  background-repeat: no-repeat !important;background-position: center bottom !important;
  background-size: 100% 100% !important;transform: scaleX(-1) !important;}

/* 3. Mob přizp. */
@media (max-width: 767px) { #footer::before, footer::before {top: -45px !important;height: 50px !important;}}
footer, #footer {padding-top: 30px !important;padding-bottom: 30px !important;margin-top: 50px;}



/* 2.OBAL 2. ÚROVNĚ */
html body .navigation-in > ul.menu-level-1 > li > ul.menu-level-2 {position: absolute !important;top: 100% !important;
 left: 0 !important;border: 0px 1px 1px 1px solid #EFE7DC !important;padding: 35px 40px !important;
 box-shadow: 0 15px 40px rgba(74, 21, 37, 0.08) !important;
/* Zme svislého na vodorovný */
 display: flex !important;flex-direction: row !important;flex-wrap: wrap !important;align-items: flex-start !important;
 justify-content: flex-start !important;gap: 30px 40px !important;
/* Schovávání a zobrazení */
 opacity: 0 !important;visibility: hidden !important;pointer-events: none !important;transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s !important;
 transform: translateY(10px) !important;z-index: 999999 !important;}
/* 3.(HOVER) */
html body .navigation-in > ul.menu-level-1 > li:hover > ul.menu-level-2 {opacity: 1 !important;visibility: visible !important;
 pointer-events: auto !important;transform: translateY(0) !important;}
/* 4.SLOUPCE  */
html body .navigation-in > ul.menu-level-1 > li > ul.menu-level-2 > li {flex: 0 0 calc(33.333% - 27px) !important;
 max-width: calc(33.333% - 27px) !important;width: calc(33.333% - 27px) !important;display: flex !important;
 flex-direction: column !important;margin: 0 !important;padding: 0 !important;background: transparent !important;
 border: none !important;}
/* 5. STYLING NADPISU  */
html body .navigation-in > ul.menu-level-1 > li > ul.menu-level-2 > li > .menu-no-image > a,
html body .navigation-in > ul.menu-level-1 > li > ul.menu-level-2 > li > a {font-size: 18px !important;font-weight: 600 !important;color: #4A1525 !important;
 text-transform: none !important;padding: 0 0 10px 0 !important;margin-bottom: 8px !important;
 border-bottom: 1.5px solid #E0D3C1 !important;display: block !important;text-decoration: none !important;
 transition: color 0.2s ease !important;}
html body .navigation-in > ul.menu-level-1 > li > ul.menu-level-2 > li > .menu-no-image > a:hover,
html body .navigation-in > ul.menu-level-1 > li > ul.menu-level-2 > li > a:hover {color: #D1B684 !important;}
/* 6. SEZNAM 3. ÚROVNĚ  */
html body .navigation-in ul.menu-level-3 {display: flex !important;flex-direction: column !important;
 gap: 6px !important;padding: 0 !important;margin: 0 !important;list-style: none !important;
 position: static !important;background: transparent !important;box-shadow: none !important;border: none !important;}
/* 7. ODKAZY 3. ÚROVNĚ  */
html body .navigation-in ul.menu-level-3 > li {display: block !important;width: 100% !important;margin: 0 !important;padding: 0 !important;}
html body .navigation-in ul.menu-level-3 > li > a {font-size: 16px !important;font-weight: 400 !important;color: var(--ludwig-color-wine) !important;padding: 3px 0 !important;
 display: inline-block !important;text-decoration: none !important;transition: all 0.2s ease !important;
 line-height: 1.35 !important;}
/* Hover efekt */
html body .navigation-in ul.menu-level-3 > li > a:hover {color: #4A1525) !important;
 font-weight: 600 !important;transform: translateX(4px) !important;}
/* Schování čárek*/
html body .navigation-in ul.menu-level-3 > li {font-size: 0 !important;}
html body .navigation-in ul.menu-level-3 > li > a {font-size: 16px !important;}
}


/* ==========================================================================
   NEPRŮSTŘELNÉ VYCENTROVÁNÍ NADPISU DOPORUČUJEME (DESKTOP I MOBIL)
   ========================================================================== */

/* 1. Reset obalového bloku nadpisu */
.ludwig-slider-wrapper-outer {
    text-align: center !important;
    width: 100% !important;
    clear: both !important;
}

/* 2. Samotný element nadpisu - plná šířka, zrušení floatů a vycentrování textu */
.ludwig-slider-wrapper-outer .homepage-group-title,
.ludwig-slider-wrapper-outer .homepage-products-heading-4,
.ludwig-slider-wrapper-outer .h4,
.homepage-group-title.homepage-products-heading-4.h4,
div.homepage-group-title,
.type-index .homepage-group-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    float: none !important;
    clear: both !important;
    margin: 15px auto 20px auto !important;
    padding: 0 !important;
    font-family: 'League Spartan', sans-serif !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    color: #4A1525 !important;
    letter-spacing: 0.5px !important;
    box-sizing: border-box !important;
}

/* Mobilní velikost a odsazení */
@media (max-width: 767px) {
    .ludwig-slider-wrapper-outer .homepage-group-title,
    .ludwig-slider-wrapper-outer .homepage-products-heading-4,
    .ludwig-slider-wrapper-outer .h4,
    .homepage-group-title.homepage-products-heading-4.h4,
    div.homepage-group-title,
    .type-index .homepage-group-title {
        font-size: 38px !important;
        margin: 10px auto 16px auto !important;
        text-align: center !important;
    }
}



/* = OPRAVA BÍLÉHO OKRAJE = */
/* 1. Sjednocení pozadí */
.p-detail .p-image-wrapper,
.p-detail .p-image,
.p-detail #wrap {background-color:transparent!important;background:transparent!important;box-shadow:none!important;border:none!important;}

/* 2. Zamezení bílé plochy */
.p-detail .p-image a.p-main-image {display:flex!important;align-items:center!important;justify-content:center!important;background-color:transparent!important;}

/* 3. Vycentrování */
.p-detail .p-image img {max-width:100%!important;height:auto!important;border-radius:12px!important;margin:0 auto!important;}
@media (min-width:1200px) {.custom-footer {padding-top: 0px!important;}}



/* Název článku */
#newsWrapper .news-item .title {
 font-size:22px!important;font-weight:700!important;color:#4A1525!important;text-decoration:none!important;
 line-height:1.3!important;margin-bottom:12px!important;display:block!important;transition:color 0.2s ease!important;}
#newsWrapper .news-item .title:hover {color:#B38E46!important;}

/* 5. Oříznutí textu */
#newsWrapper .news-item .description {font-size:15.5px!important;line-height:1.5!important;
 color: #55443b !important;max-height:110px!important;overflow:hidden!important;position:relative!important;}

/* Skrytí fotek */
#newsWrapper .news-item .description img,
#newsWrapper .news-item .description .article-image-box,
#newsWrapper .news-item .description .article-shop-link,
#newsWrapper .news-item .description style {display:none!important;}
#newsWrapper .news-item .description p {margin-bottom:8px!important;font-size:15.5px!important;}


/* MŘÍŽKA STRÁNKY BLOGU */
/* 1. Nastavení na mřížku */
#newsWrapper.news-wrapper {display:grid!important;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr))!important;
gap: 30px !important;margin-top:25px!important;}

/* 2. Karta článku */
#newsWrapper .news-item {background-color:#ffffff!important;border: 1px solid #EFE7DC!important;
 border-radius:20px!important;overflow:hidden!important;display:flex!important;
 flex-direction:column!important;box-shadow: 0 4px 18px rgba(74, 21, 37, 0.04)!important;
 transition: transform 0.25s ease, box-shadow 0.25s ease!important;}

#newsWrapper .news-item:hover {transform: translateY(-5px)!important;
 box-shadow: 0 8px 25px rgba(74, 21, 37, 0.09)!important;}

/* 3. Náhledový obrázek */
#newsWrapper .news-item .image {width:100%!important;height:100%!important;overflow:hidden!important;margin:0!important;background-color: #f4ebe1!important;}
#newsWrapper .news-item .image img {width:100%!important;height:100%!important;object-fit:cover!important;
 display: block !important;transition: transform 0.3s ease!important;}
#newsWrapper .news-item:hover .image img {transform: scale(1.03)!important;}

/* 4. Textový obal */
#newsWrapper .news-item .text {padding:22px!important;display:flex!important;flex-direction:column!important;flex-grow: 1!important;}

/* MOBILNÍ RESP. */
@media (max-width: 767px) {#newsWrapper.news-wrapper {grid-template-columns:1fr!important;}
#newsWrapper .news-item .image {height:200px!important;}}
@media (min-width:1200px) {.content-inner {max-width:100%;}}