@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;
    }

    .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;
    }

    .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
    ============================= */


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

    .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;
    }

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

    .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;
    }


    .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 {
        display: block;
    }

    .products-grid .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;
    }


    .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 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;
    }


    .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 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 .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;
    }


    .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;
    }

    /* =============================
    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
    ============================= */


    .main-aside .block .actions a, .products-grid .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;
    }


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



    .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;
    }

    .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;
    }

    .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;
    }


    .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 .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;
    }


    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;
    }



    .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;
    }



    .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;
    }

    .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;
        }
        
        
        .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;
        }
        

        .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;
        }
        
        
        .dock {
            background-color: #333;
        }
        
        .page-header .mobile .header-wishlist-count {
            border-left: 1px solid #ebebeb;
        }
        
        
        .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 .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;
        }
        

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

    }

    @media (max-width:995px) {
        .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%;
        }

        .product-collateral .data-table > tbody > tr > th,
        .product-collateral .data-table > tbody > tr > td {
            display: block;
            width: 100%
        }
        
    }

    @media (max-width: 650px) {
            
        .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;
        }
        
        .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;
        }
        
        
        .product-view .product-shop .tax-details {
            display: block;
            width: 100%;
        }
        
        .products-grid.grid-6 li.item {
            width: 100%;
        }
        
        .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%;
        }
        
        
        
        .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;
        }
        
        .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;
        }
        
        .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
    ============================= */


    /* 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:995px) {
    .mini-account {
        display: none !important;
    }
    }

    /* Compact the cookie bar on mobile — visual only, text/consent unchanged */
    @media (max-width:995px) {
    #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:995px){

    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:995px){
    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:995px){
    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:995px){

    /* 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:995px){

    .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:995px){

    .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:995px){
    #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:995px){


    .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:995px){

    .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:995px){
    .bm-types-wrap{ display:block !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:995px){
    .bm-cats .bm-cat__title{
        display:block !important;
        line-height:1.2 !important;
        min-height:29px !important;
    }
    }


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


    /* î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:995px){
    .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:995px){
    .latest-blog-post .subtitle{
        width:auto !important;
        box-sizing:border-box !important;
    }
    }

    /* PASUL 30 — banner pe toată lățimea, doar pe mobil */
    @media only screen and (max-width:995px){
    .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:995px){
    .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 43 — titlu pentru dalele de categorie, doar mobil */
    .bm-cats-wrap{ display:none; }

    @media only screen and (max-width:995px){
    .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:995px){
    .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; }
    }

    /* ============================================
    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:995px){
    .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:995px){
    .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 .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:995px){
    .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:995px){
    .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:995px){
    .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:995px){
    .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:995px){
    .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;
    background-image:url('/media/wysiwyg/arrow-right.png') !important;
    background-repeat:no-repeat !important;
    background-position:50% 50% !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;
    background-image:url('/media/wysiwyg/arrow-left.png') !important;
    background-repeat:no-repeat !important;
    background-position:50% 50% !important;
    }

    @media only screen and (max-width:995px){
    .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:995px){
    .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:995px){
    .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:996px){


    .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 .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:995px){
.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:995px){
    .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 — HOMEPAGE TOP SPACING (mobile)
    Replaces PASUL 40 and 41. Both did the same job in two
    places: the banner row carries padding on the wrapper AND
    on the .row / .col-12 inside it, so zeroing one leaves the
    other. Everything for that gap is in this block — change it
    here, nowhere else.
    ============================================================ */
    @media only screen and (max-width:995px){

    /* banner row — outer and inner padding both flattened */
    .bm-preview .cms-index-index .row-wrapper.row-bn{
        margin-top:0 !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
    }
    .bm-preview .cms-index-index .row-wrapper.row-bn .row,
    .bm-preview .cms-index-index .row-wrapper.row-bn .col-12{
        padding-top:0 !important;
        padding-bottom:0 !important;
    }
    .bm-preview .cms-index-index .showcase-inner{
        margin-top:0 !important;
    }
    .bm-preview .cms-index-index .showcase .bn-list{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    /* dots under the banner */
    .bm-preview .cms-index-index .showcase .slick-dots{
        position:static !important;
        height:auto !important;
        margin:8px 0 0 !important;
        padding:0 !important;
        line-height:1 !important;
        text-align:center !important;
    }
    .bm-preview .cms-index-index .showcase .slick-dots li{
        width:auto !important;
        height:auto !important;
        margin:0 4px !important;
        padding:0 !important;
        vertical-align:middle !important;
    }
    .bm-preview .cms-index-index .showcase .slick-dots button{
        width:8px !important;
        height:8px !important;
        padding:0 !important;
        border-width:1px !important;
    }

    /* above the category tiles */
    .bm-preview .bm-cats-wrap{
        margin-top:0 !important;
    }
    .bm-preview .bm-cats{
        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:995px){

    .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 .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;
    }

        /* phone only — at tablet width the theme renders .tablet-logo
       instead of .phone-logo, so hiding it there leaves no logo */
    @media only screen and (max-width:767px){
    .bm-preview .page-header .mobile .tablet-logo{ display:none !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:995px){
    .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:995px){
    /* 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:995px){

    .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:995px){

    .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:995px){
    .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:995px){
    .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:995px){
    .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:995px){
    .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:995px){

    .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 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:996px) and (max-width:995px){
    .bm-preview .page-footer .footer-links{
        gap:24px !important;
    }
    }

    /* --- mobile ------------------------------------------------- */
    @media only screen and (max-width:995px){
    .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:995px){
    .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:995px){
    .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:995px){
  .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;
  }
}