/* Promogen.css */

#carousel {
    width: 100%;
    max-width: 1400px;
    margin: 40px 0 20px 0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
    display: block;
}

@media (max-width: 992px) {
    #carousel {
        width: calc(100% - 40px);
        border-radius: 12px;
    }
}

@media (max-width: 576px) {
    #carousel {
        width: calc(100% - 20px);
        border-radius: 8px;
        margin: 8px auto 12px auto;
    }
}

#carousel .carousel-inner .item .extended-banner-texts {
    left: calc(50% - 650px);
}

/* col-sm-4 ide POD carousel, plná šírka */
.banners-row {
    flex-wrap: wrap !important;
    width: calc(100% - 60px) !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.banners-row .col-sm-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

.banners-row .col-sm-4 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

/* Dva bannery vo vnútri – jeden pod druhým, každý plná šírka */
.next-to-carousel-banners {
    flex-direction: column !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 12px 0 !important;
}

.next-to-carousel-banners .banner-wrapper {
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.next-to-carousel-banners .banner-wrapper:hover {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

/* Responzivita – rovnaká ako carousel */
@media (max-width: 992px) {
    .banners-row {
        width: calc(100% - 40px) !important;
    }
}

@media (max-width: 576px) {
    .banners-row {
        width: calc(100% - 20px) !important;
    }
}


@media only screen and (min-width: 768px) {
    .top-navigation-bar .top-nav-button {
        right: -200px;
    }
}

@media only screen and (min-width: 768px) {
    #header .cart-sidebar-box {
        top: 14%;
        border-radius: 10px;
        z-index: 1;
        width: 300px;
    }
}

:where(.ums_forms_redesign--off) .form-control {
    width: 75%;
}

@media only screen and (min-width: 768px) {
    #header .cart-sidebar-box .cart-count-wrap .cart-count {
        margin: -16px -15px -15px !important;
    }
}

/* ===== OVERRIDE #d8a713 → #fc8f08 ===== */

/* Hover tlačidla "Do košíka" */
.products-block .product .btn:hover,
.products-block .product button:hover {
    background: #fc8f08 !important;
}

/* Hover hlavná navigácia */
#header #navigation .navigation-in .menu-level-1>li>a:hover {
    background: #fc8f08 !important;
}

/* Hover šípky sliderov */
.products .slick-arrow:hover,
.next-to-carousel-banners .slick-arrow:hover,
.blog-posts .slick-arrow:hover,
.fav-categories .slick-arrow:hover {
    background-color: #fc8f08 !important;
}

/* Aktívna bodka v slideroch */
.products .slick-dots button.active,
.products .glider-dots button.active {
    background: #fc8f08 !important;
}

/* Štítok "Novinky" */
.flag.flag-new {
    background: #fc8f08 !important;
}

/* Banner "Doprava zdarma" v košíku */
#header .cart-sidebar-box .cart-free-shipping {
    background: #fc8f08 !important;
}

/* Progress bar dopravy zdarma */
.price-range>div {
    background-color: #fc8f08 !important;
}

/* Blog – hover titulok */
.blog-section #newsWrapper .news-item .text .title:hover {
    color: #fc8f08 !important;
}

/* Blog – hover tlačidlo */
.blog-section #newsWrapper .news-item .read-more:hover {
    background: #fc8f08 !important;
}

/* Pätička – hover linky */
footer .news-item-widget h5 a:hover {
    color: #fc8f08 !important;
}

/* Košík – súvisiace produkty hover */
.cart-table .related .cart-related-button .btn:hover {
    background: #fc8f08 !important;
    color: #fff !important;
}

/* Kontajner tlačidiel */
.next-step {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 30px;
}

/* Obe tlačidlá - silnejší selektor pre prebitie čiernej farby (šablóna používa tnavý btn-conversion) */
.next-step a.btn.next-step-back,
.next-step a.btn.next-step-forward {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    border-radius: 10px !important;
    height: 52px !important;
    padding: 0 30px !important;
    min-width: 180px !important;
    transition: all 0.2s ease !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 1 !important;
    background: #3f532d !important;
    /* Naša zelená */
    color: #ffffff !important;
}

/* Hover efekt pre obe tlačidlá */
.next-step a.btn.next-step-back:hover,
.next-step a.btn.next-step-forward:hover {
    background: #fc8f08 !important;
    /* Naša oranžová */
    color: #ffffff !important;
}

/* Pôvodná šípka na Zpět do obchodu - povolíme zobrazenie a posunieme ikonu */
.next-step a.btn.next-step-back::before {
    display: inline-block !important;
    margin-right: 8px !important;
    /* Odsadenie od textu */
}

/* Skrytie prípadných rušivých šípok pre Pokračovat */
.next-step a.btn.next-step-forward::before,
.next-step a.btn.next-step-forward::after {
    display: none !important;
}

/* Mobilné zobrazenie - full-width, "Pokračovat" hore */
@media (max-width: 576px) {
    .next-step {
        flex-direction: column-reverse;
    }

    .next-step a.btn.next-step-back,
    .next-step a.btn.next-step-forward {
        width: 100% !important;
    }
}

.btn,
a.btn {
    text-transform: none !important;
}

.order-button-text {
    text-transform: none !important;
}

