/* ==========================================================================
   ggen-ux.css — طبقة التحوّل الشامل لتجربة المستخدم (2026-10-09)
   --------------------------------------------------------------------------
   الخطة: plans/UX-OVERHAUL-PLAN.md · السجلّ: plans/UX-OVERHAUL-LOG.md

   تُدرَج **آخر** ورقةٍ في السلسلة (tokens → brand → لافين → reconcile →
   product-cards → هذه)، فتكسب بالترتيب لا بالحذف: القواعد المقيسة في
   الأوراق السابقة (تباين AA · أهداف لمس 44) تبقى، وما تنقضه هذه الورقة هو
   الزخرفة: الشارات والشَّرطات وأسطر الوصف واللوحات الملوّنة والرفع عند
   التحويم والكولاج. ما يصير ميتاً هناك يُحذف في جلسة تنظيفٍ مستقلّة.

   النظام المختزل الذي تطبّقه:
     - رأس قسم واحد: h2 بـ24px + «عرض الكل» على السطر نفسه
     - 5 مقاسات خطّ: 32 · 24 · 18 · 16 · 14، ووزنان 500 · 700
     - 3 أزرار: أساسي (تيل مصمت 52) · ثانوي (أبيض بحدّ تيل) · رابط نصّي 44
     - بطاقة واحدة: صورة مربّعة بيضاء بلا إطار · اسم سطران · سعر 18/700 · زرّ
     - سطحان: أبيض، وneutral-50 لصناديق الصور فقط
     - لا حركة عند التحويم
   ========================================================================== */

/* ── ① البانر: جملة وزرّ ─────────────────────────────────────────────────── */
.ggen-hero.ggen-hero--banner {
	border-radius: var(--radius-lg, 20px);
	min-height: 0;
}

.ggen-hero--banner .ggen-hero__inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 22px;
	padding: clamp(28px, 4vw, 52px) clamp(20px, 4vw, 52px);
}

.ggen-hero--banner .ggen-hero__title {
	margin: 0;
	max-width: 24ch;
	font-size: clamp(26px, 3.3vw, 40px);
	line-height: 1.3;
	font-weight: 800;
	color: #fff;
}

.ggen-hero--banner .ggen-hero__cta {
	min-height: 52px;
	padding: 0 32px;
	border-radius: var(--ggen-radius-button, 10px);
	font-size: 18px;
	font-weight: 700;
	box-shadow: none;
}

/* صورة المالك إن ضُبطت: تعتيمٌ تيليّ يحفظ تباين النصّ الأبيض. */
.ggen-hero--photo {
	background-size: cover;
	background-position: center;
}

.ggen-hero--photo::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(5, 55, 47, 0.72);
	z-index: 0;
}

.ggen-hero--photo .ggen-hero__inner {
	z-index: 1;
}

