/* ============================== GLOBAL SCROLL FIX ============================== */
html,
body {
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100%;
    position: relative;
}

/* ============================== GLOBAL LAYOUT & SPACING ============================== */
#content {
    padding-bottom: 0 !important;
}

#content > div.an_advantages,
#content > div.an_abous_us,
#content > div.block_newsletter {
    margin-top: 20px;
    margin-bottom: 20px;
}

#content > div.block_newsletter {
    margin-top: 5px !important;
}

#content > div.an_homeproducts.js-an_homeproducts {
    margin-top: 20px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#wrapper > div.brandslider-bottom-wrap {
    display: none;
}

/* ============================================================
   WIDER LAYOUT - MAIN CONTENT ONLY
   DO NOT TOUCH HEADER / MEGA MENU
   ============================================================ */

@media (min-width: 992px) {

    /* Homepage main content */
    #index #wrapper .container,
    #index #wrapper .container-fluid,
    #index #wrapper .page-width {
        max-width: 1400px !important;
        width: 95% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Product page main content */
    #product #wrapper .container,
    #product #wrapper .container-fluid,
    #product #wrapper .page-width {
        max-width: 1400px !important;
        width: 95% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Category page */
    #category #wrapper .container,
    #category #wrapper .container-fluid,
    #category #wrapper .page-width {
        max-width: 1300px !important;
        width: 95% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
@media (min-width: 1200px) {
    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top,
    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-bottom {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div,
    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-bottom > div {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top,
    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-bottom {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div,
    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-bottom > div {
        margin-bottom: 20px;
    }
}

/* ============================== BANNER & IMAGE STYLING ============================== */
#content > div.an_homeproducts.js-an_homeproducts .an_homeproducts-banner {
    min-height: 250px;
    display: block;
}

#content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-bottom .an_homeproducts-banner {
    min-height: 0 !important;
    height: auto !important;
}

#content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-bottom {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

#content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top,
#content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-bottom {
    margin-left: -7.5px !important;
    margin-right: -7.5px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div,
#content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-bottom > div {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
    box-sizing: border-box;
}

#content > div.an_homeproducts.js-an_homeproducts img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: filter 0.3s ease;
    transform: none;
}

#content > div.an_homeproducts.js-an_homeproducts .an_homeproducts-banner:hover img {
    filter: brightness(70%);
}

.an_homeproducts .an_homeproducts-banner-content {
    display: none !important;
}