/* Plynulý prechod pre tlačidlo prihlásenia */
button.top-nav-button.top-nav-button-login.toggle-window {
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

/* Hover na našu oranžovú */
button.top-nav-button.top-nav-button-login.toggle-window:hover {
    background: #fc8f08 !important;
    color: #ffffff !important;
}

.helpIconInfo.active {
    display: none !important;
}

/* Hlavný obal - použitie moderného Gridu pre dokonalé zarovnanie */
.benefitBanner.position--benefitHomepage {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 40px 0 50px 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

/* Zrušenie starého Shoptet floatovania */
.benefitBanner.position--benefitHomepage::before,
.benefitBanner.position--benefitHomepage::after {
    display: none !important;
}

/* Samotná kartička výhody */
.benefitBanner.position--benefitHomepage .benefitBanner__item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    padding: 24px 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    width: auto !important;
    float: none !important;
}

/* Hover efekt kartičky - poskok hore a zelený okraj */
.benefitBanner.position--benefitHomepage .benefitBanner__item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 25px rgba(63, 83, 45, 0.08) !important;
    /* Naša zelená v tieni */
    border-color: #3f532d !important;
    /* Náš zelený okraj */
}

/* Ikonka v dizajnovom krúžku */
.benefitBanner.position--benefitHomepage .benefitBanner__picture {
    flex: 0 0 58px !important;
    height: 58px !important;
    margin: 0 18px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #3f532d !important;
    border-radius: 50% !important;
}

.benefitBanner.position--benefitHomepage .benefitBanner__img {
    max-width: 32px !important;
    max-height: 32px !important;
    height: auto !important;
    display: block !important;
}

/* Obal pre texty */
.benefitBanner.position--benefitHomepage .benefitBanner__content {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

/* Nadpis výhody */
.benefitBanner.position--benefitHomepage .benefitBanner__title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #2d2d2d !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
    display: block !important;
}

/* Lákavý podnadpis výhody */
.benefitBanner.position--benefitHomepage .benefitBanner__data {
    font-size: 13.5px !important;
    color: #777 !important;
    line-height: 1.3 !important;
    display: block !important;
}

/* --- Responzivita USP --- */
/* Na tablety (zalomenie do dvoch riadkov po dva bloky) */
@media (max-width: 1100px) {
    .benefitBanner.position--benefitHomepage {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Na mobily (pod seba) */
@media (max-width: 576px) {
    .benefitBanner.position--benefitHomepage {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin: 25px 0 !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__item {
        padding: 16px 15px !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__picture {
        flex: 0 0 50px !important;
        height: 50px !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__img {
        max-width: 26px !important;
        max-height: 26px !important;
    }
}

.benefitBanner.position--benefitHomepage {
    margin: auto auto !important;
}


@media only screen and (min-width: 768px) {
    #header .search .search-form fieldset button {
        right: 190px;
    }
}

#carousel .carousel-control.left:hover:before,
.body-banners .carousel-control.left:hover:before,
.middle-banners-wrapper .carousel-control.left:hover:before,
.type-category .carousel-control.left:hover:before {
    background-color: #fc8f08 !important;
}

#carousel .carousel-control.right:hover:before,
.body-banners .carousel-control.right:hover:before,
.middle-banners-wrapper .carousel-control.right:hover:before,
.type-category .carousel-control.right:hover:before {
    background-color: #fc8f08 !important;
}

#carousel .carousel-control.right:before,
.body-banners .carousel-control.right:before,
.middle-banners-wrapper .carousel-control.right:before,
.type-category .carousel-control.right:before {
    background-color: #3f532d;
}

#carousel .carousel-control.left:before,
.body-banners .carousel-control.left:before,
.middle-banners-wrapper .carousel-control.left:before,
.type-category .carousel-control.left:before {
    background-color: #3f532d;
}

/* Pravá šípka (Biela) */
#carousel .carousel-control.right:before,
.body-banners .carousel-control.right:before,
.middle-banners-wrapper .carousel-control.right:before,
.type-category .carousel-control.right:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

/* Ľavá šípka (Biela) */
#carousel .carousel-control.left:before,
.body-banners .carousel-control.left:before,
.middle-banners-wrapper .carousel-control.left:before,
.type-category .carousel-control.left:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.popup-widget.login-widget .popup-widget-inner .login-wrapper button {
    background: #3f532d;
}

:focus-visible,
[tabindex="0"]:focus-visible,
input:focus-visible,
input[type=checkbox].focus-visible+label,
input[type=checkbox]:focus-visible+label,
input[type=radio].focus-visible+label,
input[type=radio]:focus-visible+label,
label:has(input[type=radio].focus-visible),
label:has(input[type=radio]:focus-visible),
select:focus-visible,
textarea:focus-visible {
    box-shadow: 0 0 0 8px var(--colors-focus-secondary);
    outline: none;
    outline-offset: 2px;
}

.top-navigation-bar-menu {
    display: none;
}

.action-block span.sale {
    display: none;
}

.products-block .product .p-in {
    padding: 0px 30px 0;
}

@media only screen and (min-width: 768px) {

    /* --- 1. VRCHNÁ LIŠTA (Hlavné kategórie) --- */
    #header #navigation .navigation-in .menu-level-1>li>a {
        font-size: 14.5px !important;
        font-weight: 700 !important;
        text-transform: none !important;
        padding: 15px 18px !important;
        transition: all 0.2s ease !important;
        letter-spacing: 0.2px !important;
    }

    #header #navigation .navigation-in .menu-level-1>li:hover>a {
        color: #fc8f08 !important;
        /* Oranžová pri prechode myšou */
        background: transparent !important;
    }

    /* --- 2. DIZAJN POLOŽIEK (Iba padding a reset pozadia) --- */
    #header #navigation .navigation-in .menu-level-1 .menu-level-2 {
        padding: 20px 30px !important;
        /* Necháme to jemne dýchať po bokoch */
    }

    #header #navigation .navigation-in .menu-level-1 .menu-level-2>li {
        border: none !important;
        background: transparent !important;
        /* Zruší tie divné tmavé pruhy */
        box-shadow: none !important;
        margin-bottom: 8px !important;
    }

    /* --- 3. POLOŽKY V ROZBAĽOVAČKE (Odkazy na podkategórie s ikonami) --- */
    #header #navigation .navigation-in .menu-level-1 .menu-level-2>li>a {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        font-size: 14.5px !important;
        font-weight: 600 !important;
        color: #424242 !important;
        padding: 8px 12px !important;
        border-radius: 8px !important;
        transition: all 0.2s ease !important;
        line-height: 1.3 !important;
        background: transparent !important;
    }

    /* Hover efekt podkategórií - jemné podsietenie a posun */
    #header #navigation .navigation-in .menu-level-1 .menu-level-2>li:hover>a,
    #header #navigation .navigation-in .menu-level-1 .menu-level-2>li>a:hover {
        background: #f8faf7 !important;
        /* Veľmi jemná zelenkavá */
        color: #3f532d !important;
        /* Zelený text */
        transform: translateX(4px) !important;
        /* Krátky švih doprava */
        text-decoration: none !important;
    }

    /* --- 4. IKONY KATEGÓRIÍ --- */
    #header #navigation .navigation-in .menu-level-1 .menu-level-2>li>a img {
        width: 32px !important;
        height: 32px !important;
        object-fit: contain !important;
        flex-shrink: 0 !important;
        transition: transform 0.2s ease !important;
    }

    #header #navigation .navigation-in .menu-level-1 .menu-level-2>li:hover>a img {
        transform: scale(1.15) !important;
        /* Zväčšenie ikonky pri hoveri */
    }
}