/* سطر الثقة الوحيد على الرئيسية */
.ggen-trustline {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 22px;
	margin: -6px auto 8px;
	padding: 0 16px;
	font-size: 15px;
	font-weight: 500;
	color: var(--neutral-700, #4E514F);
}

.ggen-trustline span + span::before {
	content: "·";
	margin-inline-end: 22px;
	color: var(--neutral-400, #AEAEAE);
}

/* ── ② رأس القسم: عنوان ورابط على سطر واحد ─────────────────────────────── */
.ggen-section-head,
.products-front-wrap .block-title-wrap.ggen-section-head {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 18px;
	padding: 0;
	border: 0;
}

.ggen-section-head .block-title,
.products-front-wrap .block-title-wrap.ggen-section-head .block-title {
	flex: 1 1 auto;
	display: block;
	width: auto;
	text-align: start;
	white-space: normal;
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: 1.4;
	font-weight: 800;
	color: var(--ink-950, #032019);
	background: none;
}

/* لا نقطةَ ولا زخرفةَ قبل العنوان أو بعده */
.ggen-section-head .block-title::before,
.ggen-section-head .block-title::after {
	content: none !important;
	display: none !important;
}

.ggen-section-head .ggen-rail-all,
.products-front-wrap .block-title-wrap.ggen-section-head .ggen-rail-all {
	flex: 0 0 auto;
	order: 0;
	width: auto;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--teal-700, #096A5A);
	white-space: nowrap;
}

/* سهم البلاطة الزخرفي — البلاطة كلّها رابط ولا تحتاج مؤشّراً */
.ggen-gateway .ggen-tile::after,
html[dir="ltr"] .ggen-gateway .ggen-tile::after {
	content: none !important;
	display: none !important;
}

/* ما بقي من زخرفة الرأس في أوراقٍ أقدم أو في ترميزٍ مخبّأ — يُطفأ لا يُرسم. */
.ggen-rail-eyebrow,
.ggen-rail-sub,
.block-title-divider,
.ggen-bundles-eyebrow,
.ggen-bundles-sub,
.ggen-bundles-divider,
.ggen-bundles-chips {
	display: none !important;
}

/* ── ③ الأسطح: الفصل بالفراغ لا باللوحات ─────────────────────────────────── */
.ggen-home-rails > .ggen-gateway,
.ggen-home-rails > .ggen-bundles-showcase {
	background: none;
	border: 0;
	border-radius: 0;
	padding: 0;
	margin-block: 0;
}

.ggen-home-rails > section.products-front-wrap {
	margin-block: 44px;
}

/* ── ④ بلاطات الأقسام: أيقونة كبيرة واسم ─────────────────────────────────── */
.ggen-gateway-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.ggen-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 160px;
	padding: 20px 12px;
	background: #fff;
	border: 1px solid var(--color-border, #DCDFDD);
	border-radius: 14px;
	box-shadow: none;
}

.ggen-tile-media {
	flex: 0 0 auto;
	width: 96px;
	height: 96px;
	border-radius: 24px;
	background-size: cover;
	background-position: center;
}

.ggen-tile-body {
	display: block;
	text-align: center;
}

.ggen-tile-body::after,
.ggen-tile-body::before {
	display: none;
}

.ggen-tile-name {
	display: block;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--ink-950, #032019);
}

/* ── ⑤ البطاقة الواحدة ───────────────────────────────────────────────────── */
/* الصورة: مربّع أبيض من الحافّة إلى الحافّة، بلا إطارٍ رمادي */
.product-small .box-image img,
.woocommerce ul.products li.product .box-image img {
	padding: 0 !important;
	background: #fff !important;
	mix-blend-mode: multiply;
}

.product-small:not(.ggen-h-card) .box-image,
.product-small:not(.ggen-h-card) .box-image-wrap,
.product-small:not(.ggen-h-card) .box-image-inner,
.woocommerce ul.products li.product .box-image {
	aspect-ratio: 1 / 1 !important;
	background: #fff;
}

/* فعلٌ واحد: لا عين معاينة ولا قلب على البطاقة */
.product-small .image-tools,
.woocommerce ul.products li.product .image-tools,
.product-small .item-inner > a.yith-wcqv-button,
.woocommerce ul.products li.product .item-inner > a.yith-wcqv-button {
	display: none !important;
}

.product-small .item-inner,
.woocommerce ul.products li.product .item-inner {
	grid-template-columns: minmax(0, 1fr);
}

.product-small .item-inner > a.add_to_cart_button,
.product-small .item-inner > a.button[class*="product_type_"],
.woocommerce ul.products li.product .item-inner > a.button {
	min-height: 48px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	border-radius: var(--ggen-radius-button, 10px) !important;
	font-size: 16px;
	font-weight: 700;
	box-shadow: none !important;
}

/* الاسم 18 والسعر 18/700 بأرقام ثابتة العرض */
.product-small .box-text .woocommerce-loop-product__title,
.product-small .box-text .name.product-title,
.product-small .box-text .name a {
	font-size: 17px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
}

.product-small .box-text .price,
.product-small .box-text .price .amount {
	font-size: 18px !important;
	font-weight: 700 !important;
	font-variant-numeric: tabular-nums;
}

.product-small.product,
.woocommerce ul.products li.product {
	box-shadow: none !important;
}

/* ── ⑥ بطاقة التجميعة: بطاقة المنتج نفسها ────────────────────────────────── */
.ggen-bundles-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.ggen-bundle-card {
	border-top: 0;
	box-shadow: none;
}

.ggen-bundle-card-media {
	display: block;
	aspect-ratio: 1 / 1;
	height: auto;
	background: #fff;
	overflow: hidden;
}

.ggen-bundle-card-shot {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.ggen-bundle-card-shot img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.ggen-bundle-card-title {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.5;
}

/* روابط العناوين داخل البطاقات أهدافُ لمسٍ لا سطورُ نصّ: 24px حدّاً أدنى. */
.ggen-bundle-card-title a,
.product-small .box-text .woocommerce-loop-product__title a,
.product-small .box-text .name a {
	display: block;
	min-height: 24px;
	padding-block: 2px;
}

.ggen-bundle-card-price {
	font-size: 18px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.ggen-bundle-card-cta {
	min-height: 48px;
	border-radius: var(--ggen-radius-button, 10px);
	font-size: 16px;
	font-weight: 700;
	box-shadow: none;
}

/* ── ⑦ لا حركة عند التحويم: لونٌ فقط ──────────────────────────────────────── */
.ggen-tile:hover,
.ggen-tile:focus-visible,
.product-small:hover,
.ggen-bundle-card:hover,
.ggen-hero__cta:hover,
.ggen-bundle-card-cta:hover,
.product-small .item-inner > a.button:hover {
	transform: none !important;
	box-shadow: none !important;
}

.ggen-tile:hover {
	border-color: var(--teal-300, #5ECCB8);
}

/* ── ⑧ الجوّال: شرائط أفقية بدل أعمدةٍ طويلة ───────────────────────────────── */
@media only screen and (max-width: 767px) {
	.ggen-hero--banner .ggen-hero__title {
		font-size: 26px;
	}

	.ggen-trustline {
		font-size: 14px;
		gap: 4px 14px;
	}

	.ggen-trustline span + span::before {
		margin-inline-end: 14px;
	}

	.ggen-section-head .block-title {
		font-size: 22px;
	}

	.ggen-home-rails > section.products-front-wrap {
		margin-block: 32px;
	}

	/* ستّ بلاطات في صفّين من ثلاثة: المدخل كلّه داخل أوّل شاشة، وأوّل منتج
	   قريبٌ من 900px (قِيس 1,142 بصفّي بلاطتين كبيرتين). */
	.ggen-gateway-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
	}

	.ggen-tile {
		min-height: 108px;
		gap: 8px;
		padding: 12px 6px;
		border-radius: 12px;
	}

	.ggen-tile-media {
		width: 52px;
		height: 52px;
		border-radius: 14px;
	}

	.ggen-tile-name {
		font-size: 13.5px;
		line-height: 1.3;
	}

	/* الرفوف: صفٌّ واحدٌ ينزلق، وبطاقةٌ ونصفٌ ظاهرة فيُعرف أنّ وراءها غيرها */
	.ggen-rail .product-box-row {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 12px;
		margin-inline: -16px;
		padding-inline: 16px;
		padding-bottom: 8px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.ggen-rail .product-box-row::-webkit-scrollbar {
		display: none;
	}

	.ggen-rail .product-box-row > .product-cat-wrap {
		flex: 0 0 64%;
		max-width: 64%;
		padding: 0 !important;
		scroll-snap-align: start;
	}

	.ggen-bundles-grid {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 12px;
		margin-inline: -16px;
		padding-inline: 16px;
		padding-bottom: 8px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.ggen-bundles-grid::-webkit-scrollbar {
		display: none;
	}

	.ggen-bundles-grid > .ggen-bundle-card {
		flex: 0 0 64%;
		max-width: 64%;
		scroll-snap-align: start;
	}

	.product-small .box-text .woocommerce-loop-product__title,
	.product-small .box-text .name a {
		font-size: 15px !important;
	}

	.product-small .box-text .price,
	.product-small .box-text .price .amount {
		font-size: 17px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ggen-rail .product-box-row,
	.ggen-bundles-grid {
		scroll-behavior: auto;
	}
}

/* ══════════════════════════════════════════════════════════════════════════
   المرحلة 2 — التصفّح والبحث (2026-10-09)
   ══════════════════════════════════════════════════════════════════════════ */

/* ── ⑨ الترويسة: ما يجيب «أين أنظر؟» و«أين سلّتي؟» فقط ─────────────────────── */
/* زرّ ☰ يستهدف درجاً لا يُطبع في الصفحة (قِيس بـUA جوّال) — شريطُ القاع هو التنقّل. */
#mobile-menu-switch,
.mobile-menu-switch {
	display: none !important;
}

/* تلميح الشحن (كان بأيقونة طائرة) وقلب المفضّلة: الوعدُ تحت البانر، والمفضّلةُ تغادر البطاقات. */
.ship-tip-wrap,
.ship-tip,
.wishlist-link {
	display: none !important;
}

/* واتساب أيقونةً واحدةً 44×44 */
.ggen-header-wa {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--color-border, #DCDFDD);
	border-radius: var(--ggen-radius-button, 10px);
	color: var(--teal-700, #096A5A);
	background: #fff;
}

.ggen-header-wa:hover,
.ggen-header-wa:focus-visible {
	border-color: var(--teal-600, #0B8571);
	color: var(--teal-600, #0B8571);
}

/* ── ⑩ الدليل على /shop/: ستّ بلاطات، لا شبكة ولا عمود ولا ترقيم ─────────── */
body.ggen-directory #woocommece-shop-sidebar,
body.ggen-directory .woocommece-shop-sidebar,
body.ggen-directory .woocommece-shop-sidebar-switch-wrap,
body.ggen-directory .woocommece-shop-sidebar-switch,
body.ggen-directory #woocommece-shop-sidebar-overlay,
body.ggen-directory nav.pagination,
body.ggen-directory .ggen-more {
	display: none !important;
}

body.ggen-directory .woocommerce-products-header .shop-sidebar-button,
body.ggen-directory [class*="col-xl-9"] {
	flex: 0 0 100%;
	max-width: 100%;
}

body.ggen-directory .products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.ggen-directory .products > .product-cat-wrap {
	flex: none;
	width: auto;
	max-width: none;
	padding: 0;
	margin: 0;
}

body.ggen-directory .product-category .product-small {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 160px;
	padding: 20px 12px;
	background: #fff;
	border: 1px solid var(--color-border, #DCDFDD);
	border-radius: 14px;
	box-shadow: none;
}

body.ggen-directory .product-category .product-small > a {
	display: contents;
}

body.ggen-directory .product-category .ggen-tile-media {
	display: block;
	width: 96px;
	height: 96px;
	border-radius: 24px;
	background: var(--ggen-gradient-primary, linear-gradient(225deg, #0EA489 0%, #71AC6F 100%)) center / cover no-repeat;
}

body.ggen-directory .product-category .woocommerce-loop-category__title {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: var(--ink-950, #032019);
}

body.ggen-directory .product-category .woocommerce-loop-category__title .count {
	display: none;
}

/* ── ⑪ العمود الجانبيّ: مكتبٌ عريضٌ فقط، وفرعُ الزائر وحده ──────────────────── */
@media only screen and (max-width: 1199px) {
	#woocommece-shop-sidebar,
	.woocommece-shop-sidebar,
	.woocommece-shop-sidebar-switch-wrap,
	.woocommece-shop-sidebar-switch,
	#woocommece-shop-sidebar-overlay {
		display: none !important;
	}
}

/* القسم الحاليّ في العمود: ممتلئٌ لا مجرّدَ لونٍ مختلف */
#woocommece-shop-sidebar .product-categories li.current-cat > a {
	background: var(--teal-50, #E8F7F4);
	color: var(--teal-800, #075043);
	font-weight: 700;
	border-radius: 8px;
}

/* ── ⑫ رأس الأرشيف: صفُّ أقراصٍ واحدٌ ينزلق، بلا تسميةٍ ولا فتات مسارٍ على الجوّال */
.ggen-subcats__label {
	display: none !important;
}

.ggen-subcats__pill.is-current,
.ggen-subcats__pill.is-current:hover {
	background: var(--teal-600, #0B8571);
	border-color: var(--teal-600, #0B8571);
	color: #fff;
}

@media only screen and (max-width: 767px) {
	nav.adswth-breadcrumb {
		display: none !important;
	}

	.ggen-subcats {
		gap: 0 !important;
	}

	.ggen-subcats__list {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		width: auto !important;
		gap: 8px !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		margin-inline: -16px;
		padding-inline: 16px;
		padding-bottom: 6px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.ggen-subcats__list::-webkit-scrollbar {
		display: none;
	}

	.ggen-subcats__list li {
		width: auto !important;
		flex: 0 0 auto;
		scroll-snap-align: start;
	}

	.ggen-subcats__pill {
		display: inline-flex !important;
		width: auto !important;
		min-height: 40px;
		padding-inline: 14px !important;
		white-space: nowrap;
		justify-content: center !important;
	}
}

/* ── ⑬ الترقيم: «عرض المزيد» وجملةُ موضع؛ الأرقامُ تبقى للزحف مخفيّةً بصرياً ── */
nav.pagination {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0 !important;
}

.ggen-more {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	margin: 28px 0 8px;
}

.ggen-more__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	min-width: 240px;
	padding: 0 40px;
	background: #fff;
	border: 1.5px solid var(--teal-700, #096A5A);
	border-radius: var(--ggen-radius-button, 10px);
	color: var(--teal-700, #096A5A);
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}

.ggen-more__btn:hover,
.ggen-more__btn:focus-visible {
	background: var(--teal-50, #E8F7F4);
	color: var(--teal-800, #075043);
}

.ggen-more__btn[aria-busy="true"] {
	opacity: 0.6;
	pointer-events: none;
}

.ggen-more__pos {
	margin: 0;
	font-size: 14px;
	color: var(--neutral-600, #6A6D6B);
	font-variant-numeric: tabular-nums;
}

/* ── ⑭ سطرُ العبوة تحت اسم المنتج ────────────────────────────────────────── */
.ggen-card-pack {
	display: block;
	margin: -2px 0 6px;
	font-size: 13px;
	line-height: 1.4;
	color: var(--neutral-600, #6A6D6B);
}

/* ══════════════════════════════════════════════════════════════════════════
   المرحلة 3 · صفحة المنتج (2026-10-09)
   ══════════════════════════════════════════════════════════════════════════ */

/* ── ⑮ فتات المسار: القسمُ وحدَه على سطرٍ واحد ─────────────────────────────── */
body.single-product nav.adswth-breadcrumb {
	display: block !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 8px;
}

/* الرئيسية والمتجر واسمُ المنتج (هو h1 تحته مباشرة) تُطوى؛ تبقى سلسلةُ القسم. */
body.single-product nav.adswth-breadcrumb > .br-home,
body.single-product nav.adswth-breadcrumb > .br-home + i,
body.single-product nav.adswth-breadcrumb > span.br-item:first-of-type,
body.single-product nav.adswth-breadcrumb > span.br-item:first-of-type + i,
body.single-product nav.adswth-breadcrumb > i:last-of-type,
body.single-product nav.adswth-breadcrumb > span.current,
body.single-product a.br-xs-back {
	display: none !important; /* و«العودة إلى …» (خارج الـnav، على الجوّال) تكرارٌ لفتات المسار نفسِها. */
}

/* ── ⑯ الملخّص: عنوانٌ وسعرٌ وخياراتٌ وزرّ ─────────────────────────────────── */
.single-product .product-summary .product_title {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.35;
	margin: 0 0 10px;
	text-wrap: balance;
}

.single-product .product-summary > .price,
.single-product .product-summary .price {
	font-size: 24px;
	font-weight: 800;
	line-height: 1.3;
	margin: 0 0 14px;
	font-variant-numeric: tabular-nums;
}

.single-product .product-summary .price .ggen-price-from,
.ggen-buybar__amount .ggen-price-from {
	font-size: 15px;
	font-weight: 500;
	color: var(--neutral-600, #6A6D6B);
	margin-inline-end: 4px;
}

.single-product .product-summary .price .woocommerce-price-suffix {
	font-size: 13px;
	font-weight: 400;
	color: var(--neutral-600, #6A6D6B);
}

/* ما نُزع: المشاركة، المفضّلة الثانية، صفُّ الميتا، «عرض السلّة»، سعرُ التنويعة
   المكرَّر، العمودُ الجانبيُّ وذيلُ «شاهدتَها مؤخّراً»، والإشعارُ الذي نابت
   عنه الورقة. */
.single-product .product-summary .yith-wcwl-add-to-wishlist,
.single-product .product-summary .yith-add-to-wishlist-button-block,
.single-product .product-gallery .yith-wcwl-add-to-wishlist,
.single-product .product-gallery .image-tools,
.single-product .adshwth-share-mob,
.single-product .sharePopup,
.single-product .product_meta,
.single-product .single_add_to_cart_button-group a.view-cart,
.single-product .single_add_to_cart_button-group a.added_to_cart,
.single-product .woocommerce-variation-price,
.single-product .product-sidebar,
.single-product .product-footer,
.single-product .woocommerce-message.ggen-notice--sheeted {
	display: none !important;
}

.single-product .product-description-area {
	flex: 0 0 100%;
	max-width: 100%;
}

/* قوائمُ خياراتٍ أصليّة: التسميةُ فوق القائمة، والقائمةُ 48px بعرض السطر.
   خليّةُ التسمية لا تُمسّ إلا تنسيقاً (مصيدة `.label`). */
.single-product table.variations,
.single-product table.variations tbody,
.single-product table.variations tr,
.single-product table.variations td {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
}

.single-product table.variations tr {
	margin-bottom: 14px;
}

.single-product table.variations td.label {
	display: block;
	margin: 0 0 6px;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--neutral-900, #1F2322);
	background: transparent;
	border-radius: 0;
	text-align: start;
	white-space: normal;
}

.single-product table.variations td.label label {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

.single-product table.variations td.value {
	position: relative;
}

.single-product select.ggen-native-select {
	display: block;
	width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--neutral-900, #1F2322);
	background: #fff;
	border: 1.5px solid var(--neutral-300, #C9CDCB);
	border-radius: var(--ggen-radius-button, 10px);
	-webkit-appearance: menulist;
	appearance: menulist;
}

.single-product select.ggen-native-select:focus-visible {
	outline: 3px solid var(--teal-200, #9FD9CD);
	outline-offset: 2px;
	border-color: var(--teal-700, #096A5A);
}

.single-product .variations a.reset_variations {
	position: static;
	display: inline-flex;
	margin-top: 6px;
	font-size: 14px;
}

/* صفُّ الكمّية والزرّ على سطرٍ واحد؛ الزرُّ يأخذ ما بقي. */
.single-product form.cart .woocommerce-add-to-cart-group {
	display: flex;
	align-items: stretch;
	gap: 12px;
	width: 100%;
}

.single-product form.cart .woocommerce-add-to-cart-group .single_add_to_cart_button-group {
	flex: 1 1 auto;
	padding: 0;
}

.single-product form.cart .single_add_to_cart_button {
	width: 100%;
	min-width: 0;
	min-height: 52px;
	border-radius: var(--ggen-radius-button, 10px);
	font-size: 17px;
	font-weight: 700;
}

/* سطرا الثقة: نصٌّ وأيقونة، بلا بطاقاتٍ ولا شبكة. */
.ggen-pdp-assurances {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 16px 0 10px;
	padding: 0;
	list-style: none;
}

.ggen-pdp-assurance {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 15px;
	line-height: 1.5;
	color: var(--neutral-800, #353938);
}

.ggen-pdp-assurance__icon {
	flex-shrink: 0;
	display: inline-flex;
	color: var(--teal-700, #096A5A);
}

.ggen-pdp-ask {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--teal-700, #096A5A);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ggen-pdp-ask:hover,
.ggen-pdp-ask:focus-visible {
	background: transparent;
	color: var(--teal-800, #075043);
}

/* ── ⑰ ما تحت الشاشة الأولى: الرفُّ ثمّ الأسئلة ثمّ التبويبات ──────────────── */
.single-product .ggen-rail--with {
	margin-top: 32px;
}

.single-product .ggen-faq {
	max-width: none;
	margin: 32px 0 0;
	padding: 0;
}

.ggen-faq__item {
	border: 1px solid var(--neutral-200, #E3E6E4);
	border-radius: var(--ggen-radius-button, 10px);
	padding: 0 16px;
	margin-bottom: 8px;
	background: #fff;
}

.ggen-faq__q {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 10px 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--neutral-900, #1F2322);
	cursor: pointer;
	list-style: none;
}

.ggen-faq__q::-webkit-details-marker {
	display: none;
}

.ggen-faq__q::after {
	content: '';
	margin-inline-start: auto;
	width: 10px;
	height: 10px;
	border-inline-end: 2px solid var(--teal-700, #096A5A);
	border-bottom: 2px solid var(--teal-700, #096A5A);
	transform: rotate(45deg);
	transition: transform .2s ease;
}

.ggen-faq__item[open] .ggen-faq__q::after {
	transform: rotate(-135deg);
}

.ggen-faq__a {
	margin: 0 0 14px;
	font-size: 15px;
	line-height: 1.8;
	color: var(--neutral-700, #4E514F);
}

.single-product .tabs.wrapper {
	margin-top: 24px;
}

.single-product .tabs.wrapper .nav-tabs a {
	font-size: 16px;
	font-weight: 700;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}

.single-product .tabs.wrapper .panel-body {
	font-size: 16px;
	line-height: 1.8;
}

.ggen-clamp {
	position: relative;
	max-height: 320px;
	overflow: hidden;
}

.ggen-clamp::after {
	content: '';
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 96px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 85%);
	pointer-events: none;
}

.ggen-clamp.ggen-clamp--open {
	max-height: none;
}

.ggen-clamp.ggen-clamp--open::after {
	content: none;
}

.ggen-readmore,
.ggen-review-open {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin: 8px 0 16px;
	padding: 0 24px;
	background: #fff;
	border: 1.5px solid var(--teal-700, #096A5A);
	border-radius: var(--ggen-radius-button, 10px);
	color: var(--teal-700, #096A5A);
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.ggen-readmore:hover,
.ggen-readmore:focus-visible,
.ggen-review-open:hover,
.ggen-review-open:focus-visible {
	background: var(--teal-50, #E8F7F4);
}

/* بطاقةُ «ضمن تجميعة» — سطرٌ واحدٌ يلتفّ عند الضيق. */
.ggen-in-bundle {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin: 20px 0 0;
	padding: 14px 16px;
	border: 1px solid var(--neutral-200, #E3E6E4);
	border-radius: var(--ggen-radius-button, 10px);
	background: var(--teal-50, #E8F7F4);
	font-size: 15px;
	line-height: 1.5;
}

.ggen-in-bundle__label {
	font-weight: 700;
	color: var(--neutral-800, #353938);
}

.ggen-in-bundle__link {
	font-weight: 700;
	color: var(--teal-700, #096A5A);
	text-decoration: underline;
	text-underline-offset: 3px;
	min-height: 24px;
}

.ggen-in-bundle__price {
	margin-inline-start: auto;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--neutral-900, #1F2322);
}

/* ── ⑱ ورقةُ «تمت الإضافة» ─────────────────────────────────────────────────── */
.ggen-sheet {
	position: fixed;
	inset: 0;
	z-index: 1300;
	display: flex;
	align-items: flex-end;
	background: rgba(5, 55, 47, .35);
}

.ggen-sheet[hidden] {
	display: none !important;
}

.ggen-sheet__panel {
	width: 100%;
	padding: 20px 16px calc(20px + env(safe-area-inset-bottom, 0px));
	background: #fff;
	border-radius: 16px 16px 0 0;
	box-shadow: 0 -8px 30px -12px rgba(5, 55, 47, .4);
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ggen-sheet__title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 18px;
	font-weight: 800;
	color: var(--teal-800, #075043);
}

.ggen-sheet__check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--teal-700, #096A5A);
	color: #fff;
}

.ggen-sheet__total {
	margin: 0;
	font-size: 16px;
	color: var(--neutral-700, #4E514F);
}

.ggen-sheet__amount {
	font-weight: 800;
	color: var(--neutral-900, #1F2322);
	font-variant-numeric: tabular-nums;
}

.ggen-sheet__checkout {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	border-radius: var(--ggen-radius-button, 10px);
	background: var(--teal-700, #096A5A);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

.ggen-sheet__checkout:hover,
.ggen-sheet__checkout:focus-visible {
	background: var(--teal-800, #075043);
	color: #fff;
}

.ggen-sheet__continue {
	min-height: 44px;
	background: transparent;
	border: 0;
	color: var(--teal-700, #096A5A);
	font-size: 15px;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

@media only screen and (min-width: 768px) {
	/* على المكتب بطاقةٌ في الزاوية لا غطاءٌ على الصفحة. */
	.ggen-sheet {
		align-items: flex-end;
		justify-content: flex-start;
		background: transparent;
		pointer-events: none;
	}

	.ggen-sheet__panel {
		pointer-events: auto;
		width: min(360px, calc(100% - 48px));
		margin: 0 24px 24px;
		border-radius: 16px;
		box-shadow: 0 12px 40px -12px rgba(5, 55, 47, .45);
	}
}

/* ── ⑲ الجوّال: الشاشةُ الأولى تصل إلى الزرّ ──────────────────────────────── */
@media only screen and (max-width: 767px) {
	.single-product .product-summary .product_title {
		font-size: 20px;
	}

	.single-product .product-summary .price {
		font-size: 22px;
	}

	.single-product .ggen-faq .block-title {
		font-size: 20px;
	}

	/* المعرضُ على الجوّال: شرائحُ تنزلق ونقاطٌ صغيرة، بلا صفّ مصغّرات
	   (‏150px فوق الطيّة بلا معلومةٍ جديدة — المصغّراتُ هي الشرائحُ نفسُها). */
	.single-product .product-main-slider-thumbs {
		display: none !important;
	}

	/* والصورةُ مربّعةٌ بعرض الشاشة: صورُ المورّد طوليّةٌ أحياناً (قِيس 564px
	   لعرض 390)، فتُحتوى في مربّعٍ أبيض ولا تدفع الاسمَ والسعرَ تحت الطيّة. */
	.single-product .woocommerce-product-gallery__image img {
		display: block;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 1 / 1 !important;
		object-fit: contain !important;
		background: #fff;
	}

	/* وأسهمُ المعرض تُطوى على اللمس: الانزلاقُ والنقاطُ يكفيان، والسهمان
	   52px يركبان الصورة. */
	.single-product .product-main-slider .swiper-prev,
	.single-product .product-main-slider .swiper-next,
	.single-product .product-images .swiper-button-prev,
	.single-product .product-images .swiper-button-next {
		display: none !important;
	}

	/* ترتيبُ الملخّص على الجوّال: السعرُ قبل المقتطف. */
	.single-product .product-summary .woocommerce-product-details__short-description {
		font-size: 15px;
		line-height: 1.7;
		color: var(--neutral-700, #4E514F);
	}
}

/* ══════════════════════════════════════════════════════════════════════════
   المرحلة 4 · السلّة والدفع والتأكيد (2026-10-09)
   ══════════════════════════════════════════════════════════════════════════ */

/* ── ⑳ إطارُ الدفع: شعارٌ و«دفع آمن» وواتساب — لا قائمة ولا بحث ولا سلّة ──── */
body.ggen-checkout .header-top,
body.ggen-checkout #mobile-menu-switch,
body.ggen-checkout #main-bar .search-container,
body.ggen-checkout #main-bar .mobile-search-switch,
body.ggen-checkout #main-bar .btn-cart,
body.ggen-checkout #main-bar .wishlist-link,
body.ggen-checkout .checkout-breadcrumbs,
body.ggen-checkout .checkout-breadcrumbs + hr,
body.ggen-thankyou .checkout-breadcrumbs,
body.ggen-thankyou .checkout-breadcrumbs + hr {
	display: none !important;
}

/* صفُّ فتات المسار يبقى فارغاً بعد إخفاء ما فيه، ويترك فراغاً فوق الملخّص. */
body.ggen-checkout .page-row:has(> div > .checkout-breadcrumbs),
body.ggen-thankyou .page-row:has(> div > .checkout-breadcrumbs) {
	display: none !important;
}

body.ggen-checkout .checkout-content,
body.ggen-thankyou .checkout-content {
	margin-top: 0 !important;
}

/* زرُّ واتساب يخفيه الأب على الجوّال (`d-none d-md-block`) — على الدفع يبقى. */
body.ggen-checkout #main-bar .d-none.d-md-block {
	display: flex !important;
	align-items: center;
	gap: 10px;
}

.ggen-secure {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	padding: 0 10px;
	color: var(--teal-800, #075043);
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}

/* ── ㉑ حقولُ الدفع: الجوّالُ أوّلاً، لا دولةَ بخيارٍ واحد، 48px للّمس ────── */
body.ggen-checkout .wc-block-components-address-form__country {
	display: none !important;
}

body.ggen-checkout #contact-fields .wc-block-components-checkout-step__container > div,
body.ggen-checkout #contact-fields .wc-block-components-address-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

body.ggen-checkout #contact-fields .wc-block-components-address-form__ggen-phone,
body.ggen-checkout #contact-fields [class*="ggen-phone"] {
	order: -1;
}

body.ggen-checkout .wc-block-components-text-input input,
body.ggen-checkout .wc-block-components-combobox .components-combobox-control__input,
body.ggen-checkout .wc-block-components-select select,
body.ggen-checkout .wc-block-components-state-input select,
body.ggen-checkout .wc-block-components-select .components-custom-select-control__button {
	min-height: 48px;
	font-size: 16px;
	border-radius: var(--ggen-radius-button, 10px);
}

body.ggen-checkout .wc-block-components-checkout-step__title {
	font-size: 20px;
	font-weight: 800;
}

body.ggen-checkout .wc-block-components-checkout-step__description {
	font-size: 14px;
	color: var(--neutral-600, #6A6D6B);
}

/* خطوةُ الشحن تُطوى حين لا خيارَ فيها (طريقةٌ واحدة) — والمدّةُ في الملخّص. */
body.ggen-checkout #shipping-option:has(.wc-block-components-radio-control__option:only-child),
body.ggen-checkout #shipping-option:has(.wc-block-components-shipping-rates-control__package:only-child .wc-block-components-radio-control__option:only-child) {
	display: none !important;
}

/* ── ㉒ بلاطاتُ الدفع ─────────────────────────────────────────────────────── */
body.ggen-checkout .wc-block-components-radio-control-accordion-option {
	border: 1.5px solid var(--neutral-300, #C9CDCB);
	border-radius: var(--ggen-radius-button, 10px);
	margin-bottom: 10px;
	padding: 0 14px;
	background: #fff;
}

body.ggen-checkout .wc-block-components-radio-control-accordion-option:has(input:checked) {
	border-color: var(--teal-700, #096A5A);
	box-shadow: 0 0 0 1px var(--teal-700, #096A5A) inset;
}

body.ggen-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option {
	min-height: 56px;
	padding-block: 14px;
}

body.ggen-checkout .wc-block-components-payment-method-label {
	font-size: 16px;
	font-weight: 700;
}

body.ggen-checkout .wc-block-components-radio-control-accordion-content:empty {
	display: none;
}

body.ggen-checkout .wc-block-components-radio-control-accordion-content {
	padding-bottom: 14px;
}

body.ggen-checkout .wc-block-components-radio-control-accordion-content p:only-child:empty {
	display: none;
}

body.ggen-checkout .wc-block-components-checkout-place-order-button,
body.ggen-checkout .wc-block-components-checkout-place-order-button:hover {
	min-height: 52px;
	border-radius: var(--ggen-radius-button, 10px);
	font-size: 17px;
	font-weight: 700;
	background: var(--teal-700, #096A5A);
	color: #fff;
	border: 0;
}

body.ggen-checkout .wc-block-components-checkout-return-to-cart-button {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}

.ggen-field-help {
	margin: 6px 2px 0;
	font-size: 13px;
	line-height: 1.6;
	color: var(--neutral-600, #6A6D6B);
}

.ggen-field-help a {
	color: var(--teal-700, #096A5A);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ── ㉓ السلّة: عناصرُ وإجماليٌّ وزرٌّ واحد ─────────────────────────────────── */
body.woocommerce-cart .wc-block-components-totals-shipping__change-address-button,
body.woocommerce-cart .wc-block-components-shipping-calculator,
body.woocommerce-cart .wc-block-components-totals-shipping__via {
	display: none !important;
}

body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-cart__submit-button:hover {
	min-height: 52px;
	border-radius: var(--ggen-radius-button, 10px);
	font-size: 17px;
	font-weight: 700;
	background: var(--teal-700, #096A5A);
	color: #fff;
	border: 0;
}

body.woocommerce-cart .wc-block-components-product-name {
	font-size: 15px;
	font-weight: 600;
}

/* ── ㉔ شاشةُ التأكيد ─────────────────────────────────────────────────────── */
.ggen-ty {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 14px;
	max-width: 560px;
	margin: 8px auto 24px;
	padding: 28px 16px;
}

.ggen-ty__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: var(--teal-700, #096A5A);
	color: #fff;
}

.ggen-ty--failed .ggen-ty__mark {
	background: #B22A2A;
}

.ggen-ty__title {
	margin: 0;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.4;
	color: var(--neutral-900, #1F2322);
	text-wrap: balance;
}

.ggen-ty__lead,
.ggen-ty__lines {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
	line-height: 1.7;
	color: var(--neutral-700, #4E514F);
}

.ggen-ty__lines li + li {
	margin-top: 4px;
}

.ggen-ty__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	max-width: 360px;
	margin-top: 6px;
}

.ggen-ty__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	border-radius: var(--ggen-radius-button, 10px);
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

.ggen-ty__btn--primary {
	background: var(--teal-700, #096A5A);
	color: #fff;
}

.ggen-ty__btn--primary:hover,
.ggen-ty__btn--primary:focus-visible {
	background: var(--teal-800, #075043);
	color: #fff;
}

.ggen-ty__btn--ghost {
	background: #fff;
	border: 1.5px solid var(--teal-700, #096A5A);
	color: var(--teal-700, #096A5A);
}

.ggen-ty__details {
	max-width: 760px;
	margin: 0 auto 32px;
	border: 1px solid var(--neutral-200, #E3E6E4);
	border-radius: var(--ggen-radius-button, 10px);
	padding: 0 16px;
}

.ggen-ty__details > summary {
	display: flex;
	align-items: center;
	min-height: 52px;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}

.ggen-ty__details > summary::-webkit-details-marker {
	display: none;
}

.ggen-ty__details > summary::after {
	content: '';
	margin-inline-start: auto;
	width: 10px;
	height: 10px;
	border-inline-end: 2px solid var(--teal-700, #096A5A);
	border-bottom: 2px solid var(--teal-700, #096A5A);
	transform: rotate(45deg);
}

.ggen-ty__details[open] > summary::after {
	transform: rotate(-135deg);
}

.ggen-ty__details .woocommerce-thankyou-order-received {
	display: none;
}

.ggen-ty__details .woocommerce-order-overview {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin: 8px 0 16px;
	padding: 0;
	list-style: none;
	font-size: 14px;
}

.ggen-ty__details .woocommerce-order-overview li {
	border: 0;
	padding: 0;
	margin: 0;
}

@media only screen and (min-width: 768px) {
	.ggen-ty__actions {
		flex-direction: row;
	}

	.ggen-ty__btn {
		flex: 1 1 0;
	}
}