/* ============================== DESKTOP/TABLET BANNER LAYOUT ============================== */
@media (min-width: 768px) {
    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(1) {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50% !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(2),
    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(3) {
        flex: 0 0 25%;
        max-width: 25%;
        width: 25% !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(4) {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50% !important;
        clear: both !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(5) {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50% !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(6) {
        clear: both !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(n+6):nth-child(-n+11) {
        flex: 0 0 16.5%;
        max-width: 16.5%;
        width: 16.5% !important;
        margin-bottom: 0 !important;
    }
}

/* ============================== MOBILE BANNER LAYOUT ============================== */
@media (max-width: 767px) {
    #content > div.an_homeproducts.js-an_homeproducts .an_homeproducts-banner {
        min-height: 150px;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-bottom .an_homeproducts-banner {
        min-height: 0 !important;
        height: auto !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top,
    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-bottom {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div,
    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-bottom > div {
        margin-bottom: 5px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100% !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(2),
    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(3) {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50% !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(n+6):nth-child(-n+11) {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        width: 33.3333% !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(n+6):nth-child(-n+11) .an_homeproducts-banner {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top > div:nth-child(4) {
        clear: both;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.row.anhp-banner-global-top {
        margin-bottom: 20px !important;
    }

    #content > div.an_homeproducts.js-an_homeproducts {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* ============================== ABOUT US ============================== */
.an_abous_us-content {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

.an_abous_us-img {
    flex: 0 0 25%;
    max-width: 252px;
}

.an_abous_us-img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}

.an_abous_us-text {
    flex: 1 1 70%;
    margin-top: -30px;
}

#content > div.an_abous_us > div.an_abous_us-content > div.an_abous_us-text.col-lg-9.col-md-12.col-sm-12.col-xs-12 > div > p:nth-child(2) {
    margin-top: -30px;
}

.an_abous_us-text p {
    margin-top: 0;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .an_abous_us-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 8px;
    }

    .an_abous_us-img,
    .an_abous_us-text {
        flex: 1 1 100%;
    }

    .an_abous_us-img img {
        margin: 0 auto;
    }

    .an_abous_us-text {
        margin-top: -20px;
    }

    #content > div.an_abous_us > div.an_abous_us-content > div.an_abous_us-text.col-lg-9.col-md-12.col-sm-12.col-xs-12 > div > p:nth-child(2) {
        margin-top: -20px;
    }

    .an_abous_us-text p {
        margin-top: 0;
        margin-bottom: 6px;
    }
}

/* ============================== PRODUCT & ICON STYLING ============================== */
#content > div.an_homeproducts.js-an_homeproducts {
    margin-top: 30px;
    margin-bottom: 30px;
}

#content > div.an_homeproducts.js-an_homeproducts > div.an_homeproducts-container.js-an_homeproducts-container > div {
    margin-bottom: 20px;
}

#content > div.an_homeproducts.js-an_homeproducts > div.an_homeproducts-container.js-an_homeproducts-container > div:last-child {
    margin-bottom: 0;
}

#content > div.an_homeproducts.js-an_homeproducts .products-section-title span,
#content > div.an_homeproducts.js-an_homeproducts .products-section-title a {
    font-weight: 700 !important;
    font-size: 1.2em;
}

#content > div.an_homeproducts.js-an_homeproducts > div.an_homeproducts-container.js-an_homeproducts-container > div:nth-child(3) > div.an_homeproducts-content.js-an_homeproducts-content.active {
    display: flex;
    flex-direction: column;
}

.an_homeproducts-content article {
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

.an_homeproducts-content article:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px) scale(1.02);
}

@media (max-width: 1199px) {
    #content > div.an_homeproducts.js-an_homeproducts {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    #content > div.an_homeproducts.js-an_homeproducts > div.an_homeproducts-container.js-an_homeproducts-container > div {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .an_homeproducts-content,
    .products.row,
    #js-product-list .products {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        padding: 0 5px !important;
    }

    .an_homeproducts-content article,
    #category main .product-miniature,
    .product-miniature {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 10px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}

/* ============================== ADD TO CART BUTTONS ============================== */
button[data-button-action="add-to-cart"] span,
a[data-button-action="add-to-cart"] span,
.btn.add-to-cart span,
.product-add-to-cart .add-to-cart span,
.product-miniature .add-to-cart span,
.an_productattributes-qty-add .btn span {
    line-height: 1.15 !important;
    display: inline-block;
    white-space: normal;
}

button[data-button-action="add-to-cart"],
a[data-button-action="add-to-cart"],
.btn.add-to-cart {
    line-height: 1.15 !important;
    white-space: normal !important;
}

@media (max-width: 767px) {
    .product-miniature .add-to-cart,
    button[data-button-action="add-to-cart"],
    .btn.add-to-cart {
        margin: 10px 0 0 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        position: relative !important;
        padding: 8px 2px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block !important;
        min-width: 0 !important;
    }
}

/* ============================== FOOTER ============================== */
#footer .footer-container .copyright-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 20px 0;
    border-top: 1px solid grey;
}

#footer .footer-container .copyright-container .custom-footer-center {
    order: -1;
    width: 100%;
    flex: 0 0 100%;
    margin-top: 0 !important;
    margin-bottom: 10px;
    text-align: center;
}

#footer .footer-container .copyright-container .custom-footer-center img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 5px;
}

#footer > div.footer-container > div.copyright-container > div > a {
    margin: 20px 0;
    display: inline-block;
}

/* ============================== CATEGORY PAGE ============================== */
#category main .category-cover-wrapper,
#category main .category-cover-wrapper img {
    border-radius: 10px !important;
    overflow: hidden !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

#category-description img {
    border-radius: 10px !important;
    display: block !important;
}

#category main .product-miniature {
    border: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    position: relative;
    padding: 10px;
}

#category main .product-miniature:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    transform: translateY(-3px) scale(1.01);
    z-index: 10;
}

@media (min-width: 1200px) {
    #category main .product-list,
    #category main #js-product-list .products {
        display: flex;
        flex-wrap: wrap;
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

    #category main .product-miniature {
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #category main .product-miniature {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #category main .product-miniature {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    #category main .product-list,
    #category main #js-product-list .products {
        display: flex;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
    }

    #category main .product-miniature {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* ============================== NEWSLETTER ============================== */