/* Obal celého dropdownu */
.search-whisperer {
    background: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid #eee !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1) !important;
    padding: 12px 0 !important;
}

/* --- Sekcia "Značka" (napr. Značka Mountain Dew) --- */
.search-whisperer-documents {
    padding: 4px 16px 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    margin-bottom: 6px !important;
}

.search-whisperer-document {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px !important;
    margin: 3px 4px 3px 0 !important;
    border-radius: 40px !important;
    /* Pilulka tvar */
    background: #f8faf7 !important;
    border: 1.5px solid #ddeecb !important;
    font-size: 13px !important;
    color: #3f532d !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.search-whisperer-document em {
    font-style: normal !important;
    font-weight: 400 !important;
    color: #888 !important;
    font-size: 12px !important;
}

.search-whisperer-document span {
    font-weight: 700 !important;
    color: #3f532d !important;
}

.search-whisperer-document:hover {
    background: #3f532d !important;
    border-color: #3f532d !important;
    color: #fff !important;
}

.search-whisperer-document:hover em,
.search-whisperer-document:hover span {
    color: #fff !important;
}

/* --- Zoznam produktov --- */
.search-whisperer-products {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 8px !important;
}

.search-whisperer-products li {
    border-radius: 8px !important;
    transition: background 0.2s ease !important;
}

.search-whisperer-products li:hover {
    background: #f8faf7 !important;
}

.search-whisperer-products li a {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 10px 10px !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f5f5f5 !important;
}

.search-whisperer-products li.last-product a {
    border-bottom: none !important;
}

/* Obrázok produktu */
.search-whisperer-image {
    flex-shrink: 0 !important;
    width: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    background: #f8f8f8 !important;
    overflow: hidden !important;
}

.search-whisperer-image img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
}

/* Info (Názov + Dostupnosť) */
.p-info {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

.p-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #424242 !important;
    line-height: 1.3 !important;
}

.search-whisperer-products li:hover .p-name {
    color: #3f532d !important;
}

.p-availability .availability-label {
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* Cena */
.search-whisperer-products .price-final {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #3f532d !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    text-align: right !important;
}


/* Tlačidlo "Více" */
.menu-helper.jkTop {
    background: transparent !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    padding: 15px 18px !important;
    transition: color 0.2s ease !important;
}

.menu-helper.jkTop:hover {
    color: #fc8f08 !important;
}

/* Dropdown zoznam hlavných kategórií */
.menu-helper .menu-level-1 {
    background: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important;
    padding: 8px 0 !important;
    min-width: 230px !important;
}

/* Každá hlavná kategória vo vnútri */
.menu-helper .menu-level-1>li>a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 11px 20px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #2c2c2c !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
    border-radius: 0 !important;
}

.menu-helper .menu-level-1>li>a b {
    font-weight: 700 !important;
}

.menu-helper .menu-level-1>li>a:hover,
.menu-helper .menu-level-1>li:hover>a {
    background: #f8faf7 !important;
    color: #3f532d !important;
    padding-left: 26px !important;
}

/* Deliaca čiara medzi kategóriami */
.menu-helper .menu-level-1>li+li>a {
    border-top: 1px solid #f2f2f2 !important;
}

