/**
 * CommerceWp Core: page sections built with Elementor's own widgets.
 *
 * Colours, fonts, sizes and spacing are set in each widget's controls. This file
 * only holds what those controls cannot express (aspect ratios, hover lift, ring
 * shadows, arrow positions, price order, hiding empty dynamic text), keyed on the
 * CSS classes the build scripts put in Advanced → CSS Classes.
 * Values follow the reference design (_design/Barir Bazar Homepage.dc.html).
 * Loaded on every page (small), so any page can reuse these classes.
 */

:root {
	--bbh-green: var(--commercewp-green, #041f1e);
	--bbh-gold: var(--commercewp-gold, #a98554);
	--bbh-gold-text: var(--commercewp-gold-text, #7a5c33);
	--bbh-sand: var(--commercewp-sand, #f3ebdd);
	--bbh-white: var(--commercewp-white, #fff);
	--bbh-strike: var(--commercewp-text-strike, #6b716e);
	--bbh-border-card: var(--commercewp-border-card, #efe6d6);
	--bbh-border-button: var(--commercewp-border-button, #d9c9ac);
}

/* ---------- Shared ---------- */

.commercewp-sr-only,
.commercewp-sec-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Sections that slide in from the side must not make the page scroll sideways. */
.commercewp-clip-x {
	overflow-x: clip;
}

/* Dynamic text that came back empty (no badge, no saving) takes no space. */
.elementor-widget-heading:has(> .elementor-heading-title:empty),
.elementor-widget-heading:has(> .elementor-widget-container > .elementor-heading-title:empty) {
	display: none;
}

/* Heading widgets set to <span> (eyebrows, labels, badges): as blocks, so the line box
   is the widget's own line height and not the page's (15px × 1.65). */
.elementor-widget-heading span.elementor-heading-title {
	display: block;
	width: fit-content;
}

.elementor-widget-icon-box span.elementor-icon-box-title,
.elementor-widget-image-box span.elementor-image-box-title {
	display: block;
}

/* "View all →" links (Button widget styled as a link). */
.commercewp-textlink .elementor-button {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.commercewp-textlink .elementor-button-icon svg {
	width: 18px;
	height: 18px;
}

/* Prices: the current price first, the old one after it (WooCommerce prints them the other way round). */
.commercewp-lcard__price .price,
.commercewp-ltop__price .price,
.commercewp-deal2__price .elementor-heading-title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	margin: 0;
}

.commercewp-lcard__price .price {
	gap: 4px 8px;
}

.commercewp-ltop__price .price {
	gap: 6px 14px;
}

.commercewp-deal2__price .elementor-heading-title {
	gap: 12px;
}

.commercewp-lcard__price ins,
.commercewp-ltop__price ins,
.commercewp-deal2__price ins {
	order: 1;
	text-decoration: none;
}

.commercewp-lcard__price del,
.commercewp-ltop__price del,
.commercewp-deal2__price del {
	order: 2;
}

.commercewp-lcard__price del {
	color: var(--bbh-strike);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
}

.commercewp-ltop__price del {
	color: var(--bbh-strike);
	font-size: 16px;
	font-weight: 400;
}

.commercewp-deal2__price del {
	color: var(--commercewp-on-dark-soft, #aeb6b2);
	font-family: var(--commercewp-font-body, "Poppins", sans-serif);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
}

/* WooCommerce's "View cart" link after an AJAX add: our "Added" state replaces it. */
.commercewp-lcard .added_to_cart,
.commercewp-ltop .added_to_cart,
.commercewp-deal2 .added_to_cart {
	display: none;
}

/* ---------- Section heading widget (product page) ---------- */

.commercewp-shead {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px 24px;
}

.commercewp-shead-space-section .commercewp-shead {
	margin-bottom: clamp(20px, 3vw, 32px);
}

.commercewp-shead-space-small .commercewp-shead {
	margin-bottom: 22px;
}

.commercewp-shead__text {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.commercewp-shead__eyebrow {
	color: var(--bbh-gold-text);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}

.commercewp-shead .commercewp-shead__title {
	margin: 0;
	color: var(--bbh-green);
	font-family: var(--commercewp-font-heading, "Cormorant Garamond", Georgia, serif);
	font-size: var(--commercewp-fs-h2, clamp(30px, 4vw, 46px));
	font-weight: 600;
	line-height: 1.05;
}

.commercewp-shead .commercewp-shead__link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 44px;
	color: var(--bbh-gold-text);
	font-size: 14px;
	font-weight: 500;
}

.commercewp-shead .commercewp-shead__link:hover {
	color: var(--bbh-green);
}

.commercewp-shead__link .commercewp-icon {
	font-size: 18px;
}

.commercewp-shead-align-center .commercewp-shead {
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.commercewp-shead-align-center .commercewp-shead__text {
	align-items: center;
}

/* ---------- Hero: Slides + two Image banners ---------- */

/* Elementor makes carousel widgets full width; here the slider shares the row (flex sizes are set in the widget). */
.e-con .elementor-widget.e-widget-swiper.commercewp-hero2__slides {
	width: var(--container-widget-width, 100%);
}

.commercewp-hero2__slides .elementor-slides-wrapper {
	overflow: hidden;
	border-radius: 14px;
	background: #eaddc6;
}

/* The banners are 2:1 at every width (the widget's height control is fixed). */
.commercewp-hero2__slides .elementor-slides .swiper-slide {
	height: auto;
	aspect-ratio: 2 / 1;
}

/* The slide heading is the banner's text alternative: read out, not shown. */
.commercewp-hero2__slides .elementor-slide-heading {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.commercewp-hero2__slides .elementor-swiper-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--bbh-white);
	box-shadow: 0 2px 8px rgba(4, 31, 30, 0.15);
}

.commercewp-hero2__slides .elementor-swiper-button:hover {
	background: var(--bbh-sand);
}

.commercewp-hero2__slides .elementor-swiper-button-prev {
	left: clamp(12px, 2.4vw, 24px);
}

.commercewp-hero2__slides .elementor-swiper-button-next {
	right: clamp(12px, 2.4vw, 24px);
}

.commercewp-hero2__slides .swiper-pagination {
	bottom: clamp(10px, 2vw, 18px) !important;
}

.commercewp-hero2__slides .swiper-pagination-bullet {
	border-radius: 999px;
	opacity: 1;
	transition: width 0.3s ease, background 0.3s ease;
}

.commercewp-hero2__slides .swiper-pagination-bullet-active {
	width: 40px;
}

.commercewp-hero2__banner {
	display: flex;
	flex: 1 1 0;
	min-height: 160px;
}

.commercewp-hero2__banner > a,
.commercewp-hero2__banner > .elementor-widget-container,
.commercewp-hero2__banner > .elementor-widget-container > a {
	display: flex;
	flex: 1;
	width: 100%;
}

.commercewp-hero2__banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #eaddc6;
}

/* ---------- Category carousel: Nested Carousel + Image Boxes ---------- */

.commercewp-cat2 {
	padding: 0 48px;
}

.commercewp-cat2 .e-n-carousel {
	padding: 4px 0 8px;
}

.commercewp-cat2 .elementor-swiper-button {
	top: calc(50% - 12px);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--bbh-gold);
	box-shadow: 0 2px 8px rgba(4, 31, 30, 0.2);
	transform: translateY(-50%);
}

.commercewp-cat2 .elementor-swiper-button:hover {
	background: var(--bbh-gold-text);
}

.commercewp-cat2 .elementor-swiper-button-prev {
	left: 0;
}

.commercewp-cat2 .elementor-swiper-button-next {
	right: 0;
}

.commercewp-cat2 .elementor-swiper-button.swiper-button-disabled {
	opacity: 0.4;
}

.commercewp-cat2__tile .elementor-image-box-img {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 16px;
	background: var(--bbh-white);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.commercewp-cat2__tile:hover .elementor-image-box-img {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px -14px rgba(4, 31, 30, 0.35);
}

/* The design shows each picture at 125% of the tile, centred. */
.commercewp-cat2__tile .elementor-image-box-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.25);
}

.commercewp-cat2__tile .elementor-image-box-title {
	margin: 0;
}

/* ---------- Product card (Loop Item "Product card") ---------- */

.e-con.commercewp-lcard {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--gap: 0px;
}

.commercewp-lcard__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	background: repeating-linear-gradient(135deg, #f1e8d8 0 10px, #f7f1e6 10px 20px);
}

.commercewp-lcard__badge {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	width: auto;
}

.commercewp-lcard__badge .elementor-heading-title {
	padding: 5px 10px;
	border-radius: 999px;
	background: var(--bbh-green);
}

.commercewp-lcard__badge--rank .elementor-heading-title {
	background: var(--bbh-gold);
}

/* "#1 Best Seller", "#2 …": the number follows the card's place in the grid. */
.commercewp-cards2--ranked .elementor-loop-container {
	counter-reset: commercewp-rank;
}

.commercewp-cards2--ranked .e-loop-item {
	counter-increment: commercewp-rank;
}

.commercewp-lcard__badge--rank .elementor-heading-title::before {
	content: "#" counter(commercewp-rank) " ";
}

.commercewp-lcard__wish {
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 2;
	width: auto;
}

.commercewp-card .commercewp-lcard__wish .commercewp-card__wish {
	position: static;
}

.e-con.commercewp-lcard__body {
	flex: 1;
}

.commercewp-lcard__price {
	margin-top: auto;
	padding-top: 6px;
}

.commercewp-lcard__add {
	position: relative;
	z-index: 1;
	margin-top: 8px;
}

.commercewp-lcard__add .e-loop-add-to-cart-form-container,
.commercewp-lcard__add .e-loop-add-to-cart-form {
	width: 100%;
	margin: 0;
}

.elementor-widget.commercewp-lcard__add .button,
.elementor-widget.commercewp-ltop__add .button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 44px;
	margin: 0;
	border-style: solid;
	border-width: 1px;
	line-height: 1.2;
	text-align: center;
}

.commercewp-lcard__add .button {
	width: 100%;
}

.commercewp-lcard__add .button .commercewp-icon,
.commercewp-ltop__add .button .commercewp-icon {
	font-size: 18px;
}

.commercewp-lcard__add .button.loading,
.commercewp-ltop__add .button.loading {
	opacity: 0.7;
}

.commercewp-lcard__add .button.loading::after,
.commercewp-lcard__add .button.added::after,
.commercewp-ltop__add .button.loading::after,
.commercewp-ltop__add .button.added::after {
	content: none;
}

/* ---------- Top selling row (Loop Item "Product row") ---------- */

.e-con.commercewp-ltop {
	position: relative;
}

/* The "Best Selling" corner badge shows on the first two products of the list. */
.commercewp-ltop__badge {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	display: none;
	width: auto;
	padding: 5px 10px;
	border-radius: 0 14px 0 10px;
	background: var(--bbh-green);
}

.commercewp-top2 .e-loop-item:nth-child(-n+2 of .e-loop-item) .commercewp-ltop__badge {
	display: block;
}

.commercewp-ltop__media {
	width: clamp(120px, 16vw, 200px);
}

.commercewp-ltop__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	border-radius: 12px;
	object-fit: cover;
}

.e-con.commercewp-ltop__body {
	min-width: 0;
}

.commercewp-ltop__save {
	width: auto;
	align-self: flex-start;
}

.commercewp-ltop__save .elementor-heading-title {
	padding: 3px 10px;
	border-radius: 999px;
	background: #dce8df;
}

.commercewp-ltop__add,
.commercewp-ltop__buy {
	position: relative;
	z-index: 1;
	width: auto;
}

.commercewp-ltop__buy .elementor-button {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.commercewp-ltop__buy .elementor-button-icon svg {
	width: 18px;
	height: 18px;
}

/* ---------- Deal banner ---------- */

.commercewp-deal2__badge {
	align-self: flex-start;
}

.commercewp-deal2__text p {
	margin: 0;
}

.elementor-widget.commercewp-deal2__timer .elementor-countdown-wrapper {
	margin-right: auto;
	margin-left: 0;
}

.commercewp-deal2__btn .elementor-button-icon svg {
	width: 20px;
	height: 20px;
}

.commercewp-deal2__media {
	min-height: clamp(300px, 34vw, 440px);
	margin: clamp(0px, 1.5vw, 18px);
	overflow: hidden;
	border-radius: 24px;
	background: #0e2b29;
}

.commercewp-deal2__media,
.commercewp-deal2__media > .elementor-widget-container {
	display: flex;
}

.commercewp-deal2__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------- Best sellers: Nested Tabs ---------- */

.commercewp-tabs2 .e-n-tabs-heading {
	scrollbar-width: none;
}

.commercewp-tabs2 .e-n-tab-title {
	flex: none;
}

/* ---------- Why choose us ---------- */

.e-con.commercewp-why2__head {
	max-width: 760px;
	margin-right: auto;
	margin-left: auto;
}

.e-con.commercewp-why2__grid {
	align-items: center;
	grid-template-columns: minmax(0, 1fr);
}

/* On phones and tablets the picture sits on top, across the full width. */
.commercewp-why2__media {
	grid-column: 1 / -1;
	order: -1;
	justify-self: center;
	width: 100%;
	max-width: 380px;
	aspect-ratio: 400 / 420;
}

.commercewp-why2__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.commercewp-why2__item .elementor-icon {
	box-shadow: 0 0 0 3px var(--bbh-sand), 0 0 0 5px var(--bbh-gold), 0 10px 24px -12px rgba(4, 31, 30, 0.35);
}

.commercewp-why2__item .elementor-icon-box-title {
	margin-top: 0;
}

@media (min-width: 640px) {
	.e-con.commercewp-why2__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Wide screens: three columns, picture in the middle, left-hand reasons mirrored. */
@media (min-width: 1140px) {
	.e-con.commercewp-why2__grid {
		grid-template-columns: minmax(0, 1fr) minmax(280px, 380px) minmax(0, 1fr);
	}

	.commercewp-why2__media {
		grid-column: auto;
		order: 0;
	}

	.e-con.commercewp-why2__col--left .elementor-widget-icon-box .elementor-icon-box-wrapper {
		flex-direction: row-reverse;
		text-align: right;
	}
}

/* ---------- Testimonials: Testimonial Carousel ---------- */

.commercewp-reviews2-section > .e-con-inner {
	position: relative;
}

.commercewp-reviews2 .swiper-slide {
	height: auto;
}

.commercewp-reviews2 .elementor-testimonial {
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* Five stars above each quote, as in the design. */
.commercewp-reviews2 .elementor-testimonial__content::before {
	content: "★★★★★";
	display: block;
	margin-bottom: 16px;
	color: var(--bbh-gold);
	font-family: var(--commercewp-font-body, "Poppins", sans-serif);
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 1.5;
}

.commercewp-reviews2 .elementor-testimonial__footer {
	margin-top: auto;
}

/* The arrows sit beside the section heading (top right), as in the design. */
.elementor-widget.commercewp-reviews2 .elementor-swiper-button {
	position: absolute;
	/* Bottom edge level with the bottom of the heading: section padding + eyebrow 18px + gap 8px + one title line. */
	top: calc(var(--padding-top, 0px) + clamp(30px, 4vw, 46px) * 1.05 - 22px);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin: 0;
	border-radius: 50%;
	transform: none;
}

.elementor-widget.commercewp-reviews2 .elementor-swiper-button-prev {
	right: 56px;
	left: auto;
	border: 1px solid var(--bbh-border-button);
	background: var(--bbh-white);
}

.commercewp-reviews2 .elementor-swiper-button-prev:hover {
	background: var(--bbh-sand);
}

.elementor-widget.commercewp-reviews2 .elementor-swiper-button-next {
	right: 0;
	background: var(--bbh-green);
	color: var(--bbh-sand);
}

.commercewp-reviews2 .elementor-swiper-button-next svg {
	fill: var(--bbh-sand);
}

/* Elementor narrows the slider to 95% to make room for side arrows; ours sit above it. */
.elementor-widget-testimonial-carousel.commercewp-reviews2 .elementor-main-swiper {
	width: 100%;
	overflow: hidden;
}

.elementor-widget-testimonial-carousel.commercewp-reviews2 > .elementor-widget-container,
.elementor-widget-testimonial-carousel.commercewp-reviews2 {
	position: static;
}

/* Phones: the title takes two lines, so the arrows drop below it (design wraps them). */
@media (max-width: 767px) {
	.commercewp-reviews2-section .commercewp-shead2 {
		margin-bottom: 80px;
	}

	.elementor-widget.commercewp-reviews2 .elementor-swiper-button {
		/* Below the two-line title: 18 + 8 + 2 × 31.5 + 12px. */
		top: calc(var(--padding-top, 0px) + 101px);
	}

	.elementor-widget.commercewp-reviews2 .elementor-swiper-button-prev {
		right: auto;
		left: 0;
	}

	.elementor-widget.commercewp-reviews2 .elementor-swiper-button-next {
		right: auto;
		left: 56px;
	}
}

/* ---------- Blog card (Loop Item "Blog post card") ---------- */

.commercewp-lpost__media a {
	display: block;
	overflow: hidden;
	border-radius: 20px;
	transition: opacity 0.3s ease;
}

.commercewp-lpost__media a:hover {
	opacity: 0.85;
}

.commercewp-lpost__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	background: repeating-linear-gradient(135deg, #eaddc6 0 10px, #f1e7d6 10px 20px);
}

/* ---------- Newsletter: Pro Form inline ---------- */

.commercewp-news2__form .elementor-form-fields-wrapper {
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}

.commercewp-news2__form .elementor-field-group {
	margin: 0;
	padding: 0;
}

.commercewp-news2__form .elementor-field-type-email {
	flex: 1 1 220px;
	width: auto;
}

.commercewp-news2__form .elementor-field-type-submit {
	flex: none;
	width: auto;
}

.commercewp-news2__form .elementor-field-textual {
	height: 54px;
	min-height: 54px;
	padding: 0 22px;
}

.commercewp-news2__form .elementor-button {
	height: 54px;
	min-height: 54px;
}

.commercewp-news2__form .elementor-field-textual:focus-visible {
	outline: 2px solid var(--bbh-green);
	outline-offset: 2px;
}

.commercewp-news2__form .elementor-message {
	margin: 10px 0 0;
	padding: 18px 22px;
	border-radius: 18px;
	background: var(--commercewp-cream, #fbf7f0);
}

/* ---------- FAQ: Nested Accordion ---------- */

.commercewp-faq2__list {
	min-width: 0;
}

.commercewp-faq2__list .e-n-accordion-item-title {
	min-height: 64px;
	gap: 16px;
}

.commercewp-faq2__list .e-n-accordion-item-title-icon {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--bbh-sand);
}

.commercewp-faq2__list .e-n-accordion-item-title-icon svg {
	width: 20px;
	height: 20px;
}

/* ==========================================================================
   Header (Theme Builder → Header): Elementor widgets + our Product Search and Mini Cart.
   ========================================================================== */

.commercewp-header2 {
	backdrop-filter: blur(10px);
}

/* Icon-only buttons: the text stays for screen readers. */
.commercewp-iconbtn .elementor-button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.commercewp-iconbtn .elementor-button-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.commercewp-iconbtn .elementor-button-icon svg,
.commercewp-cartbtn .elementor-button-icon svg {
	width: 1em;
	height: 1em;
}

.commercewp-iconbtn--48 .elementor-button {
	width: 48px;
	height: 48px;
}

.commercewp-iconbtn--44 .elementor-button {
	width: 44px;
	height: 44px;
}

.commercewp-iconbtn--40 .elementor-button {
	width: 40px;
	height: 40px;
}

/* Cart: green pill on tablet / desktop, icon with a gold badge on phones. */
.commercewp-cartbtn .elementor-button {
	display: inline-flex;
	align-items: center;
	height: 44px;
}

.commercewp-cartbtn .elementor-button-icon svg {
	font-size: 22px;
}

.commercewp-cartbtn--mobile .elementor-button {
	position: relative;
	justify-content: center;
	width: 48px;
	height: 48px;
}

.commercewp-cartbtn--mobile .elementor-button-icon svg {
	font-size: 28px;
}

.commercewp-cartbtn--mobile .commercewp-cart-count {
	position: absolute;
	top: 5px;
	right: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border: 2px solid var(--commercewp-cream, #fbf7f0);
	border-radius: 999px;
	background: var(--bbh-gold);
	color: var(--bbh-green);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.commercewp-logo img {
	width: auto;
	max-width: none;
}

.commercewp-cartbtn .elementor-button-content-wrapper,
.commercewp-cartbtn .elementor-button-text {
	display: flex;
	align-items: center;
}

.commercewp-cartbtn .commercewp-cart-count {
	display: block;
	line-height: 22px;
}

/* Icon lists: the icon takes only its own width (Elementor reserves 1.25em). */
.commercewp-ilist .elementor-icon-list-icon {
	width: auto;
	min-width: 0;
}

/* The space between icon and text is only the widget's "Text indent" (Elementor
   also adds 5px before the text and a quarter of the icon size after the icon). */
.elementor-widget.commercewp-ilist {
	--e-icon-list-icon-margin: 0;
}

.elementor-widget.commercewp-ilist .elementor-icon-list-icon + .elementor-icon-list-text,
.commercewp-ilist .elementor-icon-list-text {
	padding-inline-start: 0;
}

.commercewp-logo--bar {
	flex: none;
}

/* Search box (Product Search widget). */
.elementor.elementor .e-con > .elementor-widget.commercewp-hsearch2,
.elementor.elementor .e-con-inner > .elementor-widget.commercewp-hsearch2 {
	max-width: 640px;
	margin-inline: auto;
}

.commercewp-searchform--has-cat .commercewp-searchform__cat {
	display: block;
	width: 140px;
}

.commercewp-searchform__icon {
	display: flex;
	flex: none;
	padding-left: 14px;
	color: var(--bbh-gold-text);
	font-size: 22px;
}

.commercewp-searchform--compact .commercewp-searchform__input {
	padding: 0 12px;
}

/* Search results page: large box, icon on the left, "Search" button. */
.commercewp-searchform--large {
	height: 56px;
}

.commercewp-searchform--large .commercewp-searchform__icon {
	padding-left: 18px;
}

.commercewp-searchform--large .commercewp-searchform__input {
	padding: 0 14px;
	font-size: 15px;
}

.commercewp-searchform .commercewp-searchform__submit--text {
	width: auto;
	height: 44px;
	margin-right: 6px;
	padding: 0 24px;
	font-size: 14px;
	font-weight: 600;
}

.commercewp-searchform .commercewp-searchform__submit--text:hover {
	background: var(--commercewp-green-hover, #0c3533);
}

/* Track order: icon over the word, 48px tall. */
.commercewp-track2 .elementor-icon-box-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 48px;
	white-space: nowrap;
}

.commercewp-track2 .elementor-icon-box-icon {
	margin: 0;
}

/* Mega menu: the gold "Shop by Category" button and its panel. The widget is only as wide as the button. */
.e-con .elementor-widget.commercewp-mega2 {
	flex: none;
	width: fit-content;
}

.commercewp-mega2 .e-n-menu-wrapper,
.commercewp-mega2 .e-n-menu-heading {
	width: fit-content;
}
.commercewp-mega2 .e-n-menu-title {
	height: 48px;
}

.commercewp-megatile .elementor-icon-box-title {
	margin: 0;
}

.commercewp-megapromo {
	color: var(--commercewp-sand, #f3ebdd);
}

/* Drawer (Off-Canvas). */
.commercewp-drawercats2 .elementor-icon-list-item > a,
.commercewp-drawercats2 .elementor-icon-list-item > span {
	min-height: 52px;
	padding: 6px 18px;
}

/* Phone bottom bar. */
.commercewp-bbar2 {
	padding-bottom: env(safe-area-inset-bottom);
}

/* Icon over label, 3px apart, centred in the 64px bar (as in the design). */
.commercewp-bbar2__item .elementor-icon-box-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	height: 64px;
}

/* No empty text line under the label (it made the group top-heavy). */
.elementor-widget.commercewp-bbar2__item .elementor-icon-box-content {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	line-height: 1;
}

/* 15px label line, as in the design (beats the widget's own 1.2). */
body .elementor .elementor-widget.commercewp-bbar2__item .elementor-icon-box-content .elementor-icon-box-title,
body .elementor .elementor-widget.commercewp-bbar2__item .elementor-icon-box-content .elementor-icon-box-title a {
	line-height: 1.5;
}

.commercewp-bbar2__item .elementor-icon-box-icon {
	margin: 0;
}

.e-con.commercewp-bbar2__cart {
	position: relative;
}

.commercewp-bbar2__badge {
	position: absolute;
	top: 6px;
	left: calc(50% + 2px);
	width: auto;
	pointer-events: none;
}

.commercewp-bbar2__badge .commercewp-cart-count {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border: 2px solid var(--bbh-green);
	border-radius: 999px;
	background: var(--commercewp-red, #c8432e);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

/* ==========================================================================
   Footer (Theme Builder → Footer): Elementor widgets + our WhatsApp button.
   ========================================================================== */

.commercewp-flogo img {
	width: auto;
	max-width: none;
}

.commercewp-fsocial .elementor-social-icon svg {
	width: 1em;
	height: 1em;
}

/* Links are 36px tall touch targets; plain lines (opening hours) only their text, as in the design. */
.commercewp-flist .elementor-icon-list-item > a,
.commercewp-flist .elementor-icon-list-item > span {
	align-items: center;
}

.commercewp-flist .elementor-icon-list-item > a {
	min-height: 36px;
}

/* The list's 36px line height makes the link rows; a plain line keeps a normal one. */
.elementor-widget.commercewp-flist .elementor-icon-list-items .elementor-icon-list-item:not(:has(> a)) .elementor-icon-list-text {
	line-height: 1.5;
}

.commercewp-fnav .elementor-nav-menu a.elementor-item {
	min-height: 36px;
}

.commercewp-fpay img {
	width: 100%;
	height: auto;
}

.commercewp-fcopy p {
	margin: 0;
}

/* ==========================================================================
   Shop archive and search (Theme Builder): Loop Grid pagination, title band.
   ========================================================================== */

/* WooCommerce's breadcrumb: no clearfix boxes (they took a flex gap), links lighter than the current page. */
.commercewp-crumbs2 .woocommerce-breadcrumb {
	margin: 0;
}

.commercewp-crumbs2 .woocommerce-breadcrumb::before,
.commercewp-crumbs2 .woocommerce-breadcrumb::after {
	content: none;
}

.commercewp-crumbs2 .woocommerce-breadcrumb a {
	font-weight: 400;
}

.commercewp-shopgrid2 .elementor-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: clamp(24px, 4vw, 40px);
}

.commercewp-shopgrid2 .elementor-pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid var(--bbh-border-button);
	border-radius: 999px;
	background: var(--bbh-white);
	color: var(--bbh-green);
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
}

.commercewp-shopgrid2 .elementor-pagination .page-numbers.current,
.commercewp-shopgrid2 .elementor-pagination a.page-numbers:hover,
.commercewp-shopgrid2 .elementor-pagination a.page-numbers:focus-visible {
	border-color: var(--bbh-green);
	background: var(--bbh-green);
	color: var(--bbh-sand);
}

.commercewp-shopgrid2 .elementor-pagination .page-numbers.dots {
	border-color: transparent;
	background: transparent;
}

/* ==========================================================================
   Single product (Theme Builder): Pro WooCommerce widgets. The buy form, tabs,
   reviews and gallery keep their styles in product.css.
   ========================================================================== */

/* Pro's Add To Cart makes the form a flex row; the design's form is a grid
   (subtotal + quantity box across the top, then Add to Cart | Buy Now). */
.woocommerce div.product.elementor .commercewp-pd .elementor-widget-woocommerce-product-add-to-cart form.cart:not(.variations_form),
/* Variable products: Pro's own rule (:is(…) form.cart.variations_form …) is one step stronger, so this names the form too. */
.woocommerce div.product.elementor .commercewp-pd .elementor-widget-woocommerce-product-add-to-cart form.cart.variations_form .woocommerce-variation-add-to-cart {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 12px;
	margin: 0;
}

.woocommerce div.product.elementor .commercewp-pd .elementor-widget-woocommerce-product-add-to-cart form.cart .button {
	width: auto;
	margin: 0;
}

.commercewp-pd__stock2 .commercewp-pd__stock {
	display: inline-block;
}

/* Recently viewed band: hidden until the visitor has viewed other products. */
.commercewp-recent2:has(.commercewp-recentrow[hidden]) {
	display: none;
}

.commercewp-notices2 .woocommerce-notices-wrapper:not(:empty) {
	padding-top: 16px;
}

.commercewp-share2 .elementor-share-btn {
	width: 32px;
	height: 32px;
	border-color: var(--commercewp-border-strong, #e3d6bf);
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.commercewp-share2 .elementor-share-btn:hover {
	border-color: var(--bbh-green);
	background: var(--bbh-green);
}

.commercewp-share2 .elementor-share-btn:hover .elementor-share-btn__icon {
	color: var(--commercewp-gold-light, #d9be8f);
}

/* The framed skin paints the icon with the hover border colour (green on the
   green hover background, so it vanished): the icon turns gold instead. */
.elementor-widget.commercewp-share2 .elementor-share-btn:hover .elementor-share-btn__icon svg,
.elementor-widget.commercewp-share2 .elementor-share-btn:focus-visible .elementor-share-btn__icon svg {
	fill: var(--commercewp-gold-light, #d9be8f);
}

.elementor-widget.commercewp-share2 .elementor-share-btn:focus-visible {
	border-color: var(--bbh-green);
	background: var(--bbh-green);
}

/* Elementor sizes the icon box 4.5em wide and the framed skin pulls it 0.2em
   left, so the icon sat off centre in our round button. */
.elementor-widget.commercewp-share2 .elementor-share-btn .elementor-share-btn__icon {
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	margin: 0;
}

.commercewp-iconbtn--32 .elementor-button {
	width: 32px;
	height: 32px;
}

.commercewp-pd__short2 p {
	margin: 0;
}

.commercewp-pd__price2 .price {
	line-height: 1.6;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	margin: 0;
}

.commercewp-pd__price2 .price ins {
	order: 1;
	text-decoration: none;
}

.commercewp-pd__price2 .price del {
	order: 2;
	color: var(--bbh-strike);
	font-size: 17px;
	font-weight: 400;
	opacity: 1;
}

.commercewp-pd__off2 .elementor-heading-title {
	padding: 4px 10px;
	border-radius: 6px;
	background: var(--commercewp-red, #c8432e);
}

/* Call / WhatsApp: pill buttons with a two-line label. */
.elementor-widget.commercewp-cbtn2 .elementor-icon-box-wrapper {
	justify-content: center;
	min-height: 40px;
}

.elementor-widget.commercewp-cbtn2 .elementor-icon-box-content {
	flex-grow: 0;
	width: auto;
}

.commercewp-cbtn2 .elementor-icon-box-title,
.commercewp-cbtn2 .elementor-icon-box-description {
	display: block;
	margin: 0;
}

.commercewp-perk2 .elementor-icon-box-title {
	margin-top: 0;
}

/* Buy-now band. */
.commercewp-pulse2 .elementor-button,
.commercewp-band2__wa .elementor-button {
	display: inline-flex;
	align-items: center;
	height: 56px;
}

.commercewp-pulse2 .elementor-button {
	position: relative;
	overflow: hidden;
	animation: commercewp-buy-pulse 2s ease-in-out infinite;
}

.commercewp-pulse2 .elementor-button::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 35%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);
	pointer-events: none;
	animation: commercewp-buy-shine 2.8s ease-in-out infinite;
}

.commercewp-pulse2 .elementor-button-icon {
	animation: commercewp-buy-icon 2.8s ease-in-out infinite;
}

.commercewp-pulse2 .elementor-button-icon svg,
.commercewp-band2__wa .elementor-button-icon svg {
	width: 1.3em;
	height: 1.3em;
}

.commercewp-band2__points .elementor-icon-list-items {
	row-gap: 8px;
}

.commercewp-band2__points .elementor-icon-list-item:has(.elementor-icon-list-text:empty) {
	display: none;
}

.commercewp-band2__media {
	display: flex;
	align-self: stretch;
	align-items: center;
	justify-content: center;
	min-height: clamp(280px, 32vw, 460px);
	background: var(--bbh-white);
}

.commercewp-band2__media img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: clamp(280px, 32vw, 460px);
	object-fit: contain;
}

/* ==========================================================================
   Offers page (_design/Barir Bazar Offers.dc.html)
   ========================================================================== */

/* Hero glow: the design's circle (Elementor's radial gradient is an ellipse). */
.e-con.commercewp-offer2 {
	background-color: var(--bbh-green);
	background-image: radial-gradient(circle at 100% 0%, rgba(169, 133, 84, 0.3), transparent 55%);
}

.commercewp-offer2__badge {
	align-self: flex-start;
}

.commercewp-offer2__text p {
	margin: 0;
}

/* Countdown: boxes at least 72px wide that wrap on narrow phones (Elementor
   stretches equal boxes across the width), digits in even widths. */
.elementor-widget.commercewp-offer2__timer .elementor-countdown-wrapper {
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px;
	width: auto;
	max-width: none;
	margin-right: auto;
	margin-left: 0;
}

.elementor-widget.commercewp-offer2__timer .elementor-countdown-wrapper .elementor-countdown-item {
	flex: 0 0 auto;
	min-width: 72px;
	margin: 0;
}

.commercewp-offer2__timer .elementor-countdown-digits {
	font-variant-numeric: tabular-nums;
}

/* Coupon Cards widget. */
.commercewp-coupons {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--commercewp-coupon-min, 300px)), 1fr));
	gap: clamp(12px, 1.6vw, 20px);
}

.commercewp-coupon {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	overflow: hidden;
	border: 1px solid var(--bbh-border-card);
	border-radius: 20px;
	background: var(--bbh-white);
}

.commercewp-coupon__stub {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	border-right: 2px dashed var(--commercewp-cream, #fbf7f0);
	background: var(--bbh-gold);
	color: var(--bbh-green);
}

.commercewp-coupon__value {
	font-family: var(--commercewp-font-display, "Cormorant Garamond", serif);
	font-size: 34px;
	font-weight: 700;
	line-height: 1;
}

.commercewp-coupon__off {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.commercewp-coupon__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px 20px;
}

.commercewp-coupon__title {
	color: var(--bbh-green);
	font-size: 15px;
	font-weight: 600;
}

.commercewp-coupon__text {
	color: var(--bbh-strike);
	font-size: 13px;
}

.commercewp-coupon__copy {
	display: flex;
	align-items: center;
	align-self: flex-start;
	gap: 10px;
	height: 38px;
	margin-top: 4px;
	padding: 0 6px 0 14px;
	border: 1px dashed var(--bbh-gold);
	border-radius: 10px;
	background: var(--commercewp-cream, #fbf7f0);
	color: var(--bbh-green);
	cursor: pointer;
}

.commercewp-coupon__copy:hover,
.commercewp-coupon__copy:focus {
	border-color: var(--bbh-gold);
	background: var(--commercewp-cream, #fbf7f0);
	color: var(--bbh-green);
}

.commercewp-coupon__code {
	font-family: ui-monospace, Menlo, monospace;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.commercewp-coupon__copy-label {
	display: flex;
	align-items: center;
	height: 28px;
	padding: 0 10px;
	border-radius: 7px;
	background: var(--bbh-green);
	color: var(--bbh-sand);
	font-size: 12px;
}

/* No coupons to show: the whole "Coupon codes" section goes. */
body:not(.elementor-editor-active) .e-con.commercewp-coupons2:not(:has(.commercewp-coupon)) {
	display: none;
}

/* ==========================================================================
   Track Order page (_design/Barir Bazar Track Order.dc.html)
   ========================================================================== */

/* Title band: white, a cream wave along the bottom edge. */
.e-con.commercewp-trk2 {
	position: relative;
	overflow: hidden;
}

.e-con.commercewp-trk2::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: clamp(40px, 6vw, 80px);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 40 C 240 10, 480 10, 720 30 S 1200 60, 1440 20 L1440 80 L0 80 Z' fill='%23FBF7F0'/%3E%3C/svg%3E") no-repeat center bottom / 100% 100%;
	pointer-events: none;
}

.e-con.commercewp-trk2 > .e-con-inner {
	position: relative;
	z-index: 1;
}

/* "Live order tracking": a gold dot with a pulsing ring before the words. */
.elementor-widget.commercewp-trk2__live .elementor-heading-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.elementor-widget.commercewp-trk2__live .elementor-heading-title::before {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--bbh-gold);
	box-shadow: 0 0 0 0 rgba(169, 133, 84, 0.55);
	animation: commercewp-trk-ring 1.6s ease-out infinite;
}

@keyframes commercewp-trk-ring {
	0% {
		box-shadow: 0 0 0 0 rgba(169, 133, 84, 0.55);
	}

	100% {
		box-shadow: 0 0 0 3.6px rgba(169, 133, 84, 0);
	}
}

/* Form: order number + phone + button. */
.elementor-widget.commercewp-trk2__form {
	flex: 0 1 640px;
	min-width: 0;
}

.commercewp-trk-form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}

.commercewp-trk-field {
	display: flex;
	flex: 1 1 200px;
	align-items: center;
	gap: 10px;
	min-width: 0;
	height: 54px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--commercewp-border-strong, #e3d6bf);
	border-radius: 12px;
	background: var(--commercewp-cream, #fbf7f0);
	cursor: text;
}

.commercewp-trk-field:focus-within {
	border-color: var(--bbh-gold);
}

.commercewp-trk-field > .commercewp-icon {
	flex: none;
	color: var(--bbh-gold);
	font-size: 22px;
}

.commercewp-trk-form .commercewp-trk-field__input {
	flex: 1;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	outline: none;
	background: transparent;
	box-shadow: none;
	color: var(--commercewp-text, #1d2422);
	font-family: inherit;
	font-size: 15px;
}

.commercewp-trk-field__input--upper {
	text-transform: uppercase;
}

.commercewp-trk-field__input--upper::placeholder {
	text-transform: none;
}

.commercewp-trk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 50px;
	padding: 0 20px;
	border: 1px solid var(--bbh-border-button);
	border-radius: 12px;
	background: var(--bbh-white);
	color: var(--bbh-green);
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.commercewp-trk-btn:hover,
.commercewp-trk-btn:focus {
	border-color: var(--bbh-green);
	color: var(--bbh-green);
}

.commercewp-trk-btn .commercewp-icon {
	font-size: 18px;
}

.commercewp-trk-btn--solid,
.commercewp-trk-btn--solid:hover,
.commercewp-trk-btn--solid:focus {
	padding: 0 24px;
	border: 0;
	background: var(--bbh-green);
	color: var(--bbh-sand);
	font-size: 15px;
	font-weight: 600;
}

.commercewp-trk-btn--solid:hover {
	background: #0c3533;
}

.commercewp-trk-form__submit {
	flex: none;
	height: 54px;
}

.commercewp-trk-form__submit .commercewp-icon {
	font-size: 20px;
}

.commercewp-trk-btn--sm {
	height: 46px;
}

.commercewp-trk-btn--call .commercewp-icon {
	color: var(--bbh-gold-text);
}

.commercewp-trk-btn--wa .commercewp-icon {
	color: #1f8f4e;
}

/* Phones: the fields take a row each, the button the full width. */
@media (max-width: 599px) {
	.commercewp-trk-field,
	.commercewp-trk-form__submit {
		flex: 1 1 100%;
	}
}

/* Result cards. */
.commercewp-trk-card {
	border: 1px solid var(--bbh-border-card);
	border-radius: 24px;
	background: var(--bbh-white);
	box-shadow: 0 20px 50px -30px rgba(4, 31, 30, 0.3);
}

.commercewp-trk-note {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	max-width: 540px;
	margin: 0 auto;
	padding: clamp(32px, 5vw, 56px) clamp(22px, 4vw, 48px);
	text-align: center;
}

.commercewp-trk-note__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 22px;
	background: var(--bbh-sand);
	color: var(--bbh-gold);
	font-size: 42px;
}

.commercewp-trk .commercewp-trk-note__title {
	margin: 6px 0 0;
	color: var(--bbh-green);
	font-family: var(--commercewp-font-body, "Poppins", sans-serif);
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
}

.commercewp-trk-note__text {
	max-width: 400px;
	margin: 0;
	color: var(--commercewp-text-muted, #4a524f);
	font-size: 15px;
	line-height: 1.7;
}

.commercewp-trk-note__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 6px;
}

.commercewp-trk-note__actions:first-child {
	margin-top: 0;
}

.commercewp-trk-found {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 960px;
	margin: 0 auto;
}

.commercewp-trk-order {
	display: flex;
	flex-direction: column;
	gap: clamp(22px, 3vw, 32px);
	padding: clamp(22px, 3vw, 36px);
}

.commercewp-trk-order__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
}

.commercewp-trk-order__no {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.commercewp-trk-order__no span {
	color: var(--bbh-strike);
	font-size: 13px;
}

.commercewp-trk-order__no strong {
	color: var(--bbh-green);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5;
}

.commercewp-trk-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 14px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
}

.commercewp-trk-pill .commercewp-icon {
	font-size: 18px;
}

.commercewp-trk-pill--wait {
	background: #fff4d6;
	color: #8a6100;
}

.commercewp-trk-pill--way {
	background: #e4eef9;
	color: #24507e;
}

.commercewp-trk-pill--done {
	background: #e2f1e8;
	color: #1f6b4a;
}

.commercewp-trk-pill--stop {
	background: #fbe9e5;
	color: #a0321f;
}

/* Progress steps: a row of five on tablets and up, a column on phones. */
.commercewp-trk-steps {
	--commercewp-trk-done: var(--bbh-green);
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.commercewp-trk-step {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	text-align: left;
}

.commercewp-trk-step__dot {
	position: relative;
	z-index: 1;
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 2px solid var(--commercewp-border-strong, #e3d6bf);
	border-radius: 50%;
	background: var(--bbh-white);
	color: var(--bbh-gold);
	font-size: 22px;
}

.commercewp-trk-step.is-done .commercewp-trk-step__dot {
	border-color: var(--commercewp-trk-done);
	background: var(--commercewp-trk-done);
	color: var(--commercewp-gold-light, #d9be8f);
}

.commercewp-trk-step__line {
	position: absolute;
	top: 48px;
	bottom: -20px;
	left: 21px;
	width: 2px;
	background: var(--commercewp-border-strong, #e3d6bf);
}

.commercewp-trk-step.is-passed .commercewp-trk-step__line {
	background: var(--commercewp-trk-done);
}

.commercewp-trk-step:last-child .commercewp-trk-step__line {
	display: none;
}

.commercewp-trk-step__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.commercewp-trk-step__label {
	color: #8a8f8c;
	font-size: 14px;
	font-weight: 600;
}

.commercewp-trk-step.is-done .commercewp-trk-step__label {
	color: var(--bbh-green);
}

.commercewp-trk-step__text {
	color: var(--bbh-strike);
	font-size: 12px;
}

@media (min-width: 768px) {
	.commercewp-trk-steps {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 8px;
	}

	.commercewp-trk-step {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.commercewp-trk-step__line {
		top: 21px;
		right: calc(-50% + 26px);
		bottom: auto;
		left: calc(50% + 26px);
		width: auto;
		height: 2px;
	}
}

.commercewp-trk-facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 16px;
	margin: 0;
	padding-top: 20px;
	border-top: 1px solid var(--commercewp-border, #ece2d0);
	color: var(--bbh-strike);
	font-size: 13px;
}

.commercewp-trk-facts > div {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.commercewp-trk-facts dt {
	margin: 0;
	font-weight: 400;
}

.commercewp-trk-facts dd {
	margin: 0;
	color: var(--bbh-green);
	font-size: 15px;
	font-weight: 600;
}

.commercewp-trk-help {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 20px 24px;
}

.commercewp-trk-help__text {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #2c3330;
	font-size: 15px;
}

.commercewp-trk-help__text .commercewp-icon {
	color: var(--bbh-gold);
	font-size: 26px;
}

.commercewp-trk-help__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

/* ==========================================================================
   Wishlist page (_design/Barir Bazar Wishlist.dc.html)
   ========================================================================== */

/* Account Menu widget. */
.commercewp-accmenu {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px;
	border: 1px solid var(--bbh-border-card);
	border-radius: 20px;
	background: var(--bbh-white);
	box-shadow: 0 10px 28px -20px rgba(4, 31, 30, 0.2);
}

.commercewp-accmenu__user,
.commercewp-accmenu__guest {
	display: flex;
	margin-bottom: 6px;
	padding: 12px;
	border-bottom: 1px solid var(--commercewp-border, #ece2d0);
}

.commercewp-accmenu__user {
	align-items: center;
	gap: 12px;
}

.commercewp-accmenu__guest {
	flex-direction: column;
	gap: 10px;
}

.commercewp-accmenu__avatar {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--bbh-green);
	color: var(--commercewp-gold-light, #d9be8f);
	font-size: 18px;
	font-weight: 600;
}

.commercewp-accmenu__who {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.commercewp-accmenu__name {
	color: var(--bbh-green);
	font-size: 15px;
	font-weight: 600;
}

.commercewp-accmenu__phone {
	color: var(--bbh-strike);
	font-size: 12px;
}

.commercewp-accmenu__guest-text {
	color: var(--commercewp-text-muted, #4a524f);
	font-size: 14px;
	line-height: 1.5;
}

.commercewp-accmenu .commercewp-accmenu__signin {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	padding: 0 20px;
	border-radius: 999px;
	background: var(--bbh-green);
	color: var(--bbh-sand);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.commercewp-accmenu .commercewp-accmenu__signin:hover {
	background: #0c3533;
	color: var(--bbh-sand);
}

.commercewp-accmenu .commercewp-accmenu__link {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 46px;
	padding: 0 14px;
	border-radius: 12px;
	color: var(--commercewp-text, #1d2422);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.commercewp-accmenu .commercewp-accmenu__link:hover {
	color: var(--commercewp-text, #1d2422);
}

.commercewp-accmenu .commercewp-accmenu__link.is-active {
	background: var(--bbh-green);
	color: var(--bbh-sand);
}

.commercewp-accmenu__link .commercewp-icon {
	font-size: 20px;
}

.commercewp-accmenu__label {
	flex: 1;
}

.commercewp-accmenu__count {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--bbh-gold);
	color: var(--bbh-green);
	font-size: 11px;
	font-weight: 700;
}

.commercewp-accmenu__count[hidden] {
	display: none;
}

/* "Saved items" card: the empty block shows only when the list is empty;
   "Add all to cart" and the list only when it is not. */
.commercewp-wl2:has(.commercewp-wl-grid .e-loop-item) .commercewp-wl2__empty,
.commercewp-wl2:not(:has(.commercewp-wl-grid .e-loop-item)) .commercewp-wl2__addall,
.commercewp-wl2:not(:has(.commercewp-wl-grid .e-loop-item)) .commercewp-wl-grid {
	display: none;
}

.commercewp-wl2__addall .elementor-button,
.commercewp-wl2__empty .elementor-button {
	display: inline-flex;
	align-items: center;
	height: 46px;
}

.commercewp-wl2__addall .elementor-button-icon svg {
	width: 20px;
	height: 20px;
}

.commercewp-wl2__addall .is-loading {
	opacity: 0.7;
	pointer-events: none;
}

.commercewp-wl2__empty .elementor-widget-text-editor p {
	margin: 0;
}

/* Rows (Loop Item "Wishlist row"). */
.e-con.commercewp-wlrow {
	border-bottom: 1px solid #f1eadc;
}

.commercewp-wlrow__img a {
	display: block;
	width: 80px;
}

.commercewp-wlrow__img img {
	display: block;
	width: 80px;
	height: 80px;
	border: 1px solid var(--commercewp-border, #ece2d0);
	border-radius: 14px;
	background: repeating-linear-gradient(135deg, #f1e8d8 0 10px, #f7f1e6 10px 20px);
	object-fit: cover;
}

.commercewp-wlrow__price .price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 8px;
	margin: 0;
}

.commercewp-wlrow__price ins {
	order: 1;
	text-decoration: none;
}

.commercewp-wlrow__price del {
	order: 2;
	color: #8a8f8c;
	font-size: 13px;
	font-weight: 400;
}

.commercewp-wlrow__stock .commercewp-pd__stock {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 999px;
	background: #e2f1e8;
	color: #1f6b4a;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
}

.commercewp-wlrow__stock .commercewp-pd__stock--low {
	background: #fff4d6;
	color: #8a6100;
}

.commercewp-wlrow__stock .commercewp-pd__stock--out {
	background: #f7e3de;
	color: #a83523;
}

.commercewp-wlrow__add .e-loop-add-to-cart-form-container,
.commercewp-wlrow__add .e-loop-add-to-cart-form {
	margin: 0;
}

.elementor-widget.commercewp-wlrow__add .button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 44px;
	margin: 0;
	white-space: nowrap;
}

.commercewp-wlrow__add .button .commercewp-icon {
	font-size: 18px;
}

.commercewp-wlrow__add .button.loading::after,
.commercewp-wlrow__add .button.added::after,
.commercewp-wlrow .added_to_cart {
	display: none;
}

.commercewp-wlremove {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--commercewp-border-strong, #e3d6bf);
	border-radius: 50%;
	background: var(--bbh-white);
	color: var(--bbh-strike);
	cursor: pointer;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.commercewp-wlremove:hover,
.commercewp-wlremove:focus-visible {
	border-color: var(--commercewp-red, #c8432e);
	background: var(--bbh-white);
	color: var(--commercewp-red, #c8432e);
}

.commercewp-wlremove .commercewp-icon {
	font-size: 20px;
}

/* Phones: the buttons take their own row, on the right. */
@media (max-width: 767px) {
	.commercewp-wlrow__actions {
		grid-column: 1 / -1;
	}
}

/* ==========================================================================
   Blog (Theme Builder: archive "CommerceWordpress Blog", single "CommerceWordpress Post")
   _design/Barir Bazar Blog.dc.html, Barir Bazar Blog Post.dc.html
   ========================================================================== */

/* Category filter (Pro Taxonomy Filter): 40px pills. */
.commercewp-blog2__filter .e-filter-item {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	height: 40px;
	line-height: 1;
}

/* The design's grid is auto-fit (300px minimum): with only one or two posts after
   the featured one, they share the row. Elementor's grid uses --grid-columns. */
@media (min-width: 1025px) {
	.elementor-widget.commercewp-blog2__grid .elementor-loop-container:not(:has(> .e-loop-item:nth-of-type(4))) {
		--grid-columns: 2;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.elementor-widget.commercewp-blog2__grid .elementor-loop-container:not(:has(> .e-loop-item:nth-of-type(3))) {
		--grid-columns: 1;
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Featured post (alternate template, first item): its own row, then the
   design's bigger gap before the other posts. */
.commercewp-blog2__grid .e-loop-item:has(.commercewp-lfeat) {
	margin-bottom: calc(clamp(24px, 3vw, 40px) - clamp(16px, 2vw, 28px));
}

/* Picture and text share a row from 2 × 420px; below that each takes the full width. */
.commercewp-blog2__grid .e-loop-item,
.commercewp-lfeat > .e-con-inner > *,
.e-con.commercewp-lfeat > .elementor-element {
	min-width: 0;
	max-width: 100%;
}

.commercewp-lfeat__media a {
	display: block;
	overflow: hidden;
	border-radius: 20px;
}

.commercewp-lfeat__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 11;
	object-fit: cover;
	background: #eaddc6;
}

.commercewp-lfeat__text p,
.commercewp-post2__intro p {
	margin: 0;
}

/* Article. */
.elementor-widget.commercewp-post2__avatar {
	flex: none;
	width: 44px;
}

.elementor-widget.commercewp-post2__avatar span.elementor-heading-title {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--bbh-green);
}

.commercewp-share2--36 .elementor-share-btn {
	width: 36px;
	height: 36px;
}

.commercewp-post2__img img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 8;
	border-radius: clamp(20px, 2.6vw, 32px);
	object-fit: cover;
	background: #eaddc6;
}

.commercewp-post2__content .elementor-widget-container,
.elementor-widget.commercewp-post2__content:not(:has(> .elementor-widget-container)) {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.commercewp-post2__content p,
.commercewp-post2__content ul,
.commercewp-post2__content ol,
.commercewp-post2__content figure {
	margin: 0;
}

/* The first paragraph is the article's lead. */
.commercewp-post2__content :is(.elementor-widget-container, .elementor-widget-theme-post-content) > p:first-child,
.elementor-widget.commercewp-post2__content > p:first-child {
	color: var(--commercewp-text, #1d2422);
	font-size: 19px;
}

.commercewp-post2__content h2,
.commercewp-post2__content h3 {
	margin: 16px 0 0;
	color: var(--bbh-green);
	font-family: var(--commercewp-font-display, "Cormorant Garamond", serif);
	font-weight: 600;
	line-height: 1.15;
}

.commercewp-post2__content h2 {
	font-size: clamp(26px, 3vw, 34px);
}

.commercewp-post2__content h3 {
	font-size: clamp(22px, 2.4vw, 28px);
}

.commercewp-post2__content blockquote {
	margin: 16px 0;
	padding: 22px 26px;
	border: 0;
	border-radius: 18px;
	background: var(--bbh-sand);
	color: var(--bbh-green);
	font-family: var(--commercewp-font-display, "Cormorant Garamond", serif);
	font-size: 24px;
	font-style: normal;
	line-height: 1.4;
}

.commercewp-post2__content blockquote p {
	margin: 0;
}

.commercewp-post2__content blockquote + h2 {
	margin-top: 8px;
}

/* "Keep reading": auto-fit like the design, so one or two posts share the row. */
@media (min-width: 1025px) {
	.elementor-widget.commercewp-more2 .elementor-loop-container:not(:has(> .e-loop-item:nth-of-type(3))) {
		--grid-columns: 2;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.elementor-widget.commercewp-more2 .elementor-loop-container:not(:has(> .e-loop-item:nth-of-type(2))) {
		--grid-columns: 1;
		grid-template-columns: minmax(0, 1fr);
	}
}

.commercewp-post2__content blockquote cite {
	display: block;
	margin-top: 8px;
	font-family: var(--commercewp-font-body, "Poppins", sans-serif);
	font-size: 14px;
	font-style: normal;
}

.commercewp-post2__content a {
	color: var(--bbh-gold-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.commercewp-post2__content img {
	max-width: 100%;
	height: auto;
	border-radius: 18px;
}

/* Product box after the article (Loop Item "Article product"): hidden when no product is chosen. */
.e-con.commercewp-post2__product:not(:has(.e-loop-item)) {
	display: none;
}

.commercewp-lpp__img a {
	display: block;
}

.commercewp-lpp__img img {
	display: block;
	width: 96px;
	height: 96px;
	border-radius: 14px;
	background: var(--bbh-white);
	object-fit: cover;
}

.commercewp-lpp__price .price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px;
	margin: 0;
}

.commercewp-lpp__price ins {
	order: 1;
	text-decoration: none;
}

.commercewp-lpp__price del {
	order: 2;
	color: #8a8f8c;
	font-size: 13px;
	font-weight: 400;
}

/* ==========================================================================
   About page (_design/Barir Bazar About.dc.html)
   ========================================================================== */

.commercewp-pill2 .elementor-button {
	display: inline-flex;
	align-items: center;
	height: 50px;
}

.commercewp-about2__img img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3.4;
	border-radius: 28px;
	background: #eaddc6;
	box-shadow: 0 30px 60px -30px rgba(4, 31, 30, 0.4);
	object-fit: cover;
}

.commercewp-about2__text p {
	margin: 0;
}

.commercewp-about2__text p + p {
	margin-top: 18px;
}

/* Promise cards (Icon Box): icon on top, left aligned, at every width. */
.commercewp-promise2 .elementor-icon-box-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	text-align: left;
}

.commercewp-promise2 .elementor-icon-box-icon {
	display: flex;
	margin: 0;
}

.commercewp-promise2 .elementor-icon-box-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.commercewp-promise2 .elementor-icon-box-title,
.commercewp-promise2 .elementor-icon-box-description {
	margin: 0;
}

.commercewp-promise2 .elementor-icon svg {
	width: 1em;
	height: 1em;
}

/* Closing banner: the design's gold glow (Elementor's radial gradient is an ellipse). */
.e-con.commercewp-aboutcta2 {
	background-color: var(--bbh-green);
	background-image: radial-gradient(circle at 100% 0%, rgba(169, 133, 84, 0.28), transparent 55%);
}

.commercewp-aboutcta2 .elementor-button {
	display: inline-flex;
	align-items: center;
	height: 56px;
}

/* ==========================================================================
   Contact page (_design/Barir Bazar Contact.dc.html)
   ========================================================================== */

/* Contact cards: each card is a link (container as <a>). */
a.e-con.commercewp-ccard2 {
	color: var(--bbh-green);
	text-decoration: none;
	transition: border-color 0.2s ease;
}

a.e-con.commercewp-ccard2:hover,
a.e-con.commercewp-ccard2:focus-visible {
	border-color: var(--bbh-gold);
	color: var(--bbh-green);
}

/* The icon box is only the 48px square (Elementor adds a line box around it). */
.commercewp-ccard2 .elementor-icon-wrapper {
	display: flex;
	line-height: 0;
}

.commercewp-ccard2 .elementor-icon svg,
.commercewp-cform2 .elementor-button-icon svg {
	width: 1em;
	height: 1em;
}

/* Message form (Pro Form). */
.commercewp-cform2 .elementor-form-fields-wrapper {
	margin: 0;
}


.commercewp-cform2 .elementor-field-textual {
	min-height: 48px;
	padding: 0 14px;
}

.commercewp-cform2 select.elementor-field-textual {
	height: 48px;
	cursor: pointer;
}

.commercewp-cform2 textarea.elementor-field-textual {
	padding: 12px 14px;
	line-height: 1.6;
	resize: vertical;
}

.commercewp-cform2 .elementor-field-textual:focus {
	border-color: var(--bbh-gold);
	box-shadow: none;
}

.commercewp-cform2 .elementor-field-type-submit {
	width: auto;
}

/* Phones: name and phone stack 14px apart (they share a row elsewhere), as in the design. */
@media (max-width: 767px) {
	.elementor-widget.commercewp-cform2 .elementor-field-group.elementor-field-group-name {
		margin-bottom: 14px;
	}
}

.commercewp-cform2 .elementor-button {
	height: 50px;
	min-height: 50px;
}

.commercewp-cform2 .elementor-message {
	margin-top: 14px;
	font-size: 14px;
}

.commercewp-cform2 .elementor-message.elementor-message-success {
	color: #1f6b4a;
}

/* Map: fills the column next to the form, never under 280px. */
.elementor-widget.commercewp-cmap2 {
	flex: 1 1 auto;
	min-height: 280px;
	overflow: hidden;
	border-radius: 20px;
}

.commercewp-cmap2 .elementor-custom-embed,
.commercewp-cmap2 iframe {
	height: 100%;
	min-height: 280px;
}

.commercewp-cmap2 .elementor-widget-container {
	height: 100%;
}

.commercewp-caddr2 p {
	margin: 0;
}

.commercewp-caddr2 strong {
	color: var(--bbh-green);
}

/* ==========================================================================
   FAQ page (_design/Barir Bazar FAQ.dc.html)
   ========================================================================== */

/* Desktop: the side column stays in view while the questions scroll. */
@media (min-width: 1025px) {
	.e-con.commercewp-faq3__aside {
		position: sticky;
		top: 96px;
	}

	.commercewp-faqf__topics {
		flex-direction: column;
	}
}

.commercewp-faqf {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.commercewp-faqf__search {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 50px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--commercewp-border-strong, #e3d6bf);
	border-radius: 999px;
	background: var(--bbh-white);
	cursor: text;
}

.commercewp-faqf__search:focus-within {
	border-color: var(--bbh-gold);
}

.commercewp-faqf__search > .commercewp-icon {
	flex: none;
	color: var(--bbh-gold-text);
	font-size: 22px;
}

.commercewp-faqf .commercewp-faqf__search input {
	flex: 1;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	background: transparent;
	box-shadow: none;
	color: var(--commercewp-text, #1d2422);
	font-family: inherit;
	font-size: 15px;
}

.commercewp-faqf__topics {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.commercewp-faqf .commercewp-faqf__topic {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 12px;
	background: var(--bbh-white);
	color: var(--commercewp-text, #1d2422);
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
}

.commercewp-faqf .commercewp-faqf__topic:hover,
.commercewp-faqf .commercewp-faqf__topic:focus {
	background: var(--bbh-white);
	color: var(--commercewp-text, #1d2422);
}

.commercewp-faqf .commercewp-faqf__topic.is-active {
	background: var(--bbh-green);
	color: var(--bbh-sand);
}

.commercewp-faqf__topic .commercewp-icon {
	flex: none;
	font-size: 20px;
}

.commercewp-faq3__help .elementor-button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
}

.commercewp-faq3__help .elementor-button-icon svg {
	width: 18px;
	height: 18px;
}

/* Question lists (Nested Accordion). */
/* 60px row plus its 1px line, as in the design (Elementor counts the border inside). */
.commercewp-faq3__list .e-n-accordion-item-title {
	min-height: 61px;
	gap: 16px;
}

.commercewp-faq3__list .e-n-accordion-item-title-icon {
	display: flex;
	flex: none;
}

.commercewp-faq3__list .e-n-accordion-item-title-icon svg {
	width: 24px;
	height: 24px;
}


.commercewp-faq3__list .elementor-widget-text-editor p,
.commercewp-faq3__list .elementor-widget-heading p {
	margin: 0;
}

.e-n-accordion-item[hidden] {
	display: none;
}

/* "No questions match your search": shown by sections.js. */
.elementor-widget[data-commercewp-faq-none]:not(.is-shown),
.e-con[data-commercewp-faq-group][hidden] {
	display: none;
}

/* ==========================================================================
   Policy pages (Theme Builder "CommerceWordpress Policy"; _design/Barir Bazar
   Privacy Policy / Terms / Return Policy .dc.html)
   ========================================================================== */

@media (min-width: 1025px) {
	.e-con.commercewp-pol2__nav {
		position: sticky;
		top: 96px;
	}
}

/* Policies menu (Pro Nav Menu, vertical): 46px rows, current page in green. */
.commercewp-pol2__menu .elementor-nav-menu--main .elementor-nav-menu {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.commercewp-pol2__menu .elementor-nav-menu--main .elementor-item {
	display: flex;
	align-items: center;
	min-height: 46px;
	margin: 0;
	padding: 0 16px;
	border-radius: 12px;
}

.commercewp-pol2__menu .elementor-nav-menu--main .elementor-item:hover,
.commercewp-pol2__menu .elementor-nav-menu--main .elementor-item:focus {
	background: var(--bbh-sand);
	color: var(--bbh-green);
}

.commercewp-pol2__menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
	background: var(--bbh-green);
	color: var(--bbh-sand);
}

/* Policy text (the page's own content): numbered sections 28px apart. */
.commercewp-pol2__text h2,
.commercewp-pol2__text h3 {
	margin: 28px 0 8px;
	color: var(--bbh-green);
	font-family: var(--commercewp-font-body, "Poppins", sans-serif);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.8; /* The card's line height, as in the design. */
}

.commercewp-pol2__text > :first-child,
.commercewp-pol2__text .elementor-widget-container > :first-child {
	margin-top: 0;
}

.commercewp-pol2__text p,
.commercewp-pol2__text ul,
.commercewp-pol2__text ol {
	max-width: 760px;
	margin: 0 0 8px;
}

.commercewp-pol2__text p:last-child {
	margin-bottom: 0;
}

.commercewp-pol2__text a,
.commercewp-pol2__note a {
	color: var(--bbh-gold-text);
}

.commercewp-pol2__note p {
	margin: 0;
}

/* ==========================================================================
   Live search panel (assets/js/search.js; _design/commercewp-search.js)
   ========================================================================== */

.commercewp-live {
	position: fixed;
	z-index: 2147483640; /* Above the header and Elementor's Off-Canvas (phone search drawer, 2147483630). */
	max-height: min(70vh, 560px);
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid var(--commercewp-border-strong, #e3d6bf);
	border-radius: 18px;
	background: var(--bbh-white);
	box-shadow: 0 24px 48px -20px rgba(4, 31, 30, 0.35);
	color: var(--bbh-green);
	font-family: var(--commercewp-font-body, "Poppins", sans-serif);
}

.commercewp-live[hidden] {
	display: none;
}

.commercewp-live .commercewp-icon {
	flex: none;
}

.commercewp-live__label {
	color: var(--bbh-gold-text);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.commercewp-live__label--top {
	display: block;
	padding: 12px 18px 6px;
}

.commercewp-live__chips {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px 18px;
}

.commercewp-live__chiplist {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.commercewp-live a.commercewp-live__chip {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 36px;
	padding: 0 14px;
	border-radius: 999px;
	background: var(--bbh-sand);
	color: var(--bbh-green);
	font-size: 13px;
	text-decoration: none;
}

.commercewp-live a.commercewp-live__chip:hover {
	background: #ece0cb;
	color: var(--bbh-green);
}

.commercewp-live__chip .commercewp-icon {
	color: var(--bbh-gold-text);
	font-size: 16px;
}

.commercewp-live__none {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 18px 4px;
	color: var(--commercewp-text-muted, #4a524f);
	font-size: 14px;
}

.commercewp-live__none .commercewp-icon {
	color: var(--bbh-gold);
	font-size: 22px;
}

.commercewp-live a.commercewp-live__item {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 10px 18px;
	color: var(--bbh-green);
	text-decoration: none;
}

.commercewp-live a.commercewp-live__item.is-active {
	background: #f7f1e6;
}

.commercewp-live__img {
	display: block;
	width: 52px;
	height: 52px;
	overflow: hidden;
	border: 1px solid var(--commercewp-border, #ece2d0);
	border-radius: 12px;
	background: var(--bbh-white);
}

.commercewp-live__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.commercewp-live__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.commercewp-live__name {
	overflow: hidden;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.commercewp-live__name mark {
	padding: 0 1px;
	border-radius: 3px;
	background: #f3e3c3;
	color: var(--bbh-green);
}

.commercewp-live__cat {
	color: var(--bbh-strike);
	font-size: 12px;
}

.commercewp-live__price {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 1px;
	font-size: 15px;
	font-weight: 600;
}

.commercewp-live__price s {
	color: #8a8f8c;
	font-size: 12px;
	font-weight: 400;
}

.commercewp-live a.commercewp-live__all {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 52px;
	margin-top: 6px;
	border-top: 1px solid var(--commercewp-border, #ece2d0);
	background: var(--commercewp-cream, #fbf7f0);
	color: var(--bbh-green);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.commercewp-live__all .commercewp-icon {
	font-size: 18px;
}

/* ==========================================================================
   404 page (Theme Builder "CommerceWordpress 404"; _design/Barir Bazar 404.dc.html)
   ========================================================================== */

.elementor-widget.commercewp-404__search {
	width: min(100%, 480px);
}

.commercewp-404__search .commercewp-searchform {
	height: 52px;
}

.commercewp-404__search .commercewp-searchform .commercewp-searchform__input {
	padding: 0 20px;
	font-size: 15px;
}

.commercewp-404__search .commercewp-searchform .commercewp-searchform__submit {
	width: 44px;
	height: 44px;
	border-radius: 50%;
}

/* Main menu as small pills (Pro Nav Menu). */
.commercewp-404__links .elementor-nav-menu--main .elementor-nav-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.commercewp-404__links .elementor-nav-menu--main .elementor-item {
	display: flex;
	align-items: center;
	height: 36px;
	margin: 0;
	padding: 0 14px;
	border-radius: 999px;
	background: var(--bbh-sand);
}

.commercewp-404__links .elementor-nav-menu--main .elementor-item:hover,
.commercewp-404__links .elementor-nav-menu--main .elementor-item:focus {
	background: var(--bbh-green);
	color: var(--bbh-sand);
}

/* ==========================================================================
   Product cards: second picture on hover (product's first gallery picture,
   added by includes/product-card.php). Only with a real pointer; phones keep
   the main picture.
   ========================================================================== */

.commercewp-lcard__media a,
.commercewp-lcard__media .elementor-widget-container,
.commercewp-ltop__media a,
.commercewp-ltop__media .elementor-widget-container,
.commercewp-card__media {
	position: relative;
}

.commercewp-lcard__media a,
.commercewp-ltop__media a {
	display: block;
}

.elementor .commercewp-card__img-alt,
.commercewp-card .commercewp-card__img-alt {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	border-radius: inherit;
	object-fit: cover;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.35s ease;
}

.commercewp-ltop__media .commercewp-card__img-alt {
	border-radius: 12px;
}

@media (hover: hover) {
	.e-loop-item:hover .commercewp-card__img-alt,
	.e-loop-item:focus-within .commercewp-card__img-alt,
	.commercewp-card:hover .commercewp-card__img-alt,
	.commercewp-card:focus-within .commercewp-card__img-alt {
		opacity: 1;
	}
}

/* ---------- Reduced motion ---------- */

@media (prefers-reduced-motion: reduce) {
	.commercewp-pulse2 .elementor-button,
	.commercewp-pulse2 .elementor-button::after,
	.commercewp-pulse2 .elementor-button-icon,
	.elementor-widget.commercewp-trk2__live .elementor-heading-title::before {
		animation: none;
	}

	.commercewp-hero2__slides .swiper-pagination-bullet,
	.commercewp-cat2__tile .elementor-image-box-img,
	.commercewp-lpost__media a,
	.commercewp-card__img-alt {
		transition: none;
	}
}