/*
Theme Name: Benaa Child
Description: Project customizations for Benaa Store.
Author: Benaa Store Team
Template: woodmart
Version: 2.4.2
Text Domain: benaa-child
*/

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");

:root {
	--benaa-content-width: 1220px;
	--benaa-color-primary: #24313f;
	--benaa-color-secondary: #b9470b;
	--benaa-color-surface: #f7f6f2;
	--benaa-color-text: #17202a;
	--benaa-color-muted: #667085;
	--benaa-radius-sm: 6px;
	--benaa-radius-md: 12px;
	--benaa-space-1: 0.25rem;
	--benaa-space-2: 0.5rem;
	--benaa-space-3: 0.75rem;
	--benaa-space-4: 1rem;
	--benaa-space-6: 1.5rem;
	--benaa-space-8: 2rem;
}

@media (max-width: 767px) {
	.benaa-wd-slide { background-image: var(--benaa-slide-mobile) !important; }
}

/* AUDIT-01: public content, legal pages and photo-list shortcuts. */
.benaa-photo-list-cta { padding: 18px 0; background: #f1f3f5; border-block: 1px solid #dfe3e7; }
.benaa-photo-list-cta .benaa-global-container { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.benaa-photo-list-cta div > div { display: grid; gap: 3px; text-align: start; }
.benaa-photo-list-cta strong { color: #24313f; font-size: 18px; }
.benaa-photo-list-cta span { color: #65717d; }
.benaa-photo-list-cta a,
.bs-photo-list-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; border: 0; border-radius: 8px; background: #b9470b; color: #fff; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.benaa-legal-page { width: min(1120px, calc(100% - 32px)); margin: 32px auto 60px; color: #24313f; text-align: start; }
.benaa-legal-page h1 { margin-block: 0 24px; color: #24313f; }
.benaa-legal-page h2 { margin-block: 28px 10px; color: #24313f; }
.benaa-legal-page p { max-width: 82ch; line-height: 1.9; }
.benaa-contact-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 32px; margin-block: 24px 32px; }
.benaa-contact-form { display: grid; gap: 14px; padding: 24px; border: 1px solid #dfe3e7; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(36,49,63,.07); }
.benaa-contact-form label { display: grid; gap: 6px; font-weight: 600; }
.benaa-contact-form input,
.benaa-contact-form textarea { width: 100%; border: 1px solid #cdd4db; border-radius: 8px; padding: 11px 12px; font: inherit; }
.benaa-contact-form button { min-height: 44px; border: 0; border-radius: 8px; background: #b9470b; color: #fff; font: inherit; font-weight: 700; }
.benaa-contact-form .bs-hp { position: absolute; inset-inline-start: -9999px; }
.benaa-content-page { max-width: var(--benaa-content-width); margin-inline: auto; padding: 32px 20px 64px; color: var(--benaa-color-primary); }
.benaa-content-hero { position: relative; display: grid; min-height: 420px; place-items: center; overflow: hidden; border-radius: 18px; background: var(--benaa-color-primary); color: #fff; text-align: center; }
.benaa-content-hero.compact { min-height: 260px; }
.benaa-content-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .32; }
.benaa-content-hero > div { position: relative; z-index: 1; max-width: 700px; padding: 40px; }
.benaa-content-hero h1 { color: #fff; font-size: clamp(34px, 5vw, 58px); }
.benaa-content-hero a,.benaa-map-button { display: inline-flex; padding: 11px 20px; border-radius: 8px; background: var(--benaa-color-secondary); color: #fff; font-weight: 700; }
.benaa-content-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-block: 24px 48px; }
.benaa-content-steps article,.benaa-faq details { padding: 22px; border: 1px solid #dfe3e7; border-radius: 12px; background: #fff; }
.benaa-content-steps b { display: inline-grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: var(--benaa-color-secondary); color: #fff; }
.benaa-contact-layout,.benaa-legal-skeleton { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 32px; margin-block: 34px; }
.benaa-faq { display: grid; gap: 12px; }.benaa-faq summary { cursor: pointer; font-weight: 700; }
.benaa-legal-skeleton aside { align-self: start; position: sticky; inset-block-start: 24px; padding: 20px; border-radius: 12px; background: #f1f3f5; }
.benaa-legal-skeleton article section { min-height: 150px; padding-block: 24px; border-block-end: 1px solid #dfe3e7; }
.benaa-draft-note { display: inline-flex; padding: 7px 12px; border-radius: 99px; background: #fff3eb; color: #8e3508; font-weight: 700; }

@media (max-width: 767px) {
	.benaa-photo-list-cta .benaa-global-container,
	.benaa-contact-grid { grid-template-columns: 1fr; flex-direction: column; align-items: stretch; }
	.benaa-content-steps,.benaa-contact-layout,.benaa-legal-skeleton { grid-template-columns: 1fr; }
	.benaa-legal-skeleton aside { position: static; }
	.benaa-photo-list-cta a { width: 100%; }
	.benaa-legal-page { width: min(100% - 24px, 1120px); margin-block-start: 20px; }
}

.benaa-footer-address { background: #24313f; color: #fff; border-top: 1px solid rgba(255,255,255,.14); padding: 14px 0 24px; }
.benaa-footer-address .benaa-global-container { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.benaa-footer-address a { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 600px) { .benaa-footer-address .benaa-global-container { align-items: flex-start; flex-direction: column; } }

/* Review 6: reference-matched catalog header, mega menu, and category archive. */
.benaa-global-main .benaa-global-container {
	grid-template-columns: auto minmax(360px, 1fr) auto auto auto auto;
	gap: 14px;
}

.benaa-access-links { display: flex; align-items: stretch; gap: 5px; }
.benaa-access-links a { min-width: 76px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 6px 7px; border-radius: 7px; color: #24313f; font-size: 11px; font-weight: 700; line-height: 1.2; text-align: center; }
.benaa-access-links a:hover, .benaa-access-links a:focus-visible { background: #f1f3f5; color: #b9470b; }
.benaa-access-links svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.bs-account-access { inline-size: 100%; max-inline-size: 900px; margin: 0 auto 18px; text-align: start; }
.bs-account-access > header { margin-block-end: 18px; text-align: center; }
.bs-account-access > header h1 { margin-block: 0 8px; color: #172634; font-size: clamp(30px,5vw,48px); }
.bs-account-access > header p { max-inline-size: 620px; margin: 0 auto; color: #63717d; line-height: 1.8; }
.bs-account-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 20px; padding: 5px; border-radius: 10px; background: #f1f3f5; }
.bs-account-tabs button { min-height: 46px; padding: 9px 14px; border: 0; border-radius: 7px; background: transparent; color: #24313f; font-weight: 800; cursor: pointer; }
.bs-account-tabs button[aria-selected="true"] { background: #24313f; color: #fff; }
.bs-account-register-panel { display: none; padding: 24px; border: 1px solid #dfe4e8; border-radius: 12px; background: #fff; }
.bs-account-register-panel form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bs-account-register-panel label { display: block; font-weight: 700; }
.bs-account-register-panel label > span { display: block; margin-bottom: 6px; }
.bs-account-register-panel input { width: 100%; min-height: 48px; }
.bs-account-register-panel .bs-account-full, .bs-account-register-panel button, .bs-account-vendor-link { grid-column: 1 / -1; }
.bs-account-register-panel button { min-height: 48px; border: 0; border-radius: 7px; background: #b9470b; color: #fff; font-weight: 800; }
.bs-account-vendor-link { margin: 4px 0 0; text-align: center; }
.bs-account-vendor-link a { color: #b9470b; font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
body.bs-account-registering .bs-account-register-panel { display: block; }
body.bs-account-registering.woocommerce-account:not(.logged-in) :is(.woocommerce > .u-columns,.wd-registration-page) { display: none !important; }
body.woocommerce-account:not(.logged-in):not(.bs-account-registering) .bs-account-register-panel { display: none; }
body.woocommerce-account:not(.logged-in) .woocommerce > .u-columns .u-column2 { display: none; }
body.woocommerce-account:not(.logged-in) .woocommerce > .u-columns .u-column1 { width: 100%; max-width: 680px; float: none; margin-inline: auto; }

.benaa-global-search {
	min-width: 0;
	border-color: #aeb7c1;
}

.benaa-global-search select {
	width: 132px;
	height: 100%;
	flex: 0 0 132px;
	border: 0;
	border-inline-end: 1px solid #dce0e4;
	background: #fff;
	color: #24313f;
	font-size: 13px;
	font-weight: 700;
	padding-inline: 10px;
}

.benaa-delivery,
.benaa-quote-summary {
	display: flex;
	min-height: 48px;
	flex-direction: column;
	justify-content: center;
	color: #24313f;
	font-size: 12px;
	line-height: 1.25;
	white-space: nowrap;
}

.benaa-delivery span,
.benaa-quote-summary span { color: #7a8794; }

.benaa-delivery select {
	max-width: 105px;
	border: 0;
	background: transparent;
	color: #24313f;
	font-size: 13px;
	font-weight: 800;
	padding: 0;
}

.benaa-quote-summary strong { font-size: 13px; }
.benaa-quote-summary b { color: #b9470b; }

.benaa-global-nav {
	background: #fff;
	border-top: 1px solid #e5e8eb;
}

.benaa-global-nav .benaa-global-container {
	height: 52px;
	overflow: visible;
}

.benaa-global-nav a {
	padding: 0 10px;
	font-size: 13px;
	white-space: nowrap;
}

.benaa-global-nav .benaa-dept-icon {
	width: 19px;
	height: 19px;
	flex-basis: 19px;
}

.benaa-mega-trigger {
	min-width: 230px;
	order: -1;
}

.benaa-mega-trigger > button {
	min-height: 52px;
	font-size: 15px;
}

.benaa-nav-link {
	position: relative;
	min-width: 0;
	flex: 1 1 auto;
}

.benaa-nav-link.is-current::after {
	position: absolute;
	inset-inline-start: 8px;
	bottom: 0;
	inset-inline-end: 8px;
	height: 3px;
	background: #b9470b;
	content: "";
}

.benaa-nav-link.is-current { color: #b9470b; }
.benaa-offers-link { min-width: 150px; }

.benaa-mega-panel {
	inset-inline-start: 0;
	width: 100%;
	height: 430px;
	max-height: 430px;
	border-top: 3px solid #b9470b;
}

.benaa-mega-departments {
	width: 230px;
	padding: 0;
	border-inline-end: 1px solid #dfe3e7;
}

.benaa-mega-group .benaa-mega-title {
	min-height: 43px;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 700;
}

.benaa-mega-group.is-active .benaa-mega-title {
	border-inline-start: 3px solid #b9470b;
	color: #b9470b;
}

.benaa-mega-children {
	inset-inline-start: 230px;
	height: 427px;
	padding: 22px 24px;
	overflow: hidden;
}

.benaa-mega-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	margin-bottom: 16px;
	padding-inline-end: 48px;
	text-align: start;
}

.benaa-mega-heading strong {
	color: #24313f;
	font-size: 20px;
}

.benaa-mega-heading span {
	color: #7a8794;
	font-size: 12px;
}

.benaa-mega-content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 250px;
	gap: 24px;
	height: 334px;
}

.benaa-mega-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-content: start;
	gap: 10px;
	min-width: 0;
	width: 100%;
}

.benaa-mega-group .benaa-mega-child,
.benaa-mega-all {
	min-width: 0;
	min-height: 82px;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px;
	border: 1px solid #dfe3e7;
	border-radius: 9px;
	background: #fff;
	white-space: normal !important;
	text-align: start;
}

.benaa-mega-group .benaa-mega-child:hover,
.benaa-mega-all:hover {
	border-color: #b9470b;
	background: #fffaf7;
}

.benaa-mega-child img {
	width: 46px;
	height: 46px;
	flex: none;
}

.benaa-mega-child > span { min-width: 0; flex: 1 1 auto; overflow: hidden; white-space: normal; }
.benaa-mega-child strong { display: -webkit-box; max-width: 100%; overflow: hidden; color: #24313f; font-size: 13px; line-height: 1.4; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.benaa-mega-child small { display: block; max-width: 100%; margin-top: 3px; overflow: hidden; color: #7a8794; font-size: 10px; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; }

.benaa-mega-all {
	justify-content: center;
	color: #b9470b !important;
	font-weight: 800 !important;
	text-align: center !important;
}

.benaa-mega-package {
	position: relative;
	display: flex !important;
	min-width: 0;
	height: 100%;
	flex-direction: column;
	justify-content: end;
	padding: 22px !important;
	overflow: hidden;
	border-radius: 11px;
	background-image: linear-gradient(0deg, rgba(19,31,44,.94), rgba(19,31,44,.08)), var(--benaa-package-image);
	background-position: center;
	background-size: cover;
	color: #fff !important;
	text-align: start !important;
}

.benaa-mega-package > * { position: relative; z-index: 1; }
.benaa-mega-package span { margin-bottom: 8px; font-size: 11px; }
.benaa-mega-package strong { font-size: 21px; }
.benaa-mega-package small { margin: 7px 0 15px; color: #fff; font-size: 12px; line-height: 1.6; }
.benaa-mega-package b { align-self: flex-start; padding: 10px 16px; border-radius: 7px; background: #b9470b; font-size: 12px; }

body.tax-product_cat .page-title,
body.tax-product_cat .wd-page-title,
body.tax-product_cat .woocommerce-breadcrumb { display: none !important; }

body.rtl.tax-product_cat main.wd-content-layout {
	grid-template-areas: "hero hero" "subcats subcats" "sidebar content";
}

body:not(.rtl).tax-product_cat main.wd-content-layout {
	grid-template-areas: "hero hero" "subcats subcats" "content sidebar";
}

body.tax-product_cat .wd-hb-wrapp { display: none !important; }
body.tax-product_cat .main-page-wrapper,
body.tax-product_cat main.wd-content-layout { padding-top: 0 !important; }

.benaa-category-hero {
	grid-area: hero;
	position: relative;
	grid-column: 1 / -1;
	order: -20;
	width: 100vw;
	min-height: 238px;
	display: flex;
	align-items: center;
	margin-inline: calc(50% - 50vw);
	margin-bottom: 0;
	background-image: linear-gradient(90deg, rgba(24,37,51,.58), rgba(24,37,51,.94) 65%), var(--benaa-category-image);
	background-position: center;
	background-size: cover;
	color: #fff;
}

.benaa-category-hero-inner {
	width: min(var(--benaa-content-width), calc(100% - 40px));
	margin: 0 auto;
	padding: 38px 0;
	text-align: start;
}

.benaa-category-hero nav { display: flex; gap: 8px; margin-bottom: 16px; color: #d8dee5; font-size: 12px; }
.benaa-category-hero nav a { color: #fff; }
.benaa-category-hero h1 { margin: 0 0 10px; color: #fff; font-size: clamp(34px, 4vw, 48px); }
.benaa-category-hero p { max-width: 680px; margin: 0 0 12px; color: #eef1f4; font-size: 15px; line-height: 1.8; }
.benaa-category-hero > div > strong { display: inline-flex; padding: 5px 10px; border: 1px solid rgba(255,255,255,.4); border-radius: 20px; color: #fff; font-size: 12px; }

.benaa-current-subcats {
	grid-area: subcats;
	grid-column: 1 / -1;
	order: -10;
	width: 100%;
	margin: 0 0 30px;
	padding: 34px 0 26px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.benaa-current-subcats header { margin-bottom: 20px; }
.benaa-current-subcats h2 { margin: 0 0 4px; color: #24313f; font-size: 28px; }
.benaa-current-subcats p { margin: 0; color: #7a8794; font-size: 13px; }

.benaa-subcat-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 12px;
}

.benaa-subcat-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid #dfe3e7;
	border-radius: 10px;
	background: #fff;
	color: #24313f;
}

.benaa-subcat-card.is-current { border-color: #b9470b; box-shadow: 0 0 0 1px #b9470b; }
.benaa-subcat-card img { width: 100%; height: 92px; display: block; object-fit: cover; }
.benaa-subcat-card > span { display: block; padding: 10px 12px 12px; }
.benaa-subcat-card strong { display: block; min-height: 38px; font-size: 13px; line-height: 1.45; }
.benaa-subcat-card small { display: block; margin-top: 3px; color: #7a8794; font-size: 11px; }

@media (max-width: 767px) {
	body.tax-product_cat main.wd-content-layout { grid-template-areas: "hero" "subcats" "content" "sidebar"; }
	.benaa-global-main .benaa-global-container { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
	.benaa-global-search { grid-column: 1 / -1; grid-row: 2; margin-bottom: 10px; }
	.benaa-global-search select { width: 110px; flex-basis: 110px; font-size: 11px; }
	.benaa-delivery,
	.benaa-access-links,
	.benaa-quote-summary { display: none; }
	.bs-account-register-panel { padding: 18px; }
	.bs-account-register-panel form { grid-template-columns: 1fr; }
	.bs-account-register-panel .bs-account-full, .bs-account-register-panel button, .bs-account-vendor-link { grid-column: 1; }
	.benaa-global-nav .benaa-global-container { height: 50px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
	.benaa-global-nav .benaa-global-container::-webkit-scrollbar { display: none; }
	.benaa-global-nav a { min-width: 102px; padding: 0 9px; font-size: 12px; }
	.benaa-mega-trigger { min-width: 132px; }
	.benaa-mega-trigger > button { min-height: 50px; }
	.benaa-offers-link { min-width: 150px !important; }
	.benaa-mega-panel { height: auto; max-height: none; border-top: 0; }
	.benaa-mega-departments { width: 100%; }
	.benaa-mega-group .benaa-mega-title { min-height: 48px; }
	.benaa-mega-children,
	.benaa-mega-group.is-active .benaa-mega-children { position: static; height: auto; padding: 12px; overflow: visible; }
	.benaa-mega-heading { display: block; }
	.benaa-mega-heading span { display: block; margin-top: 3px; }
	.benaa-mega-content { display: block; height: auto; }
	.benaa-mega-grid { grid-template-columns: 1fr 1fr; }
	.benaa-mega-group .benaa-mega-child,
	.benaa-mega-all { min-height: 76px; }
	.benaa-mega-package { display: none !important; }
	.benaa-category-hero { min-height: 220px; }
	.benaa-category-hero-inner { width: calc(100% - 28px); padding: 30px 0; }
	.benaa-category-hero h1 { font-size: 32px; }
	.benaa-category-hero p { font-size: 13px; line-height: 1.7; }
	.benaa-current-subcats { padding-top: 26px; }
	.benaa-current-subcats h2 { font-size: 25px; }
	.benaa-subcat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.benaa-subcat-card img { height: 92px; }
}

body,
button,
input,
select,
textarea,
.wd-nav,
.product-title,
.title {
	font-family: "IBM Plex Sans Arabic", sans-serif;
}

.site-logo img {
	display: none !important;
}

.site-logo a {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.site-logo a::after {
	content: "Benaa | بناء";
	font-size: 28px;
	font-weight: 700;
	color: var(--benaa-color-primary);
	white-space: nowrap;
}

body .header-banner,
body .wd-header-cats,
body .wd-header-search,
body .wd-header-my-account,
body .wd-header-wishlist,
body .wd-header-compare,
body .wd-header-cart,
body.home .page-title,
body.home .sidebar-container {
	display: none !important;
}

body .wd-wishlist-btn,
body .wd-compare-btn,
body [class*="wishlist"],
body [class*="compare-btn"],
body .menu-item-compare,
body .menu-item-wishlist,
body .wd-compare-icon,
body .wcfmmp_sold_by_container,
body .wcfmmp-store-rating,
body .by-vendor-name-link,
.mobile-nav .create-nav-msg,
.wd-nav-mobile .create-nav-msg {
	display: none !important;
}

body.home .site-content {
	width: 100% !important;
	max-width: 100% !important;
	flex-basis: 100% !important;
}

html,
body {
	overflow-x: hidden;
}

.benaa-home,
.benaa-home section[class*="benaa-"] {
	position: relative;
	inset-inline-start: auto !important;
	width: 100%;
	max-width: 100%;
	margin-inline: 0 !important;
	transform: none !important;
}

.whb-top-bar {
	display: none !important;
}

body:not(.home) .whb-header,
body:not(.home) .wd-sticky-social {
	display: none !important;
}

body.tax-product_cat .woocommerce-result-count,
body.post-type-archive-product .woocommerce-result-count {
	display: none !important;
}

.benaa-global-header,
.benaa-global-footer,
.benaa-global-header * ,
.benaa-global-footer * {
	box-sizing: border-box;
}

.benaa-global-container {
	width: min(1240px, calc(100% - 40px));
	margin-inline: auto;
}

.benaa-global-top {
	background: #24313f;
	color: #fff;
	font-size: 13px;
}

.benaa-global-top .benaa-global-container {
	min-height: 38px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.benaa-global-top div div {
	display: flex;
	gap: 20px;
}

.benaa-global-top a {
	color: #fff;
}

.benaa-global-main {
	background: #fff;
	border-bottom: 1px solid #e6e8eb;
}

.benaa-global-main .benaa-global-container {
	min-height: 84px;
	display: grid;
	grid-template-columns: auto minmax(280px, 1fr) auto auto;
	align-items: center;
	gap: 18px;
}

.benaa-global-logo {
	color: #24313f;
	font-size: 30px;
	font-weight: 800;
	white-space: nowrap;
}

.benaa-global-logo span {
	color: #b9470b;
}

.benaa-global-search {
	height: 48px;
	display: flex;
	border: 1px solid #dce0e4;
	border-radius: 8px;
	overflow: hidden;
}

.benaa-global-search input[type="search"] {
	width: 100%;
	height: 100%;
	border: 0;
	padding-inline: 18px;
}

.benaa-global-search button {
	width: 52px;
	border: 0;
	background: #24313f;
	color: #fff;
}

.benaa-global-search svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
}

.benaa-global-area {
	width: 160px;
	height: 48px;
	border: 1px solid #dce0e4;
	border-radius: 8px;
	padding-inline: 12px;
}

.benaa-global-cta {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-inline: 20px;
	border-radius: 8px;
	background: #b9470b;
	color: #fff;
	font-weight: 700;
	white-space: nowrap;
}

.benaa-global-nav {
	background: #f1f3f5;
	border-bottom: 1px solid #e1e4e7;
}

.benaa-global-nav .benaa-global-container {
	display: flex;
	align-items: stretch;
	position: relative;
}

.benaa-global-nav a {
	padding: 15px 8px;
	color: #24313f;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}

.benaa-mega-trigger {
	position: static;
	min-width: 180px;
}

.benaa-mega-trigger > button {
	width: 100%;
	height: 100%;
	min-height: 52px;
	border: 0;
	background: #24313f;
	color: #fff;
	font-weight: 700;
}

.benaa-mega-panel {
	position: absolute;
	top: 100%;
	inset-inline-start: 0;
	width: min(1040px, calc(100vw - 30px));
	height: min(620px, calc(100vh - 150px));
	z-index: 1000;
	display: none;
	padding: 0;
	background: #fff;
	border: 1px solid #e1e4e7;
	box-shadow: 0 18px 45px rgba(36, 49, 63, .16);
	overflow: hidden;
}

.benaa-mega-close {
	display: none;
}

.benaa-mega-trigger:hover .benaa-mega-panel,
.benaa-mega-trigger:focus-within .benaa-mega-panel,
.benaa-mega-trigger.is-open .benaa-mega-panel {
	display: block;
}

.benaa-mega-departments {
	width: 290px;
	height: 100%;
	padding: 10px 0;
	background: #f7f8f9;
	border-inline-end: 1px solid #e1e4e7;
	overflow-y: auto;
}

.benaa-mega-group {
	position: static;
}

.benaa-mega-group a {
	font-size: 13px;
	font-weight: 500;
	text-align: start;
}

.benaa-mega-group .benaa-mega-title {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 51px;
	padding: 9px 14px;
	color: #24313f;
	font-size: 15px;
	font-weight: 800;
}

.benaa-mega-group .benaa-mega-title span:nth-child(2) { flex: 1; }

.benaa-mega-arrow {
	font-size: 22px;
	line-height: 1;
}

.benaa-mega-group.is-active .benaa-mega-title,
.benaa-mega-group:hover .benaa-mega-title {
	background: #fff;
	color: #b9470b;
}

.benaa-dept-icon {
	width: 21px;
	height: 21px;
	flex: 0 0 21px;
	fill: none;
	stroke: #24313f;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.benaa-mega-group .benaa-mega-title .benaa-dept-icon {
	stroke: #24313f;
}

.benaa-mega-group .benaa-mega-child {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 54px;
	padding: 7px;
	border-radius: 8px;
}

.benaa-mega-group .benaa-mega-child:hover { background: #f1f3f5; }

.benaa-mega-children {
	position: absolute;
	top: 0;
	inset-inline-start: 290px;
	inset-inline-end: 0;
	height: 100%;
	display: none;
	padding: 24px;
	overflow-y: auto;
	background: #fff;
}

.benaa-mega-group.is-active .benaa-mega-children { display: block; }

.benaa-mega-children > strong {
	display: block;
	margin-bottom: 16px;
	color: #24313f;
	font-size: 20px;
}

.benaa-mega-children > div {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 18px;
}

.benaa-mega-child img {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	border-radius: 6px;
	object-fit: cover;
	background: #f1f3f5;
}

.benaa-nav-link {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.benaa-offers-link { color: #b9470b !important; }

.benaa-native-slider,
.benaa-wd-slide {
	width: 100%;
	min-height: 580px;
}

.benaa-native-slider {
	position: relative;
	overflow: hidden;
	background: #24313f;
}

.benaa-wd-slide {
	position: absolute;
	inset: 0;
	display: none;
	align-items: center;
	background-position: center;
	background-size: cover;
}

.benaa-wd-slide.is-benaa-active {
	display: flex;
	z-index: 1;
}

.benaa-native-slider:has(.benaa-wd-slide.is-benaa-active) .benaa-wd-slide:not(.is-benaa-active) {
	display: none;
}

.benaa-slide-preload {
	position: absolute;
	width: 1px;
	height: 1px;
	top: -9999px;
	inset-inline-start: -9999px;
}

.benaa-slider-dots {
	position: absolute;
	inset-inline-start: 0;
	bottom: 24px;
	inset-inline-end: 0;
	z-index: 3;
	display: flex;
	justify-content: center;
	gap: 8px;
}

.benaa-slider-dots button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 1px solid #fff;
	border-radius: 50%;
	background: transparent;
}

.benaa-slider-dots button.is-active { background: #fff; }

.benaa-wd-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(36,49,63,.72), rgba(36,49,63,.88));
}

.benaa-wd-content {
	position: relative;
	z-index: 2;
	width: min(1220px, calc(100% - 40px));
	margin-inline: auto;
	color: #fff;
}

.benaa-wd-content h1,
.benaa-wd-content h2 {
	max-width: 760px;
	margin: 0 0 18px;
	color: #fff;
	font-size: clamp(36px, 5vw, 64px);
	line-height: 1.25;
}

.benaa-wd-content p {
	max-width: 650px;
	margin-bottom: 28px;
	color: #fff;
	font-size: 19px;
}

.benaa-wd-content a {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	padding-inline: 28px;
	border-radius: 8px;
	background: #b9470b;
	color: #fff;
	font-weight: 800;
}

.benaa-category-grid-ten {
	grid-template-columns: repeat(5, 1fr) !important;
}

.benaa-package-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.benaa-package-card {
	overflow: hidden;
	border: 1px solid #e1e4e7;
	border-radius: 14px;
	background: #fff;
}

.benaa-package-card img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

.benaa-package-card > div { padding: 20px; }
.benaa-package-card h3 { margin: 0 0 10px; font-size: 21px; }
.benaa-package-card p { min-height: 58px; margin: 0 0 18px; color: #627083; line-height: 1.75; }
.benaa-package-card .benaa-btn { width: 100%; text-align: center; }
.benaa-all-offers { margin-top: 24px; text-align: center; }
.benaa-all-offers a { color: #b9470b; font-weight: 800; }

.benaa-offer-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.benaa-offer-card {
	position: relative;
	min-height: 220px;
	padding: 28px;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(36,49,63,.07);
}

.benaa-offer-card > span { display: inline-block; padding: 4px 10px; border-radius: 999px; background: #f1f3f5; color: #24313f; font-size: 12px; font-weight: 800; }
.benaa-offer-card h3 { margin: 18px 0 10px; font-size: 22px; }
.benaa-offer-card p { color: #627083; line-height: 1.8; }
.benaa-offer-card a { color: #b9470b; font-weight: 800; }

.benaa-quote-selection {
	margin: 0 auto 28px;
	padding: 24px;
	border: 1px solid #dfe3e7;
	border-radius: 12px;
	background: #f1f3f5;
	text-align: start;
}

.benaa-quote-selection strong { display: block; margin-bottom: 12px; color: #24313f; font-size: 20px; }
.benaa-quote-selection ul { margin: 0 0 18px; padding-inline-start: 20px; color: #4f5e6d; line-height: 1.9; }

.benaa-info-page {
	max-width: 1120px;
	margin: 0 auto;
	padding: 72px 20px;
	color: #24313f;
}

.benaa-info-page section { padding: 0; }
.benaa-info-page h2 { margin: 0 0 18px; font-size: clamp(30px, 4vw, 46px); }
.benaa-info-page p { max-width: 900px; color: #627083; font-size: 17px; line-height: 2; }
.benaa-info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 32px 0; }
.benaa-info-grid article { padding: 24px; border: 1px solid #e1e4e7; border-radius: 12px; background: #fff; }
.benaa-info-grid article b { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: #b9470b; color: #fff; }
.benaa-info-grid h3 { margin: 16px 0 8px; }
.benaa-info-grid p { margin: 0; font-size: 15px; }
.benaa-info-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.benaa-btn-dark { background: #24313f; }

/* Keep the archive banner focused on the current department only. */
body.tax-product_cat .wd-page-title .wd-nav-product-cat-wrap,
body.tax-product_cat .wd-page-title .wd-nav-product-cat,
body.tax-product_cat .wd-page-title .shop-loop-head + .wd-nav-product-cat,
body.tax-product_cat .page-title .wd-nav-product-cat {
	display: none !important;
}

.benaa-current-subcats {
	margin: 0 0 28px;
	padding: 18px;
	border: 1px solid #e1e4e7;
	border-radius: 12px;
	background: #f7f8f9;
	text-align: start;
}

.benaa-current-subcats > strong { display: block; margin-bottom: 12px; color: #24313f; font-size: 18px; }
.benaa-current-subcats > div { display: flex; gap: 10px; overflow-x: auto; }
.benaa-current-subcats a { display: inline-flex; min-width: 180px; align-items: center; gap: 9px; padding: 8px; border-radius: 8px; background: #fff; color: #24313f; font-weight: 700; }
.benaa-current-subcats img { width: 48px; height: 48px; flex: 0 0 48px; border-radius: 6px; object-fit: cover; }

body.tax-product_cat .content-layout-wrapper,
body.post-type-archive-product .content-layout-wrapper {
	display: grid !important;
	gap: 30px;
}

body.rtl.tax-product_cat .content-layout-wrapper,
body.rtl.post-type-archive-product .content-layout-wrapper {
	grid-template-columns: 290px minmax(0, 1fr);
	grid-template-areas: "sidebar content";
}

body:not(.rtl).tax-product_cat .content-layout-wrapper,
body:not(.rtl).post-type-archive-product .content-layout-wrapper {
	grid-template-columns: minmax(0, 1fr) 290px;
	grid-template-areas: "content sidebar";
}

body.tax-product_cat .site-content,
body.post-type-archive-product .site-content {
	grid-area: content;
	width: auto !important;
	max-width: none !important;
	text-align: start;
}

body.tax-product_cat .sidebar-container,
body.post-type-archive-product .sidebar-container {
	grid-area: sidebar;
	display: block !important;
	width: auto !important;
	max-width: none !important;
	text-align: start;
}

.widget_price_filter,
.wd-widget-stock-status,
.widget_layered_nav_filters[data-filter-name="stock_status"] {
	display: none !important;
}

.benaa-filter-toggle {
	display: none;
}

.single-product .product-image-summary-inner {
	display: flex;
	gap: 30px;
}

body.rtl.single-product .product-image-summary-inner { flex-direction: row-reverse; }
body:not(.rtl).single-product .product-image-summary-inner { flex-direction: row; }

.single-product .product-image-summary-inner > * {
	flex: 1 1 0;
}

.single-product .summary-inner {
	text-align: start;
}

.benaa-specs-table {
	width: 100%;
	margin: 18px 0;
	border-collapse: collapse;
}

.benaa-specs-table th,
.benaa-specs-table td {
	padding: 9px 12px;
	border: 1px solid #e2e5e8;
	text-align: start;
}

.benaa-specs-table th {
	width: 38%;
	background: #f1f3f5;
	color: #24313f;
}

.single-product .product_meta,
.single-product .product-share,
.single-product .wd-social-icons,
.single-product .wd-wishlist-btn,
.single-product .wd-compare-btn,
.single-product [class*="ask-question"],
.single-product [class*="ask_a_question"] {
	display: none !important;
}

.benaa-mobile-bar {
	display: none;
}

body .wd-toolbar {
	display: none !important;
}

/* Static pages use their content heading; the dark WoodMart demo banner and sidebars are not part of Benaa. */
body.page:not(.home) .wd-page-title,
body.page:not(.home) .page-title,
body.page .sidebar-container {
	display: none !important;
}

body.page main.wd-content-layout,
body.page .wd-content-area.site-content {
	--wd-col-lg: 12 !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.page main.wd-content-layout {
	display: block !important;
}

.hostinger-ai-assistant,
[class*="hostinger-ai-assistant"],
[id*="hostinger-ai-assistant"] {
	display: none !important;
}

.benaa-global-footer {
	padding: 56px 0 24px;
	background: #24313f;
	color: #fff;
}

.benaa-global-footer-grid {
	display: grid;
	grid-template-columns: 1.35fr 1fr 1fr 1fr;
	gap: 30px;
}

.benaa-global-footer h3,
.benaa-global-footer h4,
.benaa-global-footer p,
.benaa-global-footer a {
	color: #fff;
}

.benaa-global-footer a {
	display: block;
	margin-block: 9px;
}

.benaa-global-copy {
	margin-top: 34px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	font-size: 13px;
}

.benaa-product-rfq {
	display: grid;
	grid-template-columns: minmax(90px, 120px) minmax(120px, 170px);
	gap: 12px;
	margin-block: 24px;
}

.benaa-product-rfq label {
	display: grid;
	gap: 6px;
	font-weight: 600;
}

.benaa-product-rfq input,
.benaa-product-rfq select {
	width: 100%;
	height: 46px;
	border: 1px solid #d8dce1;
	border-radius: 7px;
}

.benaa-product-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.benaa-product-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding-inline: 20px;
	border-radius: 7px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.benaa-product-actions .benaa-rfq-button {
	background: #b9470b;
}

.benaa-product-actions .benaa-whatsapp-button {
	background: #24313f;
}

.whb-header-bottom {
	border-top: 1px solid #ece8e2;
}

.main-page-wrapper {
	padding-top: 0 !important;
}

@media (max-width: 767px) {
	body {
		padding-bottom: 68px;
	}
	.benaa-global-container {
		width: 100%;
		padding-inline: 14px;
	}

	.benaa-global-top .benaa-global-container {
		justify-content: center;
	}

	.benaa-global-top div div {
		display: none;
	}

	.benaa-global-main .benaa-global-container {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 12px;
	}

	.benaa-global-logo {
		font-size: 22px;
	}

	.benaa-global-search {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
		margin-bottom: 12px;
	}

	.benaa-global-area {
		display: none;
	}

	.benaa-global-cta {
		padding-inline: 12px;
		font-size: 14px;
	}

	.benaa-global-nav .benaa-global-container {
		display: flex;
		overflow-x: auto;
		padding-inline: 0;
	}

	.benaa-global-nav a {
		min-width: 155px;
	}

	.benaa-mega-trigger {
		min-width: 145px;
	}

	.benaa-mega-panel {
		position: fixed;
		top: 0;
		inset-inline-start: 0;
		bottom: 68px;
		inset-inline-end: 10%;
		overflow-y: auto;
		padding: 18px;
		background: #fff;
	}

	.benaa-mega-trigger:hover .benaa-mega-panel,
	.benaa-mega-trigger:focus-within .benaa-mega-panel {
		display: none;
	}

	.benaa-mega-trigger.is-open .benaa-mega-panel {
		display: block;
	}

	.benaa-mega-close {
		display: block;
		width: 100%;
		min-height: 44px;
		border: 0;
		border-radius: 7px;
		background: #24313f;
		color: #fff;
		font-weight: 800;
	}

	.benaa-mega-departments {
		width: 100%;
		height: auto;
		padding: 8px 0;
		border: 0;
		overflow: visible;
	}

	.benaa-mega-group .benaa-mega-title { min-height: 48px; }

	.benaa-mega-children {
		position: static;
		display: none;
		height: auto;
		padding: 10px 14px 18px;
	}

	.benaa-mega-group.is-active .benaa-mega-children,
	.benaa-mega-group:focus-within .benaa-mega-children { display: block; }

	.benaa-mega-children > div { grid-template-columns: 1fr; }

	body.benaa-catalog-open {
		overflow: hidden;
	}

	.benaa-native-slider,
	.benaa-wd-slide {
		min-height: 520px;
	}

	.benaa-wd-content {
		width: 100%;
		padding-inline: 20px;
	}

	.benaa-wd-content h1,
	.benaa-wd-content h2 {
		font-size: 34px;
	}

	.benaa-category-grid-ten {
		grid-template-columns: 1fr 1fr !important;
	}

	.benaa-package-grid,
	.benaa-offer-grid,
	.benaa-info-grid {
		grid-template-columns: 1fr !important;
	}

	body.tax-product_cat .content-layout-wrapper,
	body.post-type-archive-product .content-layout-wrapper {
		display: block !important;
	}

	body.tax-product_cat .sidebar-container,
	body.post-type-archive-product .sidebar-container {
		position: fixed;
		top: 0;
		inset-inline-start: 0;
		bottom: 68px;
		z-index: 10002;
		width: min(86vw, 360px) !important;
		overflow-y: auto;
		padding: 24px 18px;
		background: #fff;
		box-shadow: -12px 0 35px rgba(36,49,63,.22);
		transform: translateX(110%);
		transition: transform .25s ease;
	}

	body:not(.rtl).tax-product_cat .sidebar-container,
	body:not(.rtl).post-type-archive-product .sidebar-container {
		transform: translateX(-110%);
	}

	body.benaa-filters-open .sidebar-container {
		transform: translateX(0);
	}

	.benaa-filter-toggle {
		display: inline-flex;
		min-height: 44px;
		align-items: center;
		padding-inline: 20px;
		border: 0;
		border-radius: 7px;
		background: #24313f;
		color: #fff;
		font-weight: 700;
	}

	.benaa-global-footer-grid {
		grid-template-columns: 1fr;
	}

	.site-logo a::after {
		font-size: 21px;
	}

	.benaa-product-rfq {
		grid-template-columns: 1fr 1fr;
	}

	.benaa-product-actions a {
		width: 100%;
	}

	.single-product .product-image-summary-inner {
		display: block;
	}

	.single-product .benaa-rfq-button {
		position: fixed;
		inset-inline-start: 12px;
		bottom: 76px;
		inset-inline-end: 12px;
		z-index: 10001;
		width: auto;
		box-shadow: 0 8px 24px rgba(36,49,63,.24);
	}

	.benaa-mobile-bar {
		position: fixed;
		inset-inline-start: 0;
		bottom: 0;
		inset-inline-end: 0;
		z-index: 10000;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		min-height: 68px;
		background: #fff;
		border-top: 1px solid #e0e4e8;
		box-shadow: 0 -8px 24px rgba(36,49,63,.12);
	}

	.benaa-mobile-bar a,
	.benaa-mobile-bar button {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		padding: 6px 2px;
		color: #24313f;
		font-size: 10px;
		font-weight: 700;
		text-align: center;
		border: 0;
		background: transparent;
	}

	.benaa-mobile-bar a.is-primary {
		background: #b9470b;
		color: #fff;
	}

	.benaa-mobile-bar .benaa-mobile-rfq .bs-rfq-mobile-count {
		position: absolute;
		top: 4px;
		inset-inline-end: calc(50% - 25px);
		z-index: 2;
	}

	.benaa-mobile-bar svg {
		width: 20px;
		height: 20px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
}

/* Final cascade for the approved header/category reference. */
.benaa-global-main .benaa-global-container {
	grid-template-columns: auto minmax(360px, 1fr) auto auto auto auto;
	gap: 14px;
}

.benaa-global-search { border-color: #aeb7c1; }
.benaa-global-nav { background: #fff; border-top: 1px solid #e5e8eb; }
.benaa-global-nav .benaa-global-container { height: 52px; overflow: visible; }
.benaa-global-nav a { padding: 0 10px; font-size: 13px; white-space: nowrap; }
.benaa-global-nav .benaa-dept-icon { width: 19px; height: 19px; flex-basis: 19px; }
.benaa-mega-trigger { min-width: 230px; order: -1; }
.benaa-nav-rail { position: relative; min-width: 0; flex: 1 1 auto; display: flex; align-items: stretch; }
.benaa-nav-scroll {
	min-width: 0;
	flex: 1 1 auto;
	display: flex;
	align-items: stretch;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	scrollbar-color: #b9470b #f1f3f5;
}
.benaa-nav-rail.is-overflowing .benaa-nav-scroll { mask-image: linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent); }
.benaa-nav-arrow { display: none; width: 34px; min-width: 34px; padding: 0; border: 0; background: #fff; color: #24313f; font-size: 25px; cursor: pointer; }
.benaa-nav-rail.is-overflowing .benaa-nav-arrow { display: grid; place-items: center; }
.benaa-nav-rail:dir(ltr) .benaa-nav-arrow { transform: scaleX(-1); }
.benaa-nav-arrow:hover, .benaa-nav-arrow:focus-visible { background: #f1f3f5; color: #b9470b; }
.benaa-nav-scroll::-webkit-scrollbar { height: 4px; }
.benaa-nav-scroll::-webkit-scrollbar-thumb { background: #b9470b; border-radius: 999px; }
.benaa-nav-link { position: relative; min-width: max-content; flex: 1 0 auto; }
.benaa-offers-link { min-width: 150px; }

.benaa-mega-panel {
	inset-inline-start: 0;
	width: 100%;
	height: 430px;
	max-height: 430px;
	padding: 0;
	border-top: 3px solid #b9470b;
	overflow: hidden;
}

.benaa-mega-departments { width: 230px; height: 427px; padding: 8px 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
.benaa-mega-group .benaa-mega-title { height: auto; min-height: 40px; padding: 4px 12px; overflow: hidden; font-size: 13px; line-height: 1.25; white-space: normal; }
.benaa-mega-group .benaa-mega-title span:nth-child(2) { display: -webkit-box; min-width: 0; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.benaa-mega-children { inset-inline-start: 230px; inset-inline-end: 0; height: 427px; padding: 22px 24px; overflow: hidden; }

.benaa-mega-close {
	position: absolute !important;
	top: 10px;
	inset-inline-end: 12px;
	z-index: 5;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	min-height: 34px !important;
	max-width: 34px !important;
	max-height: 34px !important;
	display: grid !important;
	place-items: center;
	padding: 0 !important;
	border: 1px solid #dfe3e7 !important;
	border-radius: 50% !important;
	background: #fff !important;
	color: #24313f;
	font-size: 24px;
	line-height: 1;
}

.benaa-mega-close:hover { border-color: #b9470b; color: #b9470b; }

.benaa-mega-children > .benaa-mega-heading {
	display: flex;
	grid-template-columns: none;
	align-items: end;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
	padding-inline-end: 48px;
	text-align: start;
}

.benaa-mega-children > .benaa-mega-content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 250px;
	gap: 24px;
	height: 334px;
}

.benaa-mega-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-content: start; gap: 10px; min-width: 0; width: 100%; }

.benaa-mega-group .benaa-mega-child,
.benaa-mega-all {
	min-width: 0;
	min-height: 82px;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px;
	border: 1px solid #dfe3e7;
	border-radius: 9px;
	background: #fff;
	overflow: hidden;
	white-space: normal !important;
	text-align: start;
}

.benaa-mega-child img { width: 46px; height: 46px; flex: none; }
.benaa-mega-child > span { min-width: 0; flex: 1 1 auto; overflow: hidden; }
.benaa-mega-child strong { display: -webkit-box; max-width: 100%; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.benaa-mega-child small { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.benaa-mega-package { height: 100%; text-align: start !important; }

.benaa-category-hero-inner,
.benaa-current-subcats,
.benaa-current-subcats header,
.benaa-current-subcats .benaa-subcat-card { text-align: start; }

.benaa-current-subcats {
	margin: 0 0 30px;
	padding: 34px 0 26px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.benaa-current-subcats > .benaa-subcat-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 12px;
	overflow: visible;
}

.benaa-current-subcats .benaa-subcat-card {
	min-width: 0;
	display: block;
	padding: 0;
	overflow: hidden;
	border: 1px solid #dfe3e7;
	border-radius: 10px;
	background: #fff;
}

.benaa-current-subcats .benaa-subcat-card img {
	width: 100%;
	height: 92px;
	display: block;
	object-fit: cover;
	border-radius: 0;
}

@media (max-width: 767px) {
	.benaa-global-main .benaa-global-container { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
	.benaa-global-search { grid-column: 1 / -1; grid-row: 2; width: 100%; margin-bottom: 10px; }
	.benaa-delivery,
	.benaa-quote-summary { display: none; }
	.benaa-global-nav .benaa-global-container { height: 50px; display: flex; overflow-x: auto; overflow-y: hidden; padding-inline: 0; }
	.benaa-global-nav .benaa-global-container { overflow: visible; }
	.benaa-nav-scroll { scrollbar-width: none; }
	.benaa-nav-rail.is-overflowing .benaa-nav-scroll { mask-image: linear-gradient(to right, transparent, #000 18px, #000 calc(100% - 18px), transparent); }
	.benaa-nav-rail.is-overflowing .benaa-nav-arrow { display: none; }
	.benaa-nav-scroll::-webkit-scrollbar { display: none; }
	.benaa-global-nav a { min-width: 102px; padding: 0 9px; font-size: 12px; }
	.benaa-mega-trigger { min-width: 132px; }
	.benaa-offers-link { min-width: 150px !important; }
	.benaa-mega-panel { position: fixed; top: 0; inset-inline-start: 0; bottom: 68px; inset-inline-end: 10%; width: auto; height: auto; max-height: none; padding: 18px; overflow-y: auto; border-top: 0; }
	.benaa-mega-departments { width: 100%; height: auto; overflow-x: hidden; overflow-y: visible; }
	.benaa-mega-children { position: static; display: none; height: auto; padding: 12px; overflow: visible; }
	.benaa-mega-group.is-active .benaa-mega-children,
	.benaa-mega-group:focus-within .benaa-mega-children { display: block; }
	.benaa-mega-children > .benaa-mega-heading { display: block; }
	.benaa-mega-children > .benaa-mega-content { display: block; height: auto; }
	.benaa-mega-grid { grid-template-columns: 1fr 1fr; }
	.benaa-mega-group .benaa-mega-child,
	.benaa-mega-all { min-height: 76px; }
	.benaa-current-subcats > .benaa-subcat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}