.menu-helper .menu-level-1>li:hover>a,
.menu-helper .menu-level-1>li:hover+li>a {
    border-top-color: transparent !important;
}

/* Hover karta v menu-level-2 */
.menu-helper .menu-level-2>li:hover {
    background: #3f532d !important;
    box-shadow: 0 8px 24px rgba(63, 83, 45, 0.3) !important;
    transform: translateY(-3px) !important;
    border-radius: 10px !important;
}

.menu-helper .menu-level-2>li:hover>div>a,
.menu-helper .menu-level-2>li:hover>div>a span {
    color: #ffffff !important;
}

.menu-helper .menu-level-2>li:hover .menu-level-3 a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.menu-helper .menu-level-2>li:hover .menu-level-3 a:hover {
    color: #fc8f08 !important;
}

@media only screen and (min-width: 768px) {
    #header .header-top {
        padding: 0 0 0 !important;
    }
}

@media only screen and (min-width: 768px) {
    #header .head-delivery {
        left: 245px;
        top: 43px;
    }
}

@media only screen and (min-width: 768px) {
    #header .cart-sidebar-box {
        top: 25%;
        right: 35px;
    }
}

@media only screen and (min-width: 768px) {
    .top-navigation-bar .top-nav-button {
        right: -175px;
        top: 45px;
    }
}

#carousel .banner-category,
#carousel .banner-wrapper,
.body-banners .banner-category,
.body-banners .banner-wrapper,
.middle-banners-wrapper .banner-category,
.middle-banners-wrapper .banner-wrapper,
.type-category .banner-category,
.type-category .banner-wrapper {
    display: contents;
}

.products-block .product .jednotka {
    display: block !important;
    ;
}

.blog-posts .news-wrapper,
.blog-posts.products-block.slick-slider,
.fav-categories .news-wrapper,
.fav-categories.products-block.slick-slider,
.hp-ratings .news-wrapper,
.hp-ratings.products-block.slick-slider,
.in-epultik-a-dyne .carousel .news-wrapper,
.in-epultik-a-dyne .carousel.products-block.slick-slider,
.next-to-carousel-banners .news-wrapper,
.next-to-carousel-banners.products-block.slick-slider,
.products .news-wrapper,
.products.products-block.slick-slider {
    padding: 0px 0 0px !important;
}

@media (min-width: 768px) {
    .col-sm-8 {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .col-sm-4 {
        width: 100%;
    }
}

.slick-track {
    width: 100% !important;
}

div#slick-slide00 {
    width: 100% !important;
}

.banner-wrapper.footer-banners:before {
    display: none;
}

.banner-wrapper.footer-banners {
    margin: 0px 0 30px;
    padding-top: 0px;
}

.h4.homepage-group-title,
h4.homepage-group-title {
    padding-top: 0px;
}

.homepage-box.welcome-wrapper {
    margin-top: 0px;
    margin-bottom: 0px;
}

.products-block .product .quantity .decrease:before {
    background-image: none !important;
}

.products-block .product .quantity .increase:before {
    background-image: none !important;
}

.cart-content .discount-coupon form input {
    border-radius: 10px;
}

.cart-content .discount-coupon form .btn {
    border-radius: 10px;
}

.extras-new-wrap .extras-new .extra.delivery {
    border-radius: 10px;
}

.extras-new-wrap .cart-summary {
    border-radius: 10px;
}

.cart-row .col-md-4 .cart-content {
    border-radius: 10px;
}

.cart-table {
    border-radius: 10px;
}

#checkoutContent .cart-content .co-box.co-basic-information,
#checkoutContent .cart-content .co-box.co-delivery-method,
#checkoutContent .cart-content .co-box.co-payment-method {
    border-radius: 10px;
}

#checkoutContent .cart-content .co-box .radio-wrapper.active {
    border-radius: 10px;
}

#checkoutContent .cart-content .co-contact-information,
#checkoutContent .cart-content .co-billing-address,
#checkoutContent .cart-content .co-shipping-address,
#checkoutContent .cart-content .co-box-additional {
    border-radius: 10px;
}

.top-navigation-bar .top-nav-button {
    background: #fc8f08 !important;
}

button.top-nav-button.top-nav-button-login.toggle-window:hover {
    background: #d46a00 !important;
    color: #ffffff !important;
}






/* Promogen-footer.css */
/* Celý footer obal - jemné zelenkasté pozadie a čistý dizajn */
#footer {
    background-color: #f8faf7 !important;
    border-top: 1px solid #e5ecd9 !important;
    padding: 60px 0 0px 0 !important;
    color: #424242 !important;
}

/* Skryjeme to prvé (duplicitné) logo, čo Shoptet vkladá nasilu nad stĺpce */
#footer .site-name {
    display: none !important;
}

/* Obal pre stĺpce - zrušenie Shoptet floatov a použitie moderného Gridu */
#footer .custom-footer {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
    margin-top: 0 !important;
}

#footer .custom-footer::after,
#footer .custom-footer::before {
    display: none !important;
}

#footer .custom-footer [class^="custom-footer__"] {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    border: none !important;
}

/* --- 1. Stĺpec: Kontakt --- */
.footer-contacts {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    background: none !important;
    padding-top: 0px !important;
}

