/**
 * Masrawy Store - Kimo Store Style Product Filter
 * Modern RTL, Clean Cards, Accordions, Price Slider & Mobile Drawer
 */

/* ==========================================================================
   1. SIDEBAR & CARD CONTAINERS
   ========================================================================== */
#secondary.shop-sidebar {
	font-family: "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	direction: rtl;
	text-align: right;
}

@media (min-width: 992px) {
	#secondary.shop-sidebar {
		position: -webkit-sticky;
		position: sticky;
		top: 110px;
		margin-bottom: 40px;
		z-index: 15;
	}
}

/* Filter Widget Card */
.shop-sidebar .widget {
	background: #ffffff !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 16px !important;
	padding: 18px 20px !important;
	margin-bottom: 18px !important;
	box-shadow: 0 4px 15px -3px rgba(15, 23, 42, 0.04), 0 2px 6px -2px rgba(15, 23, 42, 0.02) !important;
	transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
	overflow: hidden;
}

.shop-sidebar .widget:hover {
	border-color: #cbd5e1 !important;
	box-shadow: 0 6px 20px -3px rgba(15, 23, 42, 0.06) !important;
}

/* ==========================================================================
   2. COLLAPSIBLE ACCORDION HEADERS
   ========================================================================== */
.shop-sidebar .widget .widget-title {
	font-size: 15.5px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin: 0 !important;
	padding: 0 0 12px 0 !important;
	border-bottom: 1.5px solid #f1f5f9 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	cursor: pointer !important;
	user-select: none !important;
	font-family: "Cairo", sans-serif !important;
	position: relative;
}

.shop-sidebar .widget .widget-title::after {
	content: "";
	width: 8px;
	height: 8px;
	border-left: 2px solid #64748b;
	border-bottom: 2px solid #64748b;
	transform: rotate(45deg);
	transition: transform 0.25s ease;
	flex-shrink: 0;
	margin-right: 8px;
}

.shop-sidebar .widget.is-collapsed .widget-title::after {
	transform: rotate(-45deg);
}

.shop-sidebar .widget.is-collapsed > *:not(.widget-title) {
	display: none !important;
}

.shop-sidebar .widget > *:not(.widget-title) {
	margin-top: 14px;
	animation: masrawyFilterFade 0.25s ease;
}

@keyframes masrawyFilterFade {
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

/* ==========================================================================
   3. IN-STOCK FILTER (حالة التوفر)
   ========================================================================== */
.masrawy-stock-filter-wrap {
	margin: 0;
}

.masrawy-stock-toggle-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	background: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 12px;
	text-decoration: none !important;
	color: #1e293b !important;
	font-size: 14px;
	font-weight: 700;
	transition: all 0.2s ease;
}

.masrawy-stock-toggle-link:hover {
	background: #f1f5f9;
	border-color: #cbd5e1;
}

.masrawy-stock-toggle-link.is-active {
	background: #e0f2fe;
	border-color: #0284c7;
	color: #0284c7 !important;
}

.masrawy-custom-checkbox {
	width: 20px;
	height: 20px;
	border: 2px solid #cbd5e1;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	transition: all 0.2s;
	flex-shrink: 0;
}

.masrawy-custom-checkbox.checked {
	background: #0284c7;
	border-color: #0284c7;
	color: #ffffff;
}

.masrawy-stock-label {
	flex: 1;
	margin-right: 10px;
}

.masrawy-stock-pulse {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2);
}

/* ==========================================================================
   4. BRAND FILTER (العلامة التجارية مع البحث)
   ========================================================================== */
.shop-sidebar .widget_brand_nav,
.shop-sidebar .widget_layered_nav {
	padding-bottom: 12px !important;
}

.masrawy-brand-search-input {
	width: 100%;
	height: 38px;
	padding: 0 14px;
	border: 1.5px solid #e2e8f0;
	border-radius: 10px;
	font-size: 13px;
	color: #0f172a;
	margin-bottom: 12px;
	outline: none;
	font-family: "Cairo", sans-serif;
	transition: border-color 0.2s;
	box-sizing: border-box;
}

.masrawy-brand-search-input:focus {
	border-color: #0284c7;
}