#content > div.block_newsletter {
    background-color: #3e7f3d !important;
    border-radius: 12px !important;
    padding: 2rem 1rem !important;
    color: #ffffff !important;
}

#block-newsletter-label,
#content > div.block_newsletter h1,
#content > div.block_newsletter h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

#content > div.block_newsletter p,
#content > div.block_newsletter .block_newsletter-desc {
    color: #ffffff !important;
    opacity: 0.9 !important;
}

#content > div.block_newsletter input[type="email"],
#content > div.block_newsletter input[type="text"] {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px !important;
}

#content > div.block_newsletter button,
#content > div.block_newsletter .btn-primary {
    background-color: #1c2e5b !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transition: background 0.3s ease !important;
}

#content > div.block_newsletter button:hover {
    background-color: #2a3d6d !important;
}

#content > div.block_newsletter .custom-checkbox,
#content > div.block_newsletter label,
#content > div.block_newsletter span,
#content > div.block_newsletter .condition-label {
    color: #ffffff !important;
}

/* ============================== CUSTOM BOX UNDER BUTTON ============================== */
.my-custom-box {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 0;
    display: block;
    text-align: center;
}

.my-custom-box .extra-container-content {
    text-align: center;
}

.my-custom-box .payment-badges img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ============================== PRODUCT FLAGS ============================== */
#content > ul {
    position: relative !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.product-flag,
#content > ul > li.product-flag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    left: 0 !important;
    width: auto !important;
    padding: 4px 12px !important;
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 9px !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    border-radius: 0 4px 4px 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    white-space: nowrap !important;
    border: none !important;
}

.product-flag.on-sale {
    top: 10px !important;
    background: #3e7f3d !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    z-index: 10 !important;
}

.product-flag.discount-percentage,
.product-flag.discount,
.product-flag.product-discount {
    display: flex !important;
    top: 31px !important;
    background: #1c2e5b !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    z-index: 9 !important;
    padding-right: 18px !important;
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    border-radius: 0 !important;
}

.product-flag::before,
.product-flag::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 768px) {
    .product-flag,
    #content > ul > li.product-flag {
        padding: 3px 8px !important;
        font-size: 8px !important;
    }

    .product-flag.on-sale {
        top: 8px !important;
    }

    .product-flag.discount-percentage,
    .product-flag.discount,
    .product-flag.product-discount {
        top: 27px !important;
        padding-right: 15px !important;
    }
}

/* ============================== MOBILE HEADER SAFETY ============================== */
@media (max-width: 767px) {
    header .row,
    #header .row {
        display: flex !important;
        margin: 0 !important;
        width: 100% !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
}
@media (max-width: 767px) {
    .container,
    .container-fluid,
    .page-width {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}
#amegamenu > div > ul > li a, 
#amegamenu > div > ul > li span {
    font-size: 13px !important; /* Zmanjšano s 14px na 13px */
    letter-spacing: 0.5px !important; /* Rahlo zmanjšan razmik med črkami */
    white-space: nowrap !important; /* Prepreči prelom v drugo vrstico */
}
/* ============================================================
   PRODUCT PAGE CRO CLEAN-UP
   ============================================================ */

/* Reference/SKU naj ne zaseda prostora v glavnem buying delu */
#product .product-reference {
    display: none !important;
}

/* ============================================================
   PRODUCT PAGE - REDUCE GAP BELOW BREADCRUMBS
   ============================================================ */

@media (min-width: 768px) {
    #product #wrapper {
        padding-top: 20px !important;
    }

    #product .product-mainblock {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

@media (max-width: 767px) {
    #product #wrapper {
        padding-top: 10px !important;
    }

    #product .product-mainblock {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}
/* ============================================================
   HEILTROPFEN PDP
   QUANTITY DISCOUNTS + BUY ROW + PAYMENT
   ============================================================ */

/* ============================================================
   1. NATIVE PRESTASHOP DISCOUNT TABLE
   ============================================================ */

#product .product-discounts .ht-native-discount-table {
    display: none !important;
}

#product .product-discounts:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
   2. QUANTITY DISCOUNT CARDS
   ============================================================ */

#product .ht-quantity-discount-cards {
    display: flex;
    flex-direction: column;
    gap: 9px;
    width: 100%;
    margin: 8px 0 14px 0;
}