.footer-contacts img {
    max-width: 180px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.footer-contacts a {
    color: #424242 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    display: inline-block !important;
    transition: color 0.2s ease !important;
}

.footer-contacts a:hover {
    color: #fc8f08 !important;
    /* Do našej firemnej oranžovej */
}

/* --- 3. Stĺpec: Odkazy a Články --- */
/* Formátovanie nadpisu. Zrušenie Shoptet čiar pod nadpisom */
#footer .pageElement__heading {
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

#footer .pageElement__heading span {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #3f532d !important;
    /* Naša zelená */
    background: transparent !important;
    padding: 0 !important;
    letter-spacing: -0.5px !important;
}

#footer .news-item-widget {
    margin-bottom: 14px !important;
    padding: 0 !important;
    border: none !important;
}

#footer .newsItemWidget__heading {
    margin: 0 !important;
}

#footer .newsItemWidget__heading a {
    color: #424242 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* Hover na Nest štýl – farba + jemné posunutie doprava ako šípka */
#footer .newsItemWidget__heading a:hover {
    color: #fc8f08 !important;
}

/* Trvale skryjeme škaredé dátumy zadané Shoptetom */
#footer .news-item-widget time {
    display: none !important;
}

/* --- Spodná lišta (Copyright + Shoptet) --- */
#footer .footer-bottom {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 0px !important;
    padding-top: 15px !important;
    border-top: 1px solid #e5ecd9 !important;
}

#footer .footer-bottom::before,
#footer .footer-bottom::after {
    display: none !important;
}

#footer .copyright {
    color: #666 !important;
    font-size: 14px !important;
}

#footer .copyright strong {
    color: #3f532d !important;
}

#footer .cookies-settings {
    color: #666 !important;
    text-decoration: underline !important;
    margin-left: 15px !important;
}

#footer .cookies-settings:hover {
    color: #fc8f08 !important;
}

/* Diskrétne logo Vytvoril Shoptet */
#footer #signature {
    opacity: 0.6 !important;
    transition: opacity 0.2s !important;
}

#footer #signature:hover {
    opacity: 1 !important;
}

#footer #signature .title {
    color: #666 !important;
    font-size: 13px !important;
}

/* --- Responzitiva (Mobil/Tablet) --- */
@media (max-width: 900px) {
    #footer .custom-footer {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 576px) {
    #footer {
        padding: 40px 0 20px 0 !important;
    }

    #footer .custom-footer {
        grid-template-columns: 1fr !important;
        gap: 35px !important;
        text-align: center !important;
    }

    #footer .footer-contacts {
        align-items: center !important;
    }

    #footer .footer-bottom {
        flex-direction: column !important;
        gap: 20px !important;
        text-align: center !important;
    }

    /* Vypneme ten posuvný efekt doprava na mobile, tam to nedáva zmysel pri ťuknutí palcom */
    #footer .newsItemWidget__heading a:hover {
        transform: none !important;
    }
}



/* Promogen HP-product cards.css */
/* Zmenšenie karty pre hustejší grid */
.products-block .product {
    padding: 0 5px !important;
    /* Menšie medzery medzi kartami */
}

.products-block .product .p {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 10px !important;
    padding: 12px 10px !important;
    /* Kompaktnejší padding */
    transition: all 0.25s ease !important;
    height: 85% !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

.products-block .product .p:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;
    border-color: #3f532d !important;
}

/* Obrázok - menší */
.products-block .product .image {
    height: 140px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 8px !important;
}