.shop-sidebar .wc-brand-list-layered-nav-product_brand,
.shop-sidebar .woocommerce-widget-layered-nav-list {
	max-height: 240px;
	overflow-y: auto;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 #f1f5f9;
}

.shop-sidebar .wc-brand-list-layered-nav-product_brand::-webkit-scrollbar,
.shop-sidebar .woocommerce-widget-layered-nav-list::-webkit-scrollbar {
	width: 5px;
}

.shop-sidebar .wc-brand-list-layered-nav-product_brand::-webkit-scrollbar-thumb,
.shop-sidebar .woocommerce-widget-layered-nav-list::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 4px;
}

.shop-sidebar .wc-layered-nav-term {
	margin-bottom: 8px;
}

.shop-sidebar .wc-layered-nav-term a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 6px 8px !important;
	border-radius: 8px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #334155 !important;
	text-decoration: none !important;
	transition: background 0.15s ease, color 0.15s ease !important;
}

.shop-sidebar .wc-layered-nav-term a:hover {
	background: #f8fafc !important;
	color: #0284c7 !important;
}

.shop-sidebar .wc-layered-nav-term.chosen a {
	background: #e0f2fe !important;
	color: #0284c7 !important;
	font-weight: 700 !important;
}

.shop-sidebar .wc-layered-nav-term .count {
	font-size: 11.5px;
	font-weight: 700;
	color: #64748b;
	background: #f1f5f9;
	padding: 1px 8px;
	border-radius: 12px;
	min-width: 24px;
	text-align: center;
}

.shop-sidebar .wc-layered-nav-term.chosen .count {
	background: #0284c7;
	color: #ffffff;
}

/* ==========================================================================
   5. PRICE SLIDER (السعر)
   ========================================================================== */
.shop-sidebar .widget_price_filter .price_slider_wrapper {
	padding-top: 6px;
}

.shop-sidebar .widget_price_filter .ui-slider {
	position: relative;
	text-align: left;
	height: 6px !important;
	background: #e2e8f0 !important;
	border-radius: 4px !important;
	margin: 0 10px 18px 10px !important;
	border: none !important;
}

.shop-sidebar .widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	height: 100%;
	background: #0284c7 !important;
	border-radius: 4px;
}

.shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 18px !important;
	height: 18px !important;
	cursor: pointer !important;
	border-radius: 50% !important;
	outline: none !important;
	top: -6px !important;
	margin-left: -9px !important;
	background: #ffffff !important;
	border: 3px solid #0284c7 !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
	transition: transform 0.15s ease;
}

.shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle:hover {
	transform: scale(1.15);
}

.shop-sidebar .widget_price_filter .price_slider_amount {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px;
}

.shop-sidebar .widget_price_filter .price_label {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #334155 !important;
	text-align: center !important;
	background: #f8fafc;
	padding: 8px 12px;
	border-radius: 10px;
	border: 1px solid #f1f5f9;
}

.shop-sidebar .widget_price_filter .price_slider_amount .button {
	width: 100% !important;
	height: 40px !important;
	background: #0f172a !important;
	color: #ffffff !important;
	border-radius: 10px !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	border: none !important;
	transition: background 0.2s !important;
	font-family: "Cairo", sans-serif !important;
}

.shop-sidebar .widget_price_filter .price_slider_amount .button:hover {
	background: #0284c7 !important;
}

/* ==========================================================================
   6. CATEGORIES (التصنيفات)
   ========================================================================== */
.shop-sidebar .product-categories {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	max-height: 280px;
	overflow-y: auto;
	scrollbar-width: thin;
}

.shop-sidebar .product-categories .cat-item {
	margin-bottom: 6px;
}

.shop-sidebar .product-categories .cat-item a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 6px 10px !important;
	border-radius: 8px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #334155 !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
}

.shop-sidebar .product-categories .cat-item a:hover {
	background: #f8fafc !important;
	color: #0284c7 !important;
}

.shop-sidebar .product-categories .current-cat > a {
	background: #e0f2fe !important;
	color: #0284c7 !important;
	font-weight: 800 !important;
}

.shop-sidebar .product-categories .count {
	font-size: 11.5px;
	font-weight: 700;
	color: #64748b;
	background: #f1f5f9;
	padding: 1px 8px;
	border-radius: 12px;
}