#product .ht-qty-card {
    width: 100%;
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 11px 15px;
    margin: 0;
    background: #ffffff;
    border: 2px solid #1c2e5b;
    border-radius: 8px;
    box-sizing: border-box;
    color: #333333;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    box-shadow: none;
    transition:
        background-color 0.15s ease,
        box-shadow 0.15s ease;
}

#product .ht-qty-card:hover {
    background: #f8fbf7 !important;
    box-shadow: 0 2px 7px rgba(28, 46, 91, 0.10) !important;
}

#product .ht-qty-card.is-selected {
    background: #f2f8f0 !important;
    border-color: #1c2e5b !important;
    box-shadow: 0 0 0 1px rgba(62, 127, 61, 0.12) !important;
}

/* Select box inside discount card */
#product .ht-qty-radio {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 2px solid #1c2e5b;
    border-radius: 5px;
    box-sizing: border-box;
    color: transparent;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}

#product .ht-qty-card.is-selected .ht-qty-radio {
    background: #3e7f3d;
    border-color: #3e7f3d;
    color: #ffffff;
}

/* Remove old pseudo checkmark; JS writes the checkmark itself */
#product .ht-qty-radio::after {
    display: none !important;
    content: none !important;
}

/* Card content */
#product .ht-qty-card-main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

#product .ht-qty-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 2px 0;
}

#product .ht-qty-title {
    color: #1c2e5b;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

#product .ht-unit-price {
    color: #888888;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
}

#product .ht-save-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    background: #3e7f3d;
    border-radius: 4px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

#product .ht-total-price {
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 15px;
    color: #1c2e5b;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

/* Discount heading */
#product .product-discounts .product-discounts-title,
#product .product-discounts > .h6,
#product .product-discounts > p:first-child {
    font-weight: 600 !important;
    margin-bottom: 7px !important;
    color: #1c2e5b !important;
}

/* ============================================================
   3. NATIVE QUANTITY + PRODUCT FORM RESET
   ============================================================ */

#product .ht-native-qty-hidden {
    display: none !important;
}

#product .product-add-to-cart .product-quantity {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

#product .product-actions,
#product #add-to-cart-or-refresh,
#product .product-add-to-cart {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

#product .product-add-to-cart {
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
   4. BUY ROW
   ============================================================ */

#product .ht-buy-row {
    display: grid !important;
    grid-template-columns: 155px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* ============================================================
   5. CUSTOM QUANTITY SELECTOR
   IMPORTANT: matches current JS classes:
   .ht-qty-minus / .ht-qty-value / .ht-qty-plus
   ============================================================ */

#product .ht-buy-row .ht-qty-ui {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: stretch !important;
    width: 155px !important;
    min-width: 155px !important;
    max-width: 155px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    background: #ffffff !important;
    border: 1.5px solid #1c2e5b !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#product .ht-buy-row .ht-qty-minus,
#product .ht-buy-row .ht-qty-plus {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #1c2e5b !important;
    font-family: inherit !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    overflow: hidden !important;
    transition:
        background-color 0.15s ease,
        color 0.15s ease;
}

#product .ht-buy-row .ht-qty-minus {
    border-right: 1px solid #e1e4eb !important;
}

#product .ht-buy-row .ht-qty-plus {
    border-left: 1px solid #e1e4eb !important;
}

#product .ht-buy-row .ht-qty-minus:hover,
#product .ht-buy-row .ht-qty-plus:hover {
    background: #f5f7fa !important;
    color: #3e7f3d !important;
}

#product .ht-buy-row .ht-qty-value {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #1c2e5b !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* ============================================================
   6. ADD WRAPPER + ADD TO CART
   ============================================================ */

#product .ht-buy-row > .add {
    display: flex !important;
    align-items: stretch !important;
    position: static !important;
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

#product .ht-buy-row > .add .add-to-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    float: none !important;
    clear: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    clip-path: none !important;
    background-color: #1c2e5b !important;
    background-image: none !important;
    border: 2px solid #3e7f3d !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    text-align: center !important;
    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease !important;
}

#product .ht-buy-row > .add .add-to-cart::before,
#product .ht-buy-row > .add .add-to-cart::after {
    display: none !important;
    content: none !important;
}

#product .ht-buy-row > .add .add-to-cart:hover,
#product .ht-buy-row > .add .add-to-cart:focus {
    background-color: #3e7f3d !important;
    background-image: none !important;
    border-color: #3e7f3d !important;
    color: #ffffff !important;
}