.products-block .product .image img {
    max-height: 100% !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Štítok Množstvo (ml/g/ks) - OPRAVA: Odstránenie tmavého pozadia a lepšia čitateľnosť */
.products-block .product .jednotka {
    background: #f8faf7 !important;
    /* Veľmi jemná zelenkastá namiesto tmavej */
    color: #3f532d !important;
    /* Tmavozelený text */
    padding: 3px 10px !important;
    border-radius: 40px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    margin-bottom: 8px !important;
}

/* Názov produktu - lepšie zalamovanie a pevná výška */
.products-block .product .name {
    font-size: 13px !important;
    font-weight: 600 !important;
    height: 38px !important;
    margin-bottom: 6px !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
}

/* Skrytie starého shoptet divu pre popisy, ak by to zavadzalo v designe */
.products-block .product .p-desc {
    display: none !important;
}

/* Cena - výraznejšia ale menšia */
.products-block .product .price-final {
    font-size: 16px !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}

.products-block .product .price-final span.pr-list-unit {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #999 !important;
}

/* Unit price (napr. 190 Kč/kg) - pod cenu */
.products-block .product .measure {
    font-size: 10px !important;
    color: #aaa !important;
    margin-bottom: 12px !important;
}

/* Nákupná zóna */
.products-block .product .p-tools {
    display: flex !important;
    gap: 4px !important;
    margin-top: auto !important;
}

/* Quantity input - čisté biele pozadie a fixnuté prekrývanie */
.products-block .product .quantity {
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    height: 38px !important;
    /* Zvýšené na rovnakú úroveň ako tlačidlo */
    width: 80px !important;
    /* Širšie na dýchanie čísel */
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: -15px !important;
    display: flex !important;
    align-items: center !important;
}

.products-block .product .quantity .amount {
    background: transparent !important;
    color: #424242 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    width: 32px !important;
    height: 100% !important;
    text-align: center !important;
    padding: 0 !important;
}

/* Plus a Mínus tlačidlá - čistý dizajn */
.products-block .product .quantity .increase,
.products-block .product .quantity .decrease {
    background: transparent !important;
    color: #3f532d !important;
    font-size: 16px !important;
    width: 22px !important;
    line-height: 33px !important;
    cursor: pointer !important;
}

.products-block .product .quantity .increase {
    right: 10px;
}

.products-block .product .quantity .increase:hover,
.products-block .product .quantity .decrease:hover {
    color: #fc8f08 !important;
}

/* Tlačidlo Do košíka / Detail - Pevná štruktúra a vycentrovanie */
/* --- > OPRAVENÉ NA ORANŽOVÉ S VÝRAZNÝM TMAVÝM HOVEROM < --- */
.products-block .product .add-to-cart-button,
.products-block .product .btn-primary {
    background: #fc8f08 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    height: 38px !important;
    /* Rovnaká výška ako quantity box */
    font-size: 12.5px !important;
    font-weight: 700 !important;
    padding: 0 10px !important;
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    line-height: 1 !important;
}

.products-block .product .add-to-cart-button:hover {
    background: #d46a00 !important;
    /* Nová Pálená Oranžová */
}

/* Tlačidlo Detail pre vypredané produkty */
.products-block .product .btn-primary {
    background: #e0e0e0 !important;
    color: #666 !important;
    width: 100% !important;
}

/* Značka (Brand logo) - presunuté do vrchného rohu obrázka, zmenšené aby nerušilo padding textov v mobile */
.products-block .product .brand-logo {
    display: none;
}

.products-block .product .brand-logo img {
    max-height: 20px !important;
    width: auto !important;
    display: block !important;
}

.products-block .product .flags-default .flag {
    font-size: 10px !important;
}

/* Vynútenie 6 stĺpcov v desktop zobrazení pre VŠETKY produktové carousely */
@media (min-width: 1300px) {
    .products-block .slick-slide {
        width: 230px !important;
    }
}






/* PROMOGEN - product page */
.p-detail-inner-header h1 {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #3f532d !important;
    letter-spacing: -0.5px !important;
    line-height: 1.2 !important;
    margin-bottom: 15px !important;
}

.p-detail-inner .p-image {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    padding: 15px !important;
    transition: box-shadow 0.3s ease !important;
}

.p-detail-inner .p-image:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;
}

.p-detail-inner .price-final-holder {
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #2d2d2d !important;
    display: inline-block !important;
    margin-bottom: 8px !important;
}

.p-detail-inner .availability-label {
    background: #EBF4EC !important;
    color: #3F532D !important;
    padding: 5px 14px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    display: inline-block !important;
    margin-left: 10px !important;
    vertical-align: middle !important;
}

.p-detail-inner .add-to-cart {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 20px !important;
}

/* HLAVNÉ TLAČIDLO "DO KOŠÍKA" - Pevné oranžové tlačidlo, bez tieňov a poskakovania! */
.p-detail-inner .add-to-cart-button,
.p-detail-inner .btn-conversion {
    background: #fc8f08 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    height: 52px !important;
    padding: 0 45px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    transition: background 0.25s ease !important;
    flex: 1 !important;
    max-width: 350px !important;
    box-shadow: none !important;
    /* Žiadny tieň */
}

.p-detail-inner .add-to-cart-button:hover,
.p-detail-inner .btn-conversion:hover {
    background: #d46a00 !important;
    /* Naša stmavená oranžová */
    transform: none !important;
    /* Bez vyskakovania */
    box-shadow: none !important;
    /* Žiadny tieň */
}

/* =========================================
   ČISTÝ VZHĽAD SPODNÝCH ZÁLOŽIEK (TABS) A POPISOV
   ========================================= */
/* Kontajner celých tabov */
.shp-tabs-wrapper {
    margin-top: 0px !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    padding: 20px 0 !important;
}

/* Linka záložiek */
.shp-tabs-holder .shp-tabs {
    border-bottom: 2px solid #f0f0f0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
}

.shp-tabs-holder .shp-tab {
    margin: 0 !important;
}

/* Tlačidlo záložky */
.shp-tabs-holder .shp-tab-link {
    font-weight: 600 !important;
    color: #666 !important;
    font-size: 16px !important;
    text-transform: none !important;
    border: none !important;
    background: transparent !important;
    padding: 12px 20px !important;
    transition: all 0.2s ease !important;
}

/* Aktívna záložka (napr. "Popis") */
.shp-tabs-holder .shp-tab.active .shp-tab-link {
    color: #3f532d !important;
    border-bottom: 3px solid #fc8f08 !important;
    /* Firemná oranžová linka */
    font-weight: 800 !important;
    background: transparent !important;
}

