@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');

    .messages {
        position: fixed;
        bottom: 20px;
        left: 5%;
        z-index: 99;
    }

    /* ALL PAGES COUNTER */
    .product-collateral .tab.description p,
    .product-collateral .tab.description h2,
    .product-collateral .tab.description h3,
    .product-collateral .tab.description h4,
    .product-collateral .tab.description h5,
    .product-collateral .tab.description h6 {
        margin-bottom: 16px;
    }

    .product-collateral .tab.description ul,
    .product-collateral .tab.description ol,
    .product-collateral .tab.description table {
        margin: 16px 0;
    }

    .fb_iframe_widget {
        display: none !important;
    }

    .product-view .product-shop .attr-subtitle {
        display: inline-block;
        font-size: 13px;
        background-color: #fccd02;
        color: #076324;
        padding: 4px 12px;
    }

    .countdown-section .countdown-information,
    .countdown-wrapper .countdown-text,
    .countdown-wrapper .countdown-info {
        font-size: 14px;
        color: #fff;
    }

    .gdpr-cookies .col-12 .gdpr-content .gdpr-buttons .button#accept-all-cookies {
        color: #fff;
    }

    #countdown .countdown-wrapper {
        margin: 0 4px;
        padding-right: 4px;
    }

    .countdown-wrapper .countdown-info::after {
        left: 100%;
    }

    .countdown-section,
    .countdown-section.mobile-countdown-section {
        padding: 10px 20px;
    }
    
    .countdown-section {
        justify-content: center;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .countdown-section .countdown-offer {
        flex-grow: initial;
    }

    .page-header .page-container-wrapper.desktop .page-container:first-child {
        padding-top: 0;
        padding-bottom: 0;
    }

    .custom-socialmedia {
        display: inline-block;
        width: 100%;
    }

    #review-buttons-container p.f-left {
        display: none;
    }

    .customer-testimonials-content.first {
        margin-top: 40px;
    }

    .block-layered-nav dd {
        display: block;
    }

    .customer-testimonials-content {
        display: flex;
        flex-wrap: wrap-reverse;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid #898989;
    }

    .customer-testimonials-content:hover {
        border-bottom: 2px solid #076324;
    }

    .testimonial-author {
        display: block;
        width: 100%;
        color: #65AE01;
        font-weight: bold;
    }

    .testimonial-date {
        color: #076324;
        font-weight: bold;
    }

    .customer-testimonials .page-title h1 {
        margin-bottom: 20px;
    }


    .main-aside .block-layered-nav {
        background-color: #fff;
    }


    .hello-user {
        padding: 0;
        margin-bottom: -24px;
    }

    /* =============================
    GENERAL STYLES
    ============================= */
    .badge.fara_selectie { font-size: 0; }

    body {
        cursor: default;
    }

    a:hover {
        text-decoration: none;
    }

    .blog-index-list .blog-layout-3 .blog-search-box .button {
        width: 13%;
    }
    .page-main .button-review, .page-main button.button {
        color: #ffffff;
    }

    .cms-page-view .std h2:not(.product-name) {
        font-size: 20px;
    }

    .row-bn-wide, .row-wrapper-wide {
        padding: 0;
    }
    .row-wrapper-wide  {
        background-color: #9bc11e;
    }

    .widget-new {
        max-width: 1210px;
        margin: 0 auto;
        padding: 20px;
    }

    .row-wrapper:not(.row-wrapper-wide) {
        max-width: 1210px;
    }

    .catalog-category-view [title~=fasdfsadfsdadf],
    .menu-tags li:first-child {
        display: none;
    }

    /* =============================
    GENERAL STYLES END
    ============================= */

    /* =============================
    HOMEPAGE STYLES
    ============================= */

    .page-container-wrapper--sticky .nav-container--sticky {
        padding: 0;
    }

    .page-header .desktop .header-block-1 {
        float: right;
        width: 100%;
        margin: 0 0 -15px;
        padding: 20px 0 0;
        text-align: right;
    }

    .page-header .desktop .header-block-1 a {
        font-size: 14px;
        color: #076324;
        font-weight: 700;
        line-height: 17px;
        letter-spacing: 0.1px;
    }

    @media (min-width: 996px) {
        #nav-wrapper {
            width: 250px;
            background-color: #fccd02;
        }
        
        .nav--primary li.level0.nav-1::before {
            position: absolute;
            content: '';
            top: 0;
            right: 0;
            width: 40px;
            height: 40px;
            background: url("/media/wysiwyg/arrow-categ.png") no-repeat center center;
            z-index: 2;
        }
        
        .nav--primary a.level0, .nav--primary a.level0:hover  {
            position: relative;
            text-transform: uppercase;
            font-weight: 700;
            color: #076324;
        }
        
        .nav-container--sticky .nav--primary a.level0,
        .nav-container--sticky .nav--primary a.level0:hover {
            color: #ffffff;
            font-weight: 900;
        }
        
        .nav--primary .submenu ul.level1 {
            min-width: 540px;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
            background-color: #fff;
        }
        
        .nav--primary ul.level0 ul {
            top: 0;
        }
        
        .nav--primary ul > li.level2 {
            width: 50%;
            float: left;
        }
        
        .nav--primary ul > li.parent > a.level2::after {
            content: none;
        }
        
        .nav--primary ul.level0 ul.level1 {
            top: 0;
        }
        
        .nav--primary ul.level0 ul.level2 {
            display: none;
        }
        
        .nav--primary,
        .nav--primary .level0.nav-1,
        .nav--primary a.level0 {
            width: 100%;
        }
        
        .nav--primary .submenu {
            background-color: transparent;
        }
        
        .nav--primary ul > li {
            border: 0;
        }
        
        .page-header .desktop .logo,
        .page-header .desktop .logo a {
            height: 120px;
            width: 170px;
        }
        
        .mini-wrappers {
            margin-top: 20px;
        }
        
        .page-header .list--horizontal .list__item {
            float: none;
        }

            .page-header .desktop .list--links .list__item:first-child {
                    display: none;
            }

            .page-header[data-customer-logged-in="1"] .desktop .list--links .list__item:first-child {
                    display: inline;
            }
        
        .page-header .desktop .list--links .list__item a {
            font-size: 12px;
            line-height: 17px;
            letter-spacing: 0.2px;
            color: #898989;
        } 

        .page-header .desktop .list--links .list__item:first-child a {
                font-weight: 600;
                text-transform: uppercase;
            }
        
        .page-header .desktop .list--links .list__item:last-child a strong {
            display: block;
            font-size: 14px;
            color: #076324;
            font-weight: 700;
            line-height: 17px;
            letter-spacing: 0.1px;
        }
        
        .page-header .desktop .mini-search {
            margin-top: 5px;
        }
        
        .form-search button {
            width: 40px;
            height: 40px;
        }
        
        .form-search input {
            height: 40px;
            border: 1px solid #e1e1e1;
            border-radius: 5px;
            font-size: 13px;
            color: #b2b2b2;
            width: 450px;
        }
        
        .page-header .mini-wrapper-2 > div + div {
            border: 0;
            margin-right: 0;
        }
        
        .block-cart a > span {
            font-size: 14px;
            color: #076324;
            font-weight: 700;
            line-height: 17px;
            letter-spacing: 0.1px;
        }
        
        .block-cart > a > span > span {
            font-size: 12px;
            line-height: 17px;
            letter-spacing: 0.2px;
            color: #898989;
            font-weight: 400;
        }
        
        .catalogsearch-result-index .page-main,
        .catalog-category-view .page-main,
        .catalog-category-view .page-main .page-container-wrapper,
        .catalogsearch-result-index.layout-2columns-left .main-aside, 
        .catalog-category-view.layout-2columns-left .main-aside {
            position: inherit;
        }
        
        .catalogsearch-result-index.layout-2columns-left .main-aside,
        .catalog-category-view.layout-2columns-left .main-aside {
            position: inherit;
        }
        
        .catalogsearch-result-index .page-main .main-aside,
        .catalog-category-view .page-main .main-aside {
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            flex-flow: column wrap;
        }
        
        .catalogsearch-result-index .page-main .main-aside .block.block-layered-nav,
        .catalog-category-view .page-main .main-aside .block.block-layered-nav {
            order: 1;
        }
        
        .catalogsearch-result-index .page-main .main-aside .block.block-tags,
        .catalog-category-view .page-main .main-aside .block.block-tags {
            order: 2;
            margin-top: 20px;
        }
    }

    .block-cart .block-cart-aside .block-content::after {
        border-bottom: 10px solid #fccd02;
    }

    .page-header .desktop .mini-account i {
        background-size: 100%;
    }

    .page-header .desktop .header-wishlist-count a,
    .page-header .desktop .mini-account {
        display: flex;
    }

    .page-header .desktop .header-wishlist-count a span.label {
        color: #898989;
    }

    .page-header .desktop .header-wishlist-count a span.label strong {
        color: #076324;
    }

    .block-cart > a > i em {
        background-color: #fccd02;
        color: #076324;
    }

    .list--dividers .list__item::before {
        display: none;
    }

    .nav-container .links-after {
        margin-left: 15px;
    }

    .nav--primary.expanded li.parent.active > a:after {
        display: none;
    }

    /* =============================
    BANNER STYLES
    ============================= */

    .showcase-inner {
        margin-top: 15px;
    }

    .page-main .page-container-wrapper .row-bn {
        max-width: 1210px;
    }

    .bn-wrapper {
        position: relative;
    }

    .bn-wrapper .over-banner {
        position: absolute;
        top: 0;
        left: 0;
        padding: 40px 60px 40px 60px;
        z-index: 2;
        content: '';
        text-align: left;
    }

    .bn-wrapper .over-banner h2 {
        color: #076324;
        font-size: 48px;
        line-height: 61px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .bn-wrapper .over-banner span {
        color: #65ae01;
    }

    .bn-wrapper .over-banner p {
        font-size: 16px;
        font-weight: 400;
        color: #898989;
        line-height: 24px;
        margin-bottom: 30px;
        width: 80%;
    }

    .bn-wrapper .over-banner a {
        font-size: 14px;
        font-weight: 700;
        text-transform: none;
        color: #076324;
        padding: 10.5px 31px;
        border-radius: 5px;
        text-align: center;
        background-image: -webkit-linear-gradient(top, #fce702, #fccd02);
        background-image: -moz-linear-gradient(top, #fce702, #fccd02);
        background-image: -ms-linear-gradient(top, #fce702, #fccd02);
        background-image: -o-linear-gradient(top, #fce702, #fccd02);
        background-image: linear-gradient(to bottom, #fce702, #fccd02);
        transition: 0.3s ease-in;
        border: 1px solid #fccd02;
    }

    .bn-wrapper .over-banner a:hover {
        background-image: -webkit-linear-gradient(top, #fccd02, #fce702);
        background-image: -moz-linear-gradient(top, #fccd02, #fce702);
        background-image: -ms-linear-gradient(top, #fccd02, #fce702);
        background-image: -o-linear-gradient(top, #fccd02, #fce702);
        background-image: linear-gradient(to bottom, #fccd02, #fce702);
        transition: 0.3s ease-in;
    }

    .showcase .slick-dots button {
        background-image: -webkit-linear-gradient(top, #8dc63f, #076324);
        background-image: -moz-linear-gradient(top, #8dc63f, #076324);
        background-image: -ms-linear-gradient(top, #8dc63f, #076324);
        background-image: -o-linear-gradient(top, #8dc63f, #076324);
        background-image: linear-gradient(to bottom, #8dc63f, #076324);
        border: 1px solid #076324;
        box-shadow: none;
        width: 15px;
        height: 15px;
    }

    .showcase .slick-dots .slick-active button {
        background-image: -webkit-linear-gradient(top, #e1e1e1, #fafafa);
        background-image: -moz-linear-gradient(top, #e1e1e1, #fafafa);
        background-image: -ms-linear-gradient(top, #e1e1e1, #fafafa);
        background-image: -o-linear-gradient(top, #e1e1e1, #fafafa);
    }

    .showcase .controls-middle .slick-dots {
        padding-left: 60px;
        left: 0;
        transform: translateX(0);
    }

    /* =============================
    BANNER STYLES END
    ============================= */

    /* =============================
    BENEFICII STYLES
    ============================= */

    .beneficii {
        padding: 14px 0;
        background-color: #076324;
        margin-top: -10px;
    }

    .beneficii li:last-child {
        width: 20%;
    }

    .beneficii li:first-child {
        width: 30%;
    }

    .beneficii li {
        display: inline-block;
        width: 25%;
        float: left;
    }

    .beneficii strong {
        font-weight: 700;
        color: #65ae01;
        font-size: 13px;
    }

    .beneficii span {
        color: #65ae01;
        font-size: 13px;
        font-weight: 400;
    }

    .beneficii .box {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        background-color: #fff;
    }

    .beneficii p {
        font-size: 13px;
        color: #fff;
        font-weight: 700;
        line-height: 17px;
        letter-spacing: 0.1px;
    }

    .cms-home .row-wrapper:nth-child(2) {
        max-width: 1210px;
    }

    .beneficii ul {
        display: flex;
        align-items: center;
    }

    .beneficii .image-box {
        width: 72px;
        display: inline-block;
        float: left;
        padding-left: 30px;
    }

    .beneficii .text-box {
        display: inline-block;
        float: left;
        padding-left: 45px;
        padding-top: 20px;
    }

    /* =============================
    BENEFICII STYLES END
    ============================= */

    /* =============================
    CATEGORII STYLES
    ============================= */

    .buy-by-type-slider .slick-next {
        position: absolute;
        border-left: 1px solid #076324;
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        background: url(/media/wysiwyg/arrow-right.png) 50% 50% no-repeat;
        right: 0;
        top: -73px;
        width: 40px;
        height: 42px;
        font-size: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-left: 1px solid #076324;
        border-right: 0;
        border-bottom: 0;
    }

    .buy-by-type-slider .slick-prev {
        position: absolute;
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        background: url(/media/wysiwyg/arrow-left.png) 50% 50% no-repeat;
        top: -73px;
        font-size: 0;
        right: 41px;
        width: 40px;
        height: 42px;
        left: inherit;
        border-left: 1px solid #076324;
        border-right: 0;
        border-bottom: 0;
    }

    .buy-by-brand-slider .slick-next {
        position: absolute;
        border-left: 1px solid #076324;
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        background: url(/media/wysiwyg/arrow-right.png) 50% 50% no-repeat;
        right: 0;
        top: -73px;
        width: 40px;
        height: 42px;
        font-size: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-left: 1px solid #076324;
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
    }

    .buy-by-brand-slider .slick-prev {
        position: absolute;
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        background: url(/media/wysiwyg/arrow-left.png) 50% 50% no-repeat;
        top: -73px;
        font-size: 0;
        right: 41px;
        width: 40px;
        height: 42px;
        left: inherit;
        border-left: 1px solid #076324;
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
    }

    .categories {
        margin-top: -10px;
    }

    .categories li {
        display: inline-block;
        float: left;
        width: 33.3%;
        position: relative;
        text-align: center;
        margin-bottom: 20px;
    }

    .categories li:first-child,
    .categories li:nth-child(4) {
        text-align: left;
    }

    .categories li:last-child,
    .categories li:nth-child(3) {
        text-align: right;
    }

    .categories li:nth-child(2),
    .categories li:nth-child(5) {
        text-align: center;
    }

    .categories li:first-child .categories-description,
    .categories li:nth-child(4) .categories-description {
        padding: 13px 20px;
    }

    .categories li:nth-child(2) .categories-description,
    .categories li:nth-child(5) .categories-description {
        padding: 13px 30px;
    }

    .categories li:last-child .categories-description,
    .categories li:nth-child(3) .categories-description {
        padding: 13px 40px;
    }

    .categories p {
        line-height: 21px;
        font-weight: 400;
        font-size: 14px;
        text-align: left;
    }

    .categories h3 {
        font-size: 26px;
        line-height: 21px;
        font-weight: 700;
        color: #076324;
        margin-bottom: 5px;
    }

    .categories span {
        font-size: 26px;
        line-height: 21px;
        font-weight: 700;
        color: #65ae01;
    }

    .categories img {
        transition: 0.3s fade-in;
    }

    .categories li:hover img {
        box-shadow: 0 0 5px 3px rgba(12, 13, 13, 0.1);
        transition: 0.3s fade-in;
    }

    .categories .categories-description {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        content: '';
    }

    .cms-home .row-wrapper:nth-child(3) {
        max-width: 1210px;
    }

    /* =============================
    CATEGORII STYLES END
    ============================= */

    /* =============================
    WIDGET STYLES
    ============================= */
    .my-wishlist table .add-to-cart-alt button {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        height: 45px;
        text-transform: none;
    }

    .my-wishlist table .add-to-cart-alt input {
        margin-right: 10px;
        border-right: 1px solid #ccc;
        border-radius: 5px;
    }

    .mini-account .list--links a {
        text-transform: none;
    }

    .mini-account .list--horizontal .list__item:last-child {
        text-transform: uppercase;
    }

    .products-grid .product-box .ratings {
        display: flex;
        align-items: center;
        line-height: 20px;
    }

    .products-grid .product-box .ratings .rating-link {
        order: 2;
        font-size: 13px;
        font-weight: 600;
        margin-left: 10px;
    }

    .products-grid .product-box .ratings .rating-box {
        order: 1;
    }

    div#pc-tab-reviews.tab.tab-ratings a {
        color: #9bc11e;
    }

    .products-grid .item-inner {
        background-color: #fff;
    }

    .product-view .product-shop .add-to-cart button {
        background-image: -webkit-linear-gradient(top, #fce702, #fccd02);
        background-image: -moz-linear-gradient(top, #fce702, #fccd02);
        background-image: -ms-linear-gradient(top, #fce702, #fccd02);
        background-image: -o-linear-gradient(top, #fce702, #fccd02);
        background-image: linear-gradient(to bottom, #fce702, #fccd02);
        transition: 0.3s ease-in;
        text-transform: none;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
        letter-spacing: 0.1px;
        margin-right: 10px;
        border: 1px solid #fccd02;
        color: #076324;
        float: left;
        height: 41px;
    }

    .catalog-category-view .products-grid .tax-details {
        display: none;
    }

    div.form-add-review a {
        color: #076324;
    }

    .products-grid .add-to-links,
    .add-to-links li a {
        font-size: 0;
    }

    .widget-multiproducts {
        position: relative;
        margin-top: -35px;
    }

    .widget-multiproducts .products-grid .product-name a {
        text-transform: none;
    }

    .widget-multiproducts .product-manufacturer {
        display: none;
    }

    .widget-multiproducts .std {
        display: none;
    }

    .cms-home h2.subtitle {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
    }

    .products-grid .slick-next {
        border: 1px solid #076324;
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        background: url('/media/wysiwyg/arrow-right.png') 50% 50% no-repeat;
        right: 5px;
        top: -73px;
        width: 40px;
        height: 42px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        
    }

    .products-grid .slick-prev {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        background: url('/media/wysiwyg/arrow-left.png') 50% 50% no-repeat;
        top: -73px;
        right: 46px;
        width: 40px;
        height: 42px;
        left: inherit;
        border: 1px solid #076324;
        margin-right: -2px;
    }

    .products-grid .slick-next:hover {
        background-image: -webkit-linear-gradient(top, #659614, #9bc11e);
        background-image: -moz-linear-gradient(top, #659614, #9bc11e);
        background-image: -ms-linear-gradient(top, #659614, #9bc11e);
        background-image: -o-linear-gradient(top, #659614, #9bc11e);
        background-image: linear-gradient(to bottom, #659614, #9bc11e);
        background: url('/media/wysiwyg/arrow-right.png') 50% 50% no-repeat;
    }

    .products-grid .slick-prev:hover {
        background-image: -webkit-linear-gradient(top, #659614, #9bc11e);
        background-image: -moz-linear-gradient(top, #659614, #9bc11e);
        background-image: -ms-linear-gradient(top, #659614, #9bc11e);
        background-image: -o-linear-gradient(top, #659614, #9bc11e);
        background-image: linear-gradient(to bottom, #659614, #9bc11e);
        background: url('/media/wysiwyg/arrow-left.png') 50% 50% no-repeat;
    }

    .products-grid .product-actions .button {
        background-image: -webkit-linear-gradient(top, #fce702, #fccd02);
        background-image: -moz-linear-gradient(top, #fce702, #fccd02);
        background-image: -ms-linear-gradient(top, #fce702, #fccd02);
        background-image: -o-linear-gradient(top, #fce702, #fccd02);
        background-image: linear-gradient(to bottom, #fce702, #fccd02);
        text-transform: none;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: 0.1px;
        max-width: 155px;
        margin-right: 10px;
        border: 1px solid #fccd02;
        color: #076324;
        float: left;
        height: 41px;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }

    .products-grid .product-actions .button:hover {
        background-image: -webkit-linear-gradient(top, #fccd02, #fce702);
        background-image: -moz-linear-gradient(top, #fccd02, #fce702);
        background-image: -ms-linear-gradient(top, #fccd02, #fce702);
        background-image: -o-linear-gradient(top, #fccd02, #fce702);
        background-image: linear-gradient(to bottom, #fccd02, #fce702);
        text-transform: none;
        text-decoration: none;
    }

    .widget-multiproducts .products-grid.grid-4 li.item {
        margin-top: 20px;
    }

    .widget-multiproducts .product-actions {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
    }

    .products-grid .add-to-links {
        display: flex;
        align-items: center;
        align-content: center;
        margin-top: 0;
        height: 41px;
    }

    .products-grid .add-to-links li {
        padding: 0;
        width: 40px;
    }

    .products-grid .add-to-links li:last-child {
        margin-left: 8px;
    }

    .add-to-links li a.link-compare:before,
    .add-to-links li a.link-wishlist:before {
        background-image: -webkit-linear-gradient(top, #fafafa, #e1e1e1);
        background-image: -moz-linear-gradient(top, #fafafa, #e1e1e1);
        background-image: -ms-linear-gradient(top, #fafafa, #e1e1e1);
        background-image: -o-linear-gradient(top, #fafafa, #e1e1e1);
        background-image: linear-gradient(to bottom, #fafafa, #e1e1e1);
        transition: 0.3s fade-in;
        border-radius: 5px;
        border: 1px solid #e1e1e1;
        width: 41px;
        height: 41px;
    }

    .add-to-links li a.link-compare:hover:before,
    .add-to-links li a.link-wishlist:hover:before {
        background-image: -webkit-linear-gradient(top, #e1e1e1, #fafafa);
        background-image: -moz-linear-gradient(top, #e1e1e1, #fafafa);
        background-image: -ms-linear-gradient(top, #e1e1e1, #fafafa);
        background-image: -o-linear-gradient(top, #e1e1e1, #fafafa);
        background-image: linear-gradient(to bottom, #e1e1e1, #fafafa);
        transition: 0.3s fade-in;
    }

    .products-grid .price-box .price {
        line-height: 21px;
    }

    .products-grid .price-box .special-price .price-label {
        display: none;
    }

    .products-grid .price-box .old-price .price-label {
        display: none;
    }

    .products-grid .product-box .product-info .discount {
        display: none;
    }

    .products-grid .price-box .special-price .price {
        color: #fc6001;
    }

    .products-grid .price-box .old-price .price {
        font-size: 16px;
        color: #898989 !important;
    }

    .products-grid .product-badges {
        display: block;
    }

    .catalog-product-view .badge--new,
    .catalog-product-view .badge--sale,
    .catalog-product-view .promo {
        display: inline-block;
    }

    .product-badges .produs_nou,
    .catalog-product-view .badge--new {
        background: url(/media/wysiwyg/nou.png) 50% 50% no-repeat;
        text-align: left;
        width: 38px;
        height: 38px;
        font-size: 0;
    }

    .products-grid .product-badges .badge,
    .products-list .product-badges .badge {
        display: block;
    }

    .products-grid .product-badges .badge.produs_nou,
    .products-list .product-badges .badge.produs_nou {
        min-width: inherit;
    }

    .products-grid .product-badges .produs_copii,
    .catalog-product-view .badge--produs_copii,
    .catalog-product-view .produs_copii {
        min-width: 0;
        background: url(/media/wysiwyg/copii.png) 50% 50% no-repeat;
        height: 38px;
        width: 38px;
        font-size: 0;
    }

    .products-grid .product-badges .top_vanzari {
        min-width: 0;
        background: url(/media/wysiwyg/top.png) 50% 50% no-repeat;
        height: 38px;
        width: 38px;
        font-size: 0;
        display: block;
        margin-top: 8px;
    }

    .products-grid .product-badges .produs_fara_gluten {
        min-width: 0;
        background: url(/media/wysiwyg/fara_gluten.png) 50% 50% no-repeat;
        height: 38px;
        width: 38px;
        font-size: 0;
        display: block;
        margin-top: 8px;
    }

    .catalog-product-view .badge--produs_fara_gluten,
    .catalog-product-view .produs_fara_gluten {
        background: url(/media/wysiwyg/fara_gluten.png) 50% 50% no-repeat;
        text-align: left;
        width: 38px;
        height: 38px;
        font-size: 0;
    }

    .products-grid .product-badges .produs_bio_gourmet {
        min-width: 0;
        background: url(/media/wysiwyg/bio_gourmet.png) 50% 50% no-repeat;
        height: 38px;
        width: 38px;
        font-size: 0;
        display: block;
        margin-top: 8px;
    }

    .products-grid .product-badges .produs_pentru_gravide {
        min-width: 0;
        background: url(/media/wysiwyg/i_pregnant.png) 50% 50% no-repeat;
        height: 38px;
        width: 38px;
        font-size: 0;
        display: block;
        margin-top: 8px;
        
    }

    .catalog-product-view .badge--produs_pentru_gravide,
    .catalog-product-view .produs_pentru_gravide {
        background: url(/media/wysiwyg/i_pregnant.png) 50% 50% no-repeat;
        text-align: left;
        width: 38px;
        height: 38px;
        font-size: 0;
    }

    .catalog-product-view .badge--produs_bio_gourmet,
    .catalog-product-view .produs_bio_gourmet {
        background: url(/media/wysiwyg/bio_gourmet.png) 50% 50% no-repeat;
        text-align: left;
        width: 38px;
        height: 38px;
        font-size: 0;
    }

    .catalog-product-view .badge--produs_copii,
    .catalog-product-view .produs_copii {
        background: url(/media/wysiwyg/copii.png) 50% 50% no-repeat;
        text-align: left;
        width: 38px;
        height: 38px;
        font-size: 0;
    }

    .catalog-product-view .badge--top_vanzari,
    .catalog-product-view .top_vanzari {
        background: url(/media/wysiwyg/top.png) 50% 50% no-repeat;
        text-align: left;
        width: 38px;
        height: 38px;
        font-size: 0;
    }

    .row-wrapper:nth-child(5) {
        margin-top: 40px;
    }

    .buy-by-type li {
        width: 25%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0 10px;
    }

    .buy-by-type h3 {
        display: inline;
        font-size: 24px;
        color: #076324;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.1px;
    }

    .buy-by-type p {
        display: inline-block;
        font-size: 24px;
        color: #65ae01;
        font-weight: 700;
    }

    .buy-by-type span {
        font-size: 24px;
        color: #65ae01;
        display: block;
    }

    .buy-by-type .type-description {
        margin-left: 25px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        z-index: 2;
        content: '';
    }

    .buy-by-type img {
        transition: 0.3s fade-in;
    }

    .buy-by-type li:hover img {
        box-shadow: 0 0 5px 3px rgba(12, 13, 13, 0.1);
        transition: 0.3s fade-in;
    }

    .buy-by-type h2 {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 30px;
        margin-top: -10px;
    }

    .buy-by-brand h2 {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 30px;
    }

    .buy-by-brand li {
        display: inline-block;
        float: left;
        width: 33.3%;
        text-align: center;
        margin-bottom: 15px;
    }

    .buy-by-brand li:first-child,
    .buy-by-brand li:nth-child(4) {
        text-align: left;
    }

    .buy-by-brand li:nth-child(3) {
        text-align: right;
    }

    .buy-by-brand li:nth-child(5) {
        text-align: center;
    }

    .buy-by-brand li:hover img {
        box-shadow: 0 0 5px 3px rgba(12, 13, 13, 0.1);
        transition: 0.3s fade-in;
    }

    .latest-blog-post .subtitle {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 30px;
        width: 100%;
    }

    .latest-blog-post li.item .info-posted {
        display: none;
    }

    .latest-blog-post li.item .post-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 21px;
        color: #65ae01;
        min-height: 10px;
        margin-bottom: 5px;
    }

    .latest-blog-post li.item .post-title:hover {
        color: #fff;
    }

    .latest-blog-post li.item .content-blog-box p {
        font-size: 13px;
        line-height: 19px;
        margin-bottom: 0;
    }

    .latest-blog-post .products-grid .item-inner {
        margin-top: -15px;
    }

    .latest-blog-post li.item .read-more {
        font-style: normal;
        font-size: 13px;
        font-weight: 700;
        line-height: 19px;
        color: #898989;
        text-decoration: underline;
        padding: 0;
        margin-left: 35px;
    }

    .latest-blog-post .products-grid .slick-prev {
        top: -73px;
        right: 46px;
    }

    .latest-blog-post .products-grid .slick-next {
        top: -73px;
        right: 6px;
    }

    .row-wrapper:nth-child(7) .col-6:last-child {
        padding-left: 10px;
    }

    .row-wrapper:nth-child(7) {
        margin-top: 30px;
    }

    .product-view .product-shop .price-box .price-label {
        display: block;
    }

    .filters-mobile-trigger {
        background-color: #65ae01;
    }

    .products-grid .product-badges + .product-badges {
        top: 60px
    }

    .products-grid .product-badges + .product-badges  .badge--sale,
    .products-grid .product-badges + .product-badges  .produs_promo {
        display: block;
    }

    .products-grid .product-name{
        text-transform: none;
    }

    .products-grid .product-badges .badge.fara_selectie {
        display: none;
    }

    .products-grid .product-badges .badge--sale,
    .products-grid .product-badges .produs_promo {
        color: #fff;
        background-color: #fc1f01;
        width: 38px;
        height: 38px;
        font-size: 10px;
        margin-left: 2px;
        border-radius: 50%;
        font-weight: 700;
        padding: 13px 0;
        margin-top: 8px;
        min-width: 0;
        box-shadow: -2px 4px 6px -2px rgba(0, 0, 0, 0.25);
    }

    .products-grid .product-badges .produs_promo {
        font-size: 0;
        position: relative;
    }

    .products-grid .product-badges .produs_promo:after {
        content: 'Promo';
        font-size: 9px;
        line-height: 13px;
    }

    .catalog-product-view .product-shop .badge--produs_promo {
        color: #fff;
        background-color: #fc1f01;
        width: 38px;
        height: 38px;
        font-size: 9px;
        margin-left: 2px;
        border-radius: 50%;
        font-weight: 700;
        padding: 15px 0;
        margin-top: 8px;
        min-width: 0;
        box-shadow: -2px 4px 6px -2px rgba(0, 0, 0, 0.25);
    }

    .catalog-product-view .product-view .product-shop .product-sku {
        display: flex;
    }

    .catalog-product-view .product-sku .label {
        position: relative;
        font-weight: 400;
        left: 10px;
    }

    .catalog-product-view .product-sku tr {
        display: -webkit-box;
    }

    .catalog-product-view .product-sku .data {
        color: #076324;
        display: block;
        margin-left: 17px;
    }

    .catalog-product-view .product-sku .label:after {
        position: absolute;
        top: 0;
        left: -10px;
        z-index: 2;
        content: '|';
        width: 5px;
        height: 19px;
    }

    .products-grid .product-badges .badge--new {
        min-width: 0;
        background: url(/media/wysiwyg/nou.png) 50% 50% no-repeat;
        height: 38px;
        width: 38px;
        font-size: 0;
    }

    .catalogsearch-result-index .products-grid .product-name a {
        text-transform: none;
    }

    .catalogsearch-result-index .product-box .std {
        display: none;
    }

    .tag-product-list .products-grid .product-name a {
        text-transform: none;
    }

    .tag-product-list .product-box .std {
        display: none;
    }

    .catalog-product-view .product-sku .label:before {
        position: absolute;
        top: 0;
        right: -5px;
        content: ':';
        z-index: 2;
        width: 5px;
        height: 19px;
    }

    .product-view .product-shop .price-box .price-label {
        font-size: 13px;
    }

    .multiple-checkout .step-title, .opc .step-title {
        background-color: #3A3A3A;
        text-transform: capitalize;
        color: #fff;
    }

    .multiple-checkout .allow .step-title, .opc .allow .step-title {
        background-color: #3A3A3A;
        text-transform: capitalize;
        color: #fff;
    }

    .multiple-checkout .active .step-title, .opc .active .step-title {
        background-color: #65AE01;
        text-transform: capitalize;
        color: #fff;
        position: relative;
    }

    .multiple-checkout .step-title h2, .opc .step-title h2 {
        margin-left: 40px;
    }

    .opc-login {
        position: relative;
    }

    .multiple-checkout .step .payment-title:hover:before, .multiple-checkout .step input[type=radio]+label:hover:before, .opc .step .payment-title:hover:before, .opc .step input[type=radio]+label:hover:before,
    .multiple-checkout .step .payment-title.selected:before, .multiple-checkout .step input[type=checkbox]:checked+label:before, .multiple-checkout .step input[type=radio]:checked+label:before, .opc .step .payment-title.selected:before, .opc .step input[type=checkbox]:checked+label:before, .opc .step input[type=radio]:checked+label:before {
        background-color: #076324;
    }

    #opc-billing .step #co-billing-form ul .chose-entity input[type=radio]:checked+label {
        border-bottom: 4px solid #076324;
    }

    .multiple-checkout .step-title strong, .opc .step-title strong,
    .multiple-checkout .active .step-title strong, .opc .active .step-title strong {
        font-size: 14px;
        font-weight: 700;
        color: #000;
        background-color: #fff;
        border-radius: 50%;
        display: block;
        z-index: 9;
        padding: 0 11px;
        margin-top: 17px; 
    }

    .multiple-checkout .allow .step-title a, .opc .allow .step-title a {
        color: #fff;
    }


    .multiple-checkout .step, .opc .step {
        border: 1px solid #f5f5f5;
        padding: 5px;
    }

    .cms-no-route .std h2 {
        font-size: 0;
    }

    .cms-no-route .widget-multiproducts .subtitle {
        margin-top: 40px;
    }

    /* =============================
    WIDGET STYLES END
    ============================= */

    /* =============================
    FOOTER STYLES
    ============================= */

    .page-footer .footer-links .footer-blog .latest-blog-post  li {
        margin-bottom:  0;
        padding-bottom: 0 ;
    }

    .page-footer .footer-links ul {
        width: 25%;
    }

    .page-footer .col-4 {
        width: 100%;
    }

    .page-footer .footer-links .payment li:first-child {
        width: 100%;
        margin-bottom: 35px;
    }

    .page-footer .footer-links .payment li {
        display: inline-block;
        width: 50%;
        float: left;
    }

    .page-footer .footer-links .payment img {
        border-radius: 5px;
    }

    .page-footer .footer-links .payment li:last-child {
        text-align: right;
    }

    .page-footer .footer-links .payment li:last-child img {
        margin-top: -20px;
    }

    .page-footer .footer-links .footer-blog li .products-grid li.item {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .page-footer .footer-links .footer-blog li:first-child {
        border-bottom: 1px solid #65ae01;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .page-footer .footer-links .newsletter-info li:first-of-type {
        border-bottom: 1px solid #65ae01;
        padding-bottom: 15px;
    }

    .page-footer .footer-links .website-info li:first-child {
        border-bottom: 1px solid #65ae01;
        padding-bottom: 15px;
    }

    .page-footer .footer-links .website-info li:first-child {
        margin-bottom: 10px;
    }

    .page-footer .footer-links .website-info li {
        margin-bottom: 5px;
    }

    .page-footer .footer-links .newsletter-info li {
        margin-bottom: 10px;
    }

    .page-footer .marketing-box--newsletter i {
        display: none;
    }

    .page-footer .marketing-box .box-title {
        display: none;
    }

    .page-footer .marketing-box .box-content {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .page-footer .marketing-box--newsletter .input-text {
        max-width: 275px;
        min-width: 230px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        font-size: 13px;
        padding: 15px;
        color: #ccc;
    }

    .page-footer .marketing-box--newsletter .button {
        background: url('/media/wysiwyg/arrow-right.png') 50% 50% no-repeat;
        background-color: #65ae01;
        transition: 0.3s fade-in;
        font-size: 0;
        width: 40px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .page-footer .marketing-box--newsletter .button:hover {
        transition: 0.3s fade-in;
    }

    .page-footer .marketing-box--newsletter {
        float: none;
    }

    .list--social a {
        background-color: #fff;
        border-radius: 5px;
    }

    .list--social {
        width: 100% !important;
    }

    .list--social {
        display: flex;
        justify-content: flex-start;
        flex-flow: row wrap;
    }


    .custom-socialmedia .list--social li:first-child {
        border: 0 !important;
        padding-bottom: 0 !important;
    }

    .page-footer .copyright {
        display: none;
    }

    .footer-widget {
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #076324;
    }

    .footer-widget a {
        font-weight: 700;
    }

    .footer-widget p {
        border-top: 1px solid #65ae01;
        padding: 20px 20px 0;
    }

    .page-footer .legals {
        display: none;
    }

    .page-footer .page-container {
        padding-bottom: 75px;
    }

    .page-footer .page-container--small {
        display: none;
    }

    .page-footer .footer-links .latest-blog-post {
        width: 100% !important;
    }

    .footer-links ul li div.latest-blog-post ul.products-grid {
        width: 100%;
    }

    .footer-links ul li div.latest-blog-post ul.products-grid .item-inner {
        background-color: transparent;
    }

    .footer-links ul li div.latest-blog-post ul.products-grid .item-inner .content-blog-box {
        padding-left: 0;
    }

    .footer-links .latest-blog-post .item {
        display: block;
        width: 100%;
    }

    .footer-links .latest-blog-post .item .image-box,
    .footer-links .latest-blog-post .item .info-posted,
    .footer-links .latest-blog-post .item .content-blog-box p,
    .footer-links .latest-blog-post .item .read-more {
        display: none;
    }

    .footer-links .latest-blog-post .products-grid.grid-6 li.item,
    .footer-links .latest-blog-post .products-grid.grid-6 li.item .content-blog-box {
        width: 100%;
        float: none;
        clear: both;
        padding: 5px 2px !important;
    }

    .footer-links .latest-blog-post .products-grid.grid-6 li.item {
        height: 20px;
        margin-bottom: 0;
    }

    .footer-links .latest-blog-post li.item .post-title {
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        line-height: 20px;
    }

    .footer-links .latest-blog-post h2.subtitle {
        display: none;
    }

    /* =============================
    FOOTER STYLES END
    ============================= */

    .cms-cum-cumpar .std h4 {
        display: flex;
        align-items: center;
    }

    .cms-cum-cumpar .std h4 strong {
        text-transform: none;
        color: #046022;
    }

    .cms-cum-cumpar .std h5 strong {
        margin-left: 15px;
    }

    .cms-cum-cumpar .std h5 {
        display: flex;
        align-items: center;
    }

    .opc-block-progress .block-content dt {
        padding: 10px 5px;
        margin-top: 3px;
        background-color: #757575;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
    }

    .cms-cum-cumpar .std a {
        text-decoration: none;
    }

    .cms-cum-cumpar .std h4 {
        padding-left: 0;
        border-bottom: 0;
    }

    .cms-cum-cumpar .std h4 .imagine-cum-cumpar {
        margin-left: 15px;
    }

    .cms-no-route .std ul {
        margin-top: 0;
    }

    .cms-no-route .std a {
        text-decoration: none;
    }

    /* =============================
    HOMEPAGE STYLES END
    ============================= */

    /* =============================
    PRODUCT LISTING STYLES
    ============================= */

    .products-grid .product-actions .out-of-stock {
        background-image: -webkit-linear-gradient(top, #fce702, #fccd02);
        background-image: -moz-linear-gradient(top, #fce702, #fccd02);
        background-image: -ms-linear-gradient(top, #fce702, #fccd02);
        background-image: -o-linear-gradient(top, #fce702, #fccd02);
        background-image: linear-gradient(to bottom, #fce702, #fccd02);
        transition: 0.3s ease-in;
        text-transform: none;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: 0.1px;
        max-width: 155px;
        margin-right: 10px;
        border: 1px solid #fccd02;
        color: #076324;
        float: left;
        height: 41px;
    }

    .products-grid .product-actions .out-of-stock:hover {
        background-image: -webkit-linear-gradient(top, #fccd02, #fce702);
        background-image: -moz-linear-gradient(top, #fccd02, #fce702);
        background-image: -ms-linear-gradient(top, #fccd02, #fce702);
        background-image: -o-linear-gradient(top, #fccd02, #fce702);
        background-image: linear-gradient(to bottom, #fccd02, #fce702);
        transition: 0.3s ease-in;
        text-transform: none;
        text-decoration: none;
    }

    .main-aside .block .actions a, .products-grid .availability, .products-list .availability, a.button, button.button, label.button {
        color: #65AE01;
    }

    .catalog-category-view .std h5 {
        font-weight: 700;
        font-size: 18px;
        color: #076324;
        line-height: 22px;
    }

    .catalog-category-view .std span {
        color: #076324;
    }

    .block-layered-nav .block-title {
        font-weight: 600;
        font-size: 18px;
        color: #076324;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-bottom: 1px solid #898989;
        padding-bottom: 10px;
    }

    .block-layered-nav dt {
        font-weight: 400;
    }

    .block-layered-nav li a {
        color: #898989;
        font-size: 13px;
    }

    .block-layered-nav li em {
        color: #076324;
        font-size: 13px;
    }

    .block-layered-nav {
        padding-left: 0;
    }

    .category-intro {
        padding-left: 0;
    }

    .toolbar .view-mode {
        background-color: #b2b2b2;
    }

    .toolbar .sort-by select {
        border-radius: 5px;
        min-width: 120px;
        padding: 0 15px;
        color: #4b4a4d;
    }

    .catalog-category-view .main-content {
        padding-left: 10px;
    }

    .pager .pages ol li {
        padding: 0 5px;
    }

    .cms-no-route .add-to-links {
        margin-top: -10px !important;
    }

    .catalog-category-view .product-box .std {
        display: none;
    }

    .catalog-category-view .products-grid .product-name a {
        text-transform: none;
    }

    .catalog-category-view .products-grid .product-box .price-box .label {
        display: block;
    }

    .catalog-category-view .products-grid .price-box .price:nth-child(2) {
        color: #fc6001;
    }

    .catalog-category-view .products-grid .product-box {
        border-bottom: 1px solid #898989;
    }

    .products-list .product-name {
        text-transform: none;
    }

    .products-list .item-inner {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 20px;
    }

    .catalog-category-view .category-description div {
        width: 100% !important;
    }

    .products-list .product-actions .button {
        background-image: -webkit-linear-gradient(top, #fce702, #fccd02);
        background-image: -moz-linear-gradient(top, #fce702, #fccd02);
        background-image: -ms-linear-gradient(top, #fce702, #fccd02);
        background-image: -o-linear-gradient(top, #fce702, #fccd02);
        background-image: linear-gradient(to bottom, #fce702, #fccd02);
        transition: 0.3s ease-in;
        text-transform: none;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
        letter-spacing: 0.1px;
        margin-right: 10px;
        border: 1px solid #fccd02;
        color: #076324;
        float: left;
        height: 41px;
    }

    .products-list .product-actions .button:hover {
        background-image: -webkit-linear-gradient(top, #fccd02, #fce702);
        background-image: -moz-linear-gradient(top, #fccd02, #fce702);
        background-image: -ms-linear-gradient(top, #fccd02, #fce702);
        background-image: -o-linear-gradient(top, #fccd02, #fce702);
        background-image: linear-gradient(to bottom, #fccd02, #fce702);
        transition: 0.3s ease-in;
        text-decoration: none;
    }

    .products-list .add-to-links {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
        height: 41px;
        margin-top: 20px;
    }

    .products-list .add-to-links li {
        padding: 0;
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .main-aside .block:not(.block-layered-nav):not(.block-account) li a {
        font-size: 13px !important;
    }

    .main-aside .block:not(.block-layered-nav):not(.block-account) li {
        margin: 0;
    }

    .blog-layout-1 .comments-form .button-set button, .blog-layout-2 .comments-form .button-set button, .blog-layout-3 .comments-form .button-set button {
        color: #fff;
    }

    /* =============================
    PRODUCT LISTING STYLES END
    ============================= */

    /* =============================
    PRODUCT PAGE STYLES
    ============================= */

    .product-view .box-collateral .product-tags li {
        font-size: 13px !important;
    }

    .catalog-product-view .product-view .product-img-box img {
        border: 1px solid #b2b2b2;
    }

    .catalog-product-view .product-view .more-views {
        padding-right: 0;
    }

    /* .catalog-product-view .product-view .product-img-box .product-image {
        width: 80%;
    } */

    .catalog-product-view .product-view .item-image {
        border-right: 2px solid #b2b2b2;
    }

    .catalog-product-view .breadcrumbs {
        display: block;
    }

    .product-view .product-shop .breadcrumbs {
        display: none;
    }

    .product-view .product-shop .product-name h1 {
        width: 80%;
    }

    .product-view .product-shop .product-sku {
        text-transform: none;
    }

    .product-view .product-shop .add-to-links {
        margin-top: 0;
    }

    .catalog-product-view .product-view .add-to-links li {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }

    .catalog-product-view .product-view .product-shop .add-to-cart button {
        background-image: -webkit-linear-gradient(top, #fce702, #fccd02);
        background-image: -moz-linear-gradient(top, #fce702, #fccd02);
        background-image: -ms-linear-gradient(top, #fce702, #fccd02);
        background-image: -o-linear-gradient(top, #fce702, #fccd02);
        background-image: linear-gradient(to bottom, #fce702, #fccd02);
        transition: 0.3s ease-in;
        text-transform: none;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
        letter-spacing: 0.1px;
        margin-right: 10px;
        border: 1px solid #fccd02;
        color: #076324;
        float: left;
        height: 41px;
    }

    .product-view .product-shop .price-box, .product-view .product-shop .price-box-suggested {
        margin-bottom: 0;
    }

    .catalog-product-view .product-view .product-shop .add-to-box {
        margin-top: 0;
    }

    .catalog-product-view .product-view .product-shop .add-to-cart button:hover {
        background-image: -webkit-linear-gradient(top, #fccd02, #fce702);
        background-image: -moz-linear-gradient(top, #fccd02, #fce702);
        background-image: -ms-linear-gradient(top, #fccd02, #fce702);
        background-image: -o-linear-gradient(top, #fccd02, #fce702);
        background-image: linear-gradient(to bottom, #fccd02, #fce702);
        transition: 0.3s ease-in;
    }

    .product-view .product-shop .add-to-cart {
        margin-right: 0;
    }

    .catalog-product-view .add-to-links li a:before {
        margin-right: 0;
    }

    .product-view .product-shop .add-to-cart input {
        display: block;
        width: 41px;
        height: 41px;
        border-radius: 5px;
        margin-right: 10px;
        border-right: 1px solid #ccc;
    }

    .product-view .product-shop .availability.in-stock {
        color: #076324;
        text-transform: none;
        position: relative;
        padding-left: 30px;
    }

    .product-view .product-shop .availability.in-stock:after {
        display: block;
        width: 16px;
        height: 19px;
        background: url('/media/wysiwyg/bell.png') 50% 50% no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        content: '';
    }

    .rating-box {
        width: 64px;
    }

    .product-view .product-shop .ratings {
        font-size: 13px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-flow: row wrap;
    }

    .product-view .product-shop .top-reviews {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        margin-bottom: 0;
    }

    .product-view .product-shop .ratings .rating-link {
        order: 2;
        margin-left: 5px;
    }

    .add-to-links li {
        padding: 10px 8px;
    }

    .rating-link + .rating-box {
        margin-left: 0;
    }

    .product-collateral .tab-nav {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 5px;
        text-transform: none;
    }

    .catalog-product-view .product-essential {
        font-size: 14px;
    }

    .checkout-onepage-index .mfp-content .modal .left {
        background: #fff;
        padding: 40px;
    }

    .checkout-onepage-index .mfp-content .modal {
        padding: 0;
        max-width: 800px;
    }

    .block-crossale .subtitle {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 30px;
        text-transform: none;
    }

    .block-crossale .block-content .products-grid .slick-prev,
    .block-crossale .block-content .products-grid .slick-next {
        top: -72px;
    }

    .block-crossale .products-grid .product-name a {
        text-transform: capitalize;
    }

    .block-crossale .product-box .std {
        display: none;
    }

    .main-aside .block:not(.block-layered-nav):not(.block-account) .block-title {
        text-transform: capitalize;
        font-size: 17px;
    }

    .block-upsell .subtitle {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 30px;
        text-transform: none;
    }

    .block-related .subtitle {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 30px;
        text-transform: none;
    }

    .main-aside .block .actions a {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        text-align: center;
        color: #fff;
    }

    div.block.header-wishlist-count span strong a {
        background-color: #fccd02;
        color: #076324;
        width: 26px;
        height: 26px;
        border: 3px solid #FFF;
        display: block;
        border-radius: 50%;
        font-style: normal;
        font-weight: 800;
        font-size: 11px;
        line-height: 1.8181818182;
        text-align: center;
        position: absolute;
        top: -8px;
        left: -30px;
        z-index: 9;
    }

    .header-wishlist-count span.label {
        display: block;
        font-size: 12px;
        line-height: 17px;
        letter-spacing: 0.2px;
        color: #898989;
        font-weight: 400;
    }

    .header-wishlist-count span.label strong {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        letter-spacing: 0.1px;
        text-transform: uppercase;
    }

    .block-cart .block-cart-aside .empty {
        font-size: 13px;
    }

    .product-view .box-tags {
        float: none;
        margin: 0 auto;
    }

    .product-view .box-collateral button {
        float: none;
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        text-transform: none;
    }

    .buttons-set button.button {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 30px;
        text-transform: none;
    }

    .cms-page-view .std h2:not(.product-name) {
        text-transform: none;
        text-decoration: underline;
        color: #076324;
    }

    .main-aside .block:not(.block-layered-nav):not(.block-account) .block-title {
        font-weight: 600;
        font-size: 18px;
        color: #076324;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-bottom: 1px solid #898989;
        padding-bottom: 10px;
        background-color: #fff;
    }

    .main-aside .block.block-blog .block-title {
        background-color: #f5f5f5 !important;
        border: 0 !important;
    }

    .ajaxcart-modal-footer .button {
        background-image: -webkit-linear-gradient(top, #fce702, #fccd02);
        background-image: -moz-linear-gradient(top, #fce702, #fccd02);
        background-image: -ms-linear-gradient(top, #fce702, #fccd02);
        background-image: -o-linear-gradient(top, #fce702, #fccd02);
        background-image: linear-gradient(to bottom, #fce702, #fccd02);
        transition: 0.4s all;
        font-size: 18px;
        font-weight: 600;
        color: #000;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #fccd02;
        margin-bottom: 5px;
        text-transform: none;
    }

    .ajaxcart-modal-footer .button:hover {
        background-image: -webkit-linear-gradient(top, #fccd02, #fce702);
        background-image: -moz-linear-gradient(top, #fccd02, #fce702);
        background-image: -ms-linear-gradient(top, #fccd02, #fce702);
        background-image: -o-linear-gradient(top, #fccd02, #fce702);
        background-image: linear-gradient(to bottom, #fccd02, #fce702);
        transition: 0.4s all;
    }

    .ajaxcart-modal-close .button {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        transition: 0.4s all;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 5px;
        text-transform: none;
    }

    .ajaxcart-modal-close .button:hover {
        background-image: -webkit-linear-gradient(top, #659614, #9bc11e);
        background-image: -moz-linear-gradient(top, #659614, #9bc11e);
        background-image: -ms-linear-gradient(top, #659614, #9bc11e);
        background-image: -o-linear-gradient(top, #659614, #9bc11e);
        background-image: linear-gradient(to bottom, #659614, #9bc11e);
        transition: 0.4s all;
    }

    .catalog-category-view .products-grid .product-image img {
        border-bottom: 1px solid #f5f5f5;
    }

    .catalog-category-view .products-grid .product-actions {
        margin-bottom: 5px;
    }

    .catalog-category-view .products-grid .product-box {
        border-bottom: 1px solid #f5f5f5;
    }

    .catalog-product-view .products-grid .slick-prev {
        top: -72px;
    }

    .catalog-product-view .products-grid .slick-next {
        top: -72px;
    }

    .catalog-product-view .products-grid .product-name {
        text-transform: none;
    }

    .catalog-product-view .products-grid .product-box .std {
        display: none;
    }

    .product-collateral {
        margin-top: 0;
    }

    .product-collateral .tabs-container {
        max-width: 970px;
        margin: 0 auto;
    }

    .catalog-product-view .product-view .product-img-box {
        max-height: 564px;
    }

    .catalog-product-view .product-view .share-icons {
        display: none;
    }

    .catalog-product-view .payment-wrapper li {
        position: relative;
    }

    .catalog-product-view .payment-wrapper .delivery:after {
        display: block;
        width: 26px;
        height: 26px;
        content: '';
        z-index: 2;
        position: absolute;
        top: 2px;
        left: -34px;
        background: url(/media/wysiwyg/car44.png) 50% 50% no-repeat;
        background-size: contain;
    }

    .catalog-product-view .payment-wrapper .phone:after {
        display: block;
        width: 20px;
        height: 20px;
        content: '';
        z-index: 2;
        position: absolute;
        top: 4px;
        left: -30px;
        background: url('/media/wysiwyg/telefon22.png') 50% 50% no-repeat;
    }

    .catalog-product-view .payment-wrapper .support:after {
        display: block;
        width: 20px;
        height: 20px;
        content: '';
        z-index: 2;
        position: absolute;
        top: 4px;
        left: -30px;
        background: url('/media/wysiwyg/info.png') 50% 50% no-repeat;
    }

    .catalog-product-view .payment-wrapper .courier:after {
        display: block;
        width: 20px;
        height: 20px;
        content: '';
        z-index: 2;
        position: absolute;
        top: 4px;
        left: -30px;
        background: url('/media/wysiwyg/ceas.png') 50% 50% no-repeat;
    }

    .catalog-product-view .payment-wrapper ul {
        padding-left: 30px;
    }

    .catalog-product-view .payment-wrapper {
        padding: 15px 0;
        clear: both;
    }

    .catalog-product-view .payment-wrapper p {
        padding: 5px 0;
    }

    .catalog-product-view .payment-wrapper .courier p {
        padding: 5px 0 15px 0;
    }

    .catalog-product-view .product-socialmedia li {
        float: left;
        display: inline-block;
        padding-right: 5px;
    }

    .catalog-product-view .payment-wrapper .payment-border {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 15px 0;
    }

    .catalog-product-view .product-socialmedia {
        margin-top: 15px;
        color: #898989;
        line-height: 20px;
    }

    .catalog-product-view .payment-wrapper p {
        font-size: 13px;
        color: #076324;
        line-height: 18px;
    }

    .product-view .product-shop .tax-details {
        font-size: 13px;
        margin-top: 15px;
    }

    .product-view .product-shop {
        width: 40%;
    }

    .product-view .product-img-box {
        width: 58%;
    }

    .products-grid.grid-6 li.item {
        width: 25%;
    }

    .product-view .product-shop .price-box .old-price .price {
        color: #898989;
        font-size: 22px;
    }

    .product-view .product-shop .price-box .price-label {
        color: #898989;
    }

    .product-view .product-shop .special-price .price {
        color: #fc6001;
    }

    .product-badge-box .badge {
        margin: 10px 0 20px;
        vertical-align: top;
    }

    .product-view .product-img-box .discount-percentage {
        min-width: 0;
        right: 20px;
        top: 10px;
    }

    .catalog-product-view .product-img-box .product-badges {
        display: none;
    }

    .catalog-product-view .product-badge-box .product-badges {
        display: inline-block;
        vertical-align: top;
        right: 0;
        top: 0;
        position: inherit;
        max-width: inherit;
    }

    .product-collateral .tab .button {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 5px;
        text-transform: none;
    }

    .cart-table tfoot button {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 5px;
        text-transform: none;
    }

    .cart-totals .checkout-types .btn-checkout {
        background-image: -webkit-linear-gradient(top, #fce702, #fccd02);
        background-image: -moz-linear-gradient(top, #fce702, #fccd02);
        background-image: -ms-linear-gradient(top, #fce702, #fccd02);
        background-image: -o-linear-gradient(top, #fce702, #fccd02);
        background-image: linear-gradient(to bottom, #fce702, #fccd02);
        font-size: 18px;
        font-weight: 600;
        color: #000;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #fccd02;
        margin-bottom: 5px;
        text-transform: none;
    }

    .cart-totals .checkout-types .btn-checkout:hover {
        background-image: -webkit-linear-gradient(top, #fccd02, #fce702);
        background-image: -moz-linear-gradient(top, #fccd02, #fce702);
        background-image: -ms-linear-gradient(top, #fccd02, #fce702);
        background-image: -o-linear-gradient(top, #fccd02, #fce702);
        background-image: linear-gradient(to bottom, #fccd02, #fce702);
        transition: 0.3s fade-in;
    }

    .block-cart .block-cart-aside .actions .proceed-checkout {
        background-image: -webkit-linear-gradient(top, #9bc11e, #659614);
        background-image: -moz-linear-gradient(top, #9bc11e, #659614);
        background-image: -ms-linear-gradient(top, #9bc11e, #659614);
        background-image: -o-linear-gradient(top, #9bc11e, #659614);
        background-image: linear-gradient(to bottom, #9bc11e, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 5px;
        text-transform: none;
    }

    .block-cart .block-cart-aside .actions .proceed-checkout:hover {
        background-image: -webkit-linear-gradient(top, #659614, #9bc11e);
        background-image: -moz-linear-gradient(top, #659614, #9bc11e);
        background-image: -ms-linear-gradient(top, #659614, #9bc11e);
        background-image: -o-linear-gradient(top, #659614, #9bc11e);
        background-image: linear-gradient(to bottom, #659614, #9bc11e);
        transition: 0.3s fade-in;
    }

    .block-cart .block-cart-aside .actions .view-cart {
        background-image: -webkit-linear-gradient(top, #659614, #659614);
        background-image: -moz-linear-gradient(top, #659614, #659614);
        background-image: -ms-linear-gradient(top, #659614, #659614);
        background-image: -o-linear-gradient(top, #659614, #659614);
        background-image: linear-gradient(to bottom, #659614, #659614);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        line-height: 21px;
        letter-spacing: -0.1px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #076324;
        margin-bottom: 5px;
        text-transform: none;
    }

    .block-cart .block-cart-aside .block-content {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .cart .discount button {
        height: 45px;
        padding: 10px;
    }

    .block-cart-aside .cosul-meu {
        display: none;
    }

    .product-view .discount-percentage span {
        color: #fff;
        background-color: #fc1f01;
        width: 35px;
        height: 35px;
        font-size: 11px;
        border-radius: 50%;
        font-weight: 700;
        padding: 10px 0;
    }

    .products-grid .product-badges {
        pointer-events: all;
    }

    .cms-home .products-grid .product-badges {
        display: flex;
        flex-flow: column wrap;
    }

    .products-grid .product-badges .promo {
        order: 1;
        width: 42px;
        height: 42px;
        padding: 16px 0;
    }

    .products-grid .product-badges .badge--sale {
        order: 2;
    }

    .catalogsearch-result-index .products-grid .product-badges .badge--sale,
    .catalog-category-view .products-grid .product-badges .badge--sale {
        width: 46px;
        height: 46px;
        padding: 18px 0;
    }

    .products-grid .product-badges .produs_fara_gluten {
        order: 3;
    }

    .nav--primary ul > li.level3 {
        background-color: #fff;
    }

    .add-to-links li a.link-wishlist:hover:before {
        content: url(https://www.biomania.ro/skin/frontend/blugento/default/blugento/images/var_add-to-links__wishlist_background-image.svg);
    }

    .add-to-links li a.link-compare:before {
        content: url(https://www.biomania.ro/skin/frontend/blugento/default/blugento/images/var_add-to-links__compare_background-image.svg)
    }

    .add-to-links li a.link-wishlist:before {
        content: url(https://www.biomania.ro/skin/frontend/blugento/default/blugento/images/var_add-to-links__wishlist_background-image.svg)
    }

    /* =============================
    PRODUCT PAGE STYLES END
    ============================= */
    #pc-tab-brand_logo {
        display: block !important;
        padding: 0;
    }

    #pc-tab-brand_logo img {
        max-height: 80px;
        max-width: 200px;
    }

    #tab-product-collateral .tab-nav[data-rel="#pc-tab-brand_logo"] {
        display: none !important;
    }

    .product-icons-container {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .product-icons-container .product-badge-box .product-badges {
        margin-right: 30px;
    }

    .product-icons-container .product-badge-box .badge {
        margin: 0;
        vertical-align: middle;
    }

    .configurable-swatch-list .selected .swatch-label {
        background-color: #076324;
        color: #fff;
    }

    #termen_expirare_label {
        display: none;
    }

    .configurable-swatch-list .has-image.swatch-link::before,
    .configurable-swatch-list .has-image.swatch-link[title]:after {
        background: transparent;
        color: #076324;
        display: block;
        font-weight: 500;
        line-height: 13px;
        font-size: 12px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .configurable-swatch-list .has-image.swatch-link[title]:after {
        content: attr(title);
        bottom: -32px;
    }

    #configurable_swatch_termen_expirare > li > a[name="initial"]::before,
    #configurable_swatch_termen_expirare > li > a[name="initial"]::after {
        display: none;
    }

    .configurable-swatch-list .has-image.swatch-link::before {
        content: "Expira la:";
        width: 87px;
        bottom: -16px;
    }

    #configurable_swatch_termen_expirare > li > a:not([name="initial"]) .swatch-label::before {
        content: "%";
        position: absolute;
        top: 4px;
        right: 4px;
        width: 24px;
        height: 24px;
        background-color: #fc1f01;
        border-radius: 50%;
        color: #fff;
    }

    /* =============================
    RESPONSIVE STYLES
    ============================= */

    @media (max-width: 1180px) {
        .nav--primary li.level0 {
            width: 200px;
        }
        
        .nav--primary a.level0 {
            width: 200px;
        }
        
        .categories li {
            width: 50%;
        }
        
        .categories li:first-child, .categories li:nth-child(4) {
            text-align: center;
        }
        
        .categories li:last-child, .categories li:nth-child(3) {
            text-align: center;
        }
        
        .categories li:nth-child(2), .categories li:nth-child(5) {
            text-align: center;
        }
        
        .categories .categories-description {
            top: 15px;
            left: 20%;
        }
        
        .categories li:first-child .categories-description, .categories li:nth-child(4) .categories-description {
            padding: 0;
        }
        
        .categories li:last-child .categories-description, .categories li:nth-child(3) .categories-description {
            padding: 0;
        }
        
        .categories li:nth-child(2) .categories-description, .categories li:nth-child(5) .categories-description {
            padding: 0;
        }
        
        .page-footer .marketing-box--newsletter .input-text {
            min-width: 180px;
            max-width: 230px;
            width: 160px;
        }
        
        .products-grid .product-actions .button {
            margin: 0;
            width: 100%;
            max-width: none;
        }
        
        .widget-multiproducts .product-actions {
            display: block;
        }
        
        .products-grid .add-to-links {
            display: flex;
            float: left;
            align-items: baseline;
            align-content: baseline;
            justify-content: baseline;
        }
        
        .products-grid .add-to-links li {
            display: flex;
            justify-content: flex-start;
            flex-flow: row wrap;
            margin-right: 5px;
        }
        
        .add-to-links li a.link-compare:before, 
        .add-to-links li a.link-wishlist:before {
            margin: 0;
        }
        
        .products-grid .add-to-links li {
            width: auto;
            margin: 0;
        }
        
        .add-to-links li a {
            max-width: 112px;
        }
        
        .products-grid .add-to-links {
            margin-top: 10px;
        }
        
        .nav-container .links-after {
            margin-left: 0;
        }
        
        .beneficii ul {
            display: block;
        }
        
        .beneficii li:first-child {
            width: 50%;
            padding-bottom: 10px;
        }
        
        .beneficii li {
            width: 50%;
        }
        
        .beneficii li:last-child {
            width: 50%;
        }
        
        .beneficii li:nth-child(2) {
            padding-bottom: 10px;
        }
        
        .beneficii p {
            font-size: 16px;
            line-height: 20px;
        }
        
        .beneficii strong {
            font-size: 16px;
        }
        
        .beneficii span {
            font-size: 16px;
        }

        .form-search input {
            width: 315px;
        }
    }


    @media (max-width: 1180px) and (min-width: 996px) {
        .nav--primary-button, 
        .links-before li > a, 
        .links-after li > a, 
        .nav--primary a.level0 {
            padding-left: 10px;
            padding-right: 10px;
        }
    }

    @media (max-width: 995px) {
        .filters-mobile-trigger {
            position:fixed;
            top:0;
            width:100%;
            z-index:100;
        }
        .page-header .mobile .header-wishlist-count a span.count-wish i {
            background-image: url(https://www.biomania.ro/skin/frontend/blugento/default/blugento/images/var_mini-wishlist__button_background-image.svg);
            background-repeat: no-repeat;
            background-size: 100%;
            display: block;
            width: 35px;
            height: 35px;
            cursor: pointer;
        }
        
        .page-header .mobile .header-wishlist-count a span.count-wish span {
            color: #fff;
        }
        
        .nav--primary a.level3 {
            background-color: #333;
            font-weight: 400;
        }
        
        .nav--primary a.level1 {
            font-size: 13px;
        }
        
        .dock {
            background-color: #333;
        }
        
        .page-header .mobile .header-wishlist-count {
            border-left: 1px solid #ebebeb;
        }
        
        #nav-primary-button {
            margin-bottom: 15px;
        }
        
        .nav--primary a.level2 {
            font-size: 15px;
            padding-left: 30px;
        }
        
        .nav--primary a.level3 {
            font-size: 14px;
            color: #fff;
            text-transform: none;
            padding-left: 40px;
            font-weight: 300;
        }
        
        .nav--primary a.level2.has-children {
            position: relative;
        }
        
        .nav--primary a.level2.has-children:after {
            display: block;
            content: '';
            width: 40px;
            height: 40px;
            background: url(/media/wysiwyg/arrow-categ3.png);
            background-position: center center;
            background-repeat: no-repeat;
            position: absolute;
            top: 8px !important;
            right: 0 !important;
            z-index: 2;
        }
        
        .dock--left .nav--primary li.level0.nav-1.parent {
            background-image: -webkit-linear-gradient(top, #fccd02, #fce702) !important;
            background-image: -moz-linear-gradient(top, #fccd02, #fce702) !important;
            background-image: -ms-linear-gradient(top, #fccd02, #fce702) !important;
            background-image: -o-linear-gradient(top, #fccd02, #fce702) !important;
            background-image: linear-gradient(to bottom, #fccd02, #fce702) !important;
            transition: 0.3s ease-in;
            background: #323232;
        }
        
        .nav--primary a.level1.has-children:after {
            display: block;
            content: '';
            width: 40px;
            height: 40px;
            background: url(/media/wysiwyg/arrow-categ3.png);
            background-position: center center;
            background-repeat: no-repeat;
            position: absolute;
            top: 8px !important;
            right: 0 !important;
            z-index: 2;
        }
        
        .nav--primary a.level1.has-children {
            position: relative;
        }
        
        .dock--left .nav--primary li.level0 .back:after {
            display: block;
            content: '';
            width: 40px;
            height: 40px;
            background: url(/media/wysiwyg/arrow-categ2.png);
            background-position: center center;
            background-repeat: no-repeat;
            position: absolute;
            top: -10px !important;
            right: 0 !important;
            z-index: 2;
        }
        
        .nav--primary .submenu {
            background-color: #FCCD02;
        }
        
        .nav--primary .submenu ul.level0 {
            border-radius: 5px;
        }
        
        .nav--primary.expanded li.parent.active > a.level0.has-children {
            font-size: 13px;
            font-weight: 600;
            line-height: 21px;
            letter-spacing: -0.1px;
            border-radius: 5px;
            border: 1px solid #076324;
            margin-bottom: 15px;
            text-transform: none;
            width: auto;
            padding: 15px 20px;
            background-color: #323232;
        }
        
        .nav--primary a.level1, .nav--primary a.level2 {
            color: #fff;
            font-weight: 400;
        }
        
        .nav--primary ul > li {
            background-color: #323232;
            border: 0;
            border-bottom: 1px solid #000;
        }
        
        .dock--left, .dock--right {
            width: 320px !important;
        }
        
        .dock--left .nav--primary li.level0 .back {
            position: relative;
            padding: 0;
            text-align: left;
        }
        
        .dock--left .nav--primary a.level0 {
            width: auto;
            padding: 0;
            
        }
        
        .nav--primary li.level0 {
            background-image: -webkit-linear-gradient(top, #fccd02, #fce702);
            background-image: -moz-linear-gradient(top, #fccd02, #fce702);
            background-image: -ms-linear-gradient(top, #fccd02, #fce702);
            background-image: -o-linear-gradient(top, #fccd02, #fce702);
            background-image: linear-gradient(to bottom, #fccd02, #fce702);
            font-size: 18px;
            font-weight: 600;
            line-height: 21px;
            color: #076324;
            letter-spacing: -0.1px;
            border-radius: 5px;
            padding: 8px;
            border: 1px solid #fce702;
            margin-bottom: 5px;
            text-transform: none;
        }
        
        .links-after li, .links-before li, .nav--primary li, .nav-item--mobile {
            border-bottom: 1px solid #000;
        }
        
        .nav-container {
            border-right: 0;
            background-color: #323232;
        }
        
        .links-after li, .links-before li, .nav--primary li, .nav-item--mobile {
            background-color: #323232;
        }
        
        .nav--primary.expanded li.parent.active > a {
            width: auto;
            position: relative;
            background-color: #323232;
        }
        
        #page-container--nav .dock {
            padding: 20px 10px;
            color: #fff;
        }
        
        .block-layered-nav dt {
            font-weight: 800;
            color: #65AE01;
        }
        
        .block-layered-nav .block-title {
            color: #fff;
            border-bottom: 1px solid #fff;
            text-shadow: 2px 1px #333;
        }
        
        .block-layered-nav li a {
            color: #fff;
            text-shadow: 1px 1px #333;
        }
        
        .block-layered-nav li em {
            margin-top: 4px;
            color: #fff;
            text-shadow: 1px 1px #333;
        }
        
        .nav--primary li.level0 {
            width: 100%;
        }
        
        .page-header .desktop .logo {
            display: none;
        }
        
        .page-header .mini-wrappers .mini-cart:first-child {
            display: none;
        }
        
        .header-wishlist-count p {
            font-size: 0;
        }
        
        .header-wishlist-count span {
            font-size: 0;
        }
        
        .header-wishlist-count {
            width: 52px;
            height: 30px;
        }
        
        .header-wishlist-count:before {
            bottom: 4px;
            left: 0;
        }
        
        div.block.header-wishlist-count span strong a {
            top: -15px;
            left: 15px;
        }

        .product-view .product-shop {
            width: 60%;
            padding: 10px;
        }
        
        .catalog-product-view .product-view .product-img-box .product-image {
            padding: 0 10px;
        }
        
        .product-view .product-img-box {
            width: 40%;
        }
        
        .page-footer .footer-links ul {
            width: 50%;
        }
        
        .page-footer .newsletter-info {
            width: 100% !important;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        
        .page-footer .marketing-box .box-content {
            float: left;
        }
        
        .page-footer .marketing-box--newsletter .input-text {
            min-width: 400px;
            max-width: 600px;
            width: 500px;
            
        }
        
        .page-footer .footer-links .payment li:last-child {
            text-align: left;
        }
        
        .page-footer .footer-links .payment li {
            width: 33.3%;
            margin-right: 25px;
        }
        
        .page-footer .newsletter-info li:nth-child(3) {
            margin-bottom: 20px;
            margin-top: 20px;
            display: block;
            height: 50px;
        }
        
        .page-footer .custom-socialmedia {
            height: 50px;
        }
        
        .page-footer .custom-socialmedia li:nth-child(3) {
            margin-bottom: 0;
            margin-top: 5px;
        }
        
        .bn-wrapper .over-banner h2 {
            font-size: 40px;
        }
        
        .buy-by-type li {
            text-align: center;
            width: 50%;
        }
        
        .buy-by-type h3 {
            text-align: left;
        }
        
        .buy-by-type .type-description {
            left: 20%;
        }

        .page-header .mobile .tablet-logo {
            height: 76px;
            margin: -25px 0;
        }

        .row-wrapper:first-child .showcase {
            margin-top: -40px;
        }
    }

    @media (max-width: 767px) {
        .showcase .controls-middle .slick-dots {
            padding-left: 0;
        }
        
        .opc-review table .label {
            height: 20px;
        }
        
        .product-view .product-shop {
            margin-top: 0;
            padding-top: 0;
            width: 100%;
        }
        
        .product-view .product-img-box {
            width: 100%;
        }
        
        .product-view .product-shop .product-name h1 {
            width: 100%;
            font-size: 24px;
        }
        
        .product-view .product-shop .add-to-links {
            margin-top: 10px;
        }
        
        .products-grid.grid-6 li.item {
            width: 50%;
        }
        
        .bn-wrapper .over-banner {
            padding: 10px 20px;
        }
        
        .bn-wrapper .over-banner h2 {
            font-size: 32px;
            line-height: 42px;
        }
        
        .bn-wrapper .over-banner p {
            width: 66%;
        }
        
        .categories .categories-description {
            left: 5%;
        }
        
        .row-wrapper:nth-child(7) .col-6 {
            width: 100%;
        }
        
        .row-wrapper:nth-child(7) .col-6:last-child {
            padding-left: 5px;
        }
        
        .categories li {
            width: 100%;
            text-align: center;
        }
        
        .categories .categories-description {
            left: 50%;
            transform: translateX(-50%);
        }
        
        .buy-by-type h3 {
            font-size: 20px;
            line-height: 20px;
        }
        
        .buy-by-type p {
            font-size: 20px;
        }
        
        .buy-by-type span {
            font-size: 20px;
        }
        
        .categories p {
            text-align: center;
        }
        
        .beneficii .image-box {
            display: none;
        }
        
        .product-collateral .data-table > tbody > tr > th,
        .product-collateral .data-table > tbody > tr > td {
            display: block;
            width: 100%
        }
        
    }

    @media (max-width: 650px) {
        .products-list .product-image img {
            margin: 0 auto;
        }
        
        .bn-wrapper .over-banner p {
            display: none;
        }
        
        .beneficii ul {
            padding: 20px;
        }
        
        .product-collateral .data-table td.data table tr td {
            width: 25%;
            padding-left: 0;
            padding-right: 10px;
        }
        
        .product-collateral .tab {
            padding-left: 0;
            padding-right: 0;
        }
        
        .product-collateral .data-table td, .product-collateral .data-table th {
            padding: 10px;
        }
    }

    @media (max-width: 550px) {
        .catalog-category-view .category-description div {
            width: 70%;
        }
        
        .product-view .product-shop {
            width: 100%;
        }
    }

    @media (max-width: 479px) {
        .dock-open .block-cart .block-cart-aside .actions a {
            font-size: 12px;
        }
        
        .buy-by-type-slider .slick-prev, .buy-by-type-slider .slick-next, .products-grid .slick-prev, .products-grid .slick-next {
            bordeR: none;
        }
        
        #checkout-agreements .agree {
            text-align: center;
        }
        
        .opc-review table tfoot tr:first-child td, .opc-review table tfoot tr:first-child th {
            padding-top: 5px;
        }
        
        .order-review table > tfoot > tr > th span {
            display: none;
        }
        
        .products-list .product-image {
            width: 100%;
            margin: 0 auto;
        }
        
        .products-list .product-box {
            text-align: center;
            width: 100%;
        }
        
        .products-list .add-to-links {
            margin-top: -10px;
        }
        
        .products-list .product-actions {
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
        }
        
        .product-view .product-shop .tax-details {
            display: block;
            width: 100%;
        }
        
        .products-grid.grid-6 li.item {
            width: 100%;
        }
        
        .bn-wrapper .over-banner h2 {
            font-size: 24px;
        }
        
        .bn-wrapper .over-banner a {
            padding: 6.5px 17px;
        }
        
        .beneficii li:first-child {
            width: 100%;
        }
        
        .beneficii li:last-child {
            width: 100%;
        }
        
        .beneficii li {
            width: 100%;
        }
        
        .beneficii .text-box {
            display: block;
            text-align: center;
            float: none;
            padding: 10px;
        }
        
        .categories p {
            display: none;
        }
        
        .buy-by-type li {
            width: 100%;
            margin-bottom: 10px;
        }
        
        .buy-by-type h3 {
            font-size: 24px;
        }
        
        .buy-by-type span {
            font-size: 24px;
        }
        
        .buy-by-type p {
            font-size: 24px;
        }
        
        .latest-blog-post .image-box {
            display: none;
        }
        
        .latest-blog-post li.item .content-blog-box {
            margin-left: 0;
        }
        
        .latest-blog-post li.item .read-more {
            margin-left: 15px;
        }
        
        .latest-blog-post li {
            margin-bottom: 25px !important;
        }
        
        .buy-by-brand li {
            width: 50%;
            text-align: center;
        }
        
        .buy-by-brand li:first-child, .buy-by-brand li:nth-child(4) {
            text-align: center;
        }
        
        .buy-by-brand li:nth-child(3), .buy-by-brand li:last-child {
            text-align: center;
        }
        
        .page-footer .footer-links ul {
            width: 100%;
        }
        
        .page-footer .footer-blog {
            margin-top: 15px;
        }
        
        .page-footer .marketing-box--newsletter .input-text {
            width: 250px;
            min-width: 250px;
        }
        
        .products-grid .price-box {
            text-align: center;
        }
        
        .widget-multiproducts .products-grid .product-name a {
            font-size: 20px;
            text-align: center;
            line-height: 21px;
        }
        
        .page-footer .footer-links ul {
            text-align: left;
        }
        
        .categories .categories-description {
            width: 100%;
        }
        
        .bn-wrapper .over-banner {
            padding-top: 0;
        }
        
        .bn-wrapper .over-banner h2 {
            font-size: 18px;
            line-height: 18px;
        }
        
        .dock--left .nav--primary li.level0 {
            width: auto;
            transition: 0.8s all;
        }
        
        .dock--left .nav--primary a.level0 {
            width: auto;
        }
        
        .dock--left .nav--primary a.level0:after {
            top: 8px;
        }
        
        .buy-by-type h2, .cms-home h2.subtitle {
            font-size: 16px;
            padding-right: 85px;
        }
        
        .page-header .mobile .phone-logo {
            height: 121px;
        }
        
        .multiple-checkout .step-title strong, .opc .step-title strong,
        .multiple-checkout .active .step-title strong, .opc .active .step-title strong {
            margin-top: 6px;
        }

        .page-header .page-container-wrapper.on-mobile.mobile .page-container {
            padding-top: 0;
        }
    }

    @media (max-width: 380px) and (min-width: 320px) {
        .product-view .product-shop {
            width: 100%;
        }
        
        .catalog-product-view .product-view .item-image {
            display: none;
        }
        
        .catalog-product-view .product-view .product-img-box .product-image {
            width: 100%;
        }
        
        .product-view .product-img-box {
            width: 100%;
        }
        
        .product-view .product-shop .product-name h1 {
            line-height: 24px;
            margin-top: 15px;
        }
        
        .cms-page-view .std .left p {
            width: 80%;
        }
        
        .cms-page-view .std .left h4 strong {
            width: 80%;
        }
        
        .cms-cum-cumpar .std h5 strong {
            width: 80%;
        }
        
        .cms-cum-cumpar .std ul {
            width: 70%;
        }
        
        .cms-cum-cumpar .std h4 a strong {
            width: 50%;
        }
    }

    /* =============================
    RESPONSIVE STYLES END
    ============================= */

    .cms-home .showcase .slick-prev,
    .cms-home .showcase .slick-next {
        top: 50%;
        bottom: inherit;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        border-radius: 5px;
        border: 1px solid #076324;
    }

    .cms-home .showcase .slick-prev {
        background: #9bc11e url('/media/wysiwyg/arrow-left.png') 50% 50% no-repeat;
    }

    .cms-home .showcase .slick-next {
        background: #9bc11e url('/media/wysiwyg/arrow-right.png') 50% 50% no-repeat;
    }

    @media only screen and (max-width: 375px) {
        .cms-home .showcase .slick-prev,
        .cms-home .showcase .slick-next {
            display: none !important;
        }
    }

    /* Hide the whole account block on mobile — icon + login link.
    The account link still lives in the menu; this just clears the top clutter. */
    @media (max-width: 767px) {
    .mini-account {
        display: none !important;
    }
    }

    /* Compact the green benefits strip on mobile */
    @media (max-width: 767px) {
    .beneficii {
        padding: 10px 0 !important;
    }
    .beneficii ul.cf li {
        padding: 6px 10px !important;
        margin: 0 !important;
    }
    .beneficii ul.cf li,
    .beneficii ul.cf li * {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
    .beneficii img {
        max-height: 20px !important;
        width: auto !important;
    }
    }


    /* Compact the cookie bar on mobile — visual only, text/consent unchanged */
    @media (max-width: 767px) {
    #gdpr-cookies {
        max-height: 58vh !important;
        overflow-y: auto !important;
        padding: 12px 16px !important;
    }
    #gdpr-cookies .gdpr-logo {
        display: none !important;
    }
    #gdpr-cookies,
    #gdpr-cookies p,
    #gdpr-cookies .gdpr-content,
    #gdpr-cookies .col-12 p {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }
    #gdpr-cookies .gdpr-title,
    #gdpr-cookies h4 {
        font-size: 15px !important;
        margin-bottom: 8px !important;
    }
    #gdpr-cookies p {
        margin-bottom: 8px !important;
    }
    #gdpr-cookies .button,
    #gdpr-cookies button,
    #gdpr-cookies a.button {
        padding: 10px 18px !important;
        font-size: 14px !important;
    }
    }


    /* MOBIL — PASUL 8: meniu acordeon propriu */
    @media only screen and (max-width:767px){

    ul#nav{ display:none !important; }

    .bm-nav, .bm-nav ul{ list-style:none !important; margin:0 !important; padding:0 !important; background:#fff !important; }
    .bm-nav li{ list-style:none !important; margin:0 !important; padding:0 !important; border:0 !important; }
    .bm-nav > li{ border-bottom:1px solid #E4E2DA !important; }

    .bm-nav .bm-row{
        position:relative !important;
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
        background:#fff !important;
        border:0 !important;
        text-align:left !important;
        text-decoration:none !important;
        font-family:'DM Sans', sans-serif !important;
        -webkit-appearance:none !important;
        appearance:none !important;
        cursor:pointer !important;
    }

    /* nivel 1 */
    .bm-nav > li > .bm-row{
        font-size:13px !important;
        font-weight:700 !important;
        letter-spacing:.08em !important;
        text-transform:uppercase !important;
        color:#1E2419 !important;
        padding:16px 46px 16px 18px !important;
    }

    /* + / − */
    .bm-nav .bm-has-sub > .bm-row::after{
        content:'+';
        position:absolute;
        right:16px; top:50%;
        transform:translateY(-50%);
        font-size:22px; font-weight:400; line-height:1;
        color:#1E2419;
    }
    .bm-nav .bm-has-sub.bm-open > .bm-row::after{ content:'−'; }

    /* submeniuri */
    .bm-nav .bm-sub{ display:none !important; padding-bottom:6px !important; }
    .bm-nav .bm-open > .bm-sub{ display:block !important; }

    .bm-sub .bm-row{
        font-size:14px !important;
        font-weight:400 !important;
        letter-spacing:0 !important;
        text-transform:none !important;
        color:#3A4034 !important;
        padding:11px 46px 11px 30px !important;
    }
    .bm-sub .bm-sub .bm-row{
        padding-left:44px !important;
        font-size:13px !important;
    }
    .bm-sub .bm-has-sub > .bm-row::after{ font-size:18px; }

    .bm-all > a{ color:#076324 !important; font-weight:700 !important; }

    /* pagini de informații */
    .bm-nav--info{
        border-top:1px solid #E4E2DA !important;
        padding:8px 0 !important;
    }
    .bm-nav--info > li{ border:0 !important; }
    .bm-nav--info .bm-row{
        font-size:12px !important;
        font-weight:500 !important;
        letter-spacing:0 !important;
        text-transform:none !important;
        color:#076324 !important;
        padding:9px 18px !important;
    }
    }

    /* MOBIL — RESTAURARE fundal alb */
    @media only screen and (max-width:767px){
    nav.nav-container, #nav-wrapper, ul#nav, ul#nav ul,
    ul#nav li, ul#nav li > a,
    ul.links-after, ul.links-after li, ul.links-after li a,
    .nav-blocks.on-mobile{
        background:#fff !important;
        background-image:none !important;
        box-shadow:none !important;
    }
    ul#nav li{ border:0 !important; border-bottom:1px solid #E4E2DA !important; }
    ul#nav li > a{ color:#1E2419 !important; }
    }

    /* MOBIL — PASUL 8b: fundal container + ascunde lista veche */
    @media only screen and (max-width:767px){
    nav.nav-container, nav.nav-container.dock,
    #nav-wrapper, .page-container--nav,
    .nav-blocks.on-mobile{
        background:#fff !important;
        background-image:none !important;
    }
    ul.links-after{ display:none !important; }
    }

    /* MOBIL — PASUL 9: lățime + culori */
    @media only screen and (max-width:767px){

    /* lățime sertar — tema pune 330px inline, de aici !important */
    nav.nav-container, nav.nav-container.dock,
    .page-container-inner.wrap-dock--active{
        width:86vw !important;
        max-width:400px !important;
    }

    /* rânduri nivel 1 — verde brand */
    .bm-nav > li > .bm-row{
        color:#076324 !important;
        font-size:13px !important;
        font-weight:700 !important;
        letter-spacing:.06em !important;
        line-height:1.3 !important;
        padding:15px 54px 15px 18px !important;
        border-left:4px solid transparent !important;
    }

    /* + / − verde, aliniat sus la titluri pe mai multe rânduri */
    .bm-nav .bm-has-sub > .bm-row::after{
        color:#076324 !important;
        font-size:24px !important;
        right:18px !important;
        top:15px !important;
        transform:none !important;
    }

    /* secțiune deschisă — bară galbenă + fundal cald */
    .bm-nav > li.bm-open > .bm-row{
        background:#FBF9F2 !important;
        border-left:4px solid #fccd02 !important;
    }
    .bm-nav > li.bm-open > .bm-sub{
        background:#FBF9F2 !important;
        border-left:4px solid #fccd02 !important;
        padding:2px 0 10px !important;
    }

    /* subcategorii — cerneală, nu verde */
    .bm-sub .bm-row{
        color:#2B3126 !important;
        font-size:14px !important;
        font-weight:400 !important;
        line-height:1.35 !important;
        padding:11px 50px 11px 26px !important;
    }
    .bm-sub .bm-has-sub > .bm-row::after{
        color:#076324 !important;
        font-size:19px !important;
        top:11px !important;
    }
    .bm-sub .bm-sub .bm-row{
        padding-left:40px !important;
        font-size:13px !important;
        color:#4A5143 !important;
    }

    /* Vezi tot din X */
    .bm-all > .bm-row{
        color:#076324 !important;
        font-weight:700 !important;
        font-size:13px !important;
    }

    /* pagini de informații */
    .bm-nav--info{ border-top:1px solid #E4E2DA !important; margin-top:4px !important; }
    .bm-nav--info .bm-row{
        color:#076324 !important;
        font-size:12px !important;
        font-weight:500 !important;
        text-transform:none !important;
        padding:9px 18px !important;
    }
    }

    /* MOBIL — PASUL 11: zona de informații — bloc verde inversat */
    @media only screen and (max-width:767px){

    .bm-nav--info.bm-nav{
        background:#076324 !important;
        margin-top:26px !important;
        border-top:3px solid #fccd02 !important;
        padding:16px 0 22px !important;
    }

    /* micro-etichetă, galben pe verde */
    .bm-nav--info.bm-nav::before{
        content:'INFORMAȚII';
        display:block;
        font-family:'DM Sans', sans-serif;
        font-size:10px;
        font-weight:700;
        letter-spacing:.18em;
        color:#fccd02;
        padding:0 18px 12px;
    }

    .bm-nav--info.bm-nav > li{
        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.10) !important;
        background:transparent !important;
    }
    .bm-nav--info.bm-nav > li:last-child{ border-bottom:0 !important; }

    .bm-nav--info.bm-nav > li > .bm-row{
        color:#fff !important;
        font-family:'DM Sans', sans-serif !important;
        font-size:13px !important;
        font-weight:500 !important;
        letter-spacing:0 !important;
        text-transform:none !important;
        padding:11px 18px !important;
        background:transparent !important;
        border-left:0 !important;
    }
    .bm-nav--info.bm-nav > li > .bm-row:active{
        background:rgba(255,255,255,.10) !important;
    }
    }


    /* PASUL 21 — 1.4c pictograme identice în ambele bare */
    @media only screen and (max-width:767px){

    .page-header .mobile .mini-cart > a,
    .page-header .mobile .mini-cart > .block-cart > a,
    .page-header .mobile .mobile-trigger > a,
    #header-sticky-content .mini-cart > a,
    #header-sticky-content .mini-cart > .block-cart > a,
    #header-sticky-content .mobile-trigger > a,
    #header-sticky-content .mini-search-wrapper--sticky > a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        padding:0 !important;
        background-color:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
    }

    .page-header .mobile .mini-cart > a,
    .page-header .mobile .mini-cart > a i,
    .page-header .mobile .mini-cart > .block-cart > a,
    .page-header .mobile .mini-cart > .block-cart > a i,
    .page-header .mobile .mobile-trigger > a,
    .page-header .mobile .mobile-trigger > a i,
    #header-sticky-content .mini-cart > a,
    #header-sticky-content .mini-cart > a i,
    #header-sticky-content .mini-cart > .block-cart > a,
    #header-sticky-content .mini-cart > .block-cart > a i,
    #header-sticky-content .mobile-trigger > a,
    #header-sticky-content .mobile-trigger > a i{
        background-size:22px auto !important;
        background-position:center center !important;
        background-repeat:no-repeat !important;
    }

    .page-header .mobile .mini-cart > a img,
    .page-header .mobile .mini-cart > a svg,
    .page-header .mobile .mini-cart > .block-cart > a img,
    .page-header .mobile .mini-cart > .block-cart > a svg,
    .page-header .mobile .mobile-trigger > a img,
    .page-header .mobile .mobile-trigger > a svg,
    #header-sticky-content .mini-cart > a img,
    #header-sticky-content .mini-cart > a svg,
    #header-sticky-content .mini-cart > .block-cart > a img,
    #header-sticky-content .mini-cart > .block-cart > a svg,
    #header-sticky-content .mobile-trigger > a img,
    #header-sticky-content .mobile-trigger > a svg{
        width:22px !important;
        height:22px !important;
        max-width:22px !important;
        max-height:22px !important;
        object-fit:contain !important;
    }

    #header-sticky-content .mini-search-wrapper--sticky,
    #header-sticky-content .mini-cart-wrapper--sticky,
    #header-sticky-content .mobile-trigger,
    #header-sticky-content .mini-cart{
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        width:auto !important;
        height:auto !important;
    }
    }

    /* PASUL 23 — cont în bara sticky */
    @media only screen and (max-width:767px){
    #header-sticky-content .mini-cart-wrapper--sticky{ order:3 !important; }
    #header-sticky-content .bm-sticky-account{
        order:4 !important;
        flex:0 0 auto !important;
        margin:0 !important;
    }
    #header-sticky-content .mini-search-wrapper--sticky{ order:5 !important; }
    }


    /* PASUL 26 — dale de categorie doar pe mobil (fără poze) */

    /* pe desktop blocul nou nu există */
    .bm-cats{ display:none; }

    @media only screen and (max-width:767px){

    /* blocul vechi dispare pe mobil, cel nou apare */
    .categories{ display:none !important; }

    .bm-cats{
        display:flex !important;
        flex-wrap:wrap !important;
        margin:0 -5px !important;
        padding:0 10px !important;
        box-sizing:border-box !important;
    }

    .bm-cats .bm-cat{
        position:relative !important;
        display:block !important;
        width:50% !important;
        box-sizing:border-box !important;
        height:0 !important;
        padding:0 0 37.5% 0 !important;
        margin:0 0 10px !important;
        overflow:hidden !important;
        text-decoration:none !important;
        background-clip:content-box !important;
        border:5px solid transparent !important;
        border-radius:0 !important;
    }

    .bm-cats .bm-cat--1{ background-color:#C9DFAE !important; }
    .bm-cats .bm-cat--2{ background-color:#FCCD02 !important; }
    .bm-cats .bm-cat--3{ background-color:#E8DCC0 !important; }
    .bm-cats .bm-cat--4{ background-color:#9FD8C0 !important; }
    .bm-cats .bm-cat--5{ background-color:#F0C8D2 !important; }
    .bm-cats .bm-cat--6{ background-color:#BFD9EA !important; }

    .bm-cats .bm-cat img{
        position:absolute !important;
        top:5px !important; left:5px !important;
        width:calc(100% - 10px) !important;
        height:calc(100% - 10px) !important;
        max-width:none !important;
        object-fit:cover !important;
        border-radius:8px !important;
        margin:0 !important;
    }

    .bm-cats .bm-cat__scrim{
        display:block !important;
        position:absolute !important;
        left:5px !important; right:5px !important; bottom:5px !important;
        background:rgba(7,99,36,0.88) !important;
        padding:8px 10px 9px !important;
        border-radius:0 0 8px 8px !important;
        text-align:left !important;
    }
    .bm-cat__title{
        display:block !important;
        font-size:12px !important;
        font-weight:700 !important;
        letter-spacing:.05em !important;
        line-height:1.2 !important;
        color:#fff !important;
        text-transform:uppercase !important;
    }
    .bm-cat__cta{
        display:block !important;
        margin-top:3px !important;
        font-size:11px !important;
        font-weight:500 !important;
        color:#FCCD02 !important;
    }
    }

    /* PASUL 27 — etichetă sub fotografie, fără suprapunere */
    @media only screen and (max-width:767px){

    .bm-cats{ align-items:flex-start !important; }

    /* ancora redevine cutie normală, cu spațiu lateral */
    .bm-cats .bm-cat{
        height:auto !important;
        padding:0 5px !important;
        border:0 !important;
        background:transparent !important;
        background-color:transparent !important;
        border-radius:0 !important;
        overflow:visible !important;
    }

    /* fotografia — colțuri rotunjite doar sus */
    .bm-cats .bm-cat img{
        position:static !important;
        display:block !important;
        width:100% !important;
        height:auto !important;
        border-radius:8px 8px 0 0 !important;
    }

    /* banda verde — sub fotografie, colțuri rotunjite jos */
    .bm-cats .bm-cat .bm-cat__scrim{
        position:static !important;
        display:block !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        background:#076324 !important;
        border-radius:0 0 8px 8px !important;
        padding:9px 10px 10px !important;
    }
    }

    /* PASUL 31 — tipuri de produs pe mobil */
    .bm-types-wrap{ display:none; }

    @media only screen and (max-width:767px){
    .bm-types-wrap{ display:block !important; }
    .buy-by-type{ display:none !important; }

    /* al 7-lea card ocupă tot rândul */
    .bm-cats .bm-cat--wide{ width:100% !important; }
    .bm-cats .bm-cat--wide img{
        height:150px !important;
        object-fit:cover !important;
    }
    }

    /* PASUL 32 — bandă verde de aceeași înălțime */
    @media only screen and (max-width:767px){
    .bm-cats .bm-cat__title{
        display:block !important;
        line-height:1.2 !important;
        min-height:29px !important;
    }
    }

    /* PASUL 33 — fără wishlist/compare în listări pe mobil */
    @media only screen and (max-width:767px){
    .products-grid .add-to-links,
    .products-list .add-to-links{
        display:none !important;
    }
    .products-grid .product-actions .button,
    .products-list .product-actions .button{
        width:100% !important;
        max-width:none !important;
        margin-right:0 !important;
        float:none !important;
    }
    }

    /* PASUL 34 — buton coș în propoziție, nu caps */
    @media only screen and (max-width:767px){
    .products-grid .product-actions .button,
    .products-grid .product-actions .button span,
    .products-list .product-actions .button,
    .products-list .product-actions .button span,
    .product-view .product-shop .add-to-cart button,
    .product-view .product-shop .add-to-cart button span,
    .btn-cart,
    .btn-cart span{
        text-transform:none !important;
        letter-spacing:0 !important;
        font-size:14px !important;
    }
    }


    /* PASUL 35 — blog pe homepage cu imagine, fără gol alb; footer scos */
    @media only screen and (max-width:767px){

    /* footer — scoatem complet */
    .page-footer .footer-blog{ display:none !important; }

    /* înălțimi după conținut, nu după slide */
    .latest-blog-post .slick-list,
    .latest-blog-post .slick-track,
    .latest-blog-post .slick-slide,
    .latest-blog-post .slick-slide > div,
    .latest-blog-post li.item,
    .latest-blog-post li.item .item-inner,
    .latest-blog-post li.item .content-blog-box{
        height:auto !important;
        min-height:0 !important;
    }

    /* imaginea revine — sus, pe toată lățimea */
    .latest-blog-post .image-box{
        display:block !important;
        float:none !important;
        width:100% !important;
        margin:0 0 12px !important;
    }
    .latest-blog-post .image-box img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        border-radius:8px !important;
    }

    .latest-blog-post li.item .content-blog-box{
        margin-left:0 !important;
        padding:0 !important;
    }
    .latest-blog-post li.item{ margin-bottom:0 !important; }
    .latest-blog-post li.item .read-more{ margin-left:0 !important; }
    }

    /* PASUL 36 — blog aliniat cu bara de secțiune */
    @media only screen and (max-width:767px){
    .latest-blog-post li.item{
        padding-left:10px !important;
        padding-right:10px !important;
        box-sizing:border-box !important;
    }
    .latest-blog-post li.item .item-inner{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    }

    /* PASUL 37 — bara de blog, aceeași lățime ca restul */
    @media only screen and (max-width:767px){
    .latest-blog-post .subtitle{
        width:auto !important;
        box-sizing:border-box !important;
    }
    }

    /* PASUL 38 — footer: fără înălțimi fixe care lasă goluri */
    @media only screen and (max-width:767px){
    .page-footer .custom-socialmedia,
    .page-footer .newsletter-info li:nth-child(3),
    .page-footer .newsletter-info li:nth-child(4){
        height:auto !important;
        min-height:0 !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
    }
    .page-footer .footer-links ul{
        width:100% !important;
        float:none !important;
    }
    .page-footer .newsletter-info li:empty:not(.custom-socialmedia){
        display:none !important;
    }
    .page-footer .custom-socialmedia .list--social{
        margin:8px 0 0 !important;
        gap:8px !important;
    }
    .page-footer .custom-socialmedia .list--social li{
        padding:0 !important;
        margin:0 !important;
        border:0 !important;
    }
    }

    /* PASUL 29 — bară certificare sub header */
    .bm-certbar{ display:none; }

    @media only screen and (max-width:767px){
    .bm-certbar{
        display:block !important;
        background:#076324 !important;
        padding:8px 14px !important;
        text-align:center !important;
        line-height:1.2 !important;
    }
    .bm-certbar span{
        font-family:'DM Sans',sans-serif !important;
        font-size:10px !important;
        font-weight:500 !important;
        letter-spacing:.14em !important;
        text-transform:uppercase !important;
        color:rgba(255,255,255,.85) !important;
    }
    .bm-certbar strong{
        font-weight:700 !important;
        color:#FCCD02 !important;
    }
    }

    /* PASUL 28 — ascunde banda de beneficii pe mobil */
    @media only screen and (max-width:767px){
    .beneficii{ display:none !important; }
    }

    /* PASUL 30 — banner pe toată lățimea, doar pe mobil */
    @media only screen and (max-width:767px){
    .cms-index-index .row-wrapper.row-bn{
        margin-left:-20px !important;
        margin-right:-20px !important;
        width:auto !important;
        max-width:none !important;
        overflow:hidden !important;
    }
    .cms-index-index .row-wrapper.row-bn img{
        width:100% !important;
        height:auto !important;
        max-width:none !important;
    }
    }

    /* PASUL 31 — strânge spațiul din jurul caruselului */
    @media only screen and (max-width:767px){
    .cms-index-index .row-wrapper.row-bn{
        margin-top:10px !important;
        padding-bottom:0 !important;
    }
    .cms-index-index .row-wrapper.row-bn .showcase-inner{
        margin-top:0 !important;
    }
    .cms-index-index .row-wrapper.row-bn .slick-dots{
        margin:8px 0 0 !important;
        padding:0 !important;
        line-height:1 !important;
    }
    }

    /* PASUL 33 — limitează ascunderile la homepage */
    @media only screen and (max-width:767px){
    .categories{ display:block !important; }
    .beneficii{ display:block !important; }
    .cms-index-index .categories{ display:none !important; }
    .cms-index-index .beneficii{ display:none !important; }
    }

    @media only screen and (min-width:768px){
    .page-header .desktop .header-block-1{ margin-bottom:0 !important; }
    }

    @media only screen and (min-width:768px){
    .page-header .desktop .mini-wrappers .header-block.header-block-1{
        clear:both !important;
        margin:0 !important;
        padding:4px 0 0 !important;
    }
    }

    /* PASUL 40 — strânge spațiile din partea de sus, mobil */
    @media only screen and (max-width:767px){

    /* sub certbar */
    .bm-certbar{ margin-bottom:0 !important; }

    /* deasupra caruselului */
    .cms-index-index .showcase-inner{ margin-top:0 !important; }
    .cms-index-index .row-wrapper.row-bn{
        margin-top:0 !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
    }

    /* bulinele — mai mici și lipite de banner */
    .cms-index-index .showcase .slick-dots{
        position:static !important;
        margin:10px 0 0 !important;
        padding:0 !important;
        height:auto !important;
        line-height:1 !important;
        text-align:center !important;
    }
    .cms-index-index .showcase .slick-dots li{
        margin:0 4px !important;
        padding:0 !important;
        width:auto !important;
        height:auto !important;
        vertical-align:middle !important;
    }
    .cms-index-index .showcase .slick-dots button{
        width:8px !important;
        height:8px !important;
        padding:0 !important;
        border-width:1px !important;
    }

    /* deasupra dalelor de categorie */
    .cms-index-index .row-wrapper:nth-child(5){ margin-top:0 !important; }
    .bm-cats{ margin-top:0 !important; }
    }

    /* PASUL 41 — restul spațiilor din zona de banner */
    @media only screen and (max-width:767px){
    .cms-index-index .showcase .bn-list{ margin-top:0 !important; }

    .cms-index-index .row-wrapper.row-bn .row,
    .cms-index-index .row-wrapper.row-bn .col-12{
        padding-top:0 !important;
        padding-bottom:0 !important;
    }
    }

    /* PASUL 42 — colapsează wrapperele blocurilor ascunse pe mobil */
    @media only screen and (max-width:767px){
    .cms-index-index .std > .row-wrapper:nth-child(3),
    .cms-index-index .std > .row-wrapper:nth-child(5),
    .cms-index-index .std > .row-wrapper:nth-child(9){
        display:none !important;
    }
    }

    /* PASUL 43 — titlu pentru dalele de categorie, doar mobil */
    .bm-cats-wrap{ display:none; }

    @media only screen and (max-width:767px){
    .bm-cats-wrap{ display:block !important; }
    .bm-cats-wrap .subtitle{ margin-bottom:12px !important; }
    .cms-index-index .showcase .slick-dots{ margin-bottom:0 !important; }
    }

    /* PASUL 44 — strânge bulinele și titlul */
    @media only screen and (max-width:767px){
    .cms-index-index .showcase .slick-dots{
        margin:6px 0 0 !important;
        height:12px !important;
        min-height:0 !important;
    }
    .cms-index-index .showcase .slick-dots li{
        margin:0 4px !important;
        height:8px !important;
        line-height:8px !important;
    }
    .bm-cats-wrap .subtitle{ margin-top:0 !important; }
    }

    /* PASUL 45 — ultimele două spații din zona de sus */
    @media only screen and (max-width:767px){
    .cms-index-index .std > .row-wrapper:first-child{
        padding-bottom:5 !important;
    }
    .cms-index-index .showcase .bn-list{
        margin-bottom:0 !important;
    }
    }

    /* PASUL 46 — butoane în sertarul de coș */
    @media only screen and (max-width:767px){
    .block-cart-aside .sidebar-bottom .actions a.button{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
        padding:14px 12px !important;
        margin:0 0 8px !important;
        text-align:center !important;
        white-space:normal !important;
        font-size:14px !important;
    }
    }


    /* ============================================
    PREVIEW — BASE 1: TEXT
    ============================================ */

    /* font on everything */
    .bm-preview body,
    .bm-preview .col-main,
    .bm-preview .std,
    .bm-preview p, .bm-preview li, .bm-preview td, .bm-preview th,
    .bm-preview dt, .bm-preview dd, .bm-preview label,
    .bm-preview h1, .bm-preview h2, .bm-preview h3,
    .bm-preview h4, .bm-preview h5, .bm-preview h6,
    .bm-preview input, .bm-preview select, .bm-preview textarea,
    .bm-preview button, .bm-preview .button{
    font-family:'DM Sans', -apple-system, 'Segoe UI', Arial, sans-serif !important;
    font-style:normal !important;
    }

    /* body text */
    .bm-preview body{
    font-size:15px !important;
    line-height:1.6 !important;
    color:#1E2419 !important;
    }

    /* headings */
    .bm-preview h1, .bm-preview h2, .bm-preview h3,
    .bm-preview h4, .bm-preview h5, .bm-preview h6{
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:-0.01em !important;
    color:#1E2419 !important;
    text-transform:none !important;
    }

    .bm-preview .page-title h1,
    .bm-preview .product-name h1{ font-size:28px !important; }
    .bm-preview h2:not(.subtitle){ font-size:22px !important; }
    .bm-preview h3{ font-size:18px !important; }
    .bm-preview h4{ font-size:16px !important; }
    .bm-preview h5, .bm-preview h6{ font-size:15px !important; }

    @media only screen and (max-width:767px){
    .bm-preview .page-title h1,
    .bm-preview .product-name h1{ font-size:22px !important; }
    .bm-preview h2:not(.subtitle){ font-size:19px !important; }
    .bm-preview h3{ font-size:16px !important; }
    }

    /* product names in listings */
    .bm-preview .products-grid .product-name,
    .bm-preview .products-list .product-name,
    .bm-preview .products-grid .product-name a,
    .bm-preview .products-list .product-name a{
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
    color:#1E2419 !important;
    text-transform:none !important;
    text-decoration:none !important;
    }
    @media only screen and (max-width:767px){
    .bm-preview .products-grid .product-name,
    .bm-preview .products-list .product-name,
    .bm-preview .products-grid .product-name a,
    .bm-preview .products-list .product-name a{ font-size:14px !important; }
    }


    /* footer keeps its own heading colour */
    .bm-preview .page-footer h1, .bm-preview .page-footer h2,
    .bm-preview .page-footer h3, .bm-preview .page-footer h4,
    .bm-preview .page-footer h5, .bm-preview .page-footer h6{
    color:inherit !important;
    }

    /* ============================================
    PREVIEW — BASE 2: BUTTONS
    ============================================ */

    /* --- 1. everything flat and green-outlined by default --- */
    .bm-preview button.button,
    .bm-preview a.button,
    .bm-preview label.button,
    .bm-preview .buttons-set button.button,
    .bm-preview .button-review,
    .bm-preview .product-view .box-collateral button,
    .bm-preview .product-collateral .tab .button,
    .bm-preview .cart-table tfoot button,
    .bm-preview .cart .discount button,
    .bm-preview .main-aside .block .actions a,
    .bm-preview .blog-index-list .blog-layout-3 .blog-search-box .button{
    background:#fff !important;
    background-image:none !important;
    border:1px solid #076324 !important;
    border-radius:4px !important;
    box-shadow:none !important;
    color:#076324 !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    line-height:1.2 !important;
    text-transform:none !important;
    text-align:center !important;
    text-decoration:none !important;
    padding:12px 20px !important;
    height:auto !important;
    min-height:44px !important;
    transition:none !important;
    }

    /* inner span — the theme paints it separately */
    .bm-preview button.button span,
    .bm-preview button.button span span,
    .bm-preview a.button span,
    .bm-preview .buttons-set button.button span,
    .bm-preview .cart-table tfoot button span,
    .bm-preview .product-view .box-collateral button span{
    background:none !important;
    background-image:none !important;
    border:0 !important;
    color:inherit !important;
    font-family:inherit !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    letter-spacing:inherit !important;
    line-height:inherit !important;
    text-transform:none !important;
    padding:0 !important;
    height:auto !important;
    }

    .bm-preview button.button:hover,
    .bm-preview a.button:hover,
    .bm-preview .buttons-set button.button:hover,
    .bm-preview .main-aside .block .actions a:hover{
    background:#F2F1EC !important;
    background-image:none !important;
    color:#076324 !important;
    text-decoration:none !important;
    }

    /* --- 2. buy buttons — yellow --- */
    .bm-preview .products-grid .product-actions .button,
    .bm-preview .products-list .product-actions .button,
    .bm-preview .product-view .product-shop .add-to-cart button,
    .bm-preview .catalog-product-view .product-view .product-shop .add-to-cart button,
    .bm-preview .my-wishlist table .add-to-cart-alt button,
    .bm-preview .btn-cart,
    .bm-preview .cart-totals .checkout-types .btn-checkout,
    .bm-preview .block-cart .block-cart-aside .actions .proceed-checkout,
    .bm-preview .ajaxcart-modal-footer .button{
    background:#FCCD02 !important;
    background-image:none !important;
    border:1px solid #FCCD02 !important;
    border-radius:4px !important;
    box-shadow:none !important;
    color:#1E2419 !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:15px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    line-height:1.2 !important;
    text-transform:none !important;
    text-align:center !important;
    text-decoration:none !important;
    padding:12px 20px !important;
    height:auto !important;
    min-height:44px !important;
    transition:none !important;
    }

    .bm-preview .products-grid .product-actions .button span,
    .bm-preview .products-list .product-actions .button span,
    .bm-preview .product-view .product-shop .add-to-cart button span,
    .bm-preview .my-wishlist table .add-to-cart-alt button span,
    .bm-preview .btn-cart span,
    .bm-preview .cart-totals .checkout-types .btn-checkout span,
    .bm-preview .block-cart .block-cart-aside .actions .proceed-checkout span,
    .bm-preview .ajaxcart-modal-footer .button span{
    background:none !important;
    background-image:none !important;
    border:0 !important;
    color:#1E2419 !important;
    font-family:inherit !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    padding:0 !important;
    height:auto !important;
    }

    .bm-preview .products-grid .product-actions .button:hover,
    .bm-preview .products-list .product-actions .button:hover,
    .bm-preview .product-view .product-shop .add-to-cart button:hover,
    .bm-preview .btn-cart:hover,
    .bm-preview .cart-totals .checkout-types .btn-checkout:hover,
    .bm-preview .block-cart .block-cart-aside .actions .proceed-checkout:hover,
    .bm-preview .ajaxcart-modal-footer .button:hover{
    background:#EDBF00 !important;
    background-image:none !important;
    color:#1E2419 !important;
    text-decoration:none !important;
    }

    /* --- 3. secondary cart button, green outline --- */
    .bm-preview .block-cart .block-cart-aside .actions .view-cart,
    .bm-preview .ajaxcart-modal-close .button{
    background:#fff !important;
    background-image:none !important;
    border:1px solid #076324 !important;
    color:#076324 !important;
    font-size:14px !important;
    font-weight:700 !important;
    text-transform:none !important;
    border-radius:4px !important;
    padding:12px 20px !important;
    min-height:44px !important;
    box-shadow:none !important;
    }
    .bm-preview .block-cart .block-cart-aside .actions .view-cart:hover,
    .bm-preview .ajaxcart-modal-close .button:hover{
    background:#F2F1EC !important;
    background-image:none !important;
    color:#076324 !important;
    }

    /* --- 4. out of stock — clearly dead --- */
    .bm-preview .products-grid .product-actions .out-of-stock,
    .bm-preview .products-list .product-actions .out-of-stock,
    .bm-preview .products-grid .product-actions .out-of-stock:hover,
    .bm-preview .products-list .product-actions .out-of-stock:hover{
    background:#F2F1EC !important;
    background-image:none !important;
    border:1px solid #E4E2DA !important;
    border-radius:4px !important;
    box-shadow:none !important;
    color:#6B7264 !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-align:center !important;
    padding:12px 20px !important;
    height:auto !important;
    min-height:44px !important;
    cursor:not-allowed !important;
    }
    .bm-preview .products-grid .product-actions .out-of-stock span,
    .bm-preview .products-list .product-actions .out-of-stock span{
    background:none !important;
    color:#6B7264 !important;
    font-weight:500 !important;
    text-transform:none !important;
    padding:0 !important;
    }

    /* --- 5. small icon buttons keep their icons --- */
    .bm-preview .form-search button,
    .bm-preview .page-footer .marketing-box--newsletter .button,
    .bm-preview .slick-prev,
    .bm-preview .slick-next{
    min-height:0 !important;
    padding:0 !important;
    }

    /* ============================================================
    PREVIEW — DESKTOP HEADER (single source of truth)
    logo left · search centre · cart · account · phone
    every layer 36px tall, bottom-aligned with the logo
    ============================================================ */
    @media only screen and (min-width:996px){

    /* ---------- the row ---------- */
    .bm-preview .page-header .page-container-wrapper.desktop .page-container:first-child{
        padding-top:0 !important;
        padding-bottom:0 !important;
    }
    .bm-preview .page-header .desktop .page-container-inner{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:flex-end !important;
        gap:24px !important;
        max-width:1210px !important;
        margin:0 auto !important;
        padding:10px 20px 0 !important;
        box-sizing:border-box !important;
    }

    /* ---------- logo ---------- */
    .bm-preview .page-header .desktop .logo{
        display:block !important;
        flex:0 0 auto !important;
        width:auto !important;
        height:auto !important;
        max-height:none !important;
        margin:0 !important;
        padding:0 !important;
        float:none !important;
    }
    .bm-preview .page-header .desktop .logo a{
        display:block !important;
        width:150px !important;
        height:150px !important;
        max-height:none !important;
        margin:0 !important;
        padding:0 !important;
        background-image:url('/media/wysiwyg/logo-hd3.png') !important;
        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-size:contain !important;
    }
    .bm-preview .page-header .desktop .logo img{ display:none !important; }

    /* ---------- right side ---------- */
    .bm-preview .page-header .desktop .mini-wrappers{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:flex-end !important;
        justify-content:flex-end !important;
        flex:1 1 auto !important;
        gap:22px !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 0 15px !important;
        float:none !important;
    }

    /* search + cart */
    .bm-preview .page-header .desktop .mini-wrapper-2{
        order:1 !important;
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:flex-end !important;
        flex:1 1 auto !important;
        gap:22px !important;
        min-width:0 !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        float:none !important;
    }
    /* account */
    .bm-preview .page-header .desktop .mini-wrapper-1{
        order:2 !important;
        display:block !important;
        flex:0 0 auto !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        float:none !important;
    }

    /* ---------- search ---------- */
    .bm-preview .page-header .desktop .mini-search{
        order:1 !important;
        flex:0 1 500px !important;
        min-width:0 !important;
        height:36px !important;
        margin:0 auto !important;
        padding:0 !important;
        float:none !important;
    }
    .bm-preview .page-header .desktop .mini-search form{
        display:block !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
    }
    .bm-preview .page-header .desktop .form-search{
        position:relative !important;
        display:block !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
    }
    .bm-preview .page-header .desktop .form-search label{ display:none !important; }
    .bm-preview .page-header .desktop .form-search button,
    .bm-preview .page-header .desktop .form-search button:hover{ display:none !important; }
    .bm-preview .page-header .desktop .form-search input{
        display:block !important;
        width:100% !important;
        height:36px !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:0 44px 0 14px !important;
        border:1px solid #E4E2DA !important;
        border-radius:4px !important;
        font-size:14px !important;
        line-height:34px !important;
        color:#1E2419 !important;
        background-color:#fff !important;
        background-image:url('/skin/frontend/blugento/default/images/var_mini-search__button_background-image.svg') !important;
        background-repeat:no-repeat !important;
        background-position:right 13px center !important;
        background-size:20px 20px !important;
    }
    .bm-preview .page-header .desktop .form-search .search-autocomplete{
        position:absolute !important;
        top:100% !important;
        left:0 !important;
        right:0 !important;
        z-index:200 !important;
    }

    /* ---------- cart ---------- */
    .bm-preview .page-header .desktop .mini-cart{
        order:2 !important;
        display:block !important;
        flex:0 0 auto !important;
        width:auto !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        float:none !important;
    }
    .bm-preview .page-header .desktop .mini-cart .block-cart{
        position:relative !important;
        display:block !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
    }
    .bm-preview .page-header .desktop .mini-cart .block-cart > a{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        gap:10px !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        text-decoration:none !important;
    }
    .bm-preview .page-header .desktop .mini-cart .block-cart > a > i{
        flex:0 0 34px !important;
        width:34px !important;
        height:34px !important;
        margin:0 !important;
        padding:0 !important;
        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-size:contain !important;
    }
    .bm-preview .page-header .desktop .mini-cart .block-cart > a > span{
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:flex-start !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        font-size:15px !important;
        font-weight:700 !important;
        line-height:18px !important;
        letter-spacing:0 !important;
        color:#076324 !important;
        text-transform:none !important;
    }
    .bm-preview .page-header .desktop .mini-cart .block-cart > a > span > span.price{
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:18px !important;
        color:#6B7264 !important;
    }

    /* ---------- account ---------- */
    .bm-preview .page-header .desktop .mini-account{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        gap:10px !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        float:none !important;
    }
    .bm-preview .page-header .desktop .mini-account > i{
        flex:0 0 34px !important;
        width:34px !important;
        height:34px !important;
        margin:0 !important;
        padding:0 !important;
        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-size:contain !important;
    }
    .bm-preview .page-header .desktop .mini-account .list--links{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        gap:14px !important;
        width:auto !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        list-style:none !important;
        float:none !important;
    }
    .bm-preview .page-header .desktop .mini-account .list--links .list__item{
        display:block !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        list-style:none !important;
        float:none !important;
    }
    .bm-preview .page-header .desktop .mini-account .list--links .list__item:first-child{
        display:none !important;
    }
    .bm-preview .page-header[data-customer-logged-in="1"] .desktop .mini-account .list--links .list__item:first-child{
        display:block !important;
    }

    .bm-preview .page-header .desktop .mini-account .list--links .list__item::before{
        display:none !important;
    }
    .bm-preview .page-header .desktop .mini-account .list--links .list__item a{
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:flex-start !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:18px !important;
        letter-spacing:0 !important;
        color:#6B7264 !important;
        text-transform:none !important;
        text-decoration:none !important;
    }
    .bm-preview .page-header .desktop .mini-account .list--links .list__item a strong{
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        font-size:15px !important;
        font-weight:700 !important;
        line-height:18px !important;
        color:#076324 !important;
        text-transform:none !important;
    }

    /* ---------- phone ---------- */
    .bm-preview .page-header .desktop .mini-wrappers .header-block-1{
        order:3 !important;
        display:block !important;
        flex:0 0 auto !important;
        width:auto !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        text-align:right !important;
        float:none !important;
        clear:none !important;
    }
    .bm-preview .page-header .desktop .header-block-1 a{
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:flex-end !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        text-decoration:none !important;
    }
    .bm-preview .page-header .desktop .header-block-1 .bm-tel-label{
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:18px !important;
        color:#6B7264 !important;
    }
    .bm-preview .page-header .desktop .header-block-1 .bm-tel-num{
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        font-size:15px !important;
        font-weight:700 !important;
        line-height:18px !important;
        color:#076324 !important;
    }
    }

    /* ============================================================
    PREVIEW — DESKTOP NAV BAR (single source of truth)
    green stays full width; inner row shares the header's box;
    info links spread to fill instead of left-packing
    geometry only — no colours, no heights
    ============================================================ */
    @media only screen and (min-width:996px){

    /* padding moves off the full-bleed green and onto the inner row */
    .bm-preview .page-container--nav{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    /* same box as the header: 1210 wide, centred, 15px sides */
    .bm-preview .page-container--nav nav.nav-container{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        max-width:1210px !important;
        margin:0 auto !important;
        padding:0 20px !important;
        box-sizing:border-box !important;
    }

    /* launcher keeps its 250px */
    .bm-preview .page-container--nav nav.nav-container > #nav-wrapper{
        flex:0 0 250px !important;
        float:none !important;
        margin:0 !important;
    }

    /* links take the rest of the row and space out evenly */
    .bm-preview .page-container--nav .links-after{
        display:flex !important;
        flex:1 1 auto !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:space-between !important;
        min-width:0 !important;
        margin:0 0 0 24px !important;
        padding:0 !important;
        list-style:none !important;
    }
    .bm-preview .page-container--nav .links-after > li{
        display:block !important;
        float:none !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        list-style:none !important;
    }
    .bm-preview .page-container--nav .links-after > li::before{
        display:none !important;
    }
    .bm-preview .page-container--nav .links-after > li > a{
        display:block !important;
        padding-left:10px !important;
        padding-right:10px !important;
        white-space:nowrap !important;
    }

    /* first and last text flush with the row's edges */
    .bm-preview .page-container--nav .links-after > li:first-child > a{
        padding-left:0 !important;
    }
    .bm-preview .page-container--nav .links-after > li:last-child > a{
        padding-right:0 !important;
    }
    }

    /* ============================================================
    PREVIEW — BASE 3: PRICES (single source of truth)
    all widths
    ============================================================ */

    .bm-preview .price-box{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:baseline !important;
    gap:8px !important;
    margin:0 0 10px !important;
    }

    /* gap off the product name */
    .bm-preview .products-grid .price-box,
    .bm-preview .products-list .price-box{
    margin-top:14px !important;
    }

    /* old price left, current price right */
    .bm-preview .price-box .old-price{ order:1 !important; }
    .bm-preview .price-box .regular-price,
    .bm-preview .price-box .special-price{ order:2 !important; }
    .bm-preview .price-box .minimal-price-link{ order:3 !important; flex:0 0 100% !important; }

    .bm-preview .price-box .regular-price,
    .bm-preview .price-box .special-price,
    .bm-preview .price-box .old-price{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    }

    .bm-preview .price-box .price-label{ display:none !important; }

    /* current price — deep green, the loudest thing in the card */
    .bm-preview .price-box .regular-price .price,
    .bm-preview .price-box .special-price .price{
    font-family:'DM Sans', sans-serif !important;
    font-size:19px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:-0.01em !important;
    color:#076324 !important;
    white-space:nowrap !important;
    }

    /* on sale — orange */
    .bm-preview .price-box .special-price .price{
    color:#fc6001 !important;
    }

    /* old price — small, grey, struck */
    .bm-preview .price-box .old-price .price{
    font-family:'DM Sans', sans-serif !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.2 !important;
    color:#6B7264 !important;
    text-decoration:line-through !important;
    white-space:nowrap !important;
    }

    /* "de la" on configurables */
    .bm-preview .price-box .minimal-price-link,
    .bm-preview .price-box .minimal-price-link .label,
    .bm-preview .price-box .minimal-price-link a{
    font-family:'DM Sans', sans-serif !important;
    font-size:12px !important;
    font-weight:400 !important;
    color:#6B7264 !important;
    text-decoration:none !important;
    }

    /* product page — price is the headline */
    .bm-preview .product-view .product-shop .price-box{
    gap:12px !important;
    margin-top:0 !important;
    }
    .bm-preview .product-view .product-shop .price-box .regular-price .price,
    .bm-preview .product-view .product-shop .price-box .special-price .price{
    font-size:32px !important;
    }
    .bm-preview .product-view .product-shop .price-box .old-price .price{
    font-size:17px !important;
    }

    @media only screen and (max-width:767px){
    .bm-preview .price-box .regular-price .price,
    .bm-preview .price-box .special-price .price{ font-size:18px !important; }
    .bm-preview .price-box .old-price .price{ font-size:13px !important; }
    .bm-preview .product-view .product-shop .price-box .regular-price .price,
    .bm-preview .product-view .product-shop .price-box .special-price .price{
        font-size:27px !important;
    }
    .bm-preview .products-grid .price-box{
        justify-content:flex-start !important;
        text-align:left !important;
    }
    }

    @media only screen and (max-width:767px){
    .bm-preview .products-grid .price-box{
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:2px !important;
    }
    }

    /* ============================================================
    PREVIEW — BASE 4: PRODUCT CARDS (single source of truth)
    all widths · listings, search, carousels, related, upsell
    placement only — button colour is BASE 2, price is BASE 3
    ============================================================ */

    .bm-preview .products-grid li.item{
    background:transparent !important;
    border:0 !important;
    margin:0 0 20px !important;
    padding:0 6px !important;
    box-sizing:border-box !important;
    }

    .bm-preview .products-grid .item-inner{
    display:block !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border:1px solid #E4E2DA !important;
    border-radius:8px !important;
    margin:0 !important;
    padding:14px !important;
    text-align:left !important;
    }
    .bm-preview .products-grid .item-inner:hover{
    border-color:#076324 !important;
    }

    /* image */
    .bm-preview .products-grid .product-image{
    display:block !important;
    position:relative !important;
    width:100% !important;
    margin:0 0 12px !important;
    padding:0 !important;
    text-align:center !important;
    }
    .bm-preview .products-grid .product-image img.product-img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto !important;
    border:0 !important;
    border-radius:4px !important;
    }

    /* badges inside the image */
    .bm-preview .products-grid .product-badges{
    left:6px !important;
    right:auto !important;
    top:6px !important;
    }
    .bm-preview .products-grid .product-badges + .product-badges{
    top:42px !important;
    }

    /* kill the old bottom-border card */
    .bm-preview .products-grid .product-box{
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    }
    .bm-preview .products-grid .short-info,
    .bm-preview .products-grid .product-name,
    .bm-preview .products-grid .product-info{
    margin:0 !important;
    padding:0 !important;
    }
    .bm-preview .products-grid .product-name a{
    display:block !important;
    }

    /* names measure 38px at two lines and 94px at four in the same
    row, which is what threw the buttons out of line. Reserving
    four keeps prices and buttons level without truncating a
    weight. Measured from a two-card comparison, not estimated.
    Cost: a two-line name carries ~56px of space beneath it. */
    .bm-preview .products-grid .product-name{
    min-height:94px !important;
    }
    @media only screen and (max-width:767px){
    .bm-preview .products-grid .product-name{
        min-height:76px !important;
    }
    }

    /* action row */
    .bm-preview .products-grid .product-actions,
    .bm-preview .products-grid .product-actions .actions{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:6px !important;
    padding:0 !important;
    }
    .bm-preview .products-grid .product-actions{
    margin:12px 0 0 !important;
    }
    .bm-preview .products-grid .product-actions .actions{
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
    }
    .bm-preview .products-grid .product-actions .qty-wrapper:empty,
    .bm-preview .products-grid .product-actions .configurable-swatch-list:empty{
    display:none !important;
    }

    .bm-preview .products-grid .product-actions .button,
    .bm-preview .products-grid .product-actions .out-of-stock{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    float:none !important;
    }

    /* wishlist + compare — flat squares */
    .bm-preview .products-grid .add-to-links{
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    gap:6px !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    }
    .bm-preview .products-grid .add-to-links li{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    }
    .bm-preview .products-grid .add-to-links li a{
    display:block !important;
    width:42px !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    font-size:0 !important;
    }
    .bm-preview .products-grid .add-to-links li a.link-wishlist::before,
    .bm-preview .products-grid .add-to-links li a.link-compare::before{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    width:42px !important;
    height:44px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #E4E2DA !important;
    border-radius:4px !important;
    }
    .bm-preview .products-grid .add-to-links li a.link-wishlist:hover::before,
    .bm-preview .products-grid .add-to-links li a.link-compare:hover::before{
    background:#FBF9F2 !important;
    border-color:#076324 !important;
    }

    @media only screen and (max-width:767px){
    .bm-preview .products-grid li.item{
        padding:0 5px !important;
        margin-bottom:14px !important;
    }
    .bm-preview .products-grid .item-inner{
        padding:10px !important;
    }
    .bm-preview .products-grid .add-to-links{
        display:none !important;
    }
    }

    /* images vary wildly in aspect; a fixed frame keeps every
    name and button on the same line across a row */
    .bm-preview .products-grid .product-image{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:200px !important;
    overflow:hidden !important;
    }
    .bm-preview .products-grid .product-image img.product-img{
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    max-height:200px !important;
    object-fit:contain !important;
    }

    @media only screen and (max-width:767px){
    .bm-preview .products-grid .product-image{ height:150px !important; }
    .bm-preview .products-grid .product-image img.product-img{ max-height:150px !important; }
    }

    /* ============================================================
    PREVIEW — BASE 5: SECTION BARS + SLIDER ARROWS
    single source of truth · all widths
    arrows: colour only, positions left as the theme has them
    ============================================================ */

    .bm-preview h2.subtitle,
    .bm-preview .buy-by-type h2,
    .bm-preview .buy-by-brand h2,
    .bm-preview .latest-blog-post .subtitle,
    .bm-preview .block-crossale .subtitle,
    .bm-preview .block-upsell .subtitle,
    .bm-preview .block-related .subtitle,
    .bm-preview .products-widget .title h2,
    .bm-preview .product-collateral .tab-nav{
    background:#076324 !important;
    background-image:none !important;
    border:0 !important;
    border-radius:4px !important;
    box-shadow:none !important;
    color:#fff !important;
    font-family:'DM Sans', -apple-system, sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    line-height:1.3 !important;
    text-transform:uppercase !important;
    text-align:left !important;
    box-sizing:border-box !important;
    width:auto !important;
    padding:13px 96px 13px 16px !important;
    margin:0 6px 16px !important;
    }

    /* tabs have no arrows to clear */
    .bm-preview .product-collateral .tab-nav{
    padding-right:16px !important;
    }

    /* arrows — colour, plus height and offset matched to the bar above.
    These two numbers are tied to the bar's padding and margin-bottom.
    Change the bar's 13px padding or 16px margin and these move too. */
    .bm-preview .products-grid .slick-prev,
    .bm-preview .products-grid .slick-next,
    .bm-preview .buy-by-type-slider .slick-prev,
    .bm-preview .buy-by-type-slider .slick-next,
    .bm-preview .buy-by-brand-slider .slick-prev,
    .bm-preview .buy-by-brand-slider .slick-next{
    background-color:#076324 !important;
    border:0 !important;
    border-left:1px solid rgba(255,255,255,.22) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    top:-73px !important;
    height:43px !important;
    }
    .bm-preview .products-grid .slick-next,
    .bm-preview .buy-by-type-slider .slick-next,
    .bm-preview .buy-by-brand-slider .slick-next{
    right:6px !important;
    border-radius:0 4px 4px 0 !important;
    }
    .bm-preview .products-grid .slick-prev,
    .bm-preview .buy-by-type-slider .slick-prev,
    .bm-preview .buy-by-brand-slider .slick-prev{
    right:47px !important;
    left:auto !important;
    }

    @media only screen and (max-width:767px){
    .bm-preview h2.subtitle,
    .bm-preview .buy-by-type h2,
    .bm-preview .buy-by-brand h2,
    .bm-preview .latest-blog-post .subtitle,
    .bm-preview .block-crossale .subtitle,
    .bm-preview .block-upsell .subtitle,
    .bm-preview .block-related .subtitle,
    .bm-preview .products-widget .title h2,
    .bm-preview .product-collateral .tab-nav{
        padding:12px 90px 12px 14px !important;
        margin:0 5px 14px !important;
    }
    .bm-preview .product-collateral .tab-nav{
        padding-right:14px !important;
    }
    /* fallback only — the JS move makes these inert */
    .bm-preview .products-grid .slick-prev,
    .bm-preview .products-grid .slick-next,
    .bm-preview .buy-by-type-slider .slick-prev,
    .bm-preview .buy-by-type-slider .slick-next{
        top:-69px !important;
        bottom:auto !important;
        height:41px !important;
        margin-bottom:0 !important;
    }
    .bm-preview .products-grid .slick-next,
    .bm-preview .buy-by-type-slider .slick-next{ right:5px !important; }
    .bm-preview .products-grid .slick-prev,
    .bm-preview .buy-by-type-slider .slick-prev{ right:46px !important; }
    }

    /* ============================================================
    PREVIEW — LISTING TOOLBAR
    sort · count · pager on one aligned row
    ============================================================ */

    .bm-preview .catalog-category-view .toolbar,
    .bm-preview .catalogsearch-result-index .toolbar{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    box-sizing:border-box !important;
    margin:0 0 20px !important;
    padding:12px 0 !important;
    border-top:1px solid #E4E2DA !important;
    border-bottom:1px solid #E4E2DA !important;
    background:transparent !important;
    }

    .bm-preview .catalog-category-view .toolbar .sort-by,
    .bm-preview .catalogsearch-result-index .toolbar .sort-by{
    order:1 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    }
    .bm-preview .catalog-category-view .toolbar .sort-by select,
    .bm-preview .catalogsearch-result-index .toolbar .sort-by select{
    height:38px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:1px solid #E4E2DA !important;
    border-radius:4px !important;
    font-size:14px !important;
    color:#1E2419 !important;
    background-color:#fff !important;
    }

    .bm-preview .catalog-category-view .toolbar .amount,
    .bm-preview .catalogsearch-result-index .toolbar .amount{
    order:2 !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:13px !important;
    color:#6B7264 !important;
    white-space:nowrap !important;
    }

    .bm-preview .catalog-category-view .toolbar .pager,
    .bm-preview .catalogsearch-result-index .toolbar .pager{
    order:3 !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    }
    .bm-preview .toolbar .pager .pages,
    .bm-preview .toolbar .pager .pages ol{
    display:flex !important;
    align-items:center !important;
    gap:2px !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    }

    .bm-preview .toolbar .pager .pages ol li{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    min-width:34px !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:4px !important;
    font-size:14px !important;
    color:#1E2419 !important;
    list-style:none !important;
    }
    .bm-preview .toolbar .pager .pages ol li a,
    .bm-preview .toolbar .pager .pages ol li span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    width:100% !important;
    height:34px !important;
    margin:0 !important;
    padding:0 6px !important;
    border-radius:4px !important;
    font-size:14px !important;
    color:inherit !important;
    text-decoration:none !important;
    }
    .bm-preview .toolbar .pager .pages ol li a:hover{
    background:#FBF9F2 !important;
    color:#076324 !important;
    }
    .bm-preview .toolbar .pager .pages ol li.current,
    .bm-preview .toolbar .pager .pages ol li.current a,
    .bm-preview .toolbar .pager .pages ol li.current span,
    .bm-preview .toolbar .pager .pages ol li span.current{
    background:#E8F2EA !important;
    color:#076324 !important;
    font-weight:700 !important;
    }

    /* the theme's second toolbar under the grid keeps the same row,
    but the count is redundant there */
    .bm-preview .catalog-category-view .toolbar-bottom .amount,
    .bm-preview .catalogsearch-result-index .toolbar-bottom .amount{
    display:none !important;
    }

    @media only screen and (max-width:767px){
    .bm-preview .catalog-category-view .toolbar,
    .bm-preview .catalogsearch-result-index .toolbar{
        flex-direction:column !important;
        align-items:stretch !important;
        gap:10px !important;
    }
    .bm-preview .catalog-category-view .toolbar .sort-by select,
    .bm-preview .catalogsearch-result-index .toolbar .sort-by select{
        width:100% !important;
    }
    .bm-preview .catalog-category-view .toolbar .amount,
    .bm-preview .catalogsearch-result-index .toolbar .amount{
        order:3 !important;
        text-align:center !important;
    }
    .bm-preview .catalog-category-view .toolbar .pager,
    .bm-preview .catalogsearch-result-index .toolbar .pager{
        order:2 !important;
    }
    .bm-preview .toolbar .pager .pages ol{
        justify-content:center !important;
    }
    }

    /* ============================================================
    PREVIEW — FILTER COLUMN (layered nav)
    headings dark, links grey, counts pinned right, no inner scroll
    ============================================================ */

    .bm-preview .main-aside .block-layered-nav{
    background:#fff !important;
    padding:0 !important;
    }

    /* "Cumpărare după" — column label, not a page heading */
    .bm-preview .main-aside .block-layered-nav .block-title{
    margin:0 0 16px !important;
    padding:0 0 10px !important;
    border-bottom:1px solid #E4E2DA !important;
    background:#fff !important;
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:#1E2419 !important;
    }

    /* facet headings — dark, so they read above their options */
    .bm-preview .main-aside .block-layered-nav dt{
    margin:18px 0 8px !important;
    padding:0 !important;
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    color:#1E2419 !important;
    }
    .bm-preview .main-aside .block-layered-nav dt:first-of-type{
    margin-top:0 !important;
    }

    /* no scroll area inside a scrolling page */
    .bm-preview .main-aside .block-layered-nav dd{
    display:block !important;
    max-height:none !important;
    overflow:visible !important;
    margin:0 !important;
    padding:0 !important;
    }
    .bm-preview .main-aside .block-layered-nav dd ol,
    .bm-preview .main-aside .block-layered-nav dd ul{
    max-height:none !important;
    overflow:visible !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    }

    /* one row per option: name left, count pinned right */
    .bm-preview .main-aside .block-layered-nav dd li{
    display:flex !important;
    align-items:baseline !important;
    gap:8px !important;
    margin:0 !important;
    padding:5px 0 !important;
    border:0 !important;
    list-style:none !important;
    }
    .bm-preview .main-aside .block-layered-nav dd li a{
    flex:1 1 auto !important;
    min-width:0 !important;
    font-size:13px !important;
    line-height:1.35 !important;
    color:#3A4034 !important;
    text-decoration:none !important;
    }
    .bm-preview .main-aside .block-layered-nav dd li a:hover{
    color:#076324 !important;
    }
    .bm-preview .main-aside .block-layered-nav dd li em,
    .bm-preview .main-aside .block-layered-nav dd li .count{
    flex:0 0 auto !important;
    margin:0 !important;
    font-size:12px !important;
    font-style:normal !important;
    line-height:1.35 !important;
    color:#6B7264 !important;
    white-space:nowrap !important;
    }

    /* currently applied filters */
    .bm-preview .main-aside .block-layered-nav .currently{
    margin:0 0 16px !important;
    }

    /* --- currently shopping by ----------------------------------
    The theme gives .btn-remove a 14px box for its sprite and
    never hides the word "Eliminare", so the text overflows the
    column and lands on the page title. Pre-existing — it
    reproduces with preview off.
    font-size:0 collapses the text node; the pseudo-elements get
    their size back, so the X survives whether it's painted as a
    background or as generated content.
    ------------------------------------------------------------ */
    .bm-preview .main-aside .block-layered-nav .currently{
    box-sizing:border-box !important;
    margin:0 0 20px !important;
    padding:14px !important;
    background:#FBF9F2 !important;
    border:1px solid #E4E2DA !important;
    border-radius:4px !important;
    }
    .bm-preview .main-aside .block-layered-nav .currently .block-subtitle{
    margin:0 0 10px !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:#1E2419 !important;
    }
    .bm-preview .main-aside .block-layered-nav .currently ol{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    }
    .bm-preview .main-aside .block-layered-nav .currently ol li{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:baseline !important;
    gap:0 5px !important;
    box-sizing:border-box !important;
    width:100% !important;
    margin:0 0 8px !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
    list-style:none !important;
    }
    .bm-preview .main-aside .block-layered-nav .currently ol li:last-child{
    margin-bottom:0 !important;
    }
    .bm-preview .main-aside .block-layered-nav .currently li .label{
    flex:0 0 auto !important;
    font-size:12px !important;
    font-weight:400 !important;
    color:#6B7264 !important;
    }
    .bm-preview .main-aside .block-layered-nav .currently li .value{
    flex:1 1 auto !important;
    min-width:0 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    color:#1E2419 !important;
    word-break:break-word !important;
    }
    .bm-preview .main-aside .block-layered-nav .currently li a.btn-remove{
    flex:0 0 14px !important;
    display:block !important;
    box-sizing:border-box !important;
    width:14px !important;
    height:14px !important;
    margin:0 0 0 auto !important;
    padding:0 !important;
    float:none !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:0 !important;
    text-indent:0 !important;
    align-self:center !important;
    }
    .bm-preview .main-aside .block-layered-nav .currently li a.btn-remove::before,
    .bm-preview .main-aside .block-layered-nav .currently li a.btn-remove::after{
    font-size:14px !important;
    line-height:1 !important;
    }
    .bm-preview .main-aside .block-layered-nav .actions a{
    background:#fff !important;
    background-image:none !important;
    border:1px solid #076324 !important;
    border-radius:4px !important;
    color:#076324 !important;
    font-size:13px !important;
    font-weight:700 !important;
    text-align:center !important;
    text-transform:none !important;
    }

    /* .currently-wrapper is the theme's grey field around the active
    filters — #F5F5F5, 20px padding, and 321px wide inside a 285px
    column, so it overflows the column on both sides. The inner
    .currently box carries the tint now, so this one just needs to
    stop being a box. */
    .bm-preview .main-aside .block-layered-nav .currently-wrapper{
    box-sizing:border-box !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 0 18px !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;
    }
    .bm-preview .main-aside .block-layered-nav .currently-wrapper .actions{
    margin:0 !important;
    padding:0 !important;
    }

    /* ============================================================
    PREVIEW — CATEGORY HEADING + DESCRIPTION
    green H1, dark body copy, 3-line clamp on mobile
    toggle button is created by JS in Miscellaneous Scripts
    ============================================================ */

    .bm-preview .catalog-category-view .page-title h1{
    color:#076324 !important;
    margin:0 0 14px !important;
    }

    .bm-preview .catalog-category-view .category-description,
    .bm-preview .catalog-category-view .category-description div,
    .bm-preview .catalog-category-view .category-description p,
    .bm-preview .catalog-category-view .category-description span,
    .bm-preview .catalog-category-view .category-description li{
    color:#3A4034 !important;
    font-size:14px !important;
    line-height:1.6 !important;
    }
    .bm-preview .catalog-category-view .category-description{
    margin:0 0 20px !important;
    padding:0 !important;
    }
    .bm-preview .catalog-category-view .category-description p{
    margin:0 0 10px !important;
    }
    .bm-preview .catalog-category-view .category-description p:last-child{
    margin-bottom:0 !important;
    }

    .bm-preview .bm-desc-toggle{
    display:none !important;
    }

    @media only screen and (max-width:767px){
    .bm-preview .catalog-category-view .category-description.bm-clamped{
        position:relative !important;
        max-height:4.8em !important;
        overflow:hidden !important;
        margin-bottom:8px !important;
    }
    .bm-preview .catalog-category-view .category-description.bm-clamped::after{
        content:'' !important;
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        height:1.6em !important;
        background:linear-gradient(to bottom, rgba(255,255,255,0), #fff) !important;
    }
    .bm-preview .bm-desc-toggle{
        display:inline-block !important;
        margin:0 0 20px !important;
        padding:0 !important;
        border:0 !important;
        background:none !important;
        font-family:'DM Sans', sans-serif !important;
        font-size:13px !important;
        font-weight:700 !important;
        color:#076324 !important;
        text-decoration:underline !important;
        cursor:pointer !important;
    }
    }

    /* ============================================================
    PREVIEW — DESKTOP TILES: bm-cats + bm-types
    Retires the old .categories and .buy-by-type desktop blocks
    in favour of the hand-built bm- ones. Mobile is untouched —
    its layout lives in the old PASUL 26/27 blocks.
    Old blocks hidden, NOT deleted: ~10 rules target homepage
    rows by nth-child, and deleting would renumber them.
    ============================================================ */
    @media only screen and (min-width:768px){

    .bm-preview .cms-index-index .std > .row-wrapper:nth-child(5),
    .bm-preview .cms-index-index .std > .row-wrapper:nth-child(9){
        display:none !important;
    }

    .bm-preview .bm-cats-wrap,
    .bm-preview .bm-types-wrap{
        display:block !important;
    }

    .bm-preview .bm-cats{
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:flex-start !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:0 !important;
    }

    /* 6 categories → 3 across, two clean rows */
    .bm-preview .bm-cats-wrap .bm-cat{
        flex:0 0 33.3333% !important;
        max-width:33.3333% !important;
    }
    /* 7 types → wide tile spans 2 columns, then 2 + 4 below */
    .bm-preview .bm-types .bm-cat{
        flex:0 0 25% !important;
        max-width:25% !important;
    }
    .bm-preview .bm-types .bm-cat--wide{
        flex:0 0 50% !important;
        max-width:50% !important;
    }
    .bm-preview .bm-types .bm-cat--wide img{
        height:180px !important;
        object-fit:contain !important;
    }

    .bm-preview .bm-cats .bm-cat{
        display:block !important;
        box-sizing:border-box !important;
        height:auto !important;
        margin:0 0 12px !important;
        padding:0 6px !important;
        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        overflow:visible !important;
        text-decoration:none !important;
    }

    /* fixed height + contain: a photo with a different aspect
        letterboxes on white instead of cropping the product */
    .bm-preview .bm-cats .bm-cat img{
        position:static !important;
        display:block !important;
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        background:#fff !important;
        border:0 !important;
        border-radius:8px 8px 0 0 !important;
        object-fit:contain !important;
    }
    .bm-preview .bm-cats-wrap .bm-cat img{ height:240px !important; }
    .bm-preview .bm-types .bm-cat img,
    .bm-preview .bm-types .bm-cat--wide img{ height:180px !important; }

    .bm-preview .bm-cats .bm-cat .bm-cat__scrim{
        position:static !important;
        display:block !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        background:#076324 !important;
        border-radius:0 0 8px 8px !important;
        padding:11px 14px 12px !important;
        text-align:left !important;
    }
    .bm-preview .bm-cats .bm-cat__title{
        display:block !important;
        min-height:0 !important;
        font-family:'DM Sans', sans-serif !important;
        font-size:13px !important;
        font-weight:700 !important;
        letter-spacing:.05em !important;
        line-height:1.25 !important;
        color:#fff !important;
        text-transform:uppercase !important;
    }
    .bm-preview .bm-cats .bm-cat__cta{
        display:block !important;
        margin-top:4px !important;
        font-family:'DM Sans', sans-serif !important;
        font-size:12px !important;
        font-weight:500 !important;
        color:#FCCD02 !important;
    }
    .bm-preview .bm-cats .bm-cat:hover img{
        opacity:.94 !important;
    }
    }

    /* ============================================================
    PREVIEW — CERTIFICATION BAR (all widths)
    Replaces the desktop trust strip. Row 3 (.beneficii) retired.
    Row hidden, not deleted — nth-child rules depend on the count.
    Anchor is added by JS in Miscellaneous Scripts.
    ============================================================ */

    .bm-preview .cms-index-index .std > .row-wrapper:nth-child(3){
    display:none !important;
    }

    .bm-preview .bm-certbar{
    display:block !important;
    background:#076324 !important;
    margin:0 6px !important;
    padding:0 !important;
    border-radius:4px !important;
    text-align:center !important;
    line-height:1.2 !important;
    }
    .bm-preview .bm-certbar a{
    display:block !important;
    padding:10px 14px !important;
    color:inherit !important;
    text-decoration:none !important;
    }
    .bm-preview .bm-certbar a:hover{
    background:#0A7A2D !important;
    border-radius:4px !important;
    text-decoration:none !important;
    }
    .bm-preview .bm-certbar span{
    font-family:'DM Sans', sans-serif !important;
    font-size:11px !important;
    font-weight:500 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:rgba(255,255,255,.85) !important;
    }
    .bm-preview .bm-certbar strong{
    font-weight:700 !important;
    color:#FCCD02 !important;
    }

    @media only screen and (max-width:767px){
    .bm-preview .bm-certbar{
        margin:0 !important;
        border-radius:0 !important;
    }
    .bm-preview .bm-certbar a{ padding:8px 14px !important; }
    .bm-preview .bm-certbar span{ font-size:10px !important; }
    }

    /* ============================================================
    PREVIEW — BRAND ROW
    Slick never initialises on this block, so it renders as a
    list. Gridded instead of fixed — a brand row is navigation,
    not a gallery.
    Shows the FIRST 12 items. Order comes from the CMS static
    block, not from here — change the order there, not in CSS.
    ============================================================ */

    .bm-preview .buy-by-brand ul{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
    margin:0 -5px !important;
    padding:0 !important;
    list-style:none !important;
    }

    .bm-preview .buy-by-brand li{
    display:block !important;
    flex:0 0 33.3333% !important;
    max-width:33.3333% !important;
    box-sizing:border-box !important;
    float:none !important;
    width:auto !important;
    margin:0 0 10px !important;
    padding:0 5px !important;
    text-align:center !important;
    list-style:none !important;
    }

    /* cap at 12 */
    .bm-preview .buy-by-brand li:nth-child(n+13){
    display:none !important;
    }

    .bm-preview .buy-by-brand li a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    height:88px !important;
    margin:0 !important;
    padding:10px !important;
    background:#fff !important;
    border:1px solid #E4E2DA !important;
    border-radius:8px !important;
    text-decoration:none !important;
    }
    .bm-preview .buy-by-brand li a:hover{
    border-color:#076324 !important;
    background:#FBF9F2 !important;
    }

    /* contain, so a badly cropped source still lines up */
    .bm-preview .buy-by-brand li img{
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    max-height:100% !important;
    margin:0 !important;
    object-fit:contain !important;
    box-shadow:none !important;
    }
    .bm-preview .buy-by-brand li:hover img{
    box-shadow:none !important;
    }

    @media only screen and (max-width:767px){
    .bm-preview .buy-by-brand li{
        flex:0 0 50% !important;
        max-width:50% !important;
    }
    .bm-preview .buy-by-brand li a{
        height:76px !important;
    }
    }

    /* ============================================================
    PREVIEW — HERO SLIDER
    dots + arrows only. Nothing here changes banner height —
    that comes from the 2752x1536 images.
    ============================================================ */

    /* dots out of absolute positioning entirely — they sit after
    the image in normal flow, anchored to .bn-list not .showcase */
    .bm-preview .showcase{
    padding-bottom:0 !important;
    }
    .bm-preview .showcase .slick-dots{
    position:static !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:100% !important;
    height:auto !important;
    margin:14px 0 0 !important;
    padding:0 !important;
    line-height:1 !important;
    text-align:center !important;
    }
    .bm-preview .showcase .slick-dots button{
    width:10px !important;
    height:10px !important;
    padding:0 !important;
    background:#D8D5CC !important;
    background-image:none !important;
    border:0 !important;
    border-radius:50% !important;
    box-shadow:none !important;
    font-size:0 !important;
    }
    .bm-preview .showcase .slick-dots .slick-active button{
    background:#076324 !important;
    background-image:none !important;
    }
    .bm-preview .showcase .slick-dots button:hover{
    background:#0A7A2D !important;
    background-image:none !important;
    }

    /* the 40px under the banner: 20 padding + 20 margin */
    .bm-preview .cms-index-index .std > .row-wrapper.row-bn{
    padding-bottom:0 !important;
    }
    .bm-preview .cms-index-index .std > .row-wrapper.row-bn + .row-wrapper{
    margin-top:0 !important;
    }

    /* ============================================================
    PREVIEW — DESKTOP STICKY BAR
    Mirrors the main header: search fills the middle with the
    glass inside the input, no separate search button.
    ============================================================ */
    @media only screen and (min-width:996px){

    .bm-preview #header-sticky-content .page-container-inner{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        gap:20px !important;
        box-sizing:border-box !important;
        padding:7px 0 !important;
    }

    /* launcher — no green showing around it */
    .bm-preview #header-sticky-content .nav-container--sticky{
        flex:0 0 250px !important;
        height:46px !important;
        margin:0 !important;
        padding:0 !important;
        background:transparent !important;
    }
    .bm-preview #header-sticky-content #nav-wrapper{
        height:46px !important;
        margin:0 !important;
    }

    .bm-preview #header-sticky-content .logo-wrapper--sticky{
        flex:0 0 auto !important;
        margin:0 !important;
    }

    /* search — fills the middle, no divider, no padding offset */
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky{
        flex:1 1 auto !important;
        min-width:0 !important;
        width:auto !important;
        height:38px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
    }
    .bm-preview #header-sticky-content .mini-search,
    .bm-preview #header-sticky-content .mini-search form,
    .bm-preview #header-sticky-content .form-search{
        display:block !important;
        position:relative !important;
        width:100% !important;
        height:38px !important;
        margin:0 !important;
        padding:0 !important;
    }
    .bm-preview #header-sticky-content .form-search label{
        display:none !important;
    }
    .bm-preview #header-sticky-content .form-search button,
    .bm-preview #header-sticky-content .form-search button:hover{
        display:none !important;
    }
    .bm-preview #header-sticky-content .form-search input{
        display:block !important;
        box-sizing:border-box !important;
        width:100% !important;
        height:38px !important;
        margin:0 !important;
        padding:0 44px 0 14px !important;
        border:1px solid #E4E2DA !important;
        border-radius:4px !important;
        font-size:14px !important;
        line-height:36px !important;
        color:#1E2419 !important;
        background-color:#fff !important;
        background-image:url('/skin/frontend/blugento/default/images/var_mini-search__button_background-image.svg') !important;
        background-repeat:no-repeat !important;
        background-position:right 13px center !important;
        background-size:20px 20px !important;
    }
    .bm-preview #header-sticky-content .form-search .search-autocomplete{
        position:absolute !important;
        top:100% !important;
        left:0 !important;
        right:0 !important;
        z-index:200 !important;
    }

    .bm-preview #header-sticky-content .mini-cart-wrapper--sticky{
        flex:0 0 auto !important;
        margin:0 !important;
        padding:0 !important;
    }
    }

    /* ============================================================
    PREVIEW — MOBILE HEADER + STICKY BAR (single source of truth)
    hamburger · logo · cart · profile · search — one row
    Replaces old PASUL 17-20 at ship time. PASUL 21 and 23 are
    load-bearing — they size the icons in #header-sticky-content,
    which this block does not cover. Do not delete them.
    painted as background-image; only size and box are set here.
    ============================================================ */
    @media only screen and (max-width:767px){

    .bm-preview .page-header .mobile .page-container{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        gap:0 !important;
        box-sizing:border-box !important;
        padding:8px 12px !important;
    }

    .bm-preview .page-header .mobile .tablet-logo{ display:none !important; }

    .bm-preview .page-header .mobile .nav-mobile-trigger{
        order:1 !important;
        flex:0 0 44px !important;
        width:44px !important;
        height:44px !important;
        margin:0 8px 0 0 !important;
        padding:0 !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
    }
    .bm-preview .page-header .mobile .nav-mobile-trigger span{
        width:24px !important;
        height:2px !important;
        margin:0 0 6px !important;
        border-radius:1px !important;
    }
    .bm-preview .page-header .mobile .nav-mobile-trigger span:last-child{
        margin-bottom:0 !important;
    }

    .bm-preview .page-header .mobile .phone-logo{
        order:2 !important;
        flex:1 1 auto !important;
        min-width:0 !important;
        height:auto !important;
        margin:0 !important;
        text-align:center !important;
    }
    .bm-preview .page-header .mobile .phone-logo a{
        display:inline-block !important;
        height:auto !important;
    }
    .bm-preview .page-header .mobile .phone-logo img{
        display:block !important;
        max-height:50px !important;
        width:auto !important;
        height:auto !important;
        margin:0 auto !important;
    }

    .bm-preview .page-header .mobile .mini-cart,
    .bm-preview .page-header .mobile .mobile-trigger{
        order:3 !important;
        flex:0 0 45px !important;
        width:45px !important;
        height:44px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-left:1px solid #E4E2DA !important;
        background:transparent !important;
    }

    .bm-preview .page-header .mobile .mini-cart .block-cart > a,
    .bm-preview .page-header .mobile .mobile-trigger > a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
        width:44px !important;
        height:44px !important;
        margin:0 !important;
        padding:0 !important;
        background-color:transparent !important;
        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-size:22px auto !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
    }
    .bm-preview .page-header .mobile .mini-cart .block-cart > a i,
    .bm-preview .page-header .mobile .mobile-trigger > a i{
        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-size:22px auto !important;
    }
    .bm-preview .page-header .mobile .mini-cart .block-cart > a img,
    .bm-preview .page-header .mobile .mobile-trigger > a img{
        width:22px !important;
        height:22px !important;
        max-height:22px !important;
        object-fit:contain !important;
    }

    /* sticky bar — same row, smaller logo */
    .bm-preview #header-sticky-content .page-container-inner{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        gap:0 !important;
        box-sizing:border-box !important;
        padding:6px 12px !important;
    }
    .bm-preview #header-sticky-content .nav-mobile-trigger{
        order:1 !important;
        flex:0 0 44px !important;
        width:44px !important;
        height:44px !important;
        margin:0 8px 0 0 !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
    }
    .bm-preview #header-sticky-content .nav-mobile-trigger span{
        width:24px !important;
        height:2px !important;
        margin:0 0 6px !important;
        border-radius:1px !important;
    }
    .bm-preview #header-sticky-content .nav-mobile-trigger span:last-child{
        margin-bottom:0 !important;
    }
    .bm-preview #header-sticky-content .logo-wrapper--sticky{
        order:2 !important;
        flex:1 1 auto !important;
        min-width:0 !important;
        height:auto !important;
        text-align:center !important;
    }
    .bm-preview #header-sticky-content .logo,
    .bm-preview #header-sticky-content .logo a{
        display:inline-block !important;
        width:auto !important;
        height:auto !important;
    }
    .bm-preview #header-sticky-content .logo img{
        max-height:38px !important;
        width:auto !important;
        height:auto !important;
        margin:0 auto !important;
    }
    .bm-preview #header-sticky-content .mini-cart-wrapper--sticky{ order:3 !important; }
    .bm-preview #header-sticky-content .bm-sticky-account{ order:4 !important; }
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky{ order:5 !important; }

    .bm-preview #header-sticky-content .mini-cart-wrapper--sticky,
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky,
    .bm-preview #header-sticky-content .bm-sticky-account{
        flex:0 0 45px !important;
        width:45px !important;
        height:44px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-left:1px solid #E4E2DA !important;
        background:transparent !important;
    }
    .bm-preview #header-sticky-content .mini-cart,
    .bm-preview #header-sticky-content .mobile-trigger{
        width:44px !important;
        height:44px !important;
        margin:0 !important;
        border:0 !important;
        background:transparent !important;
    }
    .bm-preview #header-sticky-content .mini-cart .block-cart > a,
    .bm-preview #header-sticky-content .mini-cart > a,
    .bm-preview #header-sticky-content .mobile-trigger > a,
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky > a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
        width:44px !important;
        height:44px !important;
        margin:0 !important;
        padding:0 !important;
        background-color:transparent !important;
        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-size:22px auto !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
    }
    .bm-preview #header-sticky-content .mini-cart img,
    .bm-preview #header-sticky-content .mobile-trigger img{
        width:22px !important;
        height:22px !important;
        max-height:22px !important;
        object-fit:contain !important;
    }
    }

    /* the theme paints a grey pill inside the search trigger */
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky > a,
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky > a i,
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky > a span,
    .bm-preview .page-header .mobile .mobile-trigger--search > a,
    .bm-preview .page-header .mobile .mobile-trigger--search > a i,
    .bm-preview .page-header .mobile .mobile-trigger--search > a span{
        background-color:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
    }
    /* the count badge is placed for the theme's larger icon box and
        lands on the 22px glyph. Pinned to the corner of the 44px
        anchor instead — the anchor gets position:relative so the
        badge measures against a box whose size we control. */
    .bm-preview .page-header .mobile .mini-cart .block-cart > a,
    .bm-preview #header-sticky-content .mini-cart .block-cart > a{
        position:relative !important;
    }
    .bm-preview .page-header .mobile .mini-cart .block-cart > a > i,
    .bm-preview #header-sticky-content .mini-cart .block-cart > a > i{
        position:static !important;
    }
    .bm-preview .page-header .mobile .mini-cart .block-cart > a > i em,
    .bm-preview #header-sticky-content .mini-cart .block-cart > a > i em{
        position:absolute !important;
        top:2px !important;
        right:2px !important;
        left:auto !important;
        bottom:auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
        width:18px !important;
        height:18px !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        background-color:#FCCD02 !important;
        border:2px solid #fff !important;
        border-radius:50% !important;
        font-family:'DM Sans', sans-serif !important;
        font-size:9px !important;
        font-style:normal !important;
        font-weight:800 !important;
        line-height:1 !important;
        letter-spacing:0 !important;
        color:#076324 !important;
        text-align:center !important;
    }
    /* ============================================================
    PREVIEW — SEARCH ICON + HEADER DIVIDERS
    Theme's search SVG has a grey box and offset baked in, so
    it's replaced with a clean PNG rather than restyled.
    ============================================================ */

    .bm-preview .page-header .mobile .mobile-trigger--search > a,
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky > a{
    background-image:url('/media/wysiwyg/icon-search.png') !important;
    background-size:22px 22px !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    }

    @media only screen and (min-width:996px){
    .bm-preview .page-header .desktop .form-search input,
    .bm-preview #header-sticky-content .form-search input{
        background-image:url('/media/wysiwyg/icon-search.png') !important;
        background-size:20px 20px !important;
    }
    }

    /* dividers between all three, none on the outside edges */
    @media only screen and (max-width:767px){
    .bm-preview .mobile-trigger--search > a,
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky > a{
    background-image:url('/media/wysiwyg/icon-search.png') !important;
    background-size:22px 22px !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    }
    .bm-preview .page-header .mobile .mini-cart{
        border-left:1px solid #E4E2DA !important;
    }
    .bm-preview .mobile-trigger--search,
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky{
        border-right:1px solid #E4E2DA !important;
    }
    }

    @media only screen and (max-width:767px){
    /* the search anchor sits 7px low inside its wrapper */
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }
    .bm-preview #header-sticky-content .mini-search-wrapper--sticky > a{
        position:static !important;
        top:auto !important;
        height:42px !important;
        margin:0 !important;
        padding:0 !important;
        vertical-align:middle !important;
    }

    /* profile is also .mobile-trigger, which a later rule zeroes */
    .bm-preview #header-sticky-content .bm-sticky-account.mobile-trigger{
        border-left:1px solid #E4E2DA !important;
    }
    }

    /* ============================================================
    PREVIEW — MOBILE MENU
    Restyle only — the accordion markup is built by the existing
    script in Miscellaneous Scripts.
    Ink by default, green for the open item and for links.
    Header strip is #nav-wrapper::before — delete that one rule
    to remove it.
    ============================================================ */
    @media only screen and (max-width:767px){

    .bm-preview #nav-wrapper::before{
        content:'MENIU';
        display:block;
        background:#076324;
        padding:15px 18px;
        font-family:'DM Sans', sans-serif;
        font-size:12px;
        font-weight:700;
        letter-spacing:.16em;
        line-height:1;
        color:#fff;
    }

    .bm-preview .bm-nav > li{
        border-bottom:1px solid #E4E2DA !important;
    }

    /* level 1 — ink, not green */
    .bm-preview .bm-nav > li > .bm-row{
        color:#1E2419 !important;
        font-size:13px !important;
        font-weight:700 !important;
        letter-spacing:.06em !important;
        line-height:1.3 !important;
        padding:15px 54px 15px 18px !important;
        border-left:4px solid transparent !important;
    }

    /* + / − markers */
    .bm-preview .bm-nav .bm-has-sub > .bm-row::after{
        color:#6B7264 !important;
        font-size:24px !important;
        right:18px !important;
        top:15px !important;
    }

    /* open — the one green thing on screen */
    .bm-preview .bm-nav > li.bm-open > .bm-row{
        background:#FBF9F2 !important;
        border-left:4px solid #FCCD02 !important;
        color:#076324 !important;
    }
    .bm-preview .bm-nav > li.bm-open > .bm-row::after{
        color:#076324 !important;
    }
    .bm-preview .bm-nav > li.bm-open > .bm-sub{
        background:#FBF9F2 !important;
        border-left:4px solid #FCCD02 !important;
    }

    /* subcategories */
    .bm-preview .bm-sub .bm-row{
        color:#3A4034 !important;
        font-size:14px !important;
        font-weight:400 !important;
        line-height:1.35 !important;
        padding:11px 50px 11px 26px !important;
    }
    .bm-preview .bm-sub .bm-sub .bm-row{
        color:#6B7264 !important;
        font-size:13px !important;
        padding-left:40px !important;
    }
    .bm-preview .bm-sub .bm-has-sub > .bm-row::after{
        color:#6B7264 !important;
        font-size:19px !important;
        top:11px !important;
    }

    /* "Vezi tot din X" — the one green link inside a group */
    .bm-preview .bm-all > .bm-row{
        color:#076324 !important;
        font-weight:700 !important;
        font-size:13px !important;
    }
    }

    /* Vezi tot din X — green at every depth */
    .bm-preview .bm-all > .bm-row,
    .bm-preview .bm-sub .bm-all > .bm-row,
    .bm-preview .bm-sub .bm-sub .bm-all > .bm-row{
        color:#076324 !important;
        font-weight:700 !important;
        font-size:13px !important;
    }

    /* any open parent turns green, not just level 1 */
    .bm-preview .bm-nav li.bm-open > .bm-row{
        color:#076324 !important;
    }
    .bm-preview .bm-nav li.bm-open > .bm-row::after{
        color:#076324 !important;
    }

    /* INFORMAȚII block keeps white on green */
    .bm-preview .bm-nav--info.bm-nav > li{
        border-bottom:1px solid rgba(255,255,255,.10) !important;
    }
    .bm-preview .bm-nav--info.bm-nav > li:last-child{
        border-bottom:0 !important;
    }
    .bm-preview .bm-nav--info.bm-nav > li > .bm-row{
        color:#fff !important;
        font-size:13px !important;
        font-weight:500 !important;
        letter-spacing:0 !important;
        text-transform:none !important;
        padding:11px 18px !important;
        border-left:0 !important;
    }

    /* ============================================================
    PREVIEW — MOBILE: 2 ACROSS ON LISTINGS
    Listing pages only. Carousels are slick-controlled and
    handled separately.
    ============================================================ */
    @media only screen and (max-width:767px){

    .bm-preview .catalog-category-view .products-grid,
    .bm-preview .catalogsearch-result-index .products-grid{
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:stretch !important;
        margin:0 -5px !important;
        padding:0 !important;
    }
    .bm-preview .catalog-category-view .products-grid > li.item,
    .bm-preview .catalogsearch-result-index .products-grid > li.item{
        flex:0 0 50% !important;
        max-width:50% !important;
        width:50% !important;
        box-sizing:border-box !important;
        float:none !important;
    }

    /* tighter inside a half-width card */
    .bm-preview .catalog-category-view .products-grid .item-inner,
    .bm-preview .catalogsearch-result-index .products-grid .item-inner{
        padding:8px !important;
    }
    .bm-preview .catalog-category-view .products-grid .product-name a,
    .bm-preview .catalogsearch-result-index .products-grid .product-name a{
        font-size:13px !important;
        line-height:1.3 !important;
    }
    .bm-preview .catalog-category-view .products-grid .price-box,
    .bm-preview .catalogsearch-result-index .products-grid .price-box{
        margin-top:10px !important;
    }
    .bm-preview .catalog-category-view .products-grid .price-box .regular-price .price,
    .bm-preview .catalog-category-view .products-grid .price-box .special-price .price,
    .bm-preview .catalogsearch-result-index .products-grid .price-box .regular-price .price,
    .bm-preview .catalogsearch-result-index .products-grid .price-box .special-price .price{
        font-size:16px !important;
    }
    .bm-preview .catalog-category-view .products-grid .product-actions .button,
    .bm-preview .catalogsearch-result-index .products-grid .product-actions .button{
        font-size:13px !important;
        padding:11px 6px !important;
        min-height:0 !important;
    }

    /* "Începând cu:" on configurables — quiet, under the price */
    .bm-preview .products-grid .price-box .minimal-price,
    .bm-preview .products-grid .price-box .minimal-price .price,
    .bm-preview .products-grid .price-box .minimal-price-link,
    .bm-preview .products-grid .price-box .minimal-price-link .label,
    .bm-preview .products-grid .price-box .minimal-price-link .price{
        font-size:12px !important;
        font-weight:400 !important;
        color:#6B7264 !important;
    }
    }

    /* ============================================================
    PREVIEW — PRODUCT BUY BOX
    Order: name · sku · price · vat+shipping · stock · add to cart
    .product-shop becomes a flex column so stock can move above
    the button without touching markup.
    ============================================================ */

    /* the form is the real flex parent; .product-shop has one child */
    .bm-preview .product-view .product-shop > form{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    }
    .bm-preview .product-view .product-shop > form > .product-name{ order:1 !important; }
    .bm-preview .product-view .product-shop > form > .product-sku{ order:2 !important; }
    .bm-preview .product-view .product-shop > form > .product-icons-container{ order:3 !important; }
    .bm-preview .product-view .product-shop > form > .expiration-date{ order:4 !important; }
    .bm-preview .product-view .product-shop > form > .price-box{ order:5 !important; }
    .bm-preview .product-view .product-shop > form > .tax-details{ order:6 !important; }
    .bm-preview .product-view .product-shop > form > .availability{ order:7 !important; }
    .bm-preview .product-view .product-shop > form > .add-to-box{ order:8 !important; }
    .bm-preview .product-view .product-shop > form > .add-to-cart{ order:8 !important; }
    .bm-preview .product-view .product-shop > form > .top-reviews{ order:9 !important; }

    .bm-preview .product-view .product-shop .product-name h1{
    width:100% !important;
    margin:0 0 10px !important;
    }

    /* SKU — quiet, and a space after the colon */
    .bm-preview .catalog-product-view .product-view .product-shop .product-sku{
    display:block !important;
    margin:0 0 14px !important;
    font-size:13px !important;
    color:#6B7264 !important;
    }
    .bm-preview .catalog-product-view .product-view .product-shop .product-sku span{
    margin-left:4px !important;
    color:#1E2419 !important;
    font-weight:700 !important;
    }

    /* VAT + free shipping — two readable lines, not a broken link */
    .bm-preview .product-view .product-shop .tax-details{
    margin:0 0 16px !important;
    padding:0 !important;
    font-size:13px !important;
    line-height:1.5 !important;
    color:#6B7264 !important;
    }
    .bm-preview .product-view .product-shop .tax-details a{
    display:inline-block !important;
    color:#076324 !important;
    font-weight:700 !important;
    text-decoration:none !important;
    }
    .bm-preview .product-view .product-shop .tax-details a:hover{
    text-decoration:underline !important;
    }

    /* stock — above the button */
    .bm-preview .product-view .product-shop .availability{
    margin:0 0 12px !important;
    padding:0 0 0 26px !important;
    font-size:14px !important;
    font-weight:700 !important;
    }
    .bm-preview .product-view .product-shop .availability.in-stock{
    color:#076324 !important;
    }

    /* buy row */
    .bm-preview .product-view .product-shop .add-to-cart{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:8px !important;
    margin:0 0 8px !important;
    }
    .bm-preview .product-view .product-shop .add-to-cart label{
    display:none !important;
    }
    .bm-preview .product-view .product-shop .add-to-cart input{
    flex:0 0 52px !important;
    width:52px !important;
    height:auto !important;
    min-height:48px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #E4E2DA !important;
    border-radius:4px !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-align:center !important;
    color:#1E2419 !important;
    }
    .bm-preview .catalog-product-view .product-view .product-shop .add-to-cart button{
    flex:1 1 auto !important;
    width:auto !important;
    height:auto !important;
    min-height:48px !important;
    margin:0 !important;
    float:none !important;
    font-size:16px !important;
    }

    /* wishlist + compare — match the listing squares */
    .bm-preview .product-view .product-shop .add-to-links{
    display:flex !important;
    align-items:stretch !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    }
    .bm-preview .catalog-product-view .product-view .add-to-links li{
    padding:0 !important;
    margin:0 !important;
    }
    .bm-preview .product-view .product-shop .add-to-links li a{
    display:block !important;
    width:48px !important;
    font-size:0 !important;
    }
    .bm-preview .product-view .product-shop .add-to-links li a.link-wishlist::before,
    .bm-preview .product-view .product-shop .add-to-links li a.link-compare::before{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    width:48px !important;
    height:48px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #E4E2DA !important;
    border-radius:4px !important;
    }
    .bm-preview .product-view .product-shop .add-to-links li a.link-wishlist:hover::before,
    .bm-preview .product-view .product-shop .add-to-links li a.link-compare:hover::before{
    background:#FBF9F2 !important;
    border-color:#076324 !important;
    }

    /* the -50% badge was clipped by the image frame */
    .bm-preview .catalog-product-view .product-view .product-img-box{
    overflow:visible !important;
    }

    .bm-preview .product-view .product-img-box .discount-percentage{
    right:10px !important;
    top:10px !important;
    z-index:5 !important;
    }

    .bm-preview .product-view .discount-percentage span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    width:52px !important;
    height:52px !important;
    padding:0 !important;
    background-color:#D92B0C !important;
    border-radius:50% !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
    }

    .bm-preview .catalog-product-view .product-view .product-img-box{
    max-height:none !important;
    }
    .bm-preview .catalog-product-view .product-collateral{
    clear:both !important;
    margin-top:24px !important;
    }

    /* slick reports a viewport taller than its own track on this
    strip, which forced a 900px column. Height auto lets it size
    to the thumbnails; the cap only bites when there are enough
    to pass the main image, and those scroll. */
    .bm-preview .catalog-product-view .product-view .more-views .slick-list{
    height:auto !important;
    max-height:600px !important;
    overflow-y:auto !important;
    }
    .bm-preview .catalog-product-view .product-view .more-views{
    max-height:none !important;
    overflow:visible !important;
    }
    .bm-preview .catalog-product-view .product-view .more-views .slick-list::-webkit-scrollbar{
    width:4px !important;
    }
    .bm-preview .catalog-product-view .product-view .more-views .slick-list::-webkit-scrollbar-thumb{
    background:#D8D5CC !important;
    border-radius:2px !important;
    }

    /* ============================================================
    PREVIEW — REVIEWS
    The "(i)" plural is a Magento translation string, not CSS.
    Star sprite is a background-image on .rating-box; the filter
    forces it white so it reads on the green bar.
    ============================================================ */

    .bm-preview .product-collateral .tab-nav .rating-box{
    opacity:.85 !important;
    }
    .bm-preview .product-collateral .tab-nav .rating-link,
    .bm-preview .product-collateral .tab-nav .rating-link a{
    color:#fff !important;
    }

    .bm-preview .product-collateral .no-rating{
    margin:0 !important;
    padding:16px 0 !important;
    font-size:14px !important;
    color:#3A4034 !important;
    }
    .bm-preview .product-collateral .no-rating a{
    display:inline-block !important;
    margin:0 !important;
    padding:12px 20px !important;
    background:#fff !important;
    border:1px solid #076324 !important;
    border-radius:4px !important;
    color:#076324 !important;
    font-size:14px !important;
    font-weight:700 !important;
    text-transform:none !important;
    text-decoration:none !important;
    }
    .bm-preview .product-collateral .no-rating a:hover{
    background:#F2F1EC !important;
    text-decoration:none !important;
    }

    /* ============================================================
    PREVIEW — PAYMENT / DELIVERY BLOCK
    Moved under the buy button by JS in Miscellaneous Scripts.
    Version A: hairline, no card — reads as part of the buy box.
    ============================================================ */

    .bm-preview .catalog-product-view .payment-wrapper.bm-moved{
    order:10 !important;
    box-sizing:border-box !important;
    margin:18px 0 0 !important;
    padding:16px 0 0 !important;
    border:0 !important;
    border-top:1px solid #E4E2DA !important;
    border-radius:0 !important;
    background:transparent !important;
    clear:none !important;
    }

    /* socials belong at the page bottom, not in the buy box */
    .bm-preview .payment-wrapper.bm-moved .product-socialmedia{
    display:none !important;
    }

    .bm-preview .payment-wrapper.bm-moved ul{
    margin:0 !important;
    padding:0 0 0 28px !important;
    list-style:none !important;
    }
    .bm-preview .payment-wrapper.bm-moved li{
    margin:0 0 9px !important;
    padding:0 !important;
    list-style:none !important;
    }
    .bm-preview .payment-wrapper.bm-moved li:last-child{
    margin-bottom:0 !important;
    }
    .bm-preview .payment-wrapper.bm-moved p,
    .bm-preview .payment-wrapper.bm-moved a{
    margin:0 !important;
    padding:0 !important;
    font-size:13px !important;
    line-height:1.45 !important;
    color:#3A4034 !important;
    text-decoration:none !important;
    }
    .bm-preview .payment-wrapper.bm-moved a:hover{
    color:#076324 !important;
    text-decoration:underline !important;
    }
    .bm-preview .payment-wrapper.bm-moved .payment-border{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    }
    .bm-preview .payment-wrapper.bm-moved .courier p{
    padding:0 !important;
    }

    /* icons level with the first line of their text */
    .bm-preview .payment-wrapper.bm-moved .delivery::after,
    .bm-preview .payment-wrapper.bm-moved .phone::after,
    .bm-preview .payment-wrapper.bm-moved .support::after,
    .bm-preview .payment-wrapper.bm-moved .courier::after{
    top:1px !important;
    left:-28px !important;
    width:18px !important;
    height:18px !important;
    background-size:contain !important;
    }
    .bm-preview .payment-wrapper.bm-moved .delivery::after{
    width:20px !important;
    height:20px !important;
    }

    /* C — facts only. The two link rows go. */
    .bm-preview .payment-wrapper.bm-moved .delivery,
    .bm-preview .payment-wrapper.bm-moved .support{
    display:none !important;
    }
    .bm-preview .payment-wrapper.bm-moved .phone p{
    font-weight:700 !important;
    color:#1E2419 !important;
    }

    /* ============================================================
    PREVIEW — MOBILE PRODUCT PAGE
    ============================================================ */
    @media only screen and (max-width:767px){
    .bm-preview .catalog-product-view .product-view .product-img-box{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }
    .bm-preview .catalog-product-view .product-view .product-shop{
        margin-top:0 !important;
        padding-top:0 !important;
    }
    .bm-preview .catalog-product-view .product-view .product-shop .product-name{
        margin-top:0 !important;
    }
    .bm-preview .catalog-product-view .product-view .more-views{
        margin-top:10px !important;
        margin-bottom:0 !important;
    }
    }

    /* ============================================================
    PREVIEW — SLIDER ARROWS INSIDE THEIR BAR
    Moved into the bar by JS so they track its height at any
    width. The top/right values in BASE 5 go inert here —
    position:static ignores them — but keep them as fallback
    for any slider the move doesn't reach.
    ============================================================ */

    .bm-preview h2.subtitle,
    .bm-preview .buy-by-type h2,
    .bm-preview .buy-by-brand h2,
    .bm-preview .latest-blog-post .subtitle,
    .bm-preview .block-crossale .subtitle,
    .bm-preview .block-upsell .subtitle,
    .bm-preview .block-related .subtitle,
    .bm-preview .products-widget .title h2{
    position:relative !important;
    }

    .bm-preview .bm-arrows{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    display:flex !important;
    align-items:stretch !important;
    }

    .bm-preview .bm-arrows .slick-prev,
    .bm-preview .bm-arrows .slick-next{
    position:static !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:40px !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    border-radius:0 !important;
    }
    .bm-preview .bm-arrows .slick-next{
    border-radius:0 4px 4px 0 !important;
    }
    .bm-preview .bm-arrows .slick-prev,
    .bm-preview .bm-arrows .slick-next{
    background-color:#076324 !important;
    background-repeat:no-repeat !important;
    background-position:50% 50% !important;
    border:0 !important;
    border-left:1px solid rgba(255,255,255,.22) !important;
    box-shadow:none !important;
    font-size:0 !important;
    color:transparent !important;
    text-indent:-9999px !important;
    overflow:hidden !important;
    }
    .bm-preview .bm-arrows .slick-prev{
    background-image:url('/media/wysiwyg/arrow-left.png') !important;
    }
    .bm-preview .bm-arrows .slick-next{
    background-image:url('/media/wysiwyg/arrow-right.png') !important;
    }
    .bm-preview .bm-arrows .slick-prev:hover,
    .bm-preview .bm-arrows .slick-next:hover{
    background-color:#0A7A2D !important;
    }

    /* ============================================================
    PREVIEW — CART PAGE
    Update button hidden only when the JS auto-submit is active
    (.bm-cart-autoqty). If the script fails the button returns.
    ============================================================ */

    .bm-preview .checkout-cart-index .page-title h1{
    color:#076324 !important;
    }

    /* product names are labels here, not headlines */
    .bm-preview .cart-table .product-name,
    .bm-preview .cart-table .product-name a{
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
    color:#1E2419 !important;
    text-decoration:none !important;
    }
    .bm-preview .cart-table .product-name a:hover{
    color:#076324 !important;
    }

    /* hidden unconditionally — the cart redraws via ajax, so any
    class added on page load is lost with it */
    .bm-preview .checkout-cart-index .btn-update,
    .bm-preview .checkout-cart-index button[name="update_cart_action"]{
    display:none !important;
    }
    .bm-preview .checkout-cart-index .cart-table tfoot td{
    background:transparent !important;
    padding:0 !important;
    }

    /* totals — biggest number should be loudest */
    .bm-preview .cart-totals table td,
    .bm-preview .cart-totals table th{
    font-size:14px !important;
    color:#3A4034 !important;
    }
    .bm-preview .cart-totals table tr th,
    .bm-preview .cart-totals table tr td{
    font-size:14px !important;
    font-weight:400 !important;
    color:#3A4034 !important;
    }
    .bm-preview .cart-totals table .total-price-class th,
    .bm-preview .cart-totals table .total-price-class td{
    font-size:18px !important;
    font-weight:700 !important;
    color:#076324 !important;
    text-transform:none !important;
    }

    .bm-preview .cart .discount h2,
    .bm-preview .checkout-cart-index .cart-totals h2{
    font-size:15px !important;
    font-weight:700 !important;
    color:#076324 !important;
    }

    /* the SKU is an h3, so BASE 1's heading sizes made it 18px/700 —
    larger and heavier than the product name below it. Reordered
    and demoted; the cell has to become a flex column for order
    to apply, since a table-cell ignores it. */
    /* flexing the cell itself broke its colspan="2" out of the table
    grid and left an empty grey cell beside it. The cell stays a
    table-cell; reordering happens on the JS-added wrapper. */
    .bm-preview .cart-table td.col-name{
    display:table-cell !important;
    vertical-align:top !important;
    }
    .bm-preview .cart-table td.col-name .bm-name-wrap{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    }
    .bm-preview .cart-table td.col-name .product-name{
    order:1 !important;
    margin:0 0 4px !important;
    padding:0 !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    color:#1E2419 !important;
    }
    .bm-preview .cart-table td.col-name .product-name a{
    font-size:15px !important;
    font-weight:700 !important;
    color:#1E2419 !important;
    text-decoration:none !important;
    }
    .bm-preview .cart-table td.col-name .product-name a:hover{
    color:#076324 !important;
    }
    .bm-preview .cart-table td.col-name .product-sku{
    order:2 !important;
    margin:0 !important;
    padding:0 !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    letter-spacing:0 !important;
    color:#6B7264 !important;
    text-transform:none !important;
    }


    /* no sticky checkout on the cart — the page is one scroll */
    @media only screen and (max-width:767px){
    .bm-preview .checkout-cart-index .cart-totals .checkout-types,
    .bm-preview .checkout-cart-index .checkout-types.bottom{
        position:static !important;
        bottom:auto !important;
        left:auto !important;
        right:auto !important;
        width:auto !important;
        margin:16px 0 0 !important;
        padding:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        z-index:auto !important;
    }
    .bm-preview .checkout-cart-index .cart-totals .checkout-types .btn-checkout{
        width:100% !important;
        box-sizing:border-box !important;
    }
    }

    /* theme pins this with an ID + !important, so the override
    needs the ID too — class selectors lose regardless of count */
    @media only screen and (max-width:767px){
    .bm-preview .cart-totals .checkout-types #btn-proceed-checkout-fixed,
    .bm-preview .cart-totals .checkout-types #btn-proceed-checkout-fixed.btn-checkout-fixed{
        display:none !important;
    }
    }

    /* ============================================================
    PREVIEW — CART DRAWER
    Every value below appears ONCE. Edit in place, never append.
    Knobs, in order: panel · heading · rows · controls · total
    ============================================================ */

    /* --- panel ------------------------------------------------ */
    .bm-preview .block-cart .block-cart-aside .block-content{
    background:#fff !important;
    border:1px solid #E4E2DA !important;
    border-radius:8px !important;
    padding:16px 18px 18px !important;
    box-sizing:border-box !important;
    }

    /* --- heading: "Aveți N articole în coș." ------------------ */
    .bm-preview .block-cart .block-cart-aside .summary{
    margin:0 0 14px !important;
    padding:0 0 14px !important;
    border-top:0 !important;
    border-bottom:1px solid #E4E2DA !important;
    font-size:15px !important;
    font-weight:700 !important;
    color:#076324 !important;
    }

    /* --- product rows ----------------------------------------- */
    .bm-preview .block-cart .block-cart-aside .mini-products-list li.item{
    margin:0 !important;
    padding:14px 0 !important;
    border:0 !important;
    border-bottom:1px solid #E4E2DA !important;
    }
    .bm-preview .block-cart .block-cart-aside .mini-products-list li.item:last-child{
    border-bottom:0 !important;
    }
    .bm-preview .block-cart .block-cart-aside .product-name,
    .bm-preview .block-cart .block-cart-aside .product-name a{
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
    color:#1E2419 !important;
    text-decoration:none !important;
    }
    .bm-preview .block-cart .block-cart-aside .product-name a:hover{
    color:#076324 !important;
    }
    .bm-preview .block-cart .block-cart-aside .price,
    .bm-preview .block-cart .block-cart-aside .cart-price{
    font-size:14px !important;
    font-weight:700 !important;
    color:#076324 !important;
    }

    /* --- edit + remove (theme background images, not text) ---- */
    .bm-preview .block-cart .block-cart-aside .btn-edit,
    .bm-preview .block-cart .block-cart-aside .btn-remove{
    opacity:.45 !important;
    }
    .bm-preview .block-cart .block-cart-aside .btn-edit:hover,
    .bm-preview .block-cart .block-cart-aside .btn-remove:hover{
    opacity:1 !important;
    }

    /* --- total + buttons row ---------------------------------- */
    .bm-preview .block-cart .block-cart-aside .sidebar-bottom{
    margin:0 !important;
    padding:14px 0 0 !important;
    border-top:1px solid #E4E2DA !important;
    }

    /* the markup is .price then .label, so the sum reads before the
    word. Flex row-reverse puts the label first without touching
    the template, and space-between pushes them to the edges. */
    .bm-preview .block-cart .block-cart-aside .sidebar-bottom .subtotal{
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:baseline !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin:0 0 14px !important;
    padding:0 !important;
    text-align:left !important;
    }
    .bm-preview .block-cart .block-cart-aside .sidebar-bottom .subtotal .label{
    flex:0 0 auto !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:#6B7264 !important;
    }
    .bm-preview .block-cart .block-cart-aside .sidebar-bottom .subtotal .price{
    flex:0 0 auto !important;
    font-size:18px !important;
    font-weight:700 !important;
    color:#076324 !important;
    }

    /* ============================================================
    PREVIEW — CHECKOUT
    Every value below appears ONCE. Edit in place, never append.
    Knobs: active #65AE01 · complete #65AE01 · pending #FCCD02
            hairline #E4E2DA · ink #1E2419 · muted #6B7264
    Field labels and the shipping toggle deliberately untouched.
    ============================================================ */

    /* --- pending: yellow bar, white circle -------------------- */
    .bm-preview .opc .step-title,
    .bm-preview .multiple-checkout .step-title{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    background:#FCCD02 !important;
    background-image:none !important;
    border:0 !important;
    border-radius:4px !important;
    padding:12px 16px !important;
    text-transform:none !important;
    }
    .bm-preview .opc .step-title h2,
    .bm-preview .multiple-checkout .step-title h2{
    flex:1 1 auto !important;
    margin:0 !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:34px !important;
    color:#1E2419 !important;
    }

    /* circles: white, fixed box, identical in every state */
    .bm-preview .opc .step-title strong,
    .bm-preview .multiple-checkout .step-title strong{
    flex:0 0 34px !important;
    box-sizing:border-box !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    color:#1E2419 !important;
    border-radius:50% !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:34px !important;
    text-align:center !important;
    }

    /* --- completed: lime bar ---------------------------------- */
    .bm-preview .opc .allow .step-title,
    .bm-preview .multiple-checkout .allow .step-title{
    background:#65AE01 !important;
    }
    .bm-preview .opc .allow .step-title h2,
    .bm-preview .multiple-checkout .allow .step-title h2{
    color:#fff !important;
    }
    .bm-preview .opc .allow .step-title a,
    .bm-preview .multiple-checkout .allow .step-title a{
    flex:0 0 auto !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:700 !important;
    }

    /* --- active: brand green bar ------------------------------ */
    .bm-preview .opc .active .step-title,
    .bm-preview .multiple-checkout .active .step-title{
    background:#076324 !important;
    background-image:none !important;
    }
    .bm-preview .opc .active .step-title h2,
    .bm-preview .multiple-checkout .active .step-title h2{
    color:#fff !important;
    }

    /* --- step body --------------------------------------------- */
    .bm-preview .opc .step,
    .bm-preview .multiple-checkout .step{
    border:1px solid #E4E2DA !important;
    border-top:0 !important;
    border-radius:0 0 4px 4px !important;
    padding:20px !important;
    }

    /* --- progress sidebar -------------------------------------- */
    .bm-preview .opc-block-progress .block-content dt{
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-bottom:1px solid #E4E2DA !important;
    border-radius:0 !important;
    margin:0 !important;
    padding:12px 0 6px !important;
    text-align:left !important;
    text-transform:none !important;
    font-size:14px !important;
    font-weight:700 !important;
    color:#1E2419 !important;
    }
    .bm-preview .opc-block-progress .block-content dd{
    margin:0 !important;
    padding:8px 0 12px !important;
    font-size:14px !important;
    line-height:1.5 !important;
    color:#1E2419 !important;
    }
    .bm-preview .opc-block-progress .block-title,
    .bm-preview .opc-block-progress .block-title strong{
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:#076324 !important;
    }

    /* review step's edit link renders even when unreached, unlike
    the other pending steps */
    .bm-preview .opc li.opc-review:not(.allow) .step-title a{
    display:none !important;
    }

    /* ============================================================
    PREVIEW — CHECKOUT REVIEW STEP
    Knobs: ink #1E2419 · muted #6B7264 · green #076324
            hairline #E4E2DA
    ============================================================ */

    .bm-preview .opc .active .step-title a,
    .bm-preview .multiple-checkout .active .step-title a{
    display:none !important;
    }

    .bm-preview .order-review table tbody tr,
    .bm-preview .opc-review table tbody tr{
    background:#fff !important;
    }
    .bm-preview .order-review table tbody td,
    .bm-preview .opc-review table tbody td{
    background:#fff !important;
    border:0 !important;
    padding:6px 10px !important;
    font-size:14px !important;
    color:#1E2419 !important;
    }
    .bm-preview .order-review table tbody tr,
    .bm-preview .opc-review table tbody tr{
    border-bottom:1px solid #E4E2DA !important;
    }
    @media only screen and (max-width:767px){
    .bm-preview .order-review table tbody td,
    .bm-preview .opc-review table tbody td{
        border:0 !important;
        padding:4px 10px !important;
    }
    .bm-preview .order-review table tbody td:first-child,
    .bm-preview .opc-review table tbody td:first-child{
        padding-top:16px !important;
    }
    .bm-preview .order-review table tbody td:last-child,
    .bm-preview .opc-review table tbody td:last-child{
        padding-bottom:16px !important;
        border-bottom:1px solid #E4E2DA !important;
    }
    }
    .bm-preview .order-review table .product-name,
    .bm-preview .opc-review table .product-name{
    font-size:14px !important;
    font-weight:700 !important;
    color:#1E2419 !important;
    }
    .bm-preview .order-review table th,
    .bm-preview .opc-review table th{
    background:#fff !important;
    border:0 !important;
    font-size:12px !important;
    font-weight:400 !important;
    color:#6B7264 !important;
    }
    .bm-preview .order-review .price,
    .bm-preview .opc-review .price{
    color:#1E2419 !important;
    font-weight:700 !important;
    }

    .bm-preview .order-review tfoot td,
    .bm-preview .opc-review tfoot td,
    .bm-preview .order-review tfoot th,
    .bm-preview .opc-review tfoot th{
    background:#fff !important;
    border:0 !important;
    padding:8px 10px !important;
    font-size:14px !important;
    color:#3A4034 !important;
    }
    .bm-preview .order-review tfoot tr:last-child td,
    .bm-preview .order-review tfoot tr:last-child th,
    .bm-preview .opc-review tfoot tr:last-child td,
    .bm-preview .opc-review tfoot tr:last-child th{
    border-top:1px solid #E4E2DA !important;
    font-size:18px !important;
    font-weight:700 !important;
    color:#076324 !important;
    }

    .bm-preview #checkout-agreements label,
    .bm-preview .opc #checkout-agreements a{
    font-size:13px !important;
    line-height:1.5 !important;
    color:#3A4034 !important;
    }
    .bm-preview #checkout-agreements a{
    color:#076324 !important;
    font-weight:700 !important;
    }

    /* ============================================================
    PREVIEW — REVIEW TOTALS ORDER
    Only .excl-tax and .incl-tax carry classes; Subtotal,
    Livrare and TVA are positional. A discount row appearing
    WILL shift these — recheck if a coupon is applied.
    Order: subtotal · fara TVA · TVA · livrare · total
    ============================================================ */
    .bm-preview .opc-review tfoot,
    .bm-preview .order-review tfoot{
    display:flex !important;
    flex-direction:column !important;
    }
    .bm-preview .opc-review tfoot tr,
    .bm-preview .order-review tfoot tr{
    display:table !important;
    width:100% !important;
    }
    .bm-preview .opc-review tfoot tr:nth-child(1),
    .bm-preview .order-review tfoot tr:nth-child(1){ order:1 !important; }
    .bm-preview .opc-review tfoot tr.excl-tax,
    .bm-preview .order-review tfoot tr.excl-tax{ order:2 !important; }
    .bm-preview .opc-review tfoot tr:nth-child(4),
    .bm-preview .order-review tfoot tr:nth-child(4){ order:3 !important; }
    .bm-preview .opc-review tfoot tr:nth-child(2),
    .bm-preview .order-review tfoot tr:nth-child(2){ order:4 !important; }
    .bm-preview .opc-review tfoot tr.incl-tax,
    .bm-preview .order-review tfoot tr.incl-tax{ order:5 !important; }

    /* flexing tfoot kills shared column widths — the value cell
    needs a fixed width or every row lands somewhere different */
    .bm-preview .opc-review tfoot tr td,
    .bm-preview .order-review tfoot tr td{
    width:auto !important;
    }
    .bm-preview .opc-review tfoot tr td:last-child,
    .bm-preview .order-review tfoot tr td:last-child{
    width:130px !important;
    min-width:130px !important;
    text-align:right !important;
    }

    /* ============================================================
    PREVIEW — SHIPPING LABEL IN TOTALS
    The method's description is a <div> inside the label cell.
    Sized down and left-aligned so it stops dominating the row.
    Wording untouched.
    ============================================================ */
    .bm-preview .opc tfoot th > div,
    .bm-preview .order-review tfoot th > div,
    .bm-preview .data-table tfoot th > div{
    display:inline-block !important;
    vertical-align:bottom !important;
    max-width:420px !important;
    margin:4px 0 0 auto !important;
    font-size:11px !important;
    line-height:1.4 !important;
    color:#6B7264 !important;
    text-align:left !important;
    }

    /* ============================================================
    PREVIEW — REVIEW STEP TYPOGRAPHY (replaces previous block)
    Knobs: ink #1E2419 · body #3A4034 · muted #6B7264
            sale #D92B0C · green #076324
    ============================================================ */

    .bm-preview .order-review .data-table tbody .product-name{
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    color:#1E2419 !important;
    }
    .bm-preview .order-review .data-table tbody td,
    .bm-preview .order-review .data-table tbody th{
    font-size:14px !important;
    font-weight:400 !important;
    color:#3A4034 !important;
    }
    .bm-preview .order-review .data-table tbody .price{
    font-weight:500 !important;
    color:#1E2419 !important;
    }
    .bm-preview .order-review .data-table tbody .old-price .price{
    font-weight:400 !important;
    color:#D92B0C !important;
    text-decoration:line-through !important;
    }
    .bm-preview .order-review .data-table tbody .special-price .price{
    color:#D92B0C !important;
    font-weight:700 !important;
    }



    .bm-preview .order-review .data-table tfoot th{
    font-size:14px !important;
    font-weight:400 !important;
    color:#3A4034 !important;
    }
    .bm-preview .order-review .data-table tfoot td{
    font-size:14px !important;
    font-weight:500 !important;
    color:#1E2419 !important;
    }
    .bm-preview .order-review .data-table tfoot tr.incl-tax th{
    font-size:17px !important;
    font-weight:700 !important;
    color:#076324 !important;
    }
    .bm-preview .order-review .data-table tfoot tr.incl-tax td{
    font-size:19px !important;
    font-weight:700 !important;
    color:#076324 !important;
    }

    /* ============================================================
    PREVIEW — REVIEW STEP, MOBILE ROWS
    Table becomes flex strips at 767px: thumb · name+qty · price
    Column labels hidden — the layout carries the meaning.
    Knobs: thumb 52px · ink #1E2419 · muted #6B7264
    ============================================================ */
    @media only screen and (max-width:767px){

    .bm-preview .order-review .data-table,
    .bm-preview .order-review .data-table tbody{
        display:block !important;
        width:100% !important;
    }
    .bm-preview .order-review .data-table thead{
        display:none !important;
    }
    .bm-preview .order-review .data-table tbody tr{
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:flex-start !important;
        width:100% !important;
        box-sizing:border-box !important;
        padding:10px 0 !important;
        border-bottom:1px solid #E4E2DA !important;
    }

    /* name cell takes the middle, price cell sits right */
    .bm-preview .order-review .data-table tbody td{
        display:block !important;
        border:0 !important;
        padding:0 !important;
        text-align:left !important;
        font-size:13px !important;
        line-height:1.35 !important;
    }
    .bm-preview .order-review .data-table tbody td:first-child{
        flex:1 1 auto !important;
        min-width:0 !important;
        padding-right:10px !important;
    }

    /* cant / pret / subtotal — label left, value hard right */
    .bm-preview .order-review .data-table tbody td:nth-child(2),
    .bm-preview .order-review .data-table tbody td:nth-child(3),
    .bm-preview .order-review .data-table tbody td:nth-child(4){
        display:flex !important;
        flex:0 0 100% !important;
        align-items:baseline !important;
        justify-content:space-between !important;
        gap:10px !important;
        padding:5px 0 0 !important;
    }
    .bm-preview .order-review .data-table tbody td:nth-child(2) .label,
    .bm-preview .order-review .data-table tbody td:nth-child(3) .label,
    .bm-preview .order-review .data-table tbody td:nth-child(4) .label{
        flex:1 1 auto !important;
        margin:0 !important;
    }

    /* gap between the name group and the numbers */
    .bm-preview .order-review .data-table tbody td:nth-child(2){
        margin-top:10px !important;
        padding-top:10px !important;
    }

    /* name cell: code and title tight together */
    .bm-preview .order-review .data-table tbody td:first-child{
        flex:1 1 auto !important;
        min-width:0 !important;
        padding:0 !important;
        margin:0 !important;
        line-height:1.4 !important;
    }
    .bm-preview .order-review .data-table tbody tr{
        margin:0 !important;
        padding:12px 0 !important;
    }

    /* labels stay — stacked numbers are ambiguous without them */
    .bm-preview .order-review .data-table tbody td .label{
        display:inline !important;
        margin-right:6px !important;
        font-size:12px !important;
        color:#6B7264 !important;
    }
    .bm-preview .order-review .data-table tbody td .label .tax-flag{
        display:none !important;
    }

    .bm-preview .order-review .data-table .bm-thumb{
        float:left !important;
        width:52px !important;
        margin:0 12px 0 0 !important;
    }
    .bm-preview .order-review .data-table tbody .product-name{
        font-size:13px !important;
        line-height:1.35 !important;
    }

    /* totals: label left, value right, on one line each */
    .bm-preview .opc-review tfoot,
    .bm-preview .order-review tfoot{
        display:block !important;
    }
    .bm-preview .opc-review tfoot tr,
    .bm-preview .order-review tfoot tr{
        display:flex !important;
        align-items:baseline !important;
        justify-content:space-between !important;
        gap:10px !important;
        width:100% !important;
        padding:6px 0 !important;
    }
    .bm-preview .opc-review tfoot tr th,
    .bm-preview .order-review tfoot tr th{
        flex:1 1 auto !important;
        text-align:left !important;
        padding:0 !important;
    }
    .bm-preview .opc-review tfoot tr td,
    .bm-preview .order-review tfoot tr td{
        flex:0 0 auto !important;
        width:auto !important;
        min-width:0 !important;
        text-align:right !important;
        white-space:nowrap !important;
        padding:0 !important;
    }
    .bm-preview .opc tfoot th > div,
    .bm-preview .order-review tfoot th > div,
    .bm-preview .data-table tfoot th > div{
        max-width:100% !important;
        margin:4px 0 0 !important;
    }
    }

    .bm-preview .order-review .data-table tbody tr:first-child{
        border-top:1px solid #E4E2DA !important;
    }

    /* ============================================================
    PREVIEW — FOOTER (single source of truth)
    Three equal columns: Informații · Contact · Plată și garanții
    Blog column dropped. Column headings are ::before labels and
    the theme's own heading rows are hidden — that also fixes
    their missing diacritics. The 12 link labels still need a
    CMS fix.
    Needs the footer script in Miscellaneous Scripts: it moves
    the icons and the two SAL badges, tags trust items
    .bm-pay / .bm-seal / .bm-aux / .bm-sal, then adds
    .bm-footer-ready. If that script fails, .branding stays
    visible and the icons show in their old place — degraded,
    not blank.
    Old PASUL 35 and 38 footer blocks stay as live fallback.
    ============================================================ */

    /* --- shell -------------------------------------------------- */
    .bm-preview .page-footer{
    background-color:#076324 !important;
    }
    .bm-preview .page-footer .page-container{
    box-sizing:border-box !important;
    max-width:1210px !important;
    margin:0 auto !important;
    padding:34px 20px 30px !important;
    }
    .bm-preview .page-footer .page-container--small,
    .bm-preview .page-footer .legals,
    .bm-preview .page-footer .copyright,
    .bm-preview .page-footer .footer-blog{
    display:none !important;
    }
    .bm-preview .page-footer .row{
    display:block !important;
    margin:0 !important;
    }
    .bm-preview .page-footer .row > div{
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    }
    .bm-preview .page-footer.bm-footer-ready .branding{
    display:none !important;
    }

    /* --- three equal columns ----------------------------------- */
    .bm-preview .page-footer .footer-links{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    gap:48px !important;
    margin:0 !important;
    padding:0 !important;
    }
    .bm-preview .page-footer .footer-links > ul{
    flex:1 1 0 !important;
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    }

    /* --- one heading treatment, three labels ------------------- */
    .bm-preview .page-footer .footer-links > ul::before{
    display:block !important;
    margin:0 0 14px !important;
    padding:0 0 9px !important;
    border-bottom:1px solid rgba(255,255,255,.22) !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.16em !important;
    line-height:1.3 !important;
    text-transform:uppercase !important;
    color:#FCCD02 !important;
    }
    .bm-preview .page-footer .website-info::before{ content:'INFORMAȚII' !important; }
    .bm-preview .page-footer .newsletter-info::before{ content:'CONTACT' !important; }
    .bm-preview .page-footer .payment::before{ content:'PLATĂ ȘI GARANȚII' !important; }

    .bm-preview .page-footer .website-info > li:first-child,
    .bm-preview .page-footer .newsletter-info > li:first-child{
    display:none !important;
    }
    .bm-preview .page-footer .footer-links > ul > li:empty{
    display:none !important;
    }

    /* --- column 1: links --------------------------------------- */
    .bm-preview .page-footer .website-info > li{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    list-style:none !important;
    }
    .bm-preview .page-footer .website-info > li > a{
    display:block !important;
    padding:5px 0 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.45 !important;
    color:#ffffff !important;
    text-decoration:none !important;
    }
    .bm-preview .page-footer .website-info > li > a:hover{
    color:#FCCD02 !important;
    }

    /* --- column 2: contact, then social ------------------------ */
    .bm-preview .page-footer .newsletter-info{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    }
    .bm-preview .page-footer .newsletter-info > li{
    order:2 !important;
    width:100% !important;
    margin:0 0 2px !important;
    padding:0 !important;
    border:0 !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    color:rgba(255,255,255,.62) !important;
    list-style:none !important;
    }
    .bm-preview .page-footer .newsletter-info > li > a{
    display:block !important;
    margin:0 0 14px !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    color:#ffffff !important;
    text-decoration:none !important;
    }
    .bm-preview .page-footer .newsletter-info > li > a:hover{
    color:#FCCD02 !important;
    }
    .bm-preview .page-footer .newsletter-info > li.custom-socialmedia{
    order:9 !important;
    display:block !important;
    margin:8px 0 0 !important;
    }
    .bm-preview .page-footer .newsletter-info > li.custom-socialmedia::before{
    content:'Ne găsești și pe' !important;
    display:block !important;
    margin:0 0 10px !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    color:rgba(255,255,255,.62) !important;
    }
    .bm-preview .page-footer .custom-socialmedia .list--social{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    }
    .bm-preview .page-footer .custom-socialmedia .list--social > li{
    display:block !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    list-style:none !important;
    }
    .bm-preview .page-footer .custom-socialmedia .list--social > li::before{
    display:none !important;
    }
    .bm-preview .page-footer .custom-socialmedia .list--social > li > a{
    display:block !important;
    box-sizing:border-box !important;
    width:36px !important;
    height:36px !important;
    margin:0 !important;
    padding:0 !important;
    background-color:#ffffff !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:contain !important;
    border:0 !important;
    border-radius:4px !important;
    font-size:0 !important;
    text-decoration:none !important;
    }
    .bm-preview .page-footer .custom-socialmedia .list--social > li.list__item--google{
    display:none !important;
    }

    /* --- column 3: payment + trust ----------------------------- */
    .bm-preview .page-footer .payment{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
    gap:12px !important;
    }
    .bm-preview .page-footer .payment::before{
    flex:0 0 100% !important;
    margin-bottom:0 !important;
    }
    .bm-preview .page-footer .payment > li{
    display:block !important;
    flex:0 0 auto !important;
    width:auto !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    text-align:left !important;
    list-style:none !important;
    }
    .bm-preview .page-footer .payment > li > a{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    text-decoration:none !important;
    }
    .bm-preview .page-footer .payment img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    border-radius:3px !important;
    }
    .bm-preview .page-footer .payment > li.bm-pay{
    order:1 !important;
    flex:0 0 100% !important;
    }
    .bm-preview .page-footer .payment > li.bm-pay img{
    max-width:204px !important;
    }
    .bm-preview .page-footer .payment > li.bm-seal{
    order:2 !important;
    }
    .bm-preview .page-footer .payment > li.bm-seal img{
    width:100px !important;
    }
    .bm-preview .page-footer .payment > li.bm-aux{
    order:3 !important;
    flex:0 0 100% !important;
    }
    .bm-preview .page-footer .payment > li.bm-sal{
    order:4 !important;
    flex:0 0 100% !important;
    }
    .bm-preview .page-footer .payment > li.bm-sal img{
    width:186px !important;
    }

    /* --- bottom bar (sits outside .page-footer) ---------------- */
    .bm-preview .footer-widget{
    background-color:#076324 !important;
    text-align:center !important;
    }
    .bm-preview .footer-widget p{
    box-sizing:border-box !important;
    max-width:1210px !important;
    margin:0 auto !important;
    padding:16px 20px !important;
    border-top:1px solid rgba(255,255,255,.22) !important;
    font-size:12px !important;
    line-height:1.5 !important;
    color:rgba(255,255,255,.72) !important;
    }
    .bm-preview .footer-widget a{
    color:#ffffff !important;
    font-weight:700 !important;
    text-decoration:none !important;
    }

    /* --- narrow desktop: columns get tight at 48 --------------- */
    @media only screen and (min-width:768px) and (max-width:995px){
    .bm-preview .page-footer .footer-links{
        gap:24px !important;
    }
    }

    /* --- mobile ------------------------------------------------- */
    @media only screen and (max-width:767px){
    .bm-preview .page-footer .page-container{
        padding:24px 16px 22px !important;
    }
    .bm-preview .page-footer .footer-links{
        flex-direction:column !important;
        flex-wrap:wrap !important;
        gap:26px !important;
    }
    .bm-preview .page-footer .footer-links > ul{
        flex:1 1 auto !important;
        width:100% !important;
    }
    .bm-preview .footer-widget p{
        padding:14px 16px !important;
    }
    }

    /* ============================================================
    PREVIEW — CMS PAGES (single source of truth)
    Covers every .cms-page-view body: Cum cumpăr, Livrare,
    Termeni, Politica de confidențialitate, ANPC, Despre noi.
    Structure comes from the editor, so selectors lean on depth
    and on which tags contain a <strong>, not on classes:
        .page-head > .page-head > h3   = page title
        .page-head > h3                = empty grey spacer, hidden
        .page-head > h4 > strong       = real section heading
        .page-head > h4 (bare)         = phone, email, sub-heading
        .page-head > h5                = numbered step
    Retires at ship: the .cms-page-view h2 pair, the six
    .cms-cum-cumpar rules, and the five width rules in the
    320-380px query.
    ============================================================ */

    /* --- measure ------------------------------------------------ */
    /* .left is floated by the theme. Termeni ships six of them as
    siblings, so capping the width turned them into columns. */
    .bm-preview .cms-page-view .std > .left{
    float:none !important;
    clear:both !important;
    width:auto !important;
    max-width:720px !important;
    margin:0 0 4px !important;
    padding:0 !important;
    }
    .bm-preview .cms-page-view .std > .left > .page-head{
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    }

    /* --- page title --------------------------------------------- */
    .bm-preview .std .page-head > .page-head{
    background:none !important;
    margin:0 0 24px !important;
    padding:0 !important;
    border:0 !important;
    }
    .bm-preview .std .page-head > .page-head h3{
    background:none !important;
    margin:0 !important;
    padding:0 !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:28px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:-0.01em !important;
    color:#076324 !important;
    text-transform:none !important;
    }

    /* --- empty grey spacers. Depth, not :empty — a stray space in
        the editor would put a bar back --------------------------- */
    /* direct-child h3 could be either a title or a grey spacer, and
    the two aren't distinguishable by structure across pages. So:
    strip the grey bar from all of them, style them as titles, and
    hide only the provably empty ones. */
    .bm-preview .std > .left > .page-head > h3{
    background:none !important;
    margin:0 0 20px !important;
    padding:0 !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:28px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:-0.01em !important;
    color:#076324 !important;
    text-transform:none !important;
    }
    .bm-preview .std > .left > .page-head > h3:empty{
    display:none !important;
    }
    .bm-preview .std > .left > .page-head > p:empty{
    display:none !important;
    }

    /* --- body copy ---------------------------------------------- */
    .bm-preview .std,
    .bm-preview .std p,
    .bm-preview .std li,
    .bm-preview .std td{
    font-family:'DM Sans', -apple-system, sans-serif !important;
    }
    .bm-preview .std p,
    .bm-preview .std li{
    font-size:15px !important;
    line-height:1.7 !important;
    color:#3A4034 !important;
    }
    .bm-preview .std p{
    margin:0 0 16px !important;
    }

    /* --- headings ----------------------------------------------- */
    .bm-preview .cms-page-view .std h4{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:34px 0 14px !important;
    padding:0 !important;
    border:0 !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:17px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    color:#1E2419 !important;
    text-transform:none !important;
    }
    .bm-preview .cms-page-view .std h4 > strong{
    margin:0 !important;
    font-size:21px !important;
    font-weight:700 !important;
    color:#076324 !important;
    text-transform:none !important;
    }
    .bm-preview .cms-page-view .std h4 > strong a{
    color:#076324 !important;
    text-decoration:none !important;
    }

    .bm-preview .cms-page-view .std h5{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:30px 0 10px !important;
    padding:0 !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    color:#1E2419 !important;
    text-transform:none !important;
    }

    /* the theme's h5 strong and .imagine-cum-cumpar gap rules never
    matched: bare text node, unclassed images. gap replaces both */
    .bm-preview .cms-page-view .std h4 img,
    .bm-preview .cms-page-view .std h5 img{
    flex:0 0 28px !important;
    width:28px !important;
    height:28px !important;
    margin:0 !important;
    border:0 !important;
    }
    .bm-preview .cms-page-view .std h4 > a,
    .bm-preview .cms-page-view .std h5 > a{
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    }

    /* --- lists --------------------------------------------------- */
    .bm-preview .std .page-head ul{
    margin:0 0 18px !important;
    padding:0 0 0 20px !important;
    list-style:disc !important;
    }
    .bm-preview .std .page-head ul li{
    margin:0 0 7px !important;
    padding:0 !important;
    list-style:disc !important;
    }

    /* --- accents ------------------------------------------------- */
    .bm-preview .std p strong,
    .bm-preview .std li strong{
    font-weight:700 !important;
    color:#076324 !important;
    }
    .bm-preview .std p a,
    .bm-preview .std li a{
    color:#076324 !important;
    font-weight:500 !important;
    text-decoration:underline !important;
    }
    .bm-preview .std p a:hover,
    .bm-preview .std li a:hover{
    color:#0A7A2D !important;
    }

    /* --- h2 on the other CMS pages. The live rule underlines every
        one of them and BASE 1 only took the colour --------------- */
    .bm-preview .cms-page-view .std h2:not(.product-name){
    text-decoration:none !important;
    color:#076324 !important;
    margin:34px 0 14px !important;
    }

    /* --- mobile -------------------------------------------------- */
    @media only screen and (max-width:767px){
    .bm-preview .std > .left,
    .bm-preview .std > .left > .page-head{
        max-width:none !important;
    }
    .bm-preview .std .page-head > .page-head h3{ font-size:22px !important; }
    .bm-preview .cms-page-view .std h4{ margin-top:28px !important; }
    .bm-preview .cms-page-view .std h4> strong{ font-size:18px !important; }
    .bm-preview .cms-page-view .std h5{ font-size:15px !important; }
    }

    /* --- kill the 320-380px width rules ------------------------- */
    @media only screen and (max-width:380px) and (min-width:320px){
    .bm-preview .cms-page-view .std .left p,
    .bm-preview .cms-page-view .std .left h4 strong,
    .bm-preview .cms-cum-cumpar .std h5 strong,
    .bm-preview .cms-cum-cumpar .std ul,
    .bm-preview .cms-cum-cumpar .std h4 a strong{
        width:auto !important;
    }
    }

    .bm-preview .cms-page-view .std p > strong:only-child{
    display:block !important;
    margin:32px 0 6px !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    color:#076324 !important;
    }

    .bm-preview .cms-page-view .std input[type="text"],
    .bm-preview .cms-page-view .std input[type="email"],
    .bm-preview .cms-page-view .std select,
    .bm-preview .cms-page-view .std textarea{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:420px !important;
    margin:0 0 16px !important;
    padding:10px 12px !important;
    border:1px solid #E4E2DA !important;
    border-radius:4px !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:14px !important;
    line-height:1.4 !important;
    color:#1E2419 !important;
    background-color:#fff !important;
    }
    .bm-preview .cms-page-view .std textarea{
    min-height:110px !important;
    }
    .bm-preview .cms-page-view .std input:focus,
    .bm-preview .cms-page-view .std select:focus,
    .bm-preview .cms-page-view .std textarea:focus{
    border-color:#076324 !important;
    outline:none !important;
    }

    /* ============================================================
    PREVIEW — BLOG LISTING (single source of truth)
    /blog/ · body.blog-index-list
    Structure: .blog-wrap.blog-layout-3 holds messages, page-title,
    nine .postWrapper, then the pager. Each post is
        .postTitle > .image-box + .title-date
        .title-date > h3 (date) + h2 (title) + h3 (category)
    Design: photo above, brand-green caption band below — the same
    pattern as the homepage bm-cat tiles. Newest post spans two
    columns (.bm-feat). Posts with no photo become solid green
    text tiles (.bm-nophoto). Both classes are added by JS in
    Miscellaneous Scripts, which also strips the time off dates.

    TWO THEME TRAPS, both fixed below and both invisible to the
    box model — do not remove either without re-testing:
    1. .postWrapper::after is an absolutely positioned full-card
        #076324 overlay. It ate clicks on the title.
    2. .title-date is translated upward to centre it over the
        photo. A transform moves the painted box without changing
        layout offsets, so offsetTop reads clean while the text
        sits 43px high — and clips away entirely on a post with
        no image, since there is no 176px photo above it.
    Sidebar sub-headings are bare divs: .menu-recent > div.
    ============================================================ */

    /* --- grid --------------------------------------------------- */
    .bm-preview .blog-index-list .main-content .blog-wrap{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
    margin:0 -8px !important;
    padding:0 !important;
    }
    .bm-preview .blog-index-list .blog-wrap > #messages_product_view,
    .bm-preview .blog-index-list .blog-wrap > .page-title,
    .bm-preview .blog-index-list .blog-wrap > .pager,
    .bm-preview .blog-index-list .blog-wrap > .blog-search-box{
    flex:0 0 100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding:0 8px !important;
    }
    .bm-preview .blog-index-list .blog-wrap > .page-title h1{
    margin:0 0 20px !important;
    font-size:28px !important;
    font-weight:700 !important;
    letter-spacing:-0.01em !important;
    color:#076324 !important;
    }

    /* --- card --------------------------------------------------- */
    .bm-preview .blog-index-list .postWrapper{
    flex:0 0 33.3333% !important;
    max-width:33.3333% !important;
    box-sizing:border-box !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 0 16px !important;
    padding:0 8px !important;
    background:transparent !important;
    border:0 !important;
    overflow:visible !important;
    }

    /* trap 1 — the full-card green overlay */
    .bm-preview .blog-index-list .postWrapper::after,
    .bm-preview .blog-index-list .postWrapper::before{
    display:none !important;
    content:none !important;
    }

    /* trap 2 — the upward translate */
    .bm-preview .blog-index-list .postWrapper,
    .bm-preview .blog-index-list .postWrapper *{
    transform:none !important;
    }

    .bm-preview .blog-index-list .postWrapper .postTitle{
    display:flex !important;
    flex-direction:column !important;
    position:static !important;
    box-sizing:border-box !important;
    height:100% !important;
    margin:0 !important;
    background:#076324 !important;
    border:0 !important;
    border-radius:8px !important;
    overflow:hidden !important;
    }
    .bm-preview .blog-index-list .postWrapper .postTitle:hover .title-date{
    background:#0A7A2D !important;
    }

    /* --- photo -------------------------------------------------- */
    .bm-preview .blog-index-list .postWrapper .image-box{
    order:1 !important;
    display:block !important;
    flex:0 0 auto !important;
    position:static !important;
    width:100% !important;
    height:176px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#F2F1EC !important;
    }
    .bm-preview .blog-index-list .postWrapper .image-box a.overlay{
    display:block !important;
    position:static !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    }
    .bm-preview .blog-index-list .postWrapper .image-box img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    object-fit:cover !important;
    }

    /* --- green caption band ------------------------------------- */
    .bm-preview .blog-index-list .postWrapper .title-date{
    order:2 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:baseline !important;
    align-content:space-between !important;
    flex:1 1 auto !important;
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    box-sizing:border-box !important;
    width:auto !important;
    margin:0 !important;
    padding:15px 16px 16px !important;
    background:#076324 !important;
    text-align:left !important;
    }
    .bm-preview .blog-index-list .postWrapper .title-date h2{
    order:1 !important;
    flex:0 0 100% !important;
    min-height:61px !important;
    margin:0 0 12px !important;
    padding:0 !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
    color:#ffffff !important;
    text-transform:none !important;
    }
    .bm-preview .blog-index-list .postWrapper .title-date h2 a{
    color:#ffffff !important;
    text-decoration:none !important;
    }
    .bm-preview .blog-index-list .postWrapper .title-date h3{
    order:2 !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    letter-spacing:0 !important;
    color:rgba(255,255,255,.60) !important;
    text-transform:none !important;
    }
    .bm-preview .blog-index-list .postWrapper .title-date h3:first-child a{
    color:#FCCD02 !important;
    font-weight:500 !important;
    text-decoration:none !important;
    }
    .bm-preview .blog-index-list .postWrapper .title-date h3:last-child{
    margin-left:9px !important;
    padding-left:10px !important;
    border-left:1px solid rgba(255,255,255,.28) !important;
    }
    .bm-preview .blog-index-list .postWrapper .title-date h3:last-child a{
    color:rgba(255,255,255,.88) !important;
    font-weight:700 !important;
    text-decoration:none !important;
    }

    /* --- featured: newest post, two columns wide ----------------
    .bm-feat comes from JS. :first-of-type can't work — the
    messages div and .page-title are divs too, and come first.
    ------------------------------------------------------------- */
    .bm-preview .blog-index-list .postWrapper.bm-feat{
    flex:0 0 66.6666% !important;
    max-width:66.6666% !important;
    }
    .bm-preview .blog-index-list .postWrapper.bm-feat .image-box{
    height:240px !important;
    }
    .bm-preview .blog-index-list .postWrapper.bm-feat .title-date h2{
    min-height:0 !important;
    font-size:20px !important;
    line-height:1.3 !important;
    }

    /* --- text tiles: posts with no photo ------------------------ */
    .bm-preview .blog-index-list .postWrapper.bm-nophoto .title-date{
    padding:20px 18px !important;
    }
    .bm-preview .blog-index-list .postWrapper.bm-nophoto .title-date h2{
    min-height:0 !important;
    font-size:19px !important;
    line-height:1.3 !important;
    margin-bottom:16px !important;
    }

    /* --- pager -------------------------------------------------- */
    .bm-preview .blog-index-list .blog-wrap > .pager{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:8px 0 0 !important;
    padding:14px 8px !important;
    border-top:1px solid #E4E2DA !important;
    background:transparent !important;
    }
    .bm-preview .blog-index-list .pager .amount{
    margin:0 !important;
    font-size:13px !important;
    color:#6B7264 !important;
    }
    .bm-preview .blog-index-list .pager .pages,
    .bm-preview .blog-index-list .pager .pages ol{
    display:flex !important;
    align-items:center !important;
    gap:2px !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    }
    .bm-preview .blog-index-list .pager .pages ol li{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    min-width:34px !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:4px !important;
    font-size:14px !important;
    color:#1E2419 !important;
    list-style:none !important;
    }
    .bm-preview .blog-index-list .pager .pages ol li a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:34px !important;
    padding:0 6px !important;
    border-radius:4px !important;
    color:inherit !important;
    text-decoration:none !important;
    }
    .bm-preview .blog-index-list .pager .pages ol li a:hover{
    background:#FBF9F2 !important;
    color:#076324 !important;
    }
    .bm-preview .blog-index-list .pager .pages ol li.current,
    .bm-preview .blog-index-list .pager .pages ol li.current a{
    background:#E8F2EA !important;
    color:#076324 !important;
    font-weight:700 !important;
    }

    /* --- search --------------------------------------------------
    Real structure: .blog-search-box > form > .search-box > input
    + button. Flex has to go on .search-box — the form is the only
    child of .blog-search-box, so flexing that does nothing.
    Moved into the sidebar by JS, below Categorii.
    ------------------------------------------------------------- */
    .bm-preview .blog-index-list .blog-search-box form{
    margin:0 !important;
    padding:0 !important;
    }
    .bm-preview .blog-index-list .blog-search-box .search-box{
    display:flex !important;
    align-items:stretch !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    }
    .bm-preview .blog-index-list .blog-search-box input{
    box-sizing:border-box !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    height:42px !important;
    margin:0 !important;
    padding:0 14px !important;
    border:1px solid #E4E2DA !important;
    border-radius:4px !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:14px !important;
    color:#1E2419 !important;
    background:#fff !important;
    }
    .bm-preview .blog-index-list .blog-search-box input:focus{
    border-color:#076324 !important;
    outline:none !important;
    }
    .bm-preview .blog-index-list .blog-layout-3 .blog-search-box .button{
    flex:0 0 auto !important;
    width:auto !important;
    min-height:42px !important;
    padding:0 20px !important;
    }

    /* in the sidebar: stacked, full width, its own label */
    .bm-preview .blog-index-list .main-aside .blog-search-box,
    .bm-preview .blog-index-list .main-aside .blog-search-box form,
    .bm-preview .blog-index-list .main-aside .blog-search-box .search-box{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    }
    .bm-preview .blog-index-list .main-aside .blog-search-box::before{
    content:'CAUTĂ ÎN BLOG' !important;
    display:block !important;
    margin:0 0 8px !important;
    padding:0 0 9px !important;
    border-bottom:1px solid #E4E2DA !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.14em !important;
    color:#076324 !important;
    }
    .bm-preview .blog-index-list .main-aside .blog-search-box .search-box{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    }
    .bm-preview .blog-index-list .main-aside .blog-search-box input{
    box-sizing:border-box !important;
    flex:0 0 auto !important;
    width:100% !important;
    max-width:none !important;
    }
    .bm-preview .blog-index-list .main-aside .blog-layout-3 .blog-search-box .button,
    .bm-preview .blog-index-list .main-aside .blog-search-box .button{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    }

    /* --- sidebar ------------------------------------------------ */
    .bm-preview .blog-index-list .main-aside .block-reorder{
    display:none !important;
    }
    .bm-preview .blog-index-list .main-aside .block-blog > .block-title{
    display:none !important;
    }
    .bm-preview .blog-index-list .main-aside .block-blog{
    background:#fff !important;
    margin:0 !important;
    padding:0 !important;
    }
    .bm-preview .blog-index-list .main-aside .block-blog .block-content > div{
    margin:0 0 26px !important;
    }
    .bm-preview .blog-index-list .main-aside .block-blog .block-content > div > div:first-child{
    margin:0 0 8px !important;
    padding:0 0 9px !important;
    border-bottom:1px solid #E4E2DA !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:#076324 !important;
    }
    .bm-preview .blog-index-list .main-aside .block-blog ul{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    }
    .bm-preview .blog-index-list .main-aside .block-blog li{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-bottom:1px solid #E4E2DA !important;
    list-style:none !important;
    }
    .bm-preview .blog-index-list .main-aside .block-blog li:last-child{
    border-bottom:0 !important;
    }
    .bm-preview .blog-index-list .main-aside .block-blog li a{
    display:block !important;
    padding:9px 0 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.45 !important;
    color:#3A4034 !important;
    text-decoration:none !important;
    }
    .bm-preview .blog-index-list .main-aside .block-blog li a:hover{
    color:#076324 !important;
    }

    /* --- two across --------------------------------------------- */
    @media only screen and (max-width:995px){
    .bm-preview .blog-index-list .postWrapper{
        flex:0 0 50% !important;
        max-width:50% !important;
    }
    .bm-preview .blog-index-list .postWrapper.bm-feat{
        flex:0 0 100% !important;
        max-width:100% !important;
    }
    .bm-preview .blog-index-list .postWrapper.bm-feat .image-box{
        height:220px !important;
    }
    }

    /* --- one across --------------------------------------------- */
    @media only screen and (max-width:600px){
    .bm-preview .blog-index-list .postWrapper,
    .bm-preview .blog-index-list .postWrapper.bm-feat{
        flex:0 0 100% !important;
        max-width:100% !important;
    }
    .bm-preview .blog-index-list .postWrapper .image-box,
    .bm-preview .blog-index-list .postWrapper.bm-feat .image-box{
        height:190px !important;
    }
    .bm-preview .blog-index-list .postWrapper .title-date h2{
        min-height:0 !important;
    }
    .bm-preview .blog-index-list .postWrapper.bm-feat .title-date h2{
        font-size:17px !important;
    }
    .bm-preview .blog-index-list .blog-wrap > .pager{
        flex-direction:column !important;
        align-items:stretch !important;
    }
    .bm-preview .blog-index-list .pager .pages ol{
        justify-content:center !important;
    }
    }


    /* ============================================================
    PREVIEW — MOBILE FILTER SHEET
    The filter block is a .dock drawer: position:fixed, 234px of
    a 393px viewport, page visible beside it, no close button in
    the markup at all. Restyled as a full-screen sheet —
    .block-title becomes the header, .block-content the scrolling
    body, .bm-filter-apply a fixed bar. Header close button and
    apply bar are injected by JS; .bm-facet-zero too.
    Styling applies only while .dock--active is set, so the
    closed state is untouched.
    ============================================================ */

    /* must out-specify .bm-preview .main-aside .block-layered-nav dd li
    from the filter-column block, which sets display:flex !important */
    .bm-preview .main-aside .block-layered-nav dd li.bm-facet-zero,
    .bm-preview .main-aside .block-layered-nav .bm-facet-zero{
    display:none !important;
    }
    .bm-preview .bm-filter-apply{
    display:none;
    }

    @media only screen and (max-width:995px){

    .bm-preview .main-aside .block-layered-nav.dock--active{
        display:flex !important;
        flex-direction:column !important;
        position:fixed !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:100% !important;
        max-width:100% !important;
        height:100% !important;
        margin:0 !important;
        padding:0 !important;
        background:#fff !important;
        overflow:hidden !important;
        z-index:10001 !important;
    }

    /* header */
    .bm-preview .block-layered-nav.dock--active .block-title{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        flex:0 0 auto !important;
        box-sizing:border-box !important;
        height:52px !important;
        margin:0 !important;
        padding:0 8px 0 16px !important;
        background:#076324 !important;
        border:0 !important;
        font-size:12px !important;
        font-weight:700 !important;
        letter-spacing:.14em !important;
        text-transform:uppercase !important;
        color:#fff !important;
    }
    .bm-preview .block-layered-nav.dock--active .bm-filter-close{
        flex:0 0 44px !important;
        width:44px !important;
        height:44px !important;
        margin:0 !important;
        padding:0 !important;
        background:none !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        font-size:30px !important;
        font-weight:400 !important;
        line-height:1 !important;
        color:#fff !important;
        min-height:0 !important;
    }

    /* scrolling body. Padding goes on the inner dl, not here —
        padding plus overflow on the same node lands text on a
        fractional pixel and renders soft. */
    .bm-preview .block-layered-nav.dock--active .block-content{
        flex:1 1 auto !important;
        box-sizing:border-box !important;
        width:100% !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        overflow-y:auto !important;
        -webkit-overflow-scrolling:touch !important;
        transform:none !important;
        background:#fff !important;
    }
    .bm-preview .block-layered-nav.dock--active .block-content > dl,
    .bm-preview .block-layered-nav.dock--active .block-content > .currently-wrapper{
        box-sizing:border-box !important;
        margin:0 !important;
        padding:0 16px !important;
    }

    /* group headings: full-width tinted strips, so a group reads
        as a group without needing space between the rows */
    .bm-preview .block-layered-nav.dock--active dt{
        box-sizing:border-box !important;
        margin:0 -16px !important;
        padding:11px 16px !important;
        background:#FBF9F2 !important;
        border-top:1px solid #E4E2DA !important;
        border-bottom:1px solid #E4E2DA !important;
        font-size:12px !important;
        font-weight:700 !important;
        letter-spacing:.1em !important;
        text-transform:uppercase !important;
        color:#076324 !important;
    }
    .bm-preview .block-layered-nav.dock--active dt:first-of-type{
        border-top:0 !important;
    }
    .bm-preview .block-layered-nav.dock--active dd{
        margin:0 !important;
        padding:0 !important;
    }
    .bm-preview .block-layered-nav.dock--active dd li{
        padding:0 !important;
        border-bottom:1px solid #F2F1EC !important;
    }
    .bm-preview .block-layered-nav.dock--active dd li:last-child{
        border-bottom:0 !important;
    }
    .bm-preview .block-layered-nav.dock--active dd li a{
        padding:13px 0 !important;
        font-size:15px !important;
    }
    .bm-preview .block-layered-nav.dock--active dd li em,
    .bm-preview .block-layered-nav.dock--active dd li .count{
        font-size:13px !important;
    }

    /* apply bar */
    .bm-preview .block-layered-nav.dock--active .bm-filter-apply{
        display:block !important;
        flex:0 0 auto !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:12px 16px !important;
        background:#fff !important;
        border-top:1px solid #E4E2DA !important;
    }
    .bm-preview .block-layered-nav.dock--active .bm-filter-apply .button{
        display:block !important;
        box-sizing:border-box !important;
        width:100% !important;
        margin:0 !important;
    }

    /* the grey wrapper overflows here too */
    .bm-preview .block-layered-nav.dock--active .currently-wrapper{
        width:auto !important;
        max-width:100% !important;
        margin:0 0 18px !important;
        padding:0 !important;
        background:none !important;
    }
    }

    /* an unprefixed live rule puts text-shadow:1px 1px #333 on
        li a and li em below 995px. It only hits anchors, so live
        facets rendered heavier than dead ones. */
    .bm-preview .block-layered-nav.dock--active,
    .bm-preview .block-layered-nav.dock--active .block-title,
    .bm-preview .block-layered-nav.dock--active dt,
    .bm-preview .block-layered-nav.dock--active dd li,
    .bm-preview .block-layered-nav.dock--active dd li a,
    .bm-preview .block-layered-nav.dock--active dd li em,
    .bm-preview .block-layered-nav.dock--active dd li .count,
    .bm-preview .block-layered-nav.dock--active .currently,
    .bm-preview .block-layered-nav.dock--active .currently *{
        text-shadow:none !important;
    }
    .bm-preview .block-layered-nav.dock--active dd li a{
        font-weight:400 !important;
    }

    /* ============================================================
    PREVIEW — CART DRAWER, MOBILE ONLY
    Below 768px the cart icon goes straight to /checkout/cart/.
    The open handler is delegated, not on the anchor, so the JS
    in Miscellaneous Scripts intercepts the click in the capture
    phase instead of rebinding. Desktop drawer is unchanged, so
    the PREVIEW — CART DRAWER block above is still live.
    ============================================================ */

    @media only screen and (max-width:767px){
    .bm-preview .block-cart .block-cart-aside,
    .bm-preview .block-cart .block-cart-aside.dock,
    .bm-preview .block-cart .block-cart-aside.dock--active{
        display:none !important;
    }
    .bm-preview .block-cart .overlay-modal{
        display:none !important;
    }
    }
    
    /* ============================================================
   PREVIEW — MY ACCOUNT (single source of truth)
   /customer/account/, .customer-account, .sales-order-view
   Nav: .block-account, active item is li.current > a > strong
   Dashboard: .my-account > .dashboard, sections are .box-account
   with .box-head > h2 + a
   Note: a.link-print carries the theme green background but
   BASE 2's colour rule reaches it, so it renders green on green
   unless restyled here.
   ============================================================ */

.bm-preview .block-account .block-title{
  margin:0 0 14px !important;
  padding:0 0 10px !important;
  background:none !important;
  border:0 !important;
  border-bottom:1px solid #E4E2DA !important;
}
.bm-preview .block-account .block-title strong,
.bm-preview .block-account .block-title strong span{
  font-family:'DM Sans', sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  line-height:1.3 !important;
  text-transform:uppercase !important;
  color:#076324 !important;
}
.bm-preview .block-account .block-content{
  margin:0 !important;
  padding:0 !important;
  background:none !important;
}
.bm-preview .block-account .block-content ul{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.bm-preview .block-account .block-content li{
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  border-bottom:1px solid #F2F1EC !important;
  list-style:none !important;
}
.bm-preview .block-account .block-content li:last-child{
  border-bottom:0 !important;
}
.bm-preview .block-account .block-content li a{
  display:block !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:11px 0 11px 12px !important;
  border-left:3px solid transparent !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.4 !important;
  color:#3A4034 !important;
  text-decoration:none !important;
  text-transform:none !important;
}
.bm-preview .block-account .block-content li a:hover{
  background:#FBF9F2 !important;
  color:#076324 !important;
}
.bm-preview .block-account .block-content li.current{
  background:none !important;
}
.bm-preview .block-account .block-content li.current a{
  background:#FBF9F2 !important;
  border-left-color:#FCCD02 !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#076324 !important;
}
.bm-preview .block-account .block-content li.current a strong{
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#076324 !important;
}

.bm-preview .customer-account .my-account .page-title h1,
.bm-preview .customer-account .page-title h1{
  margin:0 0 16px !important;
  font-size:28px !important;
  font-weight:700 !important;
  letter-spacing:-0.01em !important;
  color:#076324 !important;
}
.bm-preview .my-account .welcome-msg{
  margin:0 0 30px !important;
}
.bm-preview .my-account .welcome-msg .hello strong{
  font-size:17px !important;
  font-weight:700 !important;
  color:#1E2419 !important;
}
.bm-preview .my-account .welcome-msg p{
  margin:6px 0 0 !important;
  font-size:14px !important;
  line-height:1.6 !important;
  color:#3A4034 !important;
}

.bm-preview .my-account .box-account,
.bm-preview .my-account .box-account.box-info,
.bm-preview .my-account .box-account .box,
.bm-preview .my-account .box-account .box-content,
.bm-preview .my-account .box-account .col2-set{
  background:none !important;
  border:0 !important;
}
.bm-preview .my-account .box-account{
  margin:0 0 34px !important;
  padding:0 !important;
}

.bm-preview .my-account .box-head{
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 14px !important;
  padding:0 0 9px !important;
  border-bottom:1px solid #E4E2DA !important;
}
.bm-preview .my-account .box-head h2{
  margin:0 !important;
  padding:0 !important;
  font-family:'DM Sans', sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  line-height:1.3 !important;
  text-transform:uppercase !important;
  color:#076324 !important;
}
.bm-preview .my-account .box-head a{
  flex:0 0 auto !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#076324 !important;
  text-decoration:none !important;
}
.bm-preview .my-account .box-head a:hover{
  text-decoration:underline !important;
}
.bm-preview .my-account .box-info .box-head + .col2-set + .box-head{
  margin-top:34px !important;
}

.bm-preview .sales-order-view .order-details h2,
.bm-preview .sales-order-view .order-items h2,
.bm-preview .sales-order-view .order-products h2{
  margin:0 0 14px !important;
  padding:0 0 9px !important;
  border-bottom:1px solid #E4E2DA !important;
  font-family:'DM Sans', sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  line-height:1.3 !important;
  text-transform:uppercase !important;
  color:#076324 !important;
}

.bm-preview .my-account .col2-set{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  gap:40px !important;
  margin:0 !important;
  padding:0 !important;
}
.bm-preview .my-account .col2-set > .col-1,
.bm-preview .my-account .col2-set > .col-2{
  flex:1 1 0 !important;
  min-width:0 !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}
.bm-preview .my-account .col2-set h3,
.bm-preview .my-account .box-content h3{
  margin:0 0 8px !important;
  font-size:15px !important;
  font-weight:700 !important;
  color:#1E2419 !important;
}
.bm-preview .my-account .col2-set p,
.bm-preview .my-account .box-content p,
.bm-preview .my-account .box-content address{
  margin:0 0 4px !important;
  font-size:14px !important;
  font-style:normal !important;
  line-height:1.6 !important;
  color:#3A4034 !important;
}
.bm-preview .my-account .col2-set a,
.bm-preview .my-account .box-content a{
  color:#076324 !important;
  font-weight:500 !important;
  text-decoration:none !important;
}
.bm-preview .my-account .col2-set a:hover,
.bm-preview .my-account .box-content a:hover{
  text-decoration:underline !important;
}

.bm-preview .customer-account .data-table,
.bm-preview .sales-order-view .data-table{
  width:100% !important;
  border:0 !important;
  border-collapse:collapse !important;
}
.bm-preview .customer-account .data-table thead th,
.bm-preview .sales-order-view .data-table thead th{
  background:none !important;
  border:0 !important;
  border-bottom:1px solid #E4E2DA !important;
  padding:0 10px 9px !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  line-height:1.3 !important;
  text-transform:uppercase !important;
  color:#6B7264 !important;
}
.bm-preview .customer-account .data-table tbody td,
.bm-preview .sales-order-view .data-table tbody td{
  background:none !important;
  border:0 !important;
  border-bottom:1px solid #F2F1EC !important;
  padding:12px 10px !important;
  font-size:14px !important;
  font-style:normal !important;
  line-height:1.45 !important;
  color:#1E2419 !important;
  vertical-align:top !important;
}
.bm-preview .customer-account .data-table tbody td a,
.bm-preview .sales-order-view .data-table tbody td a{
  color:#076324 !important;
  font-weight:500 !important;
  text-decoration:none !important;
}
.bm-preview .customer-account .data-table tbody td a:hover,
.bm-preview .sales-order-view .data-table tbody td a:hover{
  text-decoration:underline !important;
}
.bm-preview .sales-order-view .data-table tbody td .product-name,
.bm-preview .sales-order-view .data-table tbody td h3{
  font-size:14px !important;
  font-weight:500 !important;
  color:#1E2419 !important;
}
.bm-preview .sales-order-view .data-table tbody td .price,
.bm-preview .customer-account .data-table tbody td .price{
  font-weight:700 !important;
  color:#1E2419 !important;
}
.bm-preview .sales-order-view .data-table tbody td .nobr,
.bm-preview .sales-order-view .data-table tbody td small{
  font-size:14px !important;
  color:#3A4034 !important;
}

.bm-preview .sales-order-view .data-table thead th + th,
.bm-preview .sales-order-view .data-table tbody td + td{
  text-align:right !important;
}
.bm-preview .sales-order-view .data-table thead th:first-child,
.bm-preview .sales-order-view .data-table tbody td:first-child,
.bm-preview .sales-order-view .data-table thead th:nth-child(2),
.bm-preview .sales-order-view .data-table tbody td:nth-child(2){
  text-align:left !important;
}
.bm-preview .customer-account .data-table thead th,
.bm-preview .customer-account .data-table tbody td{
  text-align:left !important;
}

.bm-preview .sales-order-view .data-table tfoot td,
.bm-preview .sales-order-view .data-table tfoot th{
  background:none !important;
  border:0 !important;
  padding:7px 10px !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:#3A4034 !important;
}
.bm-preview .sales-order-view .data-table tfoot tr:last-child td,
.bm-preview .sales-order-view .data-table tfoot tr:last-child th{
  border-top:1px solid #E4E2DA !important;
  font-size:17px !important;
  font-weight:700 !important;
  color:#076324 !important;
}

.bm-preview .sales-order-view .order-date{
  margin:0 0 18px !important;
  font-size:13px !important;
  color:#6B7264 !important;
}
.bm-preview .sales-order-view .order-info,
.bm-preview .sales-order-view .order-info-box{
  background:none !important;
  border:0 !important;
  border-bottom:1px solid #E4E2DA !important;
  margin:0 0 26px !important;
  padding:0 0 20px !important;
}
.bm-preview .sales-order-view .order-info-box h2,
.bm-preview .sales-order-view .col2-set h2{
  margin:0 0 8px !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:#076324 !important;
}

.bm-preview .sales-order-view a.link-print,
.bm-preview .customer-account a.link-print{
  display:inline-block !important;
  box-sizing:border-box !important;
  margin:0 0 18px !important;
  padding:11px 20px !important;
  background:#fff !important;
  background-image:none !important;
  border:1px solid #076324 !important;
  border-radius:4px !important; 
  box-shadow:none !important;
  font-family:'DM Sans', sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-decoration:none !important;
  color:#076324 !important;
}
.bm-preview .sales-order-view a.link-print:hover,
.bm-preview .customer-account a.link-print:hover{
  background:#F2F1EC !important;
  color:#076324 !important;
  text-decoration:none !important;
}

@media only screen and (max-width:767px){
  .bm-preview .my-account .col2-set{
    flex-direction:column !important;
    gap:26px !important;
  }
  .bm-preview .customer-account .my-account .page-title h1,
  .bm-preview .customer-account .page-title h1{
    font-size:22px !important;
  }
}