#product .ht-buy-row > .add .add-to-cart:hover span,
#product .ht-buy-row > .add .add-to-cart:focus span {
    color: #ffffff !important;
}

/* ============================================================
   7. PAYMENT BOX + TRUST BANNER
   ============================================================ */

#product .ht-payment-box,
#product .my-custom-box.ht-payment-box {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
}

/* Trust banner is placed after the whole product form by JS */
#product .ets_baw_display_banner.displayproductvariantsafter {
    margin-top: 18px !important;
}

/* ============================================================
   8. COMPACT DISCOUNTS - DESKTOP
   ============================================================ */

@media (min-width: 1200px) {
    #product .ht-quantity-discount-cards {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: 6px !important;
        margin-bottom: 10px !important;
    }

    #product .ht-qty-card {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 58px !important;
        padding: 8px 10px !important;
        gap: 8px !important;
        border-width: 1.5px !important;
        border-radius: 8px !important;
    }

    #product .ht-qty-radio {
        flex: 0 0 20px !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 14px !important;
    }

    #product .ht-qty-card-main {
        min-width: 0 !important;
    }

    #product .ht-qty-title-row {
        gap: 5px !important;
        margin-bottom: 1px !important;
    }

    #product .ht-qty-title {
        font-size: 14px !important;
        line-height: 1.15 !important;
    }

    #product .ht-save-badge {
        padding: 2px 5px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
    }

    #product .ht-unit-price {
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    #product .ht-total-price {
        margin-left: auto !important;
        padding-left: 4px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    #product .product-discounts .product-discounts-title,
    #product .product-discounts > .h6,
    #product .product-discounts > p:first-child {
        margin-bottom: 5px !important;
    }
}

/* ============================================================
   9. TABLET
   ============================================================ */

@media (min-width: 768px) and (max-width: 1199px) {
    #product .ht-quantity-discount-cards {
        display: flex !important;
        flex-direction: column !important;
        gap: 7px !important;
        margin-bottom: 12px !important;
    }
}

/* ============================================================
   10. MOBILE
   ============================================================ */

@media (max-width: 767px) {
    #product .ht-quantity-discount-cards {
        display: flex !important;
        flex-direction: column !important;
        gap: 7px !important;
        margin-bottom: 12px !important;
    }

    #product .ht-qty-card {
        min-height: 58px;
        gap: 9px;
        padding: 9px 10px;
    }

    #product .ht-qty-radio {
        flex-basis: 20px;
        width: 20px;
        height: 20px;
        font-size: 13px;
    }

    #product .ht-qty-title {
        font-size: 14px;
    }

    #product .ht-unit-price {
        font-size: 11px;
    }

    #product .ht-save-badge {
        padding: 2px 5px;
        font-size: 9px;
    }

    #product .ht-total-price {
        padding-left: 5px;
        font-size: 14px;
    }

    #product .ht-buy-row {
        grid-template-columns: 115px minmax(0, 1fr) !important;
        gap: 7px !important;
    }

    #product .ht-buy-row .ht-qty-ui {
        grid-template-columns: 33px minmax(0, 1fr) 33px !important;
        width: 115px !important;
        min-width: 115px !important;
        max-width: 115px !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
    }

    #product .ht-buy-row .ht-qty-minus,
    #product .ht-buy-row .ht-qty-plus {
        font-size: 18px !important;
    }

    #product .ht-buy-row .ht-qty-value {
        font-size: 14px !important;
    }

    #product .ht-buy-row > .add {
        height: 48px !important;
    }

    #product .ht-buy-row > .add .add-to-cart {
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        font-size: 11px !important;
    }

    #product .ht-payment-box,
    #product .my-custom-box.ht-payment-box {
        margin-top: 8px !important;
    }

    #product .ets_baw_display_banner.displayproductvariantsafter {
        margin-top: 14px !important;
    }
}

/* ============================================================
   PRODUCT TABS CLEANUP
   IMPORTANT: do not move or force the tabs with CSS.
   Theme controls their normal position.
   ============================================================ */

#product .an-product-page-description .nav-tabs li:has(
    a[href="#product-details"]
) {
    display: none !important;
}

#product .an-product-page-description #product-details {
    display: none !important;
}

/* ============================================================
   PRODUCT GALLERY - HARD DISABLE STICKY + KEEP IN PAGE FLOW
   ============================================================ */