.shop-sidebar .product-categories .current-cat > a .count {
	background: #0284c7;
	color: #ffffff;
}

/* Nested subcategories */
.shop-sidebar .product-categories .children {
	list-style: none !important;
	padding-right: 14px !important;
	margin-top: 4px;
	border-right: 2px solid #e2e8f0;
}

/* ==========================================================================
   7. ACTIVE FILTERS (الفلاتر النشطة)
   ========================================================================== */
.shop-sidebar .widget_layered_nav_filters ul {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

.shop-sidebar .widget_layered_nav_filters li a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 4px 12px !important;
	background: #fee2e2 !important;
	color: #ef4444 !important;
	border-radius: 20px !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: background 0.2s !important;
}

.shop-sidebar .widget_layered_nav_filters li a:hover {
	background: #fecaca !important;
}

.shop-sidebar .widget_layered_nav_filters li a::after {
	content: "✕";
	font-size: 11px;
}

/* ==========================================================================
   8. MOBILE RESPONSIVE DRAWER & TRIGGER BUTTON
   ========================================================================== */
.masrawy-mobile-filter-bar {
	margin-bottom: 20px;
}

.masrawy-mobile-filter-btn {
	width: 100%;
	height: 46px;
	background: #ffffff;
	border: 1.5px solid #0284c7;
	border-radius: 12px;
	color: #0284c7;
	font-size: 15px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(2, 132, 199, 0.1);
	font-family: "Cairo", sans-serif;
	transition: all 0.2s;
}

.masrawy-mobile-filter-btn:active {
	background: #e0f2fe;
}

@media (max-width: 991px) {
	#secondary.shop-sidebar {
		position: fixed !important;
		top: 0 !important;
		right: -360px !important;
		width: 320px !important;
		max-width: 85vw !important;
		height: 100vh !important;
		background: #ffffff !important;
		z-index: 99999 !important;
		overflow-y: auto !important;
		padding: 24px 20px 80px 20px !important;
		box-shadow: -10px 0 35px rgba(0, 0, 0, 0.2) !important;
		transition: right 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
		display: block !important;
		float: none !important;
	}

	#secondary.shop-sidebar.is-open {
		right: 0 !important;
	}

	.masrawy-filter-drawer-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 16px;
		margin-bottom: 18px;
		border-bottom: 2px solid #f1f5f9;
	}

	.masrawy-filter-drawer-title {
		font-size: 17px;
		font-weight: 800;
		color: #0f172a;
		margin: 0;
	}

	.masrawy-filter-drawer-close {
		background: #f1f5f9;
		border: none;
		border-radius: 50%;
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #64748b;
		cursor: pointer;
		font-size: 16px;
		font-weight: 700;
	}

	.masrawy-filter-drawer-overlay {
		position: fixed;
		inset: 0;
		background: rgba(15, 23, 42, 0.6);
		backdrop-filter: blur(3px);
		z-index: 99998;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s ease;
	}

	.masrawy-filter-drawer-overlay.is-open {
		opacity: 1;
		pointer-events: auto;
	}
}

/* ==========================================================================
   4. MASRAWY MOBILE 2-COLUMN CATEGORY & SHOP GRID (منتجين جنب بعض في كل صف)
   ========================================================================== */