/* Vnútro záložiek (samotné texty a diskusia) */
.tab-content {
    padding: 30px 0 !important;
    color: #424242 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Úprava tabuľky parametrov (napr. Zloženie, Krajina Pôvodu) */
.extended-description .detail-parameters {
    margin-top: 30px !important;
    width: 100% !important;
    max-width: 600px !important;
    border-collapse: collapse !important;
}

.extended-description .detail-parameters th {
    background: #f8faf7 !important;
    padding: 12px 20px !important;
    border: 1px solid #eef4e8 !important;
    color: #3f532d !important;
    font-weight: 600 !important;
    width: 35% !important;
}

.extended-description .detail-parameters td {
    padding: 12px 20px !important;
    border: 1px solid #f0f0f0 !important;
}

.type-detail .p-final-price-wrapper {
    display: flex;
    align-items: center;
}

.info-wrap {
    display: none;
}

@media only screen and (min-width: 1200px) {
    .type-detail .p-image-wrapper {
        width: 39%;
    }
}

@media only screen and (min-width: 1200px) {
    .type-detail .p-info-wrapper {
        width: 61%;
        padding-top: 60px;
    }
}

.type-detail .price-line .price-side .price-save {
    border-radius: 10px;
}

table.detail-parameters.empty {
    display: none;
}

.type-detail .price-line .price-side {
    margin-right: 0px;
}



/* OTHER */

.shp-tabs-holder,
.basic-description h3,
.extended-description h3 {
    display: none !important;
}

.description-inner {
    display: block !important;
    margin-top: 30px !important;
    margin-bottom: 40px !important;
}

.basic-description,
.extended-description {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Vyladenie samotného textu (Odstavce, písmo) pre čisté čítanie */
.basic-description p,
.extended-description p,
.ep-custom-tabs-content {
    color: #424242 !important;
    line-height: 1.65 !important;
    font-size: 15px !important;
    margin-bottom: 12px !important;
}

.ep-premium-card-wrapper {
    background: #ffffff !important;
    border: 1px solid #eef4e8 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 25px rgba(63, 83, 45, 0.04) !important;
    padding: 35px !important;
    width: 100% !important;
}

/* Navigačná lišta (tlačidlá tabov) */
.ep-custom-tabs-nav {
    display: flex !important;
    gap: 15px !important;
    border-bottom: 2px solid #f0f0f0 !important;
    margin-bottom: 25px !important;
    flex-wrap: wrap !important;
    /* Na mobile prelomí tlačidlá dole */
}

/* Dizajn neaktívnych tlačidiel (Sivý čistý text) */
.ep-custom-tab-btn {
    background: transparent !important;
    border: none !important;
    color: #777 !important;
    font-weight: 600 !important;
    padding: 12px 15px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    border-bottom: 3px solid transparent !important;
    outline: none !important;
}

/* Reakcia na myš (Zozelenie) */
.ep-custom-tab-btn:hover {
    color: #3f532d !important;
}

/* AKTÍVNE tlačidlo (Ornamnetálne tmavozelené podčiarknutie a hrubý text) */
.ep-custom-tab-btn.active {
    color: #3f532d !important;
    border-bottom: 3px solid #3f532d !important;
}

/* =========================================
   VYHLADENIE TABUĽKY "SLOŽENÍ" (MRIEŽKA)
   ========================================= */

.ep-custom-tabs-content .detail-parameters {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    border: 1px solid #eef4e8 !important;
    overflow: hidden !important;
    margin-top: 10px !important;
    max-width: 700px !important;
}

/* Ľavý stĺpec (Nadpisy parametrov) */
.ep-custom-tabs-content .detail-parameters th {
    background: #f8faf7 !important;
    color: #3f532d !important;
    font-weight: 700 !important;
    padding: 15px 20px !important;
    width: 40% !important;
    border-bottom: 1px solid #eef4e8 !important;
    border-right: 1px solid #eef4e8 !important;
    text-align: left !important;
}

/* Pravý stĺpec (Hodnoty - napr. Pobřeží slonoviny) */
.ep-custom-tabs-content .detail-parameters td {
    padding: 15px 20px !important;
    color: #424242 !important;
    font-size: 14.5px !important;
    border-bottom: 1px solid #eef4e8 !important;
}

/* Orezanie poslednej linky dole v tabuľke aby netrčala hrana z kruhu */
.ep-custom-tabs-content .detail-parameters tr:last-child th,
.ep-custom-tabs-content .detail-parameters tr:last-child td {
    border-bottom: none !important;
}

/* Odkazy na kategórie vo vnútri tabuľky */
.ep-custom-tabs-content .detail-parameters td a {
    color: #fc8f08 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.ep-custom-tabs-content .detail-parameters td a:hover {
    color: #d46a00 !important;
}

.tab-content {
    padding-bottom: 30px !important;
    padding-top: 0px !important;
    color: #424242 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.type-detail .add-to-cart button {
    font-weight: 800;
    color: #3f532d;
}

.type-detail .add-to-cart button {
    font-size: 2.3em;
}

.type-detail .add-to-cart .quantity .increase {
    top: 18px;
}

.type-detail .add-to-cart .quantity .decrease {
    top: 18px;
}

.type-detail .add-to-cart .quantity .increase:hover {
    color: #fc8f08;
}

.type-detail .add-to-cart .quantity .decrease:hover {
    color: #fc8f08;
}

.basic-description p,
.extended-description p,
.ep-custom-tabs-content {
    margin-bottom: 0px !important;
}

.type-detail .product-top {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

button.loadMore__button.loadMore__button--products.btn.btn-secondary.js-loadMore__button--products {
    border-radius: 10px;
}

a.goToTop__button.btn.btn-secondary {
    border-radius: 10px;
}

a.pagination__link.pagination__link--next.btn.btn-secondary {
    border-radius: 10px;
}

.price.price-final {
    padding-bottom: 20px;
}

#category-header>div {
    z-index: 999;
}


.type-detail #content h2.products-related-header {
    padding: 0px 45px 30px;
    margin-top: 0px;
}

.ep-delivery-widget {
  margin: 16px 0 0 0;
  background: #f8faf7;
  border: 2px solid #ddeecb;
  border-radius: 12px;
  padding: 14px 18px;
  max-width: 420px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.ep-delivery-icon { font-size: 26px; flex-shrink: 0; }
.ep-delivery-text { display: flex; flex-direction: column; gap: 2px; }
.ep-delivery-label { font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 0.5px; }
.ep-delivery-date { font-size: 17px; font-weight: 800; color: #3f532d; }
.ep-delivery-note { font-size: 12px; color: #999; }
.ep-cart-delivery-box {
  background: #f8faf7;
  border-left: 4px solid #3f532d;
  border-radius: 0 8px 8px 0;
  padding: 12px 16px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #424242;
}


.price.price-final {
    padding-bottom: 0px !important;
}

.p-tools {
    padding-top: 20px !important;
}

.header-top {
    scale: 0.9;
}

@media only screen and (min-width: 768px) {
    #header .search .search-form {
        max-width: 650px !important;
    }
}

@media only screen and (min-width: 768px) {
    #header .cart-sidebar-box {
        right: 150px;
    }
}

@media only screen and (min-width: 768px) {
    .top-navigation-bar .top-nav-button {
        right: -45px;
    }
}

.col-xs-12.col-lg-6.p-image-wrapper .brand-logo {
    position: absolute;
    right: 20px;
    bottom: 20px;
    max-width: 140px;
}

.content-wrapper.homepage-box.before-carousel {
    max-width: 65%;
    margin: 0 auto;
}

div#ep-hero-row {
    margin-top: 50px;
}

.ep-cats-section {
    margin-bottom: 60px !important;
}

#carousel {
    margin: 0px 0 0px 0 !important;
}