@media (min-width: 768px) {

    /*
     * Celoten zgornji product block mora svojo višino
     * določiti tudi po višini produktne slike.
     */
    #product .product-mainblock,
    #product .product-mainblock.sticky-product-row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;

        position: relative !important;

        height: auto !important;
        min-height: 0 !important;

        top: auto !important;
        bottom: auto !important;

        transform: none !important;

        overflow: visible !important;
    }


    /*
     * Bootstrap/Ecco Bella columns ostanejo v normalnem flowu.
     */
    #product .product-mainblock > [class*="col-"] {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        float: none !important;

        height: auto !important;
        min-height: 0 !important;

        align-self: flex-start !important;
    }


    /*
     * HARD RESET vseh običajnih gallery wrapperjev.
     */
    #product .product-mainblock .product-left-column,
    #product .product-mainblock .images-container,
    #product .product-mainblock .product-cover,
    #product .product-mainblock .product-images,
    #product .product-mainblock .product-images-wrapper,
    #product .product-mainblock .js-qv-mask,
    #product .product-mainblock .scroll-box-arrows {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        margin-top: 0 !important;

        height: auto !important;
        max-height: none !important;

        z-index: auto !important;
    }


    /*
     * Če Ecco Bella med scrollom napiše position:fixed/sticky
     * direktno v style atribut, ga povozimo.
     */
    #product .product-mainblock [style*="position: fixed"],
    #product .product-mainblock [style*="position:fixed"],
    #product .product-mainblock [style*="position: sticky"],
    #product .product-mainblock [style*="position:sticky"] {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;
    }


    /*
     * Gallery sama ne sme iti čez Description.
     */
    #product .product-cover,
    #product .images-container {
        overflow: visible !important;
    }


    /*
     * Description ostane za celotnim zgornjim product blockom.
     * Ne premikamo ga z JS.
     */
    #product .tabs.an-product-page-description {
        position: relative !important;

        clear: both !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-top: 24px !important;

        z-index: 1 !important;
    }
}
/* ============================================================
   HEILTROPFEN - DESKTOP AMEGA MENU TEXT CLIPPING FIX
   Actual desktop selectors from live DOM
   ============================================================ */

@media (min-width: 992px) {

    /* Actual dropdown panel */
    #amegamenu .amenu-item > .adropdown {
        width: 440px !important;
        min-width: 440px !important;
        max-width: 440px !important;

        box-sizing: border-box !important;
    }

    /* Actual content wrapper */
    #amegamenu .amenu-item > .adropdown > .dropdown-content,
    #amegamenu .adropdown .dropdown-content {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        padding-left: 35px !important;
        padding-right: 35px !important;
    }

    /* Category rows */
    #amegamenu .adropdown .category-item,
    #amegamenu .adropdown .category-item.level-1,
    #amegamenu .adropdown .category-title {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }

    /* Category names */
    #amegamenu .adropdown .category-title a,
    #amegamenu .adropdown .category-item a {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        white-space: normal !important;
        text-overflow: clip !important;
        overflow: visible !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;

        line-height: 1.35 !important;
    }
}
/* ============================================================
   HEILTROPFEN - BANNER SIZE TUNING
   ============================================================ */

/* Payment badges pod Add to Cart */
#product img[src*="add_to_cart_badges/payment_badges.webp"] {
    display: block !important;
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;
    margin: 8px auto 0 !important;
}


/* Footer badges čisto spodaj */
img[src*="berau_badges/badges.webp"] {
    display: block !important;
    width: 100% !important;
    max-width: 500px !important;
    height: auto !important;
    margin: 0 auto !important;
}


/* Mobile */
@media (max-width: 767px) {

    #product img[src*="add_to_cart_badges/payment_badges.webp"] {
        max-width: 310px !important;
    }

    img[src*="berau_badges/badges.webp"] {
        max-width: 400px !important;
        width: 90% !important;
    }
}
/* ============================================================
   HEILTROPFEN - FOOTER BANNER + COPYRIGHT FINE TUNING
   ============================================================ */

/* Spodnji badges banner */
.custom-footer-center img[src*="berau_badges/badges.webp"],
img[src*="berau_badges/badges.webp"] {
    display: block !important;
    width: 100% !important;
    max-width: 820px !important;
    height: auto !important;

    /* malo nižje pod zgornjo črto */
    margin: 24px auto 0 !important;
}