@media (max-width: 767px) {
	/* 1. Mobile Screen Breathing Margins */
	.woocommerce-page.archive .sober-container,
	.tax-product_cat .sober-container,
	.post-type-archive-product .sober-container,
	.woocommerce.archive .sober-container,
	.woocommerce-page.archive .container,
	.tax-product_cat .container,
	.post-type-archive-product .container {
		padding-left: 10px !important;
		padding-right: 10px !important;
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.woocommerce-page.archive .row,
	.tax-product_cat .row,
	.post-type-archive-product .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.woocommerce-page.archive .content-area,
	.tax-product_cat .content-area,
	.post-type-archive-product .content-area,
	.woocommerce-page.archive #primary,
	.tax-product_cat #primary {
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	/* 2. Shop Toolbar Polish on Mobile */
	.shop-toolbar {
		margin-bottom: 12px !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
	}

	.shop-toolbar .shop-toolbar__tabs,
	.shop-toolbar .products-filter,
	.shop-toolbar .shop-view,
	.shop-toolbar ul.products-filter {
		display: none !important;
	}

	.shop-toolbar .woocommerce-ordering {
		float: none !important;
		width: 100% !important;
		margin: 0 0 8px 0 !important;
	}

	.shop-toolbar .woocommerce-ordering select {
		width: 100% !important;
		height: 42px !important;
		border-radius: 10px !important;
		border: 1px solid #cbd5e1 !important;
		background-color: #f8fafc !important;
		font-family: "Cairo", sans-serif !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		padding: 0 14px !important;
		color: #1e293b !important;
		direction: rtl !important;
	}

	/* 3. STRICT 2-COLUMN GRID FOR ARCHIVE PRODUCTS */
	body.woocommerce-page.archive ul.products,
	body.tax-product_cat ul.products,
	body.post-type-archive-product ul.products,
	body.woocommerce.archive ul.products,
	body.woocommerce-page ul.products,
	body ul.products.columns-6,
	body ul.products.columns-5,
	body ul.products.columns-4,
	body ul.products.columns-3,
	body ul.products.columns-2,
	body ul.products.columns-1,
	body ul.products.columns-mobile-1,
	body ul.products.columns-mobile-2,
	.woocommerce-page .content-area ul.products,
	.woocommerce-page #primary ul.products,
	.woocommerce-page .site-main ul.products,
	ul.products {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		padding: 0 !important;
		margin: 10px 0 25px 0 !important;
		list-style: none !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		float: none !important;
		clear: both !important;
	}

	/* Clearfixes and float pseudo elements removal */
	body.woocommerce-page ul.products::before,
	body.woocommerce-page ul.products::after,
	body.woocommerce-page ul.products li.product::before,
	body.woocommerce-page ul.products li.product::after {
		display: none !important;
	}

	/* 4. Product Card Styling (Kimo Store High-End Look) */
	body.woocommerce-page.archive ul.products li.product,
	body.tax-product_cat ul.products li.product,
	body.post-type-archive-product ul.products li.product,
	body.woocommerce.archive ul.products li.product,
	body.woocommerce-page ul.products li.product,
	body ul.products.columns-6 li.product,
	body ul.products.columns-5 li.product,
	body ul.products.columns-4 li.product,
	body ul.products.columns-3 li.product,
	body ul.products.columns-2 li.product,
	body ul.products.columns-1 li.product,
	.woocommerce-page .content-area ul.products li.product,
	.woocommerce-page #primary ul.products li.product,
	.woocommerce-page .site-main ul.products li.product,
	ul.products li.product {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		float: none !important;
		clear: none !important;
		margin: 0 !important;
		padding: 8px !important;
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 12px !important;
		box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		position: relative !important;
		transition: transform 0.2s ease, box-shadow 0.2s ease !important;
		text-align: right !important;
		direction: rtl !important;
	}

	/* Use display contents on product-header so image, title, price, buttons order cleanly */
	body.woocommerce-page ul.products li.product .product-header {
		display: contents !important;
	}

	/* 1. Product Image Link */
	body.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link,
	body.woocommerce-page ul.products li.product .product-header > a {
		order: 1 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 170px !important;
		aspect-ratio: 1 / 1 !important;
		background: #f8fafc !important;
		border-radius: 10px !important;
		overflow: hidden !important;
		margin: 0 0 8px 0 !important;
		text-decoration: none !important;
	}

	body.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link img,
	body.woocommerce-page ul.products li.product .product-header img,
	body.woocommerce-page ul.products li.product img.attachment-woocommerce_thumbnail {
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		max-height: 165px !important;
		object-fit: contain !important;
		display: block !important;
		margin: 0 auto !important;
		padding: 2px !important;
		background: transparent !important;
		transition: transform 0.3s ease !important;
	}

	/* 2. Product Title */
	body.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
	body.woocommerce-page ul.products li.product h2.woocommerce-loop-product__title,
	body.woocommerce-page ul.products li.product h3.woocommerce-loop-product__title,
	body.woocommerce-page ul.products li.product h3 {
		order: 2 !important;
		font-family: "Cairo", sans-serif !important;
		font-size: 12.5px !important;
		font-weight: 700 !important;
		color: #1e293b !important;
		line-height: 1.4 !important;
		margin: 2px 0 6px 0 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		height: 35px !important;
		text-align: right !important;
		direction: rtl !important;
	}

	body.woocommerce-page ul.products li.product .woocommerce-loop-product__title a,
	body.woocommerce-page ul.products li.product h3 a {
		color: #1e293b !important;
		text-decoration: none !important;
	}

	/* 3. Product Price */
	body.woocommerce-page ul.products li.product .price {
		order: 3 !important;
		font-family: "Cairo", sans-serif !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		color: #0284c7 !important;
		margin: 0 0 10px 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: baseline !important;
		gap: 4px !important;
		direction: rtl !important;
		text-align: right !important;
		justify-content: flex-start !important;
	}

	body.woocommerce-page ul.products li.product .price ins {
		font-size: 14px !important;
		font-weight: 800 !important;
		color: #0284c7 !important;
		text-decoration: none !important;
	}

	body.woocommerce-page ul.products li.product .price del {
		font-size: 11.5px !important;
		font-weight: 500 !important;
		color: #94a3b8 !important;
		margin-right: 4px !important;
	}

	/* 4. Product Action Buttons at bottom of card */
	body.woocommerce-page ul.products li.product .buttons {
		order: 4 !important;
		position: static !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 6px !important;
		margin-top: auto !important;
		width: 100% !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.woocommerce-page ul.products li.product .buttons .add_to_cart_button,
	body.woocommerce-page ul.products li.product .buttons .button {
		flex: 1 !important;
		height: 36px !important;
		min-height: 36px !important;
		line-height: 36px !important;
		background: #0284c7 !important;
		color: #ffffff !important;
		border-radius: 8px !important;
		font-family: "Cairo", sans-serif !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		text-align: center !important;
		padding: 0 8px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		transition: background 0.2s ease !important;
		opacity: 1 !important;
		width: auto !important;
		margin: 0 !important;
		text-decoration: none !important;
	}

	body.woocommerce-page ul.products li.product .buttons .add_to_cart_button:hover,
	body.woocommerce-page ul.products li.product .buttons .button:hover {
		background: #0369a1 !important;
	}

	body.woocommerce-page ul.products li.product .buttons .add_to_cart_button svg,
	body.woocommerce-page ul.products li.product .buttons .button svg {
		fill: #ffffff !important;
		stroke: #ffffff !important;
		width: 15px !important;
		height: 15px !important;
	}

	/* Wishlist button */
	body.woocommerce-page ul.products li.product .buttons .wcboost-wishlist-button {
		flex: 0 0 34px !important;
		width: 34px !important;
		height: 36px !important;
		min-height: 36px !important;
		line-height: 36px !important;
		background: #f1f5f9 !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 8px !important;
		padding: 0 !important;
		margin: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: #64748b !important;
		opacity: 1 !important;
		text-decoration: none !important;
	}

	body.woocommerce-page ul.products li.product .buttons .wcboost-wishlist-button svg {
		width: 15px !important;
		height: 15px !important;
		fill: #64748b !important;
		stroke: #64748b !important;
	}

	body.woocommerce-page ul.products li.product .buttons .wcboost-wishlist-button__text,
	body.woocommerce-page ul.products li.product .buttons .wcboost-products-compare-button__text {
		display: none !important;
	}

	/* Hide compare button on mobile cards for cleaner spacing */
	body.woocommerce-page ul.products li.product .buttons .wcboost-products-compare-button {
		display: none !important;
	}

	/* Sale badge */
	body.woocommerce-page ul.products li.product .ribbons,
	body.woocommerce-page ul.products li.product .onsale {
		position: absolute !important;
		top: 6px !important;
		right: 6px !important;
		left: auto !important;
		background: #ef4444 !important;
		color: #ffffff !important;
		font-family: "Cairo", sans-serif !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		padding: 2px 7px !important;
		border-radius: 6px !important;
		line-height: 1.5 !important;
		min-height: 0 !important;
		min-width: 0 !important;
		z-index: 10 !important;
	}
}