#carousel .carousel-inner .item img {
    object-fit: contain !important;
}

.footer-banners .slick-track {
    flex-wrap: wrap;
}

div#slick-slide01 {
    width: 100% !important;
}

#carousel .carousel-inner .item .extended-banner-texts {
    left: calc(0%) !important;
}

#carousel .carousel-inner .item .extended-banner-texts {
    background: transparent;
    scale: 0.8;
}

/* =========================================
   STYL PRE POPIS PRODUKTU
   ========================================= */
.ep-desc-wrapper {
    font-family: inherit;
    color: #424242;
    line-height: 1.6;
    margin: 20px 0;
    max-width: 100%;
}
.ep-desc-header {
    text-align: center;
    margin-bottom: 35px;
}
.ep-desc-header img {
    max-width: 230px;
    height: auto;
    margin-bottom: 15px;
}
.ep-desc-header h3 {
    font-size: 26px;
    font-weight: 800;
    color: #3f532d;
    margin: 0;
    letter-spacing: -0.5px;
}
/* Príbeh / Story sekcia */
.ep-desc-story {
    background: #f8faf7;
    border: 1px solid #eef4e8;
    border-radius: 20px;
    padding: 35px 30px;
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 40px;
}
.ep-desc-story-text {
    flex: 1.2;
}
.ep-desc-story-text p {
    margin: 0;
    font-size: 15px;
    color: #555;
    line-height: 1.7;
}
.ep-desc-story-images {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.ep-desc-story-images img {
    width: 100%;
    height: 100%;
    min-height: 160px;
    max-height: 200px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
/* Informačné karty */
.ep-desc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}
.ep-desc-card {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 25px 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    transition: transform 0.3s ease, border-color 0.3s ease;
}
.ep-desc-card:hover {
    border-color: #fc8f08;
    transform: translateY(-4px);
}
.ep-desc-card h4 {
    color: #fc8f08;
    font-size: 15px;
    font-weight: 800;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ep-desc-card p {
    margin: 0;
    font-size: 14.5px;
    color: #555;
}
/* Tabuľka zloženia */
.ep-desc-ingredients {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}
.ep-desc-ingredients h4 {
    color: #3f532d;
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 20px 0;
}
.ep-desc-table {
    width: 100%;
    border-collapse: collapse;
}
.ep-desc-table td {
    padding: 12px 0;
    border-bottom: 1px solid #f4f4f4;
    font-size: 15px;
    color: #424242;
}
.ep-desc-table tr:last-child td {
    border-bottom: none;
}
.ep-desc-table td:first-child {
    text-align: left;
}
.ep-desc-table td:last-child {
    text-align: right;
    font-weight: 800;
    color: #3f532d;
    width: 25%;
}
.ep-desc-table .level_0 {
    font-weight: 600;
}
.ep-desc-table .level_1 {
    padding-left: 25px;
    color: #777;
    font-size: 14px;
}
.ep-desc-table a {
    color: #fc8f08;
    text-decoration: none;
    font-weight: 600;
}
.ep-desc-table a:hover {
    text-decoration: underline;
}
/* Responzivita */
@media (max-width: 768px) {
    .ep-desc-story {
        flex-direction: column;
        padding: 25px 20px;
    }
    .ep-desc-story-images {
        width: 100%;
    }
    .ep-desc-ingredients {
        padding: 20px;
    }
}
@media (max-width: 480px) {
    .ep-desc-story-images {
        grid-template-columns: 1fr;
    }
    .ep-desc-story-images img {
        min-height: auto;
    }
}