/* Copyright malo višje proti bannerju */
.custom-footer-center .copyright,
.custom-footer-center .footer-copyright,
.custom-footer-center p:last-child {
    margin-top: 6px !important;
    transform: translateY(-6px) !important;
}


/* MOBILE */
@media (max-width: 767px) {

    .custom-footer-center img[src*="berau_badges/badges.webp"],
    img[src*="berau_badges/badges.webp"] {
        width: 90% !important;
        max-width: 400px !important;
        margin-top: 18px !important;
    }

    .custom-footer-center .copyright,
    .custom-footer-center .footer-copyright,
    .custom-footer-center p:last-child {
        transform: translateY(-4px) !important;
    }
}
/* ============================================================
   HEILTROPFEN - ALL BLUE CTA HOVERS = GREEN
   Mini cart + cart + checkout + global primary buttons
   ============================================================ */

/* GLOBAL PRIMARY BUTTONS */
html body .btn-primary:hover,
html body .btn-primary:focus,
html body .btn-primary:focus-visible,
html body .btn-primary:active,

html body button.btn-primary:hover,
html body button.btn-primary:focus,
html body a.btn-primary:hover,
html body a.btn-primary:focus,

/* MINI CART / CART PREVIEW */
html body #header .cart-preview .cart-content-btn a:hover,
html body #header .cart-preview .cart-content-btn button:hover,
html body #header .cart-preview .cart-content-btn .btn:hover,

html body .blockcart .cart-content-btn a:hover,
html body .blockcart .cart-content-btn button:hover,
html body .blockcart .cart-content-btn .btn:hover,

html body .cart-content-btn a:hover,
html body .cart-content-btn button:hover,
html body .cart-content-btn .btn:hover,

/* FULL CART */
html body#cart .cart-detailed-actions a:hover,
html body#cart .cart-detailed-actions button:hover,
html body#cart .cart-detailed-actions .btn:hover,

html body .cart-detailed-actions a:hover,
html body .cart-detailed-actions button:hover,
html body .cart-detailed-actions .btn:hover,

/* CHECKOUT */
html body#checkout .checkout-step .btn:hover,
html body#checkout .checkout-step button:hover,
html body#checkout .checkout-step a.btn:hover,

html body#checkout .continue:hover,
html body#checkout .js-continue-button:hover,

html body#checkout #payment-confirmation button:hover,
html body#checkout #payment-confirmation .btn:hover,

html body#checkout .payment-confirmation button:hover,
html body#checkout .payment-confirmation .btn:hover,

html body#checkout button[type="submit"]:hover,
html body#checkout input[type="submit"]:hover {

    background: #3e7f3d !important;
    background-color: #3e7f3d !important;
    background-image: none !important;

    border-color: #3e7f3d !important;

    color: #ffffff !important;

    box-shadow: none !important;
}


/* ============================================================
   THEME HOVER OVERLAYS
   Some Ecco Bella buttons draw hover via ::before / ::after
   ============================================================ */

html body .btn-primary:hover::before,
html body .btn-primary:hover::after,

html body .cart-content-btn .btn:hover::before,
html body .cart-content-btn .btn:hover::after,
html body .cart-content-btn a:hover::before,
html body .cart-content-btn a:hover::after,

html body .cart-detailed-actions .btn:hover::before,
html body .cart-detailed-actions .btn:hover::after,

html body#checkout .checkout-step .btn:hover::before,
html body#checkout .checkout-step .btn:hover::after,

html body#checkout #payment-confirmation button:hover::before,
html body#checkout #payment-confirmation button:hover::after {

    background-color: #3e7f3d !important;
    border-color: #3e7f3d !important;
}


/* KEEP TEXT + ICONS WHITE */
html body .btn-primary:hover *,
html body .cart-content-btn a:hover *,
html body .cart-content-btn button:hover *,
html body .cart-detailed-actions .btn:hover *,
html body#checkout .checkout-step .btn:hover *,
html body#checkout #payment-confirmation button:hover * {

    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ============================================================
   HEILTROPFEN - EXPRESS CHECKOUT TITLE ONLY
   No payment/layout overrides
   ============================================================ */

#cart .ht-express-checkout-title {
    display: block !important;
    margin: 14px 0 12px !important;
    padding: 0 !important;
    text-align: center !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #1c2e5b !important;
}