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

/* .page-header .desktop .list--links .list__item:last-child a {
	font-size: 14px;
	color: #076324;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: 0.1px;
	text-transform: uppercase;
} */

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

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

body {
	cursor: default;
}

a:hover {
	text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 996px) {
	#nav-wrapper {
		width: 250px;
		background-color: #fccd02;
	}
	
	.nav--primary li.level0.nav-1::before {
		position: absolute;
		content: '';
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: url("/media/wysiwyg/arrow-categ.png") no-repeat center center;
		z-index: 2;
	}
	
	.nav--primary a.level0, .nav--primary a.level0:hover  {
		position: relative;
		text-transform: uppercase;
		font-weight: 700;
		color: #076324;
	}
	
	.nav-container--sticky .nav--primary a.level0,
	.nav-container--sticky .nav--primary a.level0:hover {
		color: #ffffff;
		font-weight: 900;
	}
	
	.nav--primary .submenu ul.level1 {
		min-width: 540px;
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
		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;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size: 13px;
		color: #b2b2b2;
		width: 450px;
	}
	
	.page-header .mini-wrapper-2 > div + div {
		border: 0;
		margin-right: 0;
	}
	
	.block-cart a > span {
		font-size: 14px;
		color: #076324;
		font-weight: 700;
		line-height: 17px;
		letter-spacing: 0.1px;
	}
	
	.block-cart > a > span > span {
		font-size: 12px;
		line-height: 17px;
		letter-spacing: 0.2px;
		color: #898989;
		font-weight: 400;
	}
	
	.catalogsearch-result-index .page-main,
	.catalog-category-view .page-main,
	.catalog-category-view .page-main .page-container-wrapper,
	.catalogsearch-result-index.layout-2columns-left .main-aside, 
	.catalog-category-view.layout-2columns-left .main-aside {
		position: inherit;
	}
	
	.catalogsearch-result-index.layout-2columns-left .main-aside,
	.catalog-category-view.layout-2columns-left .main-aside {
		position: inherit;
	}
	
	.catalogsearch-result-index .page-main .main-aside,
	.catalog-category-view .page-main .main-aside {
		display: -webkit-flex;
		display: -moz-flex;
		display: -o-flex;
		display: flex;
		flex-flow: column wrap;
	}
	
	.catalogsearch-result-index .page-main .main-aside .block.block-layered-nav,
	.catalog-category-view .page-main .main-aside .block.block-layered-nav {
		order: 1;
	}
	
	.catalogsearch-result-index .page-main .main-aside .block.block-tags,
	.catalog-category-view .page-main .main-aside .block.block-tags {
		order: 2;
		margin-top: 20px;
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

.bn-wrapper {
	position: relative;
}

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

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

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

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

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

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

.showcase .slick-dots button {
	background-image: -webkit-linear-gradient(top, #8dc63f, #076324);
	background-image: -moz-linear-gradient(top, #8dc63f, #076324);
	background-image: -ms-linear-gradient(top, #8dc63f, #076324);
	background-image: -o-linear-gradient(top, #8dc63f, #076324);
	background-image: linear-gradient(to bottom, #8dc63f, #076324);
	border: 1px solid #076324;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	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;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.categories img {
	-webkit-transition: 0.3s fade-in;
	-moz-transition: 0.3s fade-in;
	-ms-transition: 0.3s fade-in;
	-o-transition: 0.3s fade-in;
	transition: 0.3s fade-in;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.add-to-links li a.link-compare:before,
.add-to-links li a.link-wishlist:before {
	background-image: -webkit-linear-gradient(top, #fafafa, #e1e1e1);
	background-image: -moz-linear-gradient(top, #fafafa, #e1e1e1);
	background-image: -ms-linear-gradient(top, #fafafa, #e1e1e1);
	background-image: -o-linear-gradient(top, #fafafa, #e1e1e1);
	background-image: linear-gradient(to bottom, #fafafa, #e1e1e1);
	-webkit-transition: 0.3s fade-in;
	-moz-transition: 0.3s fade-in;
	-ms-transition: 0.3s fade-in;
	-o-transition: 0.3s fade-in;
	transition: 0.3s fade-in;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	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);
	-webkit-transition: 0.3s fade-in;
	-moz-transition: 0.3s fade-in;
	-ms-transition: 0.3s fade-in;
	-o-transition: 0.3s fade-in;
	transition: 0.3s fade-in;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.buy-by-type img {
	-webkit-transition: 0.3s fade-in;
	-moz-transition: 0.3s fade-in;
	-ms-transition: 0.3s fade-in;
	-o-transition: 0.3s fade-in;
	transition: 0.3s fade-in;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*li#opc-login.opc-login.section.allow.active:before {
	position: absolute;
	content: '1';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
}

li#opc-login.opc-login.section.allow:before {
	position: absolute;
	content: '1';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: #65AE01;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
} 

.opc-billing {
	position: relative;
}

li#opc-billing.opc-billing.section.allow.active:before {
	position: absolute;
	content: '2';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
}

li#opc-billing.opc-billing.section:before {
	position: absolute;
	content: '2';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: #65AE01;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
}

.opc-shipping {
	position: relative;
}

li#opc-shipping.opc-shipping.section.allow.active:before {
	position: absolute;
	content: '3';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
}

li#opc-shipping.opc-shipping.section:before {
	position: absolute;
	content: '3';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: #65AE01;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
}

.opc-shipping_method {
	position: relative;
}

li#opc-shipping_method.opc-shipping_method.section.allow.active:before {
	position: absolute;
	content: '4';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
}

li#opc-shipping_method.opc-shipping_method.section:before {
	position: absolute;
	content: '3';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: #65AE01;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
}

.opc-payment {
	position: relative;
}

li#opc-payment.opc-payment.section:before {
	position: absolute;
	content: '5';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: #65AE01;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
}

li#opc-payment.opc-payment.section.allow.active:before {
	position: absolute;
	content: '5';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
}

.opc-review {
	position: relative;
}

li#opc-review.opc-review.section.allow.active:before {
	position: absolute;
	content: '6';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
}

li#opc-review.opc-review.section:before {
	position: absolute;
	content: '6';
	top: 10px;
	text-align: center;
	left: 10px;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: #65AE01;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 9;
	padding: 2px;
} */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*.page-footer .newsletter-info li:nth-child(4) {
	margin-top: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #65ae01;
}*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rating-box {
	width: 64px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.block-cart .block-cart-aside .actions .view-cart {
	background-image: -webkit-linear-gradient(top, #659614, #659614);
	background-image: -moz-linear-gradient(top, #659614, #659614);
	background-image: -ms-linear-gradient(top, #659614, #659614);
	background-image: -o-linear-gradient(top, #659614, #659614);
	background-image: linear-gradient(to bottom, #659614, #659614);
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-align: left;
	line-height: 21px;
	letter-spacing: -0.1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	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;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	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%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #payment-buttons-container button.button {
   display: block !important;
} */


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

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


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


/* MOBIL — PASUL 1: tipografie */
@media only screen and (max-width:767px){
  body, .col-main, .std, p, li, td, .product-name{
    font-family:'DM Sans', -apple-system, sans-serif !important;
    color:#1E2419;
  }
  body{ font-size:15px !important; line-height:1.6 !important; }

  h1, h2, h3, .page-title h1, .product-name h1{
    font-family:'Fraunces', Georgia, serif !important;
    font-weight:600 !important;
    line-height:1.18 !important;
    letter-spacing:-0.01em !important;
  }
  .page-title h1, .product-name h1{ font-size:24px !important; }
  h2{ font-size:20px !important; }
  h3{ font-size:17px !important; }

  .products-grid .product-name, .products-list .product-name{
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
  }
}

/* MOBIL — PASUL 2: butoane, prețuri, carduri */
@media only screen and (max-width:767px){

  /* Butoane plate, verde de brand */
  button.button, .button, .btn-cart{
    background:#076324 !important;
    background-image:none !important;
    border:1px solid #076324 !important;
    border-radius:2px !important;
    box-shadow:none !important;
    padding:0 !important;
  }
  button.button span, .button span,
  button.button span span, .button span span{
    background:none !important;
    background-image:none !important;
    border:0 !important;
    color:#fff !important;
    font-family:'DM Sans', sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:.1em !important;
    text-transform:uppercase !important;
    padding:14px 22px !important;
    height:auto !important;
    line-height:1.2 !important;
  }

  /* Prețuri */
  .price-label{ display:none !important; }
  .price-box .price, .regular-price .price{
    font-family:'DM Sans', sans-serif !important;
    font-size:17px !important;
    font-weight:700 !important;
    color:#1E2419 !important;
  }
  .old-price .price{
    font-size:13px !important;
    font-weight:400 !important;
    color:#6B7264 !important;
    text-decoration:line-through !important;
  }
  .special-price .price{ color:#076324 !important; }

  /* Carduri produs — linii subțiri, fără umbre */
  .products-grid .item, .products-list .item{
    background:#fff !important;
    border:0 !important;
    border-bottom:1px solid #E4E2DA !important;
    box-shadow:none !important;
    padding:12px 8px 20px !important;
  }
  .products-grid .product-name a, .product-name a{
    color:#1E2419 !important;
    text-decoration:none !important;
  }
}

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

  ul#nav{ display:none !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* MOBIL — PASUL 12: elimină serif-ul, ierarhie prin greutate */
@media only screen and (max-width:767px){

  h1, h2, h3, h4, h5, h6,
  .page-title h1, .product-name h1,
  h2.subtitle, .products-widget .title h2,
  .categories-description h3,
  .categories-description h3 a,
  .categories-description h3 span{
    font-family:'DM Sans', -apple-system, sans-serif !important;
    font-style:normal !important;
  }

  /* titluri de secțiune */
  h2.subtitle, .products-widget .title h2{
    font-size:15px !important;
    font-weight:700 !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
    line-height:1.25 !important;
  }

  /* titluri de categorie */
  .categories-description h3,
  .categories-description h3 a{
    font-size:19px !important;
    font-weight:700 !important;
    letter-spacing:-0.01em !important;
    line-height:1.2 !important;
  }
  .categories-description h3 span{
    font-size:19px !important;
    font-weight:700 !important;
  }

  /* titluri de pagină și produs */
  .page-title h1, .product-name h1{
    font-size:22px !important;
    font-weight:700 !important;
    letter-spacing:-0.015em !important;
  }
  h2{ font-size:19px !important; font-weight:700 !important; }
  h3{ font-size:16px !important; font-weight:700 !important; }
}

/* PASUL 14 — 1.3 logo mobil */
@media only screen and (max-width:767px){
  .page-header .mobile img{
    max-height:54px !important;
    width:auto !important;
    height:auto !important;
  }
}


/* PASUL 16 — 1.3b închide spațiul gol sub logo */
@media only screen and (max-width:767px){
  .page-header .mobile .phone-logo{
    height:auto !important;
    margin-bottom:10px !important;
  }
}

/* PASUL 17 — 1.4 pictograme header */
@media only screen and (max-width:767px){

  .page-header .mobile .nav-mobile-trigger{
    width:44px !important;
    height:44px !important;
    padding:0 !important;
    margin-right:12px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  .page-header .mobile .nav-mobile-trigger span{
    width:26px !important;
    height:2px !important;
    margin:0 0 6px !important;
    border-radius:1px !important;
  }
  .page-header .mobile .nav-mobile-trigger span:last-child{
    margin-bottom:0 !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{
    background-size:24px auto !important;
    background-position:center !important;
    min-width:44px !important;
    min-height:44px !important;
  }
}

/* PASUL 18 — 1.4b pictograme, indiferent de mecanism */
@media only screen and (max-width:767px){
  .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{
    width:24px !important;
    height:24px !important;
    max-height:24px !important;
    object-fit:contain !important;
  }
  .page-header .mobile .mini-cart > a,
  .page-header .mobile .mini-cart > .block-cart > a,
  .page-header .mobile .mobile-trigger > a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

/* PASUL 19 — 1.5 header pe un singur rând (EXPERIMENTAL) */
@media only screen and (max-width:767px){

  .page-header .mobile .page-container{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:4px !important;
    padding:8px 14px !important;
  }

  /* hamburger — stânga */
  .page-header .mobile .nav-mobile-trigger{
    order:1 !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }

  /* logo — centru, ocupă spațiul liber */
  .page-header .mobile .phone-logo{
    order:2 !important;
    flex:1 1 auto !important;
    height:auto !important;
    margin:0 !important;
    text-align:center !important;
  }
  .page-header .mobile .phone-logo a{
    display:inline-block !important;
    height:auto !important;
  }
  .page-header .mobile .phone-logo img{
    margin:0 auto !important;
    max-height:46px !important;
    width:auto !important;
  }

  /* pictograme — dreapta */
  .page-header .mobile .mini-cart,
  .page-header .mobile .mobile-trigger{
    order:3 !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* logo-ul de tabletă nu participă */
  .page-header .mobile .tablet-logo{ display:none !important; }
}

/* PASUL 20 — 1.5b bara sticky, aliniată cu headerul */
@media only screen and (max-width:767px){

  #header-sticky-content .page-container-inner{
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    padding:0 !important;
  }

  /* hamburger — aceleași bare subțiri */
  #header-sticky-content .nav-mobile-trigger{
    order:1 !important;
    flex:0 0 auto !important;
    width:44px !important;
    height:44px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    margin:0 !important;
  }
  #header-sticky-content .nav-mobile-trigger span{
    width:26px !important;
    height:2px !important;
    margin:0 0 6px !important;
    border-radius:1px !important;
  }
  #header-sticky-content .nav-mobile-trigger span:last-child{
    margin-bottom:0 !important;
  }

  /* logo — centru */
  #header-sticky-content .logo-wrapper--sticky{
    order:2 !important;
    flex:1 1 auto !important;
    height:auto !important;
    text-align:center !important;
  }
  #header-sticky-content .logo,
  #header-sticky-content .logo a{
    display:inline-block !important;
    height:auto !important;
    width:auto !important;
  }
  #header-sticky-content .logo img{
    max-height:38px !important;
    width:auto !important;
    height:auto !important;
    margin:0 auto !important;
  }

  /* dreapta — fără lățimi fantomă */
  #header-sticky-content .mini-search-wrapper--sticky,
  #header-sticky-content .mini-cart-wrapper--sticky{
    order:3 !important;
    flex:0 0 auto !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
  }
  #header-sticky-content .mobile-trigger,
  #header-sticky-content .mini-cart{
    height:auto !important;
  }
  #header-sticky-content .mobile-trigger a,
  #header-sticky-content .mini-cart a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:44px !important;
    min-height:44px !important;
    height:44px !important;
  }
  #header-sticky-content .mobile-trigger img,
  #header-sticky-content .mini-cart img{
    width:24px !important;
    height:24px !important;
    max-height:24px !important;
    object-fit:contain !important;
  }
}

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

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

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

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

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

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

/* PASUL 24 — 2.1 banda de încredere, 2×2 cu flex */
@media only screen and (max-width:767px){

  .beneficii ul.cf{
    display:flex !important;
    flex-wrap:wrap !important;
    padding:14px 10px !important;
    margin:0 !important;
  }

  .beneficii ul.cf li{
    float:none !important;
    width:50% !important;
    box-sizing:border-box !important;
    padding:12px 8px !important;
    text-align:center !important;
  }

  .beneficii ul.cf li:nth-child(odd){
    border-right:1px solid rgba(255,255,255,.14) !important;
  }
  .beneficii ul.cf li:nth-child(1),
  .beneficii ul.cf li:nth-child(2){
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  .beneficii ul.cf li .text-box{
    width:auto !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* PASUL 28 — 4.1 bare de secțiune: verde plat, o singură nuanță */
@media only screen and (max-width:767px){

  .cms-home h2.subtitle,
  .buy-by-type h2,
  .buy-by-brand h2,
  .latest-blog-post .subtitle,
  .block-crossale .subtitle,
  .block-upsell .subtitle,
  .block-related .subtitle,
  .products-widget .title h2,
  .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;
    padding:13px 16px !important;
    margin:0 10px 16px !important;
  }
}

/* PASUL 29 — "Adaugă în coș" galben, text cerneală */
@media only screen and (max-width:767px){

  .products-grid .product-actions .button,
  .products-list .product-actions .button,
  .product-view .product-shop .add-to-cart button,
  .my-wishlist table .add-to-cart-alt button,
  .btn-cart{
    background:#FCCD02 !important;
    background-image:none !important;
    border:0 !important;
    border-radius:4px !important;
    box-shadow:none !important;
  }

  .products-grid .product-actions .button,
  .products-grid .product-actions .button span,
  .products-list .product-actions .button,
  .products-list .product-actions .button span,
  .product-view .product-shop .add-to-cart button,
  .product-view .product-shop .add-to-cart button span,
  .my-wishlist table .add-to-cart-alt button,
  .my-wishlist table .add-to-cart-alt button span,
  .btn-cart,
  .btn-cart span{
    color:#1E2419 !important;
  }

  /* stoc epuizat — nu mai poate arăta ca un buton activ */
  .products-grid .product-actions .out-of-stock,
  .products-list .product-actions .out-of-stock{
    background:#F2F1EC !important;
    background-image:none !important;
    border:1px solid #E4E2DA !important;
    color:#6B7264 !important;
    box-shadow:none !important;
  }
}

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* PREVIEW TEST MARKER — delete once confirmed */
.bm-preview body{
  border-top:8px solid #FCCD02 !important;
}
.bm-preview body::before{
  content:'PREVIEW ON';
  position:fixed !important;
  top:8px !important;
  left:0 !important;
  z-index:99999 !important;
  background:#FCCD02 !important;
  color:#1E2419 !important;
  font:700 11px/1 sans-serif !important;
  letter-spacing:.1em !important;
  padding:6px 10px !important;
}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ============================================================
   PREVIEW — MOBILE HEADER + STICKY BAR (single source of truth)
   hamburger · logo · cart · profile · search — one row
   Replaces old PASUL 17-23 at ship time. Icons are theme SVGs
   painted as background-image; only size and box are set here.
   ============================================================ */
@media only screen and (max-width:767px){

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bm-preview .product-collateral .tab-nav .rating-box{
  filter:brightness(0) invert(1) !important;
  opacity:.85 !important;
}
.bm-preview .product-collateral .tab-nav .rating-link,
.bm-preview .product-collateral .tab-nav .rating-link a{
  color:#fff !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

/* ============================================================
   PREVIEW — REVIEW STEP THUMBNAILS
   Images cloned from the mini-cart drawer by JS, matched on
   product name. No extra requests — same cached files.
   ============================================================ */
.bm-preview .order-review .data-table tbody td{
  vertical-align:top !important;
}
.bm-preview .order-review .data-table .bm-thumb{
  float:left !important;
  width:52px !important;
  height:auto !important;
  margin:0 12px 0 0 !important;
  border:1px solid #E4E2DA !important;
  border-radius:4px !important;
}
@media only screen and (max-width:767px){
  .bm-preview .order-review .data-table .bm-thumb{
    width:44px !important;
    margin-right:10px !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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