:root {
	--esa-primary: #222222;
	--esa-accent: #b9965b;
	--esa-muted: #909090;
	--esa-border: #e4e4e4;
	--esa-soft: #ebebeb;
	--esa-white: #ffffff;
	--esa-radius: 4px;
}

[data-esa-scope] { box-sizing: border-box; direction: rtl; text-align: right; }
[data-esa-scope] *, [data-esa-scope] *::before, [data-esa-scope] *::after { box-sizing: border-box; }
[data-esa-scope] button, [data-esa-scope] input { font: inherit; }
[data-esa-scope] button { -webkit-appearance: none; appearance: none; }
[data-esa-scope] svg { width: 1em; height: 1em; display: block; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* Products */
.esa-products-widget { position: relative; min-height: 120px; }
.esa-products-grid {
	--esa-columns: 3;
	display: grid;
	grid-template-columns: repeat(var(--esa-columns), minmax(0, 1fr));
	gap: 30px;
	align-items: stretch;
	transition: opacity .2s ease;
}
.esa-products-grid.esa-view-grid_2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.esa-products-grid.esa-view-list { grid-template-columns: minmax(0, 1fr); }
.esa-product-card { min-width: 0; margin: 0 !important; padding: 0 !important; list-style: none; }
.esa-product-inner { height: 100%; position: relative; display: flex; flex-direction: column; background: #fff; border-radius: 3px; transition: transform .3s ease, box-shadow .3s ease; overflow: visible; }
.esa-product-card:hover .esa-product-inner { transform: translateY(-2px); }
.esa-product-media { position: relative; overflow: hidden; border-radius: 3px; background: #f5f5f5; }
.esa-product-image-link { display: block; position: relative; overflow: hidden; aspect-ratio: 600 / 744; }
.esa-product-image { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; transition: opacity .45s ease, transform .65s ease; }
.esa-product-image-primary { opacity: 1; }
.esa-product-image-secondary { opacity: 0; }
.esa-product-card:hover .esa-product-image-primary:has(+ .esa-product-image-secondary) { opacity: 0; }
.esa-product-card:hover .esa-product-image-secondary { opacity: 1; transform: scale(1.025); }
.esa-sale-badge { position: absolute; top: 12px; inset-inline-start: 12px; z-index: 3; min-width: 48px; height: 28px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #222; color: #fff; font-size: 11px; font-weight: 700; }
.esa-product-actions { position: absolute; z-index: 4; top: 10px; inset-inline-end: 10px; display: flex; flex-direction: column; gap: 8px; }
.esa-action-button {
	border: 0 !important;
	outline: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 45px;
	height: 45px;
	min-width: 45px;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: #fff !important;
	color: #222 !important;
	box-shadow: 0 5px 18px rgba(0,0,0,.09);
	cursor: pointer;
	text-decoration: none !important;
	transform: translateX(calc(var(--esa-action-index, 1) * 12px));
	opacity: 0;
	transition: opacity .25s ease, transform .25s ease, background .25s ease, color .25s ease !important;
}
.esa-action-button:nth-child(2) { --esa-action-index: 2; }
.esa-action-button:nth-child(3) { --esa-action-index: 3; }
.esa-product-card:hover .esa-action-button, .esa-action-button.is-active { transform: translateX(0); opacity: 1; }
.esa-action-button:hover, .esa-action-button.is-active { background: #222 !important; color: #fff !important; }
.esa-action-button svg { width: 19px; height: 19px; }
.esa-action-button::after { content: attr(data-tooltip); position: absolute; inset-inline-end: calc(100% + 9px); top: 50%; transform: translateY(-50%) translateX(4px); white-space: nowrap; background: #222; color: #fff; font-size: 10px; line-height: 1; border-radius: 3px; padding: 6px 8px; opacity: 0; pointer-events: none; transition: .2s ease; }
.esa-action-button:hover::after { opacity: 1; transform: translateY(-50%) translateX(0); }

/* Add-to-cart corner: rounded inner button with a connected shell and two inverted corners. */
.esa-products-widget {
	--esa-cart-size: 58px;
	--esa-cart-shell-gap: 10px;
	--esa-cart-notch: 18px;
	--esa-cart-notch-depth: 9px;
	--esa-cart-shell-radius: 28px;
	--esa-cart-shell-bg: var(--esa-card-background, #fff);
	--esa-cart-icon-size: 20px;
	--esa-cart-inline-offset: 0px;
	--esa-cart-bottom-offset: 0px;
	--esa-cart-duration: 320ms;
}
.esa-product-cart {
	position: absolute;
	z-index: 5;
	inset-inline-end: var(--esa-cart-inline-offset);
	bottom: var(--esa-cart-bottom-offset);
	width: calc(var(--esa-cart-size) + var(--esa-cart-shell-gap));
	height: calc(var(--esa-cart-size) + var(--esa-cart-shell-gap));
	background: var(--esa-cart-shell-bg);
	border-start-end-radius: var(--esa-cart-shell-radius);
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	isolation: isolate;
	overflow: visible;
	transition: opacity var(--esa-cart-duration) ease, transform var(--esa-cart-duration) cubic-bezier(.2,.7,.2,1);
}
.esa-product-cart::before, .esa-product-cart::after {
	content: "";
	position: absolute;
	z-index: 0;
	width: var(--esa-cart-notch);
	height: var(--esa-cart-notch);
	background: transparent;
	pointer-events: none;
}
/*
 * True circular notch / inverted border radius.
 * The pseudo-elements stay transparent. Their rounded box-shadows paint only
 * the outside quarter of the shell, so the product image remains visible
 * inside the concave corner instead of producing two solid white wings.
 */
.esa-products-widget[dir="rtl"] .esa-product-cart,
.rtl .esa-products-widget .esa-product-cart {
	align-items: flex-end;
	justify-content: flex-end;
	border-radius: 0 var(--esa-cart-shell-radius) 0 0;
}
.esa-products-widget[dir="rtl"] .esa-product-cart::before,
.rtl .esa-products-widget .esa-product-cart::before {
	left: 0;
	top: calc(-1 * var(--esa-cart-notch));
	border-radius: 0 0 0 var(--esa-cart-notch);
	box-shadow: calc(-1 * var(--esa-cart-notch-depth)) var(--esa-cart-notch-depth) 0 var(--esa-cart-notch-depth) var(--esa-cart-shell-bg);
}
.esa-products-widget[dir="rtl"] .esa-product-cart::after,
.rtl .esa-products-widget .esa-product-cart::after {
	right: calc(-1 * var(--esa-cart-notch));
	bottom: 0;
	border-radius: 0 0 0 var(--esa-cart-notch);
	box-shadow: calc(-1 * var(--esa-cart-notch-depth)) var(--esa-cart-notch-depth) 0 var(--esa-cart-notch-depth) var(--esa-cart-shell-bg);
}
.esa-products-widget[dir="ltr"] .esa-product-cart {
	align-items: flex-end;
	justify-content: flex-start;
	border-radius: var(--esa-cart-shell-radius) 0 0 0;
}
.esa-products-widget[dir="ltr"] .esa-product-cart::before {
	right: 0;
	top: calc(-1 * var(--esa-cart-notch));
	border-radius: 0 0 var(--esa-cart-notch) 0;
	box-shadow: var(--esa-cart-notch-depth) var(--esa-cart-notch-depth) 0 var(--esa-cart-notch-depth) var(--esa-cart-shell-bg);
}
.esa-products-widget[dir="ltr"] .esa-product-cart::after {
	left: calc(-1 * var(--esa-cart-notch));
	bottom: 0;
	border-radius: 0 0 var(--esa-cart-notch) 0;
	box-shadow: var(--esa-cart-notch-depth) var(--esa-cart-notch-depth) 0 var(--esa-cart-notch-depth) var(--esa-cart-shell-bg);
}
.esa-cart-button {
	width: var(--esa-cart-size) !important;
	height: var(--esa-cart-size) !important;
	min-width: var(--esa-cart-size) !important;
	min-height: var(--esa-cart-size) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	border-radius: 50% !important;
	background: #222 !important;
	color: #fff !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	line-height: 1 !important;
	box-shadow: none;
	position: relative;
	z-index: 2;
	overflow: hidden;
	transform: translateY(0);
	transition: color var(--esa-cart-duration) ease, background-color var(--esa-cart-duration) ease, transform var(--esa-cart-duration) ease, box-shadow var(--esa-cart-duration) ease !important;
}
.esa-cart-button::before { content: none !important; }
.esa-cart-button .esa-add-to-cart-icon { width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; position: relative; z-index: 2; }
.esa-cart-button .esa-add-to-cart-icon svg { width: var(--esa-cart-icon-size); height: var(--esa-cart-icon-size); transition: transform var(--esa-cart-duration) ease; }
.esa-cart-button:hover .esa-add-to-cart-icon svg, .esa-cart-button:focus .esa-add-to-cart-icon svg { transform: scale(1.08); }
.esa-cart-button.loading .esa-add-to-cart-icon { opacity: .35; }
.esa-product-cart .added_to_cart { display: none !important; }
.esa-cart-button.loading::after { top: 50% !important; right: 50% !important; margin: -8px -8px 0 0 !important; width: 16px !important; height: 16px !important; border: 2px solid currentColor !important; border-inline-start-color: transparent !important; border-radius: 50% !important; animation: esa-spin .65s linear infinite !important; }
@media (hover: hover) and (pointer: fine) {
	.esa-cart-display-hover .esa-product-cart { opacity: 0; pointer-events: none; transform: translate3d(-18px,18px,0) scale(.82); }
	.esa-cart-display-hover .esa-product-card:hover .esa-product-cart, .esa-cart-display-hover .esa-product-card:focus-within .esa-product-cart { opacity: 1; pointer-events: auto; transform: translate3d(0,0,0) scale(1); }
	.esa-products-widget[dir="ltr"].esa-cart-display-hover .esa-product-cart { transform: translate3d(18px,18px,0) scale(.82); }
	.esa-products-widget[dir="ltr"].esa-cart-display-hover .esa-product-card:hover .esa-product-cart, .esa-products-widget[dir="ltr"].esa-cart-display-hover .esa-product-card:focus-within .esa-product-cart { transform: translate3d(0,0,0) scale(1); }
}
@media (hover: none), (pointer: coarse) {
	.esa-cart-display-hover .esa-product-cart { opacity: 1; pointer-events: auto; transform: none; }
}
.esa-product-content { flex: 1; position: relative; padding: 18px 0 4px; background: #fff; }
.esa-product-rating { display: flex; align-items: center; gap: 5px; margin-bottom: 7px; min-height: 18px; }
.esa-rating-count { color: #5e5e5e; font-size: 10px; font-weight: 500; }
.esa-product-title { margin: 0 0 12px !important; font-size: 14px; font-weight: 600; line-height: 1.65; }
.esa-product-title a { color: #222; text-decoration: none !important; transition: color .25s ease; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.esa-product-title a:hover { color: var(--esa-accent); }
.esa-product-price { color: #222; font-size: 14px; font-weight: 800; line-height: 1.5; }
.esa-product-price del { color: #909090; opacity: 1; font-weight: 500; margin-inline-end: 6px; }
.esa-product-price ins { text-decoration: none; }
.esa-product-excerpt { display: none; color: #666; font-size: 14px; line-height: 1.9; margin-top: 18px; }
.esa-product-excerpt p { margin: 0; color: inherit; font: inherit; line-height: inherit; }
.esa-product-excerpt p:not(:last-child) { margin-bottom: 0; }
.esa-no-products { grid-column: 1/-1; padding: 50px 25px; text-align: center; border: 1px dashed var(--esa-border); border-radius: 6px; color: var(--esa-muted); }

.esa-products-grid.esa-view-list .esa-product-inner { display: grid; grid-template-columns: minmax(240px, 32%) minmax(0, 1fr); gap: 30px; align-items: stretch; }
.esa-products-grid.esa-view-list .esa-product-media { min-height: 300px; }
.esa-products-grid.esa-view-list .esa-product-image-link { height: 100%; min-height: 300px; aspect-ratio: auto; }
.esa-products-grid.esa-view-list .esa-product-content { padding: 28px 30px 28px 0; display: flex; flex-direction: column; justify-content: center; }
[dir="rtl"] .esa-products-grid.esa-view-list .esa-product-content, .rtl .esa-products-grid.esa-view-list .esa-product-content { padding: 28px 0 28px 30px; }
.esa-products-grid.esa-view-list .esa-product-title { font-size: 19px; margin-bottom: 18px !important; }
.esa-products-grid.esa-view-list .esa-product-excerpt { display: block; }
.esa-products-grid.esa-view-list .esa-product-cart { inset-inline-end: var(--esa-cart-inline-offset); bottom: var(--esa-cart-bottom-offset); }

.esa-loading { position: absolute; z-index: 20; inset: 0; background: rgba(255,255,255,.72); display: flex; align-items: flex-start; justify-content: center; padding-top: 80px; opacity: 0; visibility: hidden; transition: .2s; }
.esa-products-widget.is-loading .esa-loading { opacity: 1; visibility: visible; }
.esa-loading span { width: 34px; height: 34px; border: 3px solid #ddd; border-top-color: #222; border-radius: 50%; animation: esa-spin .65s linear infinite; }
@keyframes esa-spin { to { transform: rotate(360deg); } }

/* WooCommerce star rating fallback */
.esa-product-rating .star-rating, .esa-rating-item .star-rating, .esa-quick-view-rating .star-rating { float: none; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: star; }
.esa-product-rating .star-rating::before, .esa-rating-item .star-rating::before, .esa-quick-view-rating .star-rating::before { content: "sssss"; color: #d6d6d6; top: 0; left: 0; position: absolute; }
.esa-product-rating .star-rating span, .esa-rating-item .star-rating span, .esa-quick-view-rating .star-rating span { overflow: hidden; top: 0; left: 0; position: absolute; padding-top: 1.5em; }
.esa-product-rating .star-rating span::before, .esa-rating-item .star-rating span::before, .esa-quick-view-rating .star-rating span::before { content: "SSSSS"; top: 0; position: absolute; left: 0; color: #f3b51b; }

/* Toolbar */
.esa-toolbar { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; position: relative; z-index: 15; }
.esa-toolbar-start { display: flex; align-items: center; gap: 26px; min-width: 0; }
.esa-view-switcher { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.esa-view-button { width: 46px; height: 46px; padding: 0 !important; border: 0 !important; border-radius: 4px !important; background: transparent !important; color: #222 !important; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: .25s ease !important; }
.esa-view-button svg { width: 19px; height: 19px; fill: currentColor; stroke: none; }
.esa-view-button:hover, .esa-view-button.is-active { background: #222 !important; color: #fff !important; }
.esa-result-count { margin: 0 !important; color: #555; font-size: 12px; white-space: nowrap; }
.esa-ordering { position: relative; min-width: 165px; margin-inline-start: auto; }
.esa-ordering-toggle { width: 100%; height: 46px; padding: 0 14px !important; border: 1px solid var(--esa-border) !important; border-radius: 4px !important; background: #fff !important; color: #222 !important; display: flex; align-items: center; gap: 18px; font-size: 12px; font-weight: 600; cursor: pointer; text-align: start; }
.esa-ordering-toggle svg { width: 13px; height: 13px; margin-inline-start: auto; transition: transform .25s ease; }
.esa-ordering.is-open .esa-ordering-toggle svg { transform: rotate(180deg); }
.esa-ordering-menu { position: absolute; z-index: 100; top: calc(100% - 1px); inset-inline-end: 0; width: max(250px, 100%); padding: 16px; background: #fff; border: 1px solid var(--esa-border); border-radius: 10px 0 10px 10px; box-shadow: 10px 10px 20px rgba(0,0,0,.1); opacity: 0; visibility: hidden; transform: translateY(7px); transition: .2s ease; }
[dir="rtl"] .esa-ordering-menu, .rtl .esa-ordering-menu { border-radius: 0 10px 10px 10px; }
.esa-ordering.is-open .esa-ordering-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.esa-ordering-option { width: 100%; display: flex; align-items: center; gap: 14px; padding: 0 !important; margin: 0 0 15px !important; border: 0 !important; background: transparent !important; color: #555 !important; font-size: 13px; cursor: pointer; text-align: start; }
.esa-ordering-option:last-child { margin-bottom: 0 !important; }
.esa-ordering-option > span { width: 20px; height: 20px; border: 1px solid #222; border-radius: 50%; position: relative; flex: 0 0 auto; }
.esa-ordering-option.is-active > span::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: #222; }
.esa-ordering-option:hover, .esa-ordering-option.is-active { color: #222 !important; }

/* Filters */
.esa-filter-widget { width: 100%; padding: 0; margin: 0 0 25px; border: 0 !important; direction: rtl; text-align: right; }
.esa-filter-title { width: 100%; border: 0 !important; border-bottom: 1px solid var(--esa-border) !important; padding: 0 0 15px !important; margin: 0 0 15px !important; background: transparent !important; color: #222 !important; display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 15px; line-height: 1.55; font-weight: 700; text-align: right; cursor: pointer; }
.esa-filter-chevron { flex: 0 0 auto; transition: transform .25s ease; }
.esa-filter-chevron svg { width: 13px; height: 13px; }
.esa-filter-widget.is-open .esa-filter-chevron { transform: rotate(180deg); }
.esa-filter-content { display: none; }
.esa-filter-widget.is-open .esa-filter-content { display: block; }
.esa-filter-list { margin: 0 !important; padding: 0 !important; list-style: none !important; display: flex; flex-direction: column; gap: 10px; }
.esa-filter-children { margin: 8px 0 0 !important; padding-inline-start: 17px !important; list-style: none !important; display: flex; flex-direction: column; gap: 8px; }
.esa-filter-item { margin: 0 !important; padding: 0 !important; color: #333; font-size: 13px; line-height: 1.8; }
.esa-filter-item > a { color: inherit; display: flex; align-items: center; gap: 5px; width: 100%; text-decoration: none !important; cursor: pointer; transition: color .2s ease; }
.esa-filter-item:hover, .esa-filter-item.is-active { color: var(--esa-accent); }
.esa-filter-count { color: #909090; font-size: 11px; font-weight: 300; }
.esa-checkbox-item > a { position: relative; padding-inline-start: 34px; }
.esa-checkmark { position: absolute; inset-inline-start: 0; top: 50%; width: 20px; height: 20px; border: 1px solid #c8c8c8; border-radius: 2px; transform: translateY(-50%); }
.esa-checkbox-item.is-active .esa-checkmark { background: #222; border-color: #222; }
.esa-checkbox-item.is-active .esa-checkmark::after { content: ""; position: absolute; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); left: 7px; top: 3px; }
.esa-swatch-list { flex-direction: row; flex-wrap: wrap; gap: 10px; }
.esa-swatch-item { display: inline-flex; }
.esa-swatch-item > a { display: block; }
.esa-color-swatch { width: 30px; height: 30px; display: block; border: 1px solid transparent; border-radius: 50%; padding: 3px; transition: border-color .18s ease, transform .18s ease; }
.esa-color-swatch span { width: 100%; height: 100%; display: block; border-radius: 50%; border: 1px solid rgba(0,0,0,.08); }
.esa-swatch-item:hover .esa-color-swatch, .esa-swatch-item.is-active .esa-color-swatch { border-color: #222; transform: scale(1.04); }
.esa-rating-item > a { gap: 8px; }
.esa-rating-item .star-rating { font-size: 13px; }

/* Price filter */
.esa-price-slider { position: relative; padding-top: 10px; direction: ltr; text-align: left; }
.esa-price-track { position: relative; height: 7px; border: 1px solid #ababab; background: #fff; border-radius: 7px; }
.esa-price-progress { position: absolute; top: -1px; bottom: -1px; border-radius: 7px; background: #222; }
.esa-price-ranges { position: relative; height: 0; direction: ltr; text-align: left; }
.esa-price-ranges input[type="range"] { position: absolute; left: 0; top: -7px; width: 100%; height: 7px; margin: 0; padding: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; border: 0; outline: 0; direction: ltr; }
.esa-price-range-min { z-index: 3; }
.esa-price-range-max { z-index: 4; }
.esa-price-ranges input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #fff; background: #222; box-shadow: 0 0 0 1px #222; pointer-events: auto; cursor: ew-resize; }
.esa-price-ranges input[type="range"]::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; background: #222; box-shadow: 0 0 0 1px #222; pointer-events: auto; cursor: ew-resize; }
.esa-price-values { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; color: #555; font-size: 11px; direction: ltr; text-align: left; }
.esa-price-inputs { display: flex; align-items: center; gap: 10px; margin: 18px 0 14px; direction: ltr; text-align: left; }
.esa-price-inputs input { min-width: 0; width: 100%; height: 36px; padding: 4px 8px !important; border: 1px solid var(--esa-border) !important; border-radius: 3px !important; background: #fff !important; box-shadow: none !important; color: #222 !important; font-size: 12px; direction: ltr; text-align: center; }
.esa-price-submit { height: 36px; min-width: 90px; padding: 0 20px !important; border: 0 !important; border-radius: 3px !important; background: #222 !important; color: #fff !important; font-size: 12px; cursor: pointer; transition: opacity .2s ease !important; }
.esa-price-submit:hover { opacity: .82; }
.esa-price-submit:focus { outline: none !important; }

/* Active filters */
.esa-active-filters:empty { display: none; }
.esa-active-filter-list { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.esa-active-filter {
	min-height: 38px;
	display: inline-flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 5px 6px 5px 12px !important;
	border: 1px solid #e4e4e4 !important;
	border-radius: 3px !important;
	background: #fff !important;
	color: #222 !important;
	font-size: 12px;
	line-height: 1.5;
	cursor: pointer;
	box-shadow: none !important;
	transition: color .2s ease, background-color .2s ease, border-color .2s ease !important;
}
.esa-active-filter:hover { border-color: #222 !important; background: #222 !important; color: #fff !important; }
.esa-active-filter-label { display: block; white-space: nowrap; }
.esa-active-filter-remove {
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #f1f1f1;
	color: #222;
	transition: color .2s ease, background-color .2s ease;
}
.esa-active-filter-remove svg { width: 11px; height: 11px; }
.esa-active-filter:hover .esa-active-filter-remove { background: #fff; color: #222; }
.esa-clear-filters { min-height: 38px; padding: 5px 4px !important; border: 0 !important; background: transparent !important; color: #777 !important; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; transition: color .2s ease !important; }
.esa-clear-filters:hover { color: #222 !important; }

/* Pagination */
.esa-pagination-widget[hidden], .esa-pagination-widget:empty { display: none !important; }
.esa-pagination { width: 100%; text-align: center; margin-top: 30px; }
.esa-pagination-count { margin-bottom: 15px; color: #555; font-size: 12px; }
.esa-pagination-progress { position: relative; width: min(250px, 100%); height: 7px; margin: 0 auto 30px; border-radius: 7px; background: #ebebeb; overflow: hidden; }
.esa-pagination-progress span { position: absolute; inset-block: 0; inset-inline-start: 0; border-radius: 7px; background: #222; transition: width .3s ease; }
.esa-load-more { min-width: 250px; height: 48px; padding: 0 20px !important; border: 0 !important; border-radius: 4px !important; background: #ebebeb !important; color: #222 !important; font-size: 12px; cursor: pointer; transition: .25s ease !important; }
.esa-load-more:hover { background: #222 !important; color: #fff !important; }
.esa-load-more[disabled] { opacity: .55; cursor: wait; }
.esa-page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.esa-page-number { width: 42px; height: 42px; padding: 0 !important; border: 1px solid var(--esa-border) !important; border-radius: 4px !important; background: #fff !important; color: #222 !important; cursor: pointer; }
.esa-page-number.is-active { background: #222 !important; color: #fff !important; border-color: #222 !important; }
.esa-infinite-sentinel { display: block; height: 1px; }

/* Mobile filter drawer */
.esa-mobile-filter-widget { display: none; }
.esa-mobile-filter-toggle { min-height: 46px; width: 100%; padding: 10px 16px !important; border: 1px solid var(--esa-border) !important; border-radius: 4px !important; background: #fff !important; color: #222 !important; display: flex; align-items: center; justify-content: center; gap: 9px; cursor: pointer; }
.esa-mobile-filter-toggle svg { width: 18px; height: 18px; }
.esa-filter-drawer-overlay { position: fixed; z-index: 99998; inset: 0; background: rgba(0,0,0,.42); opacity: 0; visibility: hidden; transition: .25s ease; }
.esa-filter-drawer { position: fixed; z-index: 99999; top: 0; bottom: 0; inset-inline-start: 0; width: min(420px, 88vw); background: #fff; transform: translateX(-105%); transition: transform .3s ease; display: flex; flex-direction: column; box-shadow: 0 0 30px rgba(0,0,0,.18); }
[dir="rtl"] .esa-filter-drawer, .rtl .esa-filter-drawer { transform: translateX(105%); }
.esa-filter-drawer.is-open { transform: translateX(0); }
.esa-filter-drawer-overlay.is-open { opacity: 1; visibility: visible; }
.esa-filter-drawer-header { height: 68px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--esa-border); }
.esa-filter-drawer-title { font-size: 18px; font-weight: 700; }
.esa-filter-drawer-close { width: 38px; height: 38px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #f2f2f2 !important; color: #222 !important; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.esa-filter-drawer-close svg { width: 17px; height: 17px; }
.esa-filter-drawer-content { flex: 1; overflow-y: auto; padding: 25px 22px 60px; overscroll-behavior: contain; }
body.esa-drawer-open { overflow: hidden; }

/* Quick view */
.esa-modal-overlay { position: fixed; z-index: 100000; inset: 0; background: rgba(0,0,0,.52); display: flex; align-items: center; justify-content: center; padding: 25px; opacity: 0; visibility: hidden; transition: .22s ease; }
.esa-modal-overlay.is-open { opacity: 1; visibility: visible; }
.esa-modal { width: min(920px, 100%); max-height: calc(100vh - 50px); overflow-y: auto; position: relative; background: #fff; border-radius: 6px; box-shadow: 0 20px 80px rgba(0,0,0,.25); transform: translateY(14px); transition: .22s ease; }
.esa-modal-overlay.is-open .esa-modal { transform: translateY(0); }
.esa-modal-close { position: absolute; z-index: 5; top: 12px; inset-inline-end: 12px; width: 40px; height: 40px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(255,255,255,.9) !important; color: #222 !important; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 3px 14px rgba(0,0,0,.1); }
.esa-modal-close svg { width: 17px; height: 17px; }
.esa-modal-body { min-height: 300px; }
.esa-modal-loader { min-height: 360px; display: flex; align-items: center; justify-content: center; }
.esa-modal-loader span { width: 34px; height: 34px; border: 3px solid #ddd; border-top-color: #222; border-radius: 50%; animation: esa-spin .65s linear infinite; }
.esa-quick-view-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.esa-quick-view-image { min-height: 500px; background: #f5f5f5; }
.esa-quick-view-image img { width: 100% !important; height: 100% !important; min-height: 500px; object-fit: cover; display: block; }
.esa-quick-view-content { padding: 55px 45px 45px; display: flex; flex-direction: column; align-items: flex-start; }
.esa-quick-view-content h2 { margin: 0 0 14px; font-size: 27px; line-height: 1.45; }
.esa-quick-view-rating { margin-bottom: 14px; }
.esa-quick-view-price { margin-bottom: 20px; font-size: 19px; font-weight: 800; }
.esa-quick-view-price del { color: #999; font-weight: 400; }
.esa-quick-view-price ins { text-decoration: none; }
.esa-quick-view-description { color: #666; line-height: 1.9; margin-bottom: 25px; }
.esa-quick-view-cart { min-height: 46px; padding: 0 25px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 4px !important; background: #222 !important; color: #fff !important; text-decoration: none !important; }
.esa-quick-view-product-link { margin-top: 18px; color: #222; font-size: 13px; text-decoration: underline; }

@media (hover: none) {
	.esa-action-button { opacity: 1; transform: none; width: 39px; height: 39px; min-width: 39px; }
	.esa-action-button::after { display: none; }
}

@media (max-width: 1024px) {
	.esa-products-grid { --esa-columns: 2; gap: 22px; }
	.esa-mobile-filter-widget { display: block; }
	.esa-toolbar { flex-wrap: wrap; }
	.esa-toolbar-start { flex: 1 1 auto; }
	.esa-products-grid.esa-view-list .esa-product-inner { grid-template-columns: minmax(210px, 40%) minmax(0, 1fr); gap: 22px; }
	.esa-product-actions { top: 8px; inset-inline-end: 8px; gap: 6px; }
}

@media (max-width: 767px) {
	.esa-products-grid { --esa-columns: 2; gap: 18px 12px; }
	.esa-products-grid.esa-view-grid_2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.esa-products-grid.esa-view-list { grid-template-columns: 1fr; }
	.esa-product-content { padding: 13px 8px 3px; }
	.esa-product-title { font-size: 12px; margin-bottom: 8px !important; }
	.esa-product-price { font-size: 12px; }
	.esa-product-rating { margin-bottom: 5px; }
	.esa-product-rating .star-rating { font-size: 11px; }
	.esa-rating-count { font-size: 9px; }
	.esa-product-actions { display: none; }
	.esa-products-grid.esa-view-list .esa-product-inner { grid-template-columns: 125px minmax(0, 1fr); gap: 14px; }
	.esa-products-grid.esa-view-list .esa-product-media, .esa-products-grid.esa-view-list .esa-product-image-link { min-height: 180px; }
	.esa-products-grid.esa-view-list .esa-product-content, [dir="rtl"] .esa-products-grid.esa-view-list .esa-product-content, .rtl .esa-products-grid.esa-view-list .esa-product-content { padding: 15px 10px; }
	.esa-products-grid.esa-view-list .esa-product-title { font-size: 14px; margin-bottom: 10px !important; }
	.esa-products-grid.esa-view-list .esa-product-excerpt { display: none; }
	.esa-products-grid.esa-view-list .esa-product-cart { display: none; }
	.esa-toolbar { gap: 14px; }
	.esa-toolbar-start { width: 100%; justify-content: space-between; gap: 10px; }
	.esa-view-switcher { gap: 3px; }
	.esa-view-button { width: 39px; height: 39px; }
	.esa-result-count { white-space: normal; text-align: end; }
	.esa-ordering { width: 100%; min-width: 0; }
	.esa-ordering-toggle { width: 100%; }
	.esa-load-more { min-width: min(250px, 100%); }
	.esa-quick-view-grid { grid-template-columns: 1fr; }
	.esa-quick-view-image, .esa-quick-view-image img { min-height: 320px; max-height: 380px; }
	.esa-quick-view-content { padding: 30px 22px; }
	.esa-quick-view-content h2 { font-size: 21px; }
}

@media (max-width: 480px) {
	.esa-products-grid { gap: 16px 8px; }
	.esa-sale-badge { min-width: 38px; height: 23px; padding: 0 7px; font-size: 9px; top: 7px; inset-inline-start: 7px; }
	.esa-product-content { padding-inline: 5px; }
	.esa-product-title { line-height: 1.55; }
	.esa-products-grid.esa-view-list .esa-product-inner { grid-template-columns: 110px minmax(0, 1fr); gap: 10px; }
	.esa-products-grid.esa-view-list .esa-product-media, .esa-products-grid.esa-view-list .esa-product-image-link { min-height: 155px; }
}

/* Persian / RTL safeguards */
.esa-products-widget, .esa-toolbar, .esa-pagination-widget, .esa-active-filters, .esa-filter-drawer, .esa-modal { direction: rtl; text-align: right; }
.esa-modal-close, .esa-filter-drawer-close { direction: ltr; }
.esa-ordering-option, .esa-ordering-toggle, .esa-mobile-filter-toggle { text-align: right; }
.esa-price-control { direction: rtl; text-align: right; }