/*
Theme Name: Twenty Twenty-Five Child
Description: Digital Troooz Child Theme
Author: Digital Troooz
Template: twentytwentyfive
Version: 7.1.0
Text Domain: twentytwentyfive-child
*/


/* =========================================================
   00. DESIGN TOKENS + GLOBAL
   ========================================================= */

:root {
	--dt-primary-50: #f0fdf4;
	--dt-primary-100: #dcfce7;
	--dt-primary-500: #10b981;
	--dt-primary-600: #059669;
	--dt-primary-700: #047857;

	--dt-dark: #0f172a;
	--dt-text: #1e293b;
	--dt-text-soft: #475569;
	--dt-muted: #64748b;
	--dt-light-text: #94a3b8;

	--dt-bg: #f8fafc;
	--dt-surface: #ffffff;
	--dt-border: #e2e8f0;
	--dt-border-soft: #f1f5f9;

	--dt-radius-sm: 8px;
	--dt-radius-md: 12px;
	--dt-radius-lg: 16px;
	--dt-radius-xl: 24px;
	--dt-radius-pill: 999px;

	--dt-shadow-sm: 0 2px 8px rgba(15, 23, 42, .05);
	--dt-shadow-md: 0 8px 24px rgba(15, 23, 42, .07);
	--dt-shadow-lg: 0 18px 45px rgba(15, 23, 42, .10);

	--dt-container: 1280px;
	--dt-transition: .2s ease;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

html,
body {
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
}

body {
	background: var(--dt-bg);
	color: var(--dt-text);
	font-family: 'Cairo', Arial, Tahoma, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
select,
textarea {
	font-family: 'Cairo', Arial, Tahoma, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--dt-dark);
	font-family: 'Cairo', Arial, Tahoma, sans-serif;
	font-weight: 800;
}

a {
	transition: color var(--dt-transition), background-color var(--dt-transition), border-color var(--dt-transition), transform var(--dt-transition);
}

.wp-site-blocks {
	margin: 0 !important;
	padding: 0 !important;
}

.dt-container {
	width: calc(100% - 40px);
	max-width: var(--dt-container);
	margin-inline: auto;
}

.dt-section {
	padding-block: 80px;
}

.dt-card {
	background: var(--dt-surface);
	border: 1px solid var(--dt-border-soft);
	border-radius: var(--dt-radius-xl);
	box-shadow: var(--dt-shadow-sm);
}

.dt-btn {
	min-height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 22px;
	border-radius: var(--dt-radius-md);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none !important;
	cursor: pointer;
}

.dt-btn-primary {
	background: var(--dt-primary-600);
	color: #fff !important;
	border: 1px solid var(--dt-primary-600);
}

.dt-btn-primary:hover {
	background: var(--dt-primary-700);
	border-color: var(--dt-primary-700);
}

:focus-visible {
	outline: 2px solid rgba(5, 150, 105, .35);
	outline-offset: 2px;
}

@media (max-width: 767px) {
	.dt-container {
		width: calc(100% - 24px);
	}

	.dt-section {
		padding-block: 55px;
	}
}

/* =========================================================
   01. DIGITAL TROOOZ - HEADER
   ========================================================= */


/* ---------------------------------------------------------
   HEADER WRAPPER
   --------------------------------------------------------- */

header.wp-block-template-part {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: rgba(255,255,255,.96) !important;

	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);

	border-bottom: 1px solid var(--dt-border-soft) !important;

	box-shadow:
		0 2px 10px rgba(15,23,42,.035) !important;

	overflow: visible !important;
}


/* إزالة قيود القالب الخارجية */

header.wp-block-template-part > .wp-block-group {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;

	overflow: visible !important;
}


/* الحاوية الداخلية */

header.wp-block-template-part
> .wp-block-group
> .wp-block-group {

	width: calc(100% - 40px) !important;
	max-width: 1280px !important;

	min-height: 80px !important;

	margin-left: auto !important;
	margin-right: auto !important;

	padding: 0 !important;

	overflow: visible !important;
}


/* الصف الرئيسي:
   Logo | Navigation | Tools */

header.wp-block-template-part
> .wp-block-group
> .wp-block-group
> .wp-block-group {

	width: 100% !important;

	min-height: 80px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	flex-wrap: nowrap !important;

	gap: 35px !important;

	margin: 0 !important;
	padding: 0 !important;

	direction: rtl !important;

	overflow: visible !important;
}


/* =========================================================
   BRAND
   ========================================================= */

header.wp-block-template-part
.wp-block-site-logo {

	margin: 0 !important;
	padding: 0 !important;
}


header.wp-block-template-part
.wp-block-site-logo img {

	display: block !important;

	width: 60px !important;
	height: 60px !important;

	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	object-fit: contain !important;
}


header.wp-block-template-part
.wp-block-site-title {

	margin: 0 !important;
	padding: 0 !important;

	white-space: nowrap !important;
}


header.wp-block-template-part
.wp-block-site-title,

header.wp-block-template-part
.wp-block-site-title a {

	color: var(--dt-dark) !important;

	font-family:
		'Cairo',
		Arial,
		sans-serif !important;

	font-size: 21px !important;
	font-weight: 800 !important;

	line-height: 1.2 !important;

	text-decoration: none !important;
}


/* صف اللوغو + الاسم */

header.wp-block-template-part
.wp-block-site-logo,
header.wp-block-template-part
.wp-block-site-title {

	flex-shrink: 0 !important;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

header.wp-block-template-part
.wp-block-navigation {

	position: relative !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: visible !important;

	flex: 0 1 auto !important;
}


header.wp-block-template-part
.wp-block-navigation__container {

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	flex-wrap: nowrap !important;

	gap: 27px !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: visible !important;
}


header.wp-block-template-part
.wp-block-navigation-item {

	position: relative !important;

	margin: 0 !important;
	padding: 0 !important;
}


header.wp-block-template-part
.wp-block-navigation-item__content {

	padding: 10px 0 !important;

	background: transparent !important;

	color: var(--dt-text-soft) !important;

	font-family:
		'Cairo',
		Arial,
		sans-serif !important;

	font-size: 15px !important;
	font-weight: 600 !important;

	line-height: 1.4 !important;

	white-space: nowrap !important;

	text-decoration: none !important;

	transition:
		color .2s ease !important;
}


header.wp-block-template-part
.wp-block-navigation-item__content:hover {

	color: var(--dt-primary-600) !important;
}


/* Active page */

header.wp-block-template-part
.current-menu-item
> .wp-block-navigation-item__content,

header.wp-block-template-part
.current-menu-ancestor
> .wp-block-navigation-item__content {

	color: var(--dt-primary-600) !important;

	font-weight: 700 !important;
}


/* =========================================================
   CATEGORIES DROPDOWN — DESKTOP HOVER ONLY
   ========================================================= */

/*
 * The WordPress navigation keeps aria-expanded after a click.  The desktop
 * menu therefore deliberately keys its visible state to :hover only.  The
 * mobile navigation remains under WordPress's normal click/tap behaviour.
 */
@media (min-width: 783px) {

	header.wp-block-template-part
	.wp-block-navigation-submenu {
		position: relative !important;
		overflow: visible !important;
	}

	header.wp-block-template-part
	.wp-block-navigation-submenu
	> .wp-block-navigation__submenu-container {
		position: absolute !important;
		top: 100% !important;
		right: 0 !important;
		left: auto !important;

		width: 240px !important;
		min-width: 240px !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;

		display: flex !important;
		flex-direction: column !important;
		gap: 2px !important;

		margin: 0 !important;
		padding: 8px !important;

		background: #ffffff !important;
		border: 1px solid var(--dt-border) !important;
		border-radius: 14px !important;
		box-shadow: 0 16px 40px rgba(15,23,42,.12) !important;

		direction: rtl !important;
		overflow: visible !important;

		opacity: 0 !important;
		visibility: hidden !important;
		transform: none !important;
		pointer-events: none !important;
		z-index: 999999 !important;
		transition: none !important;
	}

	/* Open and close immediately with the pointer—never with focus or aria. */
	header.wp-block-template-part
	.wp-block-navigation-submenu:hover
	> .wp-block-navigation__submenu-container {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	header.wp-block-template-part
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content {
		width: 100% !important;
		min-height: 44px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		padding: 9px 11px !important;
		background: transparent !important;
		color: #334155 !important;
		border-radius: 8px !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		text-align: right !important;
		direction: rtl !important;
		text-decoration: none !important;
	}

	header.wp-block-template-part
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content:hover {
		background: var(--dt-primary-50) !important;
		color: var(--dt-primary-700) !important;
	}

	header.wp-block-template-part
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content::before,
	header.wp-block-template-part
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content::after {
		content: none !important;
		display: none !important;
	}

	header.wp-block-template-part
	.wp-block-navigation__submenu-container
	.dt-menu-category-icon {
		order: 0 !important;
		flex: 0 0 28px !important;
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		max-width: 28px !important;
		min-height: 28px !important;
		max-height: 28px !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: contain !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 6px !important;
		box-shadow: none !important;
	}

	header.wp-block-template-part
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__label {
		order: 1 !important;
		flex: 1 1 auto !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: right !important;
		direction: rtl !important;
	}

	/* The arrow ignores WordPress's sticky aria-expanded state. */
	header.wp-block-template-part
	.wp-block-navigation-submenu
	:is(.wp-block-navigation-submenu__toggle, .wp-block-navigation__submenu-icon)
	svg {
		transform: rotate(0deg) !important;
		transition: transform .18s ease !important;
	}

	header.wp-block-template-part
	.wp-block-navigation-submenu
	:is(.wp-block-navigation-submenu__toggle, .wp-block-navigation__submenu-icon)[aria-expanded="true"]
	svg {
		transform: rotate(0deg) !important;
	}

	header.wp-block-template-part
	.wp-block-navigation-submenu:hover
	:is(.wp-block-navigation-submenu__toggle, .wp-block-navigation__submenu-icon)
	svg {
		transform: rotate(180deg) !important;
	}
}


/* =========================================================
   HEADER TOOLS
   ========================================================= */

header.wp-block-template-part
.dt-header-tools {

	display: flex !important;

	align-items: center !important;

	gap: 8px !important;

	flex:
		0 0 auto !important;
}


/* =========================================================
   MINI CART
   ========================================================= */

header.wp-block-template-part
.wc-block-mini-cart {

	margin: 0 !important;
	padding: 0 !important;
}


header.wp-block-template-part
.wc-block-mini-cart__button {

	width: 42px !important;
	height: 42px !important;

	min-width: 42px !important;
	min-height: 42px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #f1f5f9 !important;

	color: #334155 !important;

	border: 0 !important;

	border-radius: 12px !important;

	box-shadow: none !important;
}


header.wp-block-template-part
.wc-block-mini-cart__button:hover {

	background:
		var(--dt-primary-50) !important;

	color:
		var(--dt-primary-600) !important;
}


header.wp-block-template-part
.wc-block-mini-cart__badge {

	background:
		var(--dt-primary-600) !important;

	color: #ffffff !important;

	font-size: 10px !important;
	font-weight: 800 !important;
}


/* =========================================================
   SEARCH
   ========================================================= */

header.wp-block-template-part
.wp-block-search {

	margin: 0 !important;
	padding: 0 !important;
}


header.wp-block-template-part
.wp-block-search__button {

	width: 42px !important;
	height: 42px !important;

	min-width: 42px !important;
	min-height: 42px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #f1f5f9 !important;

	color: #334155 !important;

	border: 0 !important;

	border-radius: 12px !important;

	box-shadow: none !important;
}


header.wp-block-template-part
.wp-block-search__button:hover {

	background:
		var(--dt-primary-50) !important;

	color:
		var(--dt-primary-600) !important;
}


/* Search المخصص الموجود عندك */

header.wp-block-template-part
.dt-header-search {

	position: relative !important;

	margin: 0 !important;
	padding: 0 !important;
}


header.wp-block-template-part
.dt-header-search summary {

	width: 42px !important;
	height: 42px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #f1f5f9 !important;

	color: #334155 !important;

	border: 0 !important;

	border-radius: 12px !important;

	cursor: pointer !important;

	list-style: none !important;
}


header.wp-block-template-part
.dt-header-search summary:hover {

	background:
		var(--dt-primary-50) !important;

	color:
		var(--dt-primary-600) !important;
}


header.wp-block-template-part
.dt-header-search
summary::-webkit-details-marker {

	display: none !important;
}


header.wp-block-template-part
.dt-header-search summary svg {

	width: 21px !important;
	height: 21px !important;
}


header.wp-block-template-part
.dt-header-search form {

	position: absolute !important;

	top: calc(100% + 10px) !important;

	left: 0 !important;
	right: auto !important;

	width: 290px !important;

	padding: 10px !important;

	background: #ffffff !important;

	border:
		1px solid var(--dt-border) !important;

	border-radius:
		12px !important;

	box-shadow:
		var(--dt-shadow-md) !important;

	z-index:
		999999 !important;
}


/* =========================================================
   HEADER FOCUS
   ========================================================= */

header.wp-block-template-part
a:focus,

header.wp-block-template-part
a:focus-visible,

header.wp-block-template-part
button:focus,

header.wp-block-template-part
button:focus-visible,

header.wp-block-template-part
summary:focus,

header.wp-block-template-part
summary:focus-visible {

	outline: none !important;

	box-shadow: none !important;
}


/* =========================================================
   HEADER TABLET
   ========================================================= */

@media (max-width: 1050px) {

	header.wp-block-template-part
	.wp-block-navigation__container {

		gap: 18px !important;
	}


	header.wp-block-template-part
	.wp-block-navigation-item__content {

		font-size: 13px !important;
	}


	header.wp-block-template-part
	.wp-block-site-logo img {

		width: 52px !important;
		height: 52px !important;
	}
}


/* =========================================================
   HEADER MOBILE
   ========================================================= */

@media (max-width: 782px) {

	header.wp-block-template-part
	> .wp-block-group
	> .wp-block-group {

		width:
			calc(100% - 24px) !important;

		min-height:
			68px !important;
	}


	header.wp-block-template-part
	.wp-block-site-logo img {

		width: 44px !important;
		height: 44px !important;
	}


	header.wp-block-template-part
	.wp-block-site-title,

	header.wp-block-template-part
	.wp-block-site-title a {

		font-size:
			17px !important;
	}
}


/* =========================================================
   02. HOME PAGE FOUNDATION
   ========================================================= */

body.home,
body.page-id-468 {

	background:
		var(--dt-bg) !important;
}


/* إزالة كل قيود Twenty Twenty-Five
   على الصفحة الرئيسية */

body.home main,
body.page-id-468 main,

body.home .wp-block-post-content,
body.page-id-468 .wp-block-post-content,

body.home .entry-content,
body.page-id-468 .entry-content {

	width: 100% !important;

	max-width: none !important;

	margin: 0 !important;

	padding: 0 !important;

	overflow: visible !important;
}


/* =========================================================
   HIDE ORIGINAL PAGE TITLE
   ========================================================= */

body.home h1.wp-block-post-title,
body.page-id-468 h1.wp-block-post-title,

body.home h1.entry-title,
body.page-id-468 h1.entry-title {

	display: none !important;
}


/* =========================================================
   CUSTOM HTML HERO WRAPPER
   مهم جدًا لكسر Content Width تبع WordPress
   ========================================================= */

body.home
.wp-block-post-content
> .wp-block-html:first-child,

body.page-id-468
.wp-block-post-content
> .wp-block-html:first-child,

body.home
.entry-content
> .wp-block-html:first-child,

body.page-id-468
.entry-content
> .wp-block-html:first-child {

	width: 100vw !important;

	max-width: none !important;

	margin-left:
		calc(50% - 50vw) !important;

	margin-right:
		calc(50% - 50vw) !important;

	margin-top: 0 !important;
	margin-bottom: 0 !important;

	padding: 0 !important;
}


/* =========================================================
   HERO
   ========================================================= */

.dt-home-hero {

	position: relative !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;

	padding:
		84px
		24px
		90px !important;

	overflow: hidden !important;

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f8fafc 100%
		) !important;

	direction:
		rtl !important;
}


/* Glow 1 */

.dt-home-hero::before {

	content: "";

	position: absolute;

	width: 420px;
	height: 420px;

	top: -180px;
	left: -120px;

	background:
		rgba(16,185,129,.09);

	border-radius: 50%;

	filter: blur(75px);

	pointer-events: none;
}


/* Glow 2 */

.dt-home-hero::after {

	content: "";

	position: absolute;

	width: 360px;
	height: 360px;

	right: -160px;
	bottom: -200px;

	background:
		rgba(5,150,105,.06);

	border-radius: 50%;

	filter: blur(75px);

	pointer-events: none;
}


/* =========================================================
   HERO INNER
   ========================================================= */

.dt-home-hero__inner {

	position: relative;

	z-index: 2;

	width:
		calc(100% - 40px) !important;

	max-width:
		1280px !important;

	margin-left:
		auto !important;

	margin-right:
		auto !important;

	display:
		grid !important;

	grid-template-columns:
		minmax(0,1.35fr)
		minmax(340px,.8fr) !important;

	align-items:
		center !important;

	gap:
		80px !important;
}


/* =========================================================
   HERO CONTENT
   ========================================================= */

.dt-home-hero__content {

	max-width:
		730px;

	text-align:
		right;
}


.dt-home-hero__badge {

	width:
		fit-content;

	display:
		inline-flex;

	align-items:
		center;

	gap:
		8px;

	margin-bottom:
		22px;

	padding:
		7px 14px;

	background:
		var(--dt-primary-50);

	color:
		var(--dt-primary-700);

	border:
		1px solid #d1fae5;

	border-radius:
		999px;

	font-size:
		13px;

	font-weight:
		700;

	line-height:
		1.5;
}


.dt-home-hero__badge span {

	width:
		20px;

	height:
		20px;

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	background:
		var(--dt-primary-600);

	color:
		#ffffff;

	border-radius:
		50%;

	font-size:
		11px;

	font-weight:
		800;
}


/* =========================================================
   HERO TITLE
   ========================================================= */

.dt-home-hero__title {

	max-width:
		760px;

	margin:
		0 0 22px !important;

	color:
		var(--dt-dark) !important;

	font-size:
		clamp(
			40px,
			4.3vw,
			62px
		) !important;

	font-weight:
		800 !important;

	line-height:
		1.28 !important;

	letter-spacing:
		-1.5px;
}


.dt-home-hero__title span {

	color:
		var(--dt-primary-600);
}


/* =========================================================
   HERO TEXT
   ========================================================= */

.dt-home-hero__text {

	max-width:
		670px;

	margin:
		0 0 30px !important;

	color:
		var(--dt-muted);

	font-size:
		17px;

	line-height:
		2;
}


/* =========================================================
   HERO BUTTONS
   ========================================================= */

.dt-home-hero__actions {

	display:
		flex;

	align-items:
		center;

	justify-content:
		flex-start;

	flex-wrap:
		wrap;

	gap:
		12px;

	margin-bottom:
		42px;
}


.dt-home-hero__btn {

	min-height:
		52px;

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	gap:
		10px;

	padding:
		11px 24px;

	border-radius:
		14px;

	font-size:
		14px;

	font-weight:
		700;

	text-decoration:
		none !important;
}


.dt-home-hero__btn:hover {

	transform:
		translateY(-2px);
}


.dt-home-hero__btn--primary {

	background:
		var(--dt-primary-600);

	color:
		#ffffff !important;

	border:
		1px solid var(--dt-primary-600);

	box-shadow:
		0 10px 25px
		rgba(5,150,105,.22);
}


.dt-home-hero__btn--primary:hover {

	background:
		var(--dt-primary-700);

	border-color:
		var(--dt-primary-700);
}


.dt-home-hero__btn--secondary {

	background:
		#ffffff;

	color:
		#334155 !important;

	border:
		1px solid var(--dt-border);
}


.dt-home-hero__btn--secondary:hover {

	background:
		var(--dt-primary-50);

	color:
		var(--dt-primary-700) !important;

	border-color:
		#bbf7d0;
}


/* =========================================================
   HERO FEATURES
   ========================================================= */

.dt-home-hero__features {

	max-width:
		560px;

	display:
		grid;

	grid-template-columns:
		repeat(3,1fr);

	padding-top:
		28px;

	border-top:
		1px solid var(--dt-border);
}


.dt-home-hero__features > div {

	display:
		flex;

	flex-direction:
		column;

	gap:
		4px;

	padding:
		0 18px;

	border-left:
		1px solid var(--dt-border);
}


.dt-home-hero__features
> div:first-child {

	padding-right:
		0;
}


.dt-home-hero__features
> div:last-child {

	border-left:
		0;
}


.dt-home-hero__features strong {

	color:
		var(--dt-dark);

	font-size:
		18px;

	font-weight:
		800;
}


.dt-home-hero__features span {

	color:
		var(--dt-muted);

	font-size:
		12px;

	font-weight:
		500;
}


/* =========================================================
   HERO VISUAL
   ========================================================= */

.dt-home-hero__visual {

	position:
		relative;

	width:
		100%;

	max-width:
		390px;

	margin:
		0 auto;
}


.dt-home-hero__visual::before {

	content:
		"";

	position:
		absolute;

	inset:
		-8px;

	background:
		linear-gradient(
			135deg,
			var(--dt-primary-600),
			#14b8a6
		);

	border-radius:
		30px;

	opacity:
		.18;

	filter:
		blur(22px);
}


/* =========================================================
   HERO PRODUCT CARD
   ========================================================= */

.dt-hero-product-card:not(.dt-hero-featured) {

	position:
		relative;

	z-index:
		2;

	overflow:
		hidden;

	padding:
		28px;

	background:
		rgba(255,255,255,.97);

	border:
		1px solid var(--dt-border-soft);

	border-radius:
		26px;

	box-shadow:
		0 24px 60px
		rgba(15,23,42,.12);

	text-align:
		right;
}


.dt-hero-product-card:not(.dt-hero-featured)
.dt-hero-product-card__top {

	display:
		flex;

	align-items:
		center;

	justify-content:
		space-between;

	gap:
		10px;

	margin-bottom:
		22px;
}


.dt-hero-product-card:not(.dt-hero-featured)
.dt-hero-product-card__badge {

	padding:
		6px 11px;

	background:
		#d1fae5;

	color:
		var(--dt-primary-700);

	border-radius:
		999px;

	font-size:
		11px;

	font-weight:
		800;
}


.dt-hero-product-card:not(.dt-hero-featured)
.dt-hero-product-card__status {

	color:
		var(--dt-light-text);

	font-size:
		12px;

	font-weight:
		600;
}


/* Graphic */

.dt-hero-product-card__graphic {

	position:
		relative;

	overflow:
		hidden;

	height:
		210px;

	display:
		flex;

	flex-direction:
		column;

	align-items:
		center;

	justify-content:
		center;

	gap:
		12px;

	margin-bottom:
		24px;

	background:
		linear-gradient(
			145deg,
			#0f172a 0%,
			#1e293b 100%
		);

	border-radius:
		18px;

	color:
		#ffffff;
}


.dt-hero-product-card__graphic::before {

	content:
		"";

	position:
		absolute;

	width:
		160px;

	height:
		160px;

	right:
		-55px;

	bottom:
		-65px;

	background:
		rgba(16,185,129,.20);

	border-radius:
		50%;

	filter:
		blur(24px);
}


.dt-hero-product-card__graphic::after {

	content:
		"";

	position:
		absolute;

	width:
		120px;

	height:
		120px;

	left:
		-45px;

	top:
		-45px;

	background:
		rgba(20,184,166,.15);

	border-radius:
		50%;

	filter:
		blur(24px);
}


.dt-hero-product-card__icon {

	position:
		relative;

	z-index:
		2;

	width:
		82px;

	height:
		82px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	background:
		linear-gradient(
			135deg,
			var(--dt-primary-500),
			var(--dt-primary-600)
		);

	color:
		#ffffff;

	border-radius:
		22px;

	font-size:
		27px;

	font-weight:
		800;

	box-shadow:
		0 12px 30px
		rgba(5,150,105,.30);
}


.dt-hero-product-card__graphic
> span {

	position:
		relative;

	z-index:
		2;

	font-size:
		17px;

	font-weight:
		700;
}


.dt-hero-product-card:not(.dt-hero-featured) h3 {

	margin:
		0 0 8px !important;

	color:
		var(--dt-dark) !important;

	font-size:
		19px !important;

	font-weight:
		800 !important;

	line-height:
		1.6 !important;
}


.dt-hero-product-card:not(.dt-hero-featured) p {

	margin:
		0 0 20px !important;

	color:
		var(--dt-muted);

	font-size:
		13px;

	line-height:
		1.8;
}


.dt-hero-product-card:not(.dt-hero-featured)
> a {

	width:
		100%;

	min-height:
		46px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	background:
		var(--dt-dark);

	color:
		#ffffff !important;

	border-radius:
		12px;

	font-size:
		13px;

	font-weight:
		700;

	text-decoration:
		none !important;
}


.dt-hero-product-card:not(.dt-hero-featured)
> a:hover {

	background:
		var(--dt-primary-600);
}


/* =========================================================
   HERO FEATURED PRODUCT
   ========================================================= */

/* This is intentionally scoped to the dynamic featured-product markup.
   It does not alter product cards elsewhere in WooCommerce. */
.dt-hero-product-card.dt-hero-featured {
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 16px !important;
	background: #ffffff !important;
	border: 1px solid #eef2f7 !important;
	border-radius: 24px !important;
	box-shadow: 0 24px 55px rgba(15, 23, 42, .11) !important;
	overflow: hidden !important;
	direction: rtl !important;
	text-align: right !important;
}

.dt-hero-featured .dt-hero-product-card__top {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
}

.dt-hero-featured .dt-hero-product-card__badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 5px 10px !important;
	background: #d1fae5 !important;
	color: #047857 !important;
	border-radius: var(--dt-radius-pill) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
}

.dt-hero-featured .dt-hero-product-card__status {
	color: var(--dt-light-text) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
}

/* Keep the original image proportions. No fixed height, cover, or zoom is
   used, so the entire product image remains visible. */
.dt-hero-featured > a.dt-hero-featured-image-link {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	background: #f8fafc !important;
	border: 0 !important;
	border-radius: 16px !important;
	box-shadow: none !important;
	overflow: hidden !important;
	text-decoration: none !important;
	transform: none !important;
}

.dt-hero-featured > a.dt-hero-featured-image-link:hover {
	background: #f8fafc !important;
	transform: none !important;
}

.dt-hero-featured-image {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: 100% !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	aspect-ratio: auto !important;
	object-fit: contain !important;
	object-position: center !important;
	border: 0 !important;
	border-radius: inherit !important;
	box-shadow: none !important;
	background: transparent !important;
	transform: none !important;
}

.dt-hero-featured-title {
	margin: 0 2px 7px !important;
	color: var(--dt-dark) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 1.65 !important;
	text-align: right !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	overflow: hidden !important;
}

.dt-hero-featured-title a {
	color: inherit !important;
	background: transparent !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-decoration: none !important;
}

.dt-hero-featured-title a:hover {
	color: var(--dt-primary-600) !important;
}

.dt-hero-featured-description {
	margin: 0 2px 14px !important;
	color: var(--dt-muted) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.8 !important;
	text-align: right !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	overflow: hidden !important;
}

.dt-hero-featured-bottom {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: auto minmax(130px, 1fr) !important;
	align-items: center !important;
	gap: 14px !important;
	margin: 14px 0 0 !important;
	padding: 14px 0 0 !important;
	border-top: 1px solid #eef2f7 !important;
}

.dt-hero-featured-price,
.dt-hero-featured-price .price {
	margin: 0 !important;
	color: var(--dt-dark) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 1.5 !important;
	white-space: nowrap !important;
}

.dt-hero-featured-price .price {
	display: inline-flex !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	gap: 4px !important;
}

.dt-hero-featured-price del {
	color: var(--dt-light-text) !important;
	font-size: 11px !important;
	font-weight: 500 !important;
}

.dt-hero-featured-price ins {
	color: var(--dt-primary-700) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.dt-hero-featured-bottom a.dt-hero-featured-button {
	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 8px 16px !important;
	background: var(--dt-dark) !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 11px !important;
	box-shadow: none !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transform: none !important;
}

.dt-hero-featured-bottom a.dt-hero-featured-button:hover {
	background: var(--dt-primary-600) !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
}

@media (max-width: 600px) {
	.dt-home-hero__visual {
		max-width: 360px !important;
	}

	.dt-hero-product-card.dt-hero-featured {
		padding: 13px !important;
		border-radius: 20px !important;
	}

	.dt-hero-featured-title {
		font-size: 15px !important;
	}

	.dt-hero-featured-bottom {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.dt-hero-featured-price {
		text-align: center !important;
	}
}


/* =========================================================
   03. HOME PRODUCTS
   ========================================================= */


/* عنوان جديد المنتجات */

body.home
.wp-block-post-content
> h1.wp-block-heading,

body.page-id-468
.wp-block-post-content
> h1.wp-block-heading,

body.home
.entry-content
> h1.wp-block-heading,

body.page-id-468
.entry-content
> h1.wp-block-heading {

	width:
		calc(100% - 40px) !important;

	max-width:
		1180px !important;

	margin:
		38px auto 24px !important;

	padding:
		0 !important;

	color:
		var(--dt-dark) !important;

	font-size:
		34px !important;

	font-weight:
		800 !important;

	line-height:
		1.3 !important;

	text-align:
		right !important;
}


/* Product collection */

body.home
.wp-block-woocommerce-product-collection,

body.page-id-468
.wp-block-woocommerce-product-collection {

	width:
		calc(100% - 40px) !important;

	max-width:
		1180px !important;

	margin:
		0 auto 65px !important;

	padding:
		0 !important;
}


/* Product grid */

body.home
.wc-block-product-template,

body.home
ul.wc-block-product-template,

body.page-id-468
.wc-block-product-template,

body.page-id-468
ul.wc-block-product-template {

	display:
		grid !important;

	grid-template-columns:
		repeat(
			4,
			minmax(0,1fr)
		) !important;

	gap:
		18px !important;

	margin:
		0 !important;

	padding:
		0 !important;

	list-style:
		none !important;
}


/* Product card */

body.home
li.wc-block-product,

body.page-id-468
li.wc-block-product {

	width:
		100% !important;

	display:
		flex !important;

	flex-direction:
		column !important;

	min-width:
		0 !important;

	height:
		100% !important;

	margin:
		0 !important;

	padding:
		9px 9px 13px !important;

	background:
		#ffffff !important;

	border:
		1px solid #e8edf2 !important;

	border-radius:
		14px !important;

	box-shadow:
		0 5px 16px rgba(15, 23, 42, .045) !important;

	overflow:
		hidden !important;

	text-align:
		center !important;

	transition:
		transform .2s ease,
		box-shadow .2s ease,
		border-color .2s ease !important;
}


body.home
li.wc-block-product:hover,

body.page-id-468
li.wc-block-product:hover {

	transform:
		translateY(-3px) !important;

	border-color:
		#dbe3ea !important;

	box-shadow:
		0 12px 28px rgba(15, 23, 42, .08) !important;
}


/* Product image */

body.home
li.wc-block-product img,

body.page-id-468
li.wc-block-product img {

	display:
		block !important;

	width:
		100% !important;

	height:
		auto !important;

	aspect-ratio:
		1 / 1 !important;

	object-fit:
		cover !important;

	object-position:
		center !important;

	margin:
		0 0 10px !important;

	border-radius:
		10px !important;
}


/* Product title */

body.home
li.wc-block-product
.wp-block-post-title,

body.home
li.wc-block-product
.wc-block-components-product-name,

body.page-id-468
li.wc-block-product
.wp-block-post-title,

body.page-id-468
li.wc-block-product
.wc-block-components-product-name {

	min-height:
		48px !important;

	margin:
		0 3px 6px !important;

	color:
		var(--dt-dark) !important;

	font-size:
		14.5px !important;

	font-weight:
		700 !important;

	line-height:
		1.6 !important;

	text-align:
		center !important;

	display:
		-webkit-box !important;

	-webkit-box-orient:
		vertical !important;

	-webkit-line-clamp:
		2 !important;

	overflow:
		hidden !important;
}


/* Product price */

body.home
li.wc-block-product
.wc-block-components-product-price,

body.page-id-468
li.wc-block-product
.wc-block-components-product-price {

	margin:
		0 0 11px !important;

	color:
		var(--dt-primary-700) !important;

	font-size:
		13.5px !important;

	font-weight:
		800 !important;

	line-height:
		1.5 !important;

	text-align:
		center !important;
}


body.home
li.wc-block-product del,

body.page-id-468
li.wc-block-product del {

	margin-left:
		5px !important;

	color:
		var(--dt-light-text) !important;

	font-size:
		10px !important;
}


body.home
li.wc-block-product ins,

body.page-id-468
li.wc-block-product ins {

	color:
		var(--dt-primary-700) !important;

	font-weight:
		800 !important;

	text-decoration:
		none !important;
}


/* Product button */

body.home
li.wc-block-product
.wc-block-components-product-button__button,

body.home
li.wc-block-product
.wp-block-button__link,

body.page-id-468
li.wc-block-product
.wc-block-components-product-button__button,

body.page-id-468
li.wc-block-product
.wp-block-button__link {

	width:
		92% !important;

	min-height:
		40px !important;

	display:
		inline-flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	margin:
		auto auto 0 !important;

	padding:
		7px 14px !important;

	background:
		#0f172a !important;

	color:
		#ffffff !important;

	border:
		0 !important;

	border-radius:
		999px !important;

	font-size:
		12.5px !important;

	font-weight:
		700 !important;

	line-height:
		1.2 !important;

	text-decoration:
		none !important;
}


body.home
li.wc-block-product
.wc-block-components-product-button__button:hover,

body.home
li.wc-block-product
.wp-block-button__link:hover,

body.page-id-468
li.wc-block-product
.wc-block-components-product-button__button:hover,

body.page-id-468
li.wc-block-product
.wp-block-button__link:hover {

	background:
		var(--dt-primary-600) !important;
}


/* زر عرض جميع المنتجات خارج بطاقات المنتجات */
body.home .wp-block-post-content > .wp-block-buttons .wp-block-button__link,
body.page-id-468 .wp-block-post-content > .wp-block-buttons .wp-block-button__link,
body.home .entry-content > .wp-block-buttons .wp-block-button__link,
body.page-id-468 .entry-content > .wp-block-buttons .wp-block-button__link {
	font-size: 14px !important;
	line-height: 1.3 !important;
}


/* Hide sale badge */

body.home
.wp-block-woocommerce-product-sale-badge,

body.page-id-468
.wp-block-woocommerce-product-sale-badge,

body.home
.wc-block-components-product-sale-badge,

body.page-id-468
.wc-block-components-product-sale-badge {

	display:
		none !important;
}


/* =========================================================
   HOME TABLET
   ========================================================= */

@media (max-width: 1000px) {

	.dt-home-hero__inner {

		grid-template-columns:
			1fr !important;

		gap:
			55px !important;
	}


	.dt-home-hero__content {

		max-width:
			800px;

		margin:
			0 auto;

		text-align:
			center;
	}


	.dt-home-hero__badge,
	.dt-home-hero__text,
	.dt-home-hero__features {

		margin-left:
			auto;

		margin-right:
			auto;
	}


	.dt-home-hero__actions {

		justify-content:
			center;
	}


	body.home
	.wc-block-product-template,

	body.page-id-468
	.wc-block-product-template {

		grid-template-columns:
			repeat(
				2,
				minmax(0,1fr)
			) !important;
	}
}


/* =========================================================
   HOME MOBILE
   ========================================================= */

@media (max-width: 600px) {

	.dt-home-hero {

		padding:
			55px 16px 60px !important;
	}


	.dt-home-hero__inner {

		width:
			calc(100% - 8px) !important;

		gap:
			42px !important;
	}


	.dt-home-hero__title {

		font-size:
			34px !important;

		line-height:
			1.35 !important;

		letter-spacing:
			-.5px;
	}


	.dt-home-hero__text {

		font-size:
			15px;

		line-height:
			1.9;
	}


	.dt-home-hero__actions {

		flex-direction:
			column;

		width:
			100%;
	}


	.dt-home-hero__btn {

		width:
			100%;
	}


	.dt-home-hero__features {

		grid-template-columns:
			1fr;

		gap:
			18px;

		text-align:
			center;
	}


	.dt-home-hero__features
	> div {

		padding:
			0 0 18px;

		border-left:
			0;

		border-bottom:
			1px solid
			var(--dt-border);
	}


	.dt-home-hero__features
	> div:last-child {

		padding-bottom:
			0;

		border-bottom:
			0;
	}


	body.home
	.wp-block-post-content
	> h1.wp-block-heading,

	body.page-id-468
	.wp-block-post-content
	> h1.wp-block-heading {

		width:
			calc(100% - 24px) !important;

		margin-top:
			38px !important;

		font-size:
			28px !important;
	}


	body.home
	.wp-block-woocommerce-product-collection,

	body.page-id-468
	.wp-block-woocommerce-product-collection {

		width:
			calc(100% - 20px) !important;
	}


	body.home
	.wc-block-product-template,

	body.page-id-468
	.wc-block-product-template {

		grid-template-columns:
			repeat(
				2,
				minmax(0,1fr)
			) !important;

		gap:
			10px !important;
	}


	body.home
	li.wc-block-product,

	body.page-id-468
	li.wc-block-product {

		padding:
			8px 8px 12px !important;

		border-radius:
			12px !important;
	}
}


/* =========================================================
   HOME PRODUCT BREAKPOINTS
   ========================================================= */

/* Keep the existing 4 / 3 / 2 product-grid structure. */
@media (min-width: 701px) and (max-width: 1000px) {
	body.home .wc-block-product-template,
	body.home ul.wc-block-product-template,
	body.page-id-468 .wc-block-product-template,
	body.page-id-468 ul.wc-block-product-template {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 15px !important;
	}
}

@media (max-width: 700px) {
	body.home .wp-block-post-content > h1.wp-block-heading,
	body.page-id-468 .wp-block-post-content > h1.wp-block-heading,
	body.home .entry-content > h1.wp-block-heading,
	body.page-id-468 .entry-content > h1.wp-block-heading {
		width: calc(100% - 24px) !important;
		margin: 30px auto 18px !important;
		font-size: 26px !important;
	}

	body.home .wp-block-woocommerce-product-collection,
	body.page-id-468 .wp-block-woocommerce-product-collection {
		width: calc(100% - 20px) !important;
	}

	body.home .wc-block-product-template,
	body.home ul.wc-block-product-template,
	body.page-id-468 .wc-block-product-template,
	body.page-id-468 ul.wc-block-product-template {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	body.home li.wc-block-product,
	body.page-id-468 li.wc-block-product {
		padding: 7px 7px 10px !important;
		border-radius: 11px !important;
	}

	body.home li.wc-block-product .wp-block-post-title,
	body.home li.wc-block-product .wc-block-components-product-name,
	body.page-id-468 li.wc-block-product .wp-block-post-title,
	body.page-id-468 li.wc-block-product .wc-block-components-product-name {
		min-height: 39px !important;
		font-size: 11px !important;
	}

	body.home li.wc-block-product .wc-block-components-product-price,
	body.page-id-468 li.wc-block-product .wc-block-components-product-price {
		font-size: 11px !important;
	}

	body.home li.wc-block-product .wc-block-components-product-button__button,
	body.home li.wc-block-product .wp-block-button__link,
	body.page-id-468 li.wc-block-product .wc-block-components-product-button__button,
	body.page-id-468 li.wc-block-product .wp-block-button__link {
		width: 94% !important;
		min-height: 33px !important;
		font-size: 9.5px !important;
	}
}


/* =========================================================
   HOME QUICK CATEGORIES
   ========================================================= */

.dt-home-categories {
	width: 100% !important;
	padding: 48px 20px 12px !important;
	background: #f8fafc !important;
	direction: rtl !important;
	box-sizing: border-box !important;
}

.dt-home-categories__inner {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
}

.dt-home-categories__heading {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	gap: 24px !important;
	margin-bottom: 22px !important;
}

.dt-home-categories__eyebrow {
	display: block !important;
	margin-bottom: 5px !important;
	color: var(--dt-primary-600) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}

.dt-home-categories__heading h2 {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--dt-dark) !important;
	font-size: 32px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
}

.dt-home-categories__all {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	color: #475569 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.dt-home-categories__all:hover {
	color: var(--dt-primary-600) !important;
}

.dt-home-categories__grid {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 12px !important;
}

.dt-category-card {
	position: relative !important;
	min-width: 0 !important;
	min-height: 145px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 13px !important;
	padding: 17px !important;
	background: #ffffff !important;
	border: 1px solid #e7edf2 !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, .035) !important;
	color: var(--dt-dark) !important;
	text-decoration: none !important;
	overflow: hidden !important;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease !important;
}

.dt-category-card:hover {
	transform: translateY(-3px) !important;
	background: #f0fdf4 !important;
	border-color: #bbf7d0 !important;
	box-shadow: 0 10px 24px rgba(15, 23, 42, .07) !important;
}

.dt-category-card__icon {
	width: 42px !important;
	height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 42px !important;
	background: #ecfdf5 !important;
	color: var(--dt-primary-600) !important;
	border-radius: 12px !important;
}

.dt-category-card__icon svg {
	width: 22px !important;
	height: 22px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.7 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.dt-category-card:nth-child(4) .dt-category-card__icon svg {
	fill: currentColor !important;
	stroke: none !important;
}

.dt-category-card__content {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
}

.dt-category-card__content strong {
	color: var(--dt-dark) !important;
	font-size: 15.5px !important;
	font-weight: 800 !important;
	line-height: 1.5 !important;
}

.dt-category-card__content small {
	color: #94a3b8 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.6 !important;
}

.dt-category-card__arrow {
	position: absolute !important;
	left: 14px !important;
	bottom: 14px !important;
	color: #94a3b8 !important;
	font-size: 15px !important;
	transition: transform .2s ease, color .2s ease !important;
}

.dt-category-card:hover .dt-category-card__arrow {
	color: var(--dt-primary-600) !important;
	transform: translateX(-3px) !important;
}

@media (max-width: 1000px) {
	.dt-home-categories__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 600px) {
	.dt-home-categories {
		padding: 36px 10px 8px !important;
	}

	.dt-home-categories__heading {
		align-items: center !important;
		margin-bottom: 16px !important;
	}

	.dt-home-categories__heading h2 {
		font-size: 23px !important;
	}

	.dt-home-categories__all {
		font-size: 11px !important;
	}

	.dt-home-categories__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 9px !important;
	}

	.dt-category-card {
		min-height: 130px !important;
		padding: 14px !important;
		border-radius: 13px !important;
	}

	.dt-category-card__icon {
		width: 38px !important;
		height: 38px !important;
		flex-basis: 38px !important;
	}

	.dt-category-card__content strong {
		font-size: 12.5px !important;
	}

	.dt-category-card__content small {
		font-size: 9.5px !important;
	}
}


/* =========================================================
   WHY TROOOZ
   ========================================================= */

.dt-why-troooz {
	width: 100% !important;
	padding: 66px 20px 72px !important;
	background: #ffffff !important;
	direction: rtl !important;
	box-sizing: border-box !important;
}

.dt-why-troooz__inner {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.dt-why-troooz__heading {
	max-width: 680px !important;
	margin: 0 auto 36px !important;
	text-align: center !important;
}

.dt-why-troooz__eyebrow {
	display: inline-block !important;
	margin-bottom: 7px !important;
	color: var(--dt-primary-600) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}

.dt-why-troooz__heading h2 {
	margin: 0 0 10px !important;
	color: var(--dt-dark) !important;
	font-size: 32px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
}

.dt-why-troooz__heading h2 span {
	color: var(--dt-primary-600) !important;
}

.dt-why-troooz__heading p {
	max-width: 590px !important;
	margin: 0 auto !important;
	color: var(--dt-muted) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.9 !important;
}

.dt-why-troooz__grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 18px !important;
}

.dt-why-card {
	min-width: 0 !important;
	min-height: 210px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 17px !important;
	padding: 24px 22px !important;
	background: #f8fafc !important;
	border: 1px solid #e8edf2 !important;
	border-radius: 18px !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, .035) !important;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

.dt-why-card:hover {
	transform: translateY(-4px) !important;
	border-color: #bbf7d0 !important;
	box-shadow: 0 12px 28px rgba(15, 23, 42, .075) !important;
}

.dt-why-card__icon {
	width: 48px !important;
	height: 48px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 48px !important;
	background: #ecfdf5 !important;
	color: var(--dt-primary-600) !important;
	border-radius: 14px !important;
}

.dt-why-card__icon svg {
	width: 24px !important;
	height: 24px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.7 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.dt-why-card__content h3 {
	margin: 0 0 7px !important;
	color: var(--dt-dark) !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	line-height: 1.6 !important;
}

.dt-why-card__content p {
	margin: 0 !important;
	color: var(--dt-muted) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.9 !important;
}

@media (max-width: 1000px) {
	.dt-why-troooz__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 600px) {
	.dt-why-troooz {
		padding: 48px 10px 55px !important;
	}

	.dt-why-troooz__heading {
		margin-bottom: 24px !important;
	}

	.dt-why-troooz__heading h2 {
		font-size: 27px !important;
	}

	.dt-why-troooz__heading p {
		font-size: 12.5px !important;
	}

	.dt-why-troooz__grid {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.dt-why-card {
		min-height: auto !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		padding: 17px !important;
		border-radius: 14px !important;
	}

	.dt-why-card__icon {
		width: 42px !important;
		height: 42px !important;
		flex-basis: 42px !important;
	}

	.dt-why-card__content h3 {
		font-size: 14px !important;
	}

	.dt-why-card__content p {
		font-size: 11px !important;
	}
}


/* =========================================================
   04. SHOP
   ========================================================= */
/* =========================================================
   DIGITAL TROOOZ
   SHOP PAGE - FINAL COMPACT VERSION
   WooCommerce Blocks + Classic WooCommerce
   ========================================================= */


/* =========================================================
   01. PRODUCT COLLECTION WIDTH
   ========================================================= */

body.woocommerce-shop
.wp-block-woocommerce-product-collection {
	width: 100% !important;
	max-width: 1200px !important;

	margin-left: auto !important;
	margin-right: auto !important;

	padding-left: 20px !important;
	padding-right: 20px !important;
}


/* =========================================================
   02. PRODUCT GRID
   ========================================================= */

body.woocommerce-shop
.wp-block-woocommerce-product-collection
.wc-block-product-template,

body.woocommerce-shop
.wp-block-woocommerce-product-collection
ul.wc-block-product-template,

body.woocommerce-shop
.wc-block-product-template,

body.woocommerce-shop
ul.wc-block-product-template,

body.woocommerce-shop
.wc-block-grid__products,

body.woocommerce-shop
ul.products {

	display: grid !important;

	grid-template-columns:
		repeat(4, minmax(0, 1fr)) !important;

	gap: 18px !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}


/* =========================================================
   03. PRODUCT CARD
   ========================================================= */

body.woocommerce-shop
li.wc-block-product,

body.woocommerce-shop
.wc-block-grid__product,

body.woocommerce-shop
ul.products
li.product {

	display: flex !important;
	flex-direction: column !important;

	width: 100% !important;
	min-width: 0 !important;

	height: 100% !important;

	margin: 0 !important;
	padding: 8px 8px 10px !important;

	background: #ffffff !important;

	border: 1px solid #e9e9e9 !important;
	border-radius: 12px !important;

	box-shadow:
		0 4px 14px rgba(15, 23, 42, .045) !important;

	text-align: center !important;

	overflow: hidden !important;

	transition:
		transform .2s ease,
		box-shadow .2s ease,
		border-color .2s ease !important;
}


body.woocommerce-shop
li.wc-block-product:hover,

body.woocommerce-shop
.wc-block-grid__product:hover,

body.woocommerce-shop
ul.products
li.product:hover {

	transform: translateY(-3px) !important;

	border-color: #d7dee7 !important;

	box-shadow:
		0 10px 24px rgba(15, 23, 42, .08) !important;
}


/* =========================================================
   04. PRODUCT IMAGE
   ========================================================= */

body.woocommerce-shop
li.wc-block-product
.wc-block-components-product-image,

body.woocommerce-shop
.wc-block-grid__product
.wc-block-grid__product-image,

body.woocommerce-shop
ul.products
li.product
a.woocommerce-LoopProduct-link {

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}


body.woocommerce-shop
li.wc-block-product img,

body.woocommerce-shop
.wc-block-grid__product img,

body.woocommerce-shop
ul.products
li.product img {

	display: block !important;

	width: 100% !important;
	height: auto !important;

	aspect-ratio: 1 / 1 !important;

	object-fit: cover !important;

	margin: 0 0 9px !important;

	border-radius: 9px !important;
}


/* =========================================================
   05. PRODUCT TITLE
   ========================================================= */

body.woocommerce-shop
li.wc-block-product
.wp-block-post-title,

body.woocommerce-shop
li.wc-block-product
.wp-block-post-title a,

body.woocommerce-shop
li.wc-block-product
.wc-block-components-product-name,

body.woocommerce-shop
.wc-block-grid__product-title,

body.woocommerce-shop
ul.products
li.product
.woocommerce-loop-product__title {

	width: 100% !important;

	min-height: 44px !important;

	margin: 0 0 5px !important;
	padding: 0 4px !important;

	color: #0f172a !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	line-height: 1.5 !important;

	text-align: center !important;

	text-decoration: none !important;

	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;

	overflow: hidden !important;
}


/* =========================================================
   06. PRICE
   ========================================================= */

body.woocommerce-shop
li.wc-block-product
.wc-block-components-product-price,

body.woocommerce-shop
.wc-block-grid__product-price,

body.woocommerce-shop
ul.products
li.product
.price {

	width: 100% !important;
	min-height: 20px !important;

	margin: 0 0 8px !important;
	padding: 0 !important;

	color: #047857 !important;

	font-size: 13px !important;
	font-weight: 800 !important;

	text-align: center !important;
}


body.woocommerce-shop del {
	color: #94a3b8 !important;

	font-size: 10.5px !important;
	font-weight: 500 !important;
}


body.woocommerce-shop ins {
	color: #047857 !important;

	font-weight: 800 !important;

	text-decoration: none !important;
}


/* =========================================================
   07. BUY BUTTON
   ========================================================= */

body.woocommerce-shop
li.wc-block-product
.wc-block-components-product-button,

body.woocommerce-shop
li.wc-block-product
.wp-block-button,

body.woocommerce-shop
ul.products
li.product {

	/* يساعد الزر يثبت تحت */
}


body.woocommerce-shop
li.wc-block-product
.wc-block-components-product-button {

	margin-top: 0 !important;
}


body.woocommerce-shop
li.wc-block-product
.wc-block-components-product-button__button,

body.woocommerce-shop
li.wc-block-product
.wp-block-button__link,

body.woocommerce-shop
.wc-block-grid__product
.wp-block-button__link,

body.woocommerce-shop
ul.products
li.product
.button {

	width: 92% !important;

	min-height: 40px !important;

	display: inline-flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 auto !important;
	padding: 8px 14px !important;

	background: #0f172a !important;

	color: #ffffff !important;

	border: 0 !important;
	border-radius: 999px !important;

	font-size: 12px !important;
	font-weight: 700 !important;

	line-height: 1.3 !important;

	text-align: center !important;

	text-decoration: none !important;

	outline: none !important;
	box-shadow: none !important;

	transition:
		background .2s ease,
		transform .2s ease !important;
}


body.woocommerce-shop
li.wc-block-product
.wc-block-components-product-button__button:hover,

body.woocommerce-shop
li.wc-block-product
.wp-block-button__link:hover,

body.woocommerce-shop
ul.products
li.product
.button:hover {

	background: #059669 !important;

	transform: translateY(-1px) !important;
}


/* Match the homepage action after WooCommerce adds an item: the live cart
   quantity is the wide action, with a compact cart link on its left. */
:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button {
	width: 100% !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	justify-content: stretch !important;
	gap: 8px !important;
	margin-top: 0 !important;
}

:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > button.wc-block-components-product-button__button {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
}

/* Keep the requested text before adding an item. */
:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > button > span {
	font-size: 0 !important;
}

:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > button > span::after {
	content: "اشترِ الآن";
	font-size: 12px !important;
}

/* Once the cart link becomes visible, restore WooCommerce's live quantity. */
:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > button:has(+ span:not([hidden])) > span {
	font-size: 12px !important;
}

:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > button:has(+ span:not([hidden])) > span::after {
	content: none !important;
}

:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > button:has(+ span:not([hidden])) {
	min-height: 44px !important;
	background: #059669 !important;
	border: 1px solid #059669 !important;
	border-radius: 14px !important;
	box-shadow: 0 8px 18px rgba(5, 150, 105, 0.16) !important;
}

:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > span:not([hidden]),
:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart {
	display: flex !important;
	flex: 0 0 44px !important;
	width: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
}

:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart {
	display: grid !important;
	place-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #b7e4d4 !important;
	border-radius: 14px !important;
	background: #f7fffb !important;
	box-shadow: none !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before {
	content: "" !important;
	display: block !important;
	width: 21px !important;
	height: 21px !important;
	position: relative !important;
	inset: auto !important;
	transform: translateY(3px) !important;
	background: transparent url("data:image/webp;base64,UklGRq4EAABXRUJQVlA4TKIEAAAvK8FKEEcQEYoaSVKDa2GfvMd8AfibL6oCOde2vW2iyE0jE3N6MubQx/RopMOYjsaMHnOEI7+/m6bP31PoENF/CJIkSW1qkbnxXTvMrHhA8dd0Wz6/jm+25rj08Oqivw0dMIsEagOcRlLbdjBPa6U6u5HIWJ02ldrTeoQ6kUwpvyd5hykqA5Y0ZMrbBTD1oXGFqUNCPHwKU6Ls0hmK97+m9H26iL71Vx0FnO0CeJo18lFwOvLTbPF400qYXjrESDw19sGpKxboVIxELtumqI1cKl3fVno9I8x+P+p7+8dH3646lR+32Hz4Q9WpVD7Y/YWl7z/oUxyHGm01U5lLsQ2zVMA9TaeaNKUR8hp5WZRGHVzJOEytdqqrpojF9a1KmQFLAr81xakpdk2xLIspfZemRFl4oik86bs2xbap2LwyFZuPTTHMkExwSHNI3HrMV+ZOcchkB3Ty17l/6PlHU4hQ588U6xSFMut7KEKlkinO/92pZIrz/yX4yBS3kiAMk1vfMvLW0Hf+Hzkgfy0j7/z61qisI0ZTaMhbpQzI2UWcEpC/O/UxmqLtJb++NeSNsIWIvDX0jei3APoWkbeCvhH/yKaoNEZTYFSM0LeKvD3E5m0vCH0ryBszmkJF3tyxOfk31mlRo/7cFOSN0beKvLlTHCgRY/StIG+MvhXkjdE3v7xNITAoDeZhkL7p5Y0iBMZSovTNLm9+ZSA1jInN+eWN6lTY5c0fTPCHQstKAE1GL2+YvsnljSPo5Y3TN7e8kbDLG6dvdnm70HfLQsUub5y+ueUNpKaXNyw2J5c3sFMRkDcqxcEtb6S+meWNVSy3vF3ou+Wh4pY3Ut/M8mYG7DqovqnlDdU3sbyxBLW8sfrmlTdaZ9zyRsbmzPLGdirs8salOGjlDTcHrbzhliWWN1jftPJGE8TyRuubVd5wxqzyhn/dFdG14JySXqrvac9wGs4jA++OGFOuNwS/5IZyXqP6JMIgqmV4BHUbfNN57+O6KYjDEs3qZZ5Hmxt491RpClRYofpmRfm3e1Ywfwg8Z8TSDly86mlPUczo91haLQtLqzW0F5c9W/jJB+A7bOr3e1ualehQmngOnhE/p8nRbExw48HqSIKJdht+E6W4HU2bPKkSuhfPxPViavsdC9erBVnbvybYcP1p6f+W7d6Dw8O1JfyAoYeHj9aoll7NIyKmj5ewS5df5szWeQZF3cVX7X0JZOcbeYgnRC+CaWce32hPSbJTFJnU5Y4uSXXOkfaa0aU+d6K3DSA8jz7e4/nYzzOIOxIybvcJ5gkzVNGVawxSy1H6uYuENgJ7e57CdImifFFjeR5JbcRRCC7xR+MP7vjqWvM0pph/1ASFUBS0sPK9SWSK5CaVCcNfX8QAuofit97xFUzvUnnPMUJkGwjHGIjd9Dou4UCYkmKMTwOtKTOceMs36OR5OiOOIT4l3wCrsTY36UxyWy2LKDn+FCuOovTwxwpXmwlPI8GVJ031Ka76X1exiqu4zlUM7Op+wdS9lav7UFf37K7yG6ZyQa7yZqZyjK7ysaZy167y/KZqIj7qR7vfrh+ZqrWZqkuaquH+FdkK") center / contain no-repeat !important;
}

@media (max-width: 600px) {
	:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > button:has(+ span:not([hidden])) {
		min-height: 40px !important;
	}

	:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > span:not([hidden]),
	:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart {
		flex-basis: 40px !important;
		width: 40px !important;
		min-width: 40px !important;
		min-height: 40px !important;
	}

	:root body.woocommerce-shop li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before {
		width: 19px !important;
		height: 19px !important;
	}
}


/* =========================================================
   08. SHOP CARD — AVAILABILITY, DELIVERY & WISHLIST
   The data is rendered by the matching functions.php additions.
   ========================================================= */
body.woocommerce-shop li.wc-block-product {
	position: relative !important;
}

body.woocommerce-shop .dt-product-card-status,
body.woocommerce-shop .dt-wishlist-toggle {
	position: absolute !important;
	top: 16px !important;
	z-index: 3 !important;
}

body.woocommerce-shop .dt-product-card-status {
	inset-inline-start: 16px !important;
	display: inline-flex !important;
	align-items: center !important;
	min-height: 25px !important;
	padding: 4px 9px !important;
	border-radius: 999px !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.10) !important;
}

body.woocommerce-shop .dt-product-card-status--in-stock {
	background: #ecfdf5 !important;
	color: #047857 !important;
	border: 1px solid #a7f3d0 !important;
}

body.woocommerce-shop .dt-product-card-status--limited {
	background: #fff7ed !important;
	color: #c2410c !important;
	border: 1px solid #fdba74 !important;
}

body.woocommerce-shop .dt-product-card-status--out {
	background: #fef2f2 !important;
	color: #b91c1c !important;
	border: 1px solid #fecaca !important;
}

body.woocommerce-shop .dt-wishlist-toggle {
	inset-inline-end: 16px !important;
	display: grid !important;
	place-items: center !important;
	width: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: rgba(255, 255, 255, 0.94) !important;
	color: #64748b !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 50% !important;
	box-shadow: 0 3px 9px rgba(15, 23, 42, 0.08) !important;
	cursor: pointer !important;
	transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease !important;
}

body.woocommerce-shop .dt-wishlist-toggle:hover {
	color: #e11d48 !important;
	border-color: #fecdd3 !important;
	background: #fff1f2 !important;
	transform: translateY(-1px) !important;
}

body.woocommerce-shop .dt-wishlist-toggle svg {
	width: 17px !important;
	height: 17px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
}

body.woocommerce-shop .dt-wishlist-toggle.is-active {
	background: #fff1f2 !important;
	color: #e11d48 !important;
	border-color: #fecdd3 !important;
}

body.woocommerce-shop .dt-wishlist-toggle.is-active svg {
	fill: currentColor !important;
}

body.woocommerce-shop .dt-product-card-meta {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 22px !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	color: #64748b !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	text-align: center !important;
}

body.woocommerce-shop .dt-product-card-delivery {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	padding: 4px 8px !important;
	background: #f8fafc !important;
	border: 1px solid #eef2f6 !important;
	border-radius: 999px !important;
	white-space: nowrap !important;
}

/* Ratings are intentionally absent from the Troooz shop-card design. */
body.woocommerce-shop .wc-block-components-product-rating,
body.woocommerce-shop .star-rating,
body.woocommerce-shop .woocommerce-product-rating {
	display: none !important;
}

@media (max-width: 600px) {
	body.woocommerce-shop .dt-product-card-status,
	body.woocommerce-shop .dt-wishlist-toggle {
		top: 12px !important;
	}

	body.woocommerce-shop .dt-product-card-status {
		inset-inline-start: 12px !important;
		min-height: 22px !important;
		padding: 3px 7px !important;
		font-size: 8.5px !important;
	}

	body.woocommerce-shop .dt-wishlist-toggle {
		inset-inline-end: 12px !important;
		width: 30px !important;
		height: 30px !important;
	}

	body.woocommerce-shop .dt-wishlist-toggle svg {
		width: 15px !important;
		height: 15px !important;
	}

	body.woocommerce-shop .dt-product-card-meta {
		margin-bottom: 7px !important;
		font-size: 9px !important;
	}

	body.woocommerce-shop .dt-product-card-delivery {
		padding: 3px 6px !important;
	}
}


/* =========================================================
   09. SALE BADGE
   ========================================================= */

body.woocommerce-shop
.wp-block-woocommerce-product-sale-badge,

body.woocommerce-shop
.wc-block-components-product-sale-badge,

body.woocommerce-shop
.wc-block-grid__product-onsale,

body.woocommerce-shop
span.onsale {

	display: none !important;
}


/* =========================================================
   SHOP RESPONSIVE PRODUCT GRID - FINAL
   Desktop: 4
   Tablet : 3
   Mobile : 2
   ========================================================= */


/* =========================================================
   TABLET
   601px → 1000px
   ========================================================= */

@media (min-width: 601px) and (max-width: 1100px) {

	body.woocommerce-shop
	.wp-block-woocommerce-product-collection
	.wc-block-product-template,

	body.woocommerce-shop
	.wp-block-woocommerce-product-collection
	ul.wc-block-product-template,

	body.woocommerce-shop
	.wc-block-product-template,

	body.woocommerce-shop
	ul.wc-block-product-template,

	body.woocommerce-shop
	.wc-block-grid__products,

	body.woocommerce-shop
	ul.products {

		grid-template-columns:
			repeat(3, minmax(0, 1fr)) !important;

		gap: 15px !important;
	}

}


/* =========================================================
   MOBILE
   <= 600px
   ========================================================= */

@media (max-width: 600px) {

	body.woocommerce-shop
	.wp-block-woocommerce-product-collection {

		padding-left: 10px !important;
		padding-right: 10px !important;
	}


	body.woocommerce-shop
	.wp-block-woocommerce-product-collection
	.wc-block-product-template,

	body.woocommerce-shop
	.wp-block-woocommerce-product-collection
	ul.wc-block-product-template,

	body.woocommerce-shop
	.wc-block-product-template,

	body.woocommerce-shop
	ul.wc-block-product-template,

	body.woocommerce-shop
	.wc-block-grid__products,

	body.woocommerce-shop
	ul.products {

		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap: 10px !important;
	}


	/* Product card */

	body.woocommerce-shop
	li.wc-block-product,

	body.woocommerce-shop
	.wc-block-grid__product,

	body.woocommerce-shop
	ul.products
	li.product {

		padding:
			8px
			8px
			11px !important;

		border-radius:
			9px !important;
	}


	/* Product title */

	body.woocommerce-shop
	li.wc-block-product
	.wp-block-post-title,

	body.woocommerce-shop
	li.wc-block-product
	.wp-block-post-title a,

	body.woocommerce-shop
	li.wc-block-product
	.wc-block-components-product-name,

	body.woocommerce-shop
	.wc-block-grid__product-title,

	body.woocommerce-shop
	ul.products
	li.product
	.woocommerce-loop-product__title {

		min-height:
			42px !important;

		font-size:
			12.5px !important;

		line-height:
			1.6 !important;
	}


	/* Price */

	body.woocommerce-shop
	li.wc-block-product
	.wc-block-components-product-price,

	body.woocommerce-shop
	.wc-block-grid__product-price,

	body.woocommerce-shop
	ul.products
	li.product
	.price {

		font-size:
			12px !important;
	}


	/* Buy button */

	body.woocommerce-shop
	li.wc-block-product
	.wc-block-components-product-button__button,

	body.woocommerce-shop
	li.wc-block-product
	.wp-block-button__link,

	body.woocommerce-shop
	.wc-block-grid__product
	.wp-block-button__link,

	body.woocommerce-shop
	ul.products
	li.product
	.button {

		width:
			94% !important;

		min-height:
			38px !important;

		padding:
			7px
			9px !important;

		font-size:
			11.5px !important;
	}

}


/* =========================================================
   DIGITAL TROOOZ
   SHOP TITLE + SORTING
   FINAL CLEAN VERSION
   ========================================================= */


/* =========================================================
   01. HIDE BREADCRUMB + RESULT COUNT
   ========================================================= */

body.woocommerce-shop .woocommerce-breadcrumb,
body.woocommerce-shop .woocommerce-result-count {
	display: none !important;
}


/* =========================================================
   02. SHOP TITLE
   نفس عنوان "الرئيسية"
   نستهدف كل الاحتمالات لأن القالب Block Theme
   ========================================================= */

body.woocommerce-shop main h1:first-of-type,
body.woocommerce-shop main > h1,
body.woocommerce-shop .wp-block-post-title,
body.woocommerce-shop h1.wp-block-post-title,
body.woocommerce-shop .wp-block-query-title,
body.woocommerce-shop h1.wp-block-query-title,
body.woocommerce-shop .page-title,
body.woocommerce-shop h1.page-title {

	display: block !important;

	width: 100% !important;
	max-width: 1080px !important;

	margin: 55px auto 38px !important;
	padding: 0 20px !important;

	color: #111111 !important;

	font-family: inherit !important;

	font-size: 38px !important;
	font-weight: 800 !important;

	line-height: 1.3 !important;

	text-align: center !important;

	direction: rtl !important;

	float: none !important;
}


/* =========================================================
   03. لا نخفي الـHeader إذا كان يحتوي العنوان الحقيقي
   ========================================================= */

body.woocommerce-shop .woocommerce-products-header {
	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	text-align: center !important;
}


/* =========================================================
   DIGITAL TROOOZ
   SHOP TOOLBAR + CATEGORIES + SORTING
   FINAL CLEAN VERSION
   ========================================================= */


/* =========================================================
   01. PRODUCT COLLECTION ALIGNMENT
   ========================================================= */

body.woocommerce-shop
.wp-block-woocommerce-product-collection,

body.tax-product_cat
.wp-block-woocommerce-product-collection {

	width: calc(100% - 40px) !important;
	max-width: 1080px !important;

	margin-left: auto !important;
	margin-right: auto !important;

	margin-bottom: 36px !important;

	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Classic WooCommerce fallback */

body.woocommerce-shop
.woocommerce > ul.products,

body.tax-product_cat
.woocommerce > ul.products {

	width: calc(100% - 40px) !important;
	max-width: 1080px !important;

	margin-left: auto !important;
	margin-right: auto !important;
}


/* =========================================================
   02. TOOLBAR
   الأقسام يمين - الترتيب يسار
   ========================================================= */

body.woocommerce-shop
.dt-shop-toolbar,

body.tax-product_cat
.dt-shop-toolbar {

	width: calc(100% - 40px) !important;
	max-width: 1080px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	gap: 24px !important;

	margin: 0 auto 24px !important;
	padding: 0 !important;

	direction: rtl !important;
}


/* =========================================================
   03. CATEGORY LIST
   ========================================================= */

.dt-shop-categories {

	display: flex !important;

	align-items: center !important;
	justify-content: flex-start !important;

	flex-wrap: wrap !important;

	gap: 9px !important;

	margin: 0 !important;
	padding: 0 !important;

	direction: rtl !important;
}


/* =========================================================
   04. CATEGORY PILL
   ========================================================= */

.dt-shop-category-pill {

	min-width: 74px !important;
	height: 38px !important;

	display: inline-flex !important;

	align-items: center !important;
	justify-content: center !important;

	padding: 0 18px !important;

	background: #ffffff !important;

	color: #475569 !important;

	border: 1px solid #d7dee7 !important;
	border-radius: 999px !important;

	font-family: inherit !important;

	font-size: 13px !important;
	font-weight: 700 !important;

	line-height: 1 !important;

	text-decoration: none !important;

	white-space: nowrap !important;

	outline: none !important;
	box-shadow: none !important;

	transition:
		background .18s ease,
		color .18s ease,
		border-color .18s ease,
		transform .18s ease !important;
}


.dt-shop-category-pill:hover {

	background: #f0fdf4 !important;

	color: #047857 !important;

	border-color: #86efac !important;

	transform: translateY(-1px) !important;
}


/* Active category */

.dt-shop-category-pill.is-active {

	background: #059669 !important;

	color: #ffffff !important;

	border-color: #059669 !important;
}


/* =========================================================
   05. MORE BUTTON (...)
   ========================================================= */

.dt-shop-more {

	position: relative !important;

	flex: 0 0 auto !important;

	margin: 0 !important;
	padding: 0 !important;
}


.dt-shop-more summary {

	width: 58px !important;
	height: 38px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #ffffff !important;

	color: #475569 !important;

	border: 1px solid #d7dee7 !important;
	border-radius: 999px !important;

	font-size: 18px !important;
	font-weight: 800 !important;

	line-height: 1 !important;

	cursor: pointer !important;

	list-style: none !important;

	outline: none !important;
	box-shadow: none !important;
}


.dt-shop-more summary::-webkit-details-marker {

	display: none !important;
}


.dt-shop-more[open] summary,
.dt-shop-more.is-active summary {

	background: #059669 !important;

	color: #ffffff !important;

	border-color: #059669 !important;
}


/* =========================================================
   06. MORE DROPDOWN
   ========================================================= */

.dt-shop-more-menu {

	position: absolute !important;

	top: calc(100% + 8px) !important;
	right: 0 !important;

	z-index: 100 !important;

	width: 190px !important;

	display: flex !important;
	flex-direction: column !important;

	gap: 3px !important;

	padding: 7px !important;

	background: #ffffff !important;

	border: 1px solid #e2e2e2 !important;
	border-radius: 10px !important;

	box-shadow:
		0 8px 25px rgba(0,0,0,.10) !important;
}


.dt-shop-more:not([open])
.dt-shop-more-menu {

	display: none !important;
}


.dt-shop-more-menu a {

	display: block !important;

	width: 100% !important;

	padding: 10px 12px !important;

	color: #333333 !important;

	border-radius: 7px !important;

	font-family: inherit !important;

	font-size: 13px !important;
	font-weight: 600 !important;

	text-align: right !important;

	text-decoration: none !important;
}


.dt-shop-more-menu a:hover {

	background: #f2f2f2 !important;
}


.dt-shop-more-menu a.is-active {

	background: #111111 !important;

	color: #ffffff !important;
}


/* =========================================================
   07. SORTING AREA
   ========================================================= */

.dt-shop-sort {

	flex: 0 0 auto !important;

	display: flex !important;

	align-items: center !important;
	justify-content: flex-start !important;

	margin: 0 !important;
	padding: 0 !important;

	direction: rtl !important;
}


.dt-shop-sort
.woocommerce-ordering {

	float: none !important;

	display: block !important;

	width: auto !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
   08. SORTING SELECT
   ========================================================= */

.dt-shop-sort
select.orderby {

	width: 180px !important;
	height: 40px !important;

	margin: 0 !important;
	padding: 0 14px !important;

	background: #ffffff !important;

	color: #334155 !important;

	border: 1px solid #d7dee7 !important;
	border-radius: 10px !important;

	font-family: inherit !important;

	font-size: 13px !important;
	font-weight: 700 !important;

	line-height: 1.4 !important;

	direction: rtl !important;
	text-align: right !important;

	cursor: pointer !important;

	outline: none !important;
	box-shadow: none !important;
}


/* =========================================================
   09. REMOVE FOCUS
   ========================================================= */

.dt-shop-toolbar a:focus,
.dt-shop-toolbar a:focus-visible,
.dt-shop-toolbar summary:focus,
.dt-shop-toolbar summary:focus-visible,
.dt-shop-toolbar select:focus,
.dt-shop-toolbar select:focus-visible {

	outline: none !important;
	box-shadow: none !important;
}


/* =========================================================
   SHOP TOOLBAR RESPONSIVE - FINAL
   ========================================================= */


/* =========================================================
   TABLET
   601px → 1000px
   ========================================================= */

@media (min-width: 601px) and (max-width: 1100px) {

	body.woocommerce-shop .dt-shop-toolbar,
	body.tax-product_cat .dt-shop-toolbar {

		width: calc(100% - 30px) !important;

		flex-direction: column !important;
		align-items: stretch !important;

		gap: 14px !important;

		margin-bottom: 24px !important;
	}


	/* Categories */

	.dt-shop-categories {

		width: 100% !important;

		justify-content: center !important;
		flex-wrap: wrap !important;

		gap: 8px !important;
	}


	.dt-shop-category-pill {

		height: 37px !important;

		padding: 0 16px !important;

		font-size: 12.5px !important;
	}


	.dt-shop-more summary {

		height: 37px !important;
		width: 56px !important;
	}


	/* Sorting */

	.dt-shop-sort {

		width: 100% !important;

		justify-content: center !important;
	}


	.dt-shop-sort .woocommerce-ordering {

		width: auto !important;
	}


	.dt-shop-sort select.orderby {

		width: 190px !important;
		height: 40px !important;
	}

}


/* =========================================================
   MOBILE
   <= 600px
   ========================================================= */

@media (max-width: 600px) {

	body.woocommerce-shop .dt-shop-toolbar,
	body.tax-product_cat .dt-shop-toolbar {

		width: calc(100% - 20px) !important;

		flex-direction: column !important;
		align-items: stretch !important;

		gap: 12px !important;

		margin: 0 auto 20px !important;
	}


	/* Categories horizontal scroll */

	.dt-shop-categories {

		width: 100% !important;

		flex-wrap: nowrap !important;

		justify-content: flex-start !important;

		gap: 7px !important;

		overflow-x: auto !important;
		overflow-y: hidden !important;

		padding: 2px 0 6px !important;

		scrollbar-width: none !important;

		-webkit-overflow-scrolling: touch !important;
	}


	.dt-shop-categories::-webkit-scrollbar {

		display: none !important;
	}


	.dt-shop-category-pill {

		flex: 0 0 auto !important;

		min-width: auto !important;
		height: 36px !important;

		padding: 0 14px !important;

		font-size: 11.5px !important;

		white-space: nowrap !important;
	}


	/* More */

	.dt-shop-more {

		flex: 0 0 auto !important;
	}


	.dt-shop-more summary {

		width: 52px !important;
		height: 36px !important;
	}


	/* Sorting */

	.dt-shop-sort {

		width: 100% !important;

		justify-content: stretch !important;
	}


	.dt-shop-sort .woocommerce-ordering {

		width: 100% !important;
	}


	.dt-shop-sort select.orderby {

		width: 100% !important;
		height: 42px !important;

		padding: 0 13px !important;

		background: #ffffff !important;

		border: 1px solid #d7dee7 !important;
		border-radius: 10px !important;

		font-size: 12.5px !important;
		font-weight: 700 !important;
	}

}


/* =========================================================
   SHOP - HIDE ORIGINAL SORTING
   KEEP CUSTOM TOOLBAR SORTING
   ========================================================= */

/* اخفاء ترتيب WooCommerce الأصلي */
body.woocommerce-shop .woocommerce-ordering {
	display: none !important;
}


/* إبقاء الترتيب الموجود داخل شريط الأقسام */
body.woocommerce-shop
.dt-shop-sort
.woocommerce-ordering {
	display: block !important;

	float: none !important;

	width: auto !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* التأكد من ظهور Dropdown */
body.woocommerce-shop
.dt-shop-sort
select.orderby {
	display: block !important;
}


/* =========================================================
   DIGITAL TROOOZ
   EMPTY CATEGORY - FINAL
   ========================================================= */

.dt-shop-empty {
	width: calc(100% - 40px);
	max-width: 720px;

	margin: 38px auto 65px;
	padding: 48px 30px;

	background: #ffffff;

	border: 1px solid #e8e8e8;
	border-radius: 16px;

	box-shadow:
		0 6px 22px rgba(0, 0, 0, .035);

	text-align: center;

	direction: rtl;
}


/* Icon */

.dt-shop-empty-icon {
	width: 54px;
	height: 54px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin: 0 auto 16px;

	background: #f3f3f3;

	color: #111111;

	border-radius: 50%;
}


/* Title */

.dt-shop-empty h2 {
	margin: 0 0 8px;

	color: #111111;

	font-size: 20px;
	font-weight: 800;

	line-height: 1.6;
}


.dt-shop-empty h2 span {
	font-weight: 800;
}


/* Description */

.dt-shop-empty p {
	margin: 0 0 20px;

	color: #777777;

	font-size: 14px;
	font-weight: 400;

	line-height: 1.7;
}


/* Button */

.dt-shop-empty-all {
	min-width: 180px;
	min-height: 42px;

	display: inline-flex;

	align-items: center;
	justify-content: center;

	padding: 8px 22px;

	background: #111111;

	color: #ffffff !important;

	border: 1px solid #111111;
	border-radius: 999px;

	font-size: 13px;
	font-weight: 700;

	text-decoration: none !important;
}


.dt-shop-empty-all:hover {
	background: #000000;

	color: #ffffff !important;

	text-decoration: none !important;
}


/* Mobile */

@media (max-width: 600px) {

	.dt-shop-empty {
		width: calc(100% - 20px);

		margin-top: 25px;
		padding: 38px 18px;
	}


	.dt-shop-empty h2 {
		font-size: 18px;
	}

}


/* =========================================================
   05. SINGLE PRODUCT
   ========================================================= */
/* =========================================================
   DIGITAL TROOOZ
   SINGLE PRODUCT PAGE - FINAL CLEAN VERSION
   ========================================================= */


/* =========================================================
   01. PAGE
   ========================================================= */

body.single-product {
	background: #f4f4f4 !important;
}

body.single-product main {
	padding: 38px 20px 55px !important;
}

body.single-product .woocommerce {
	width: 100% !important;
	max-width: 1080px !important;

	margin: 0 auto !important;
}


/* =========================================================
   02. HIDE ONLY UNNEEDED ELEMENTS
   ========================================================= */

body.single-product .woocommerce-breadcrumb,
body.single-product .woocommerce-product-gallery__trigger {
	display: none !important;
}


/* =========================================================
   03. MAIN PRODUCT CARD
   ========================================================= */

body.single-product div.product.type-product {
	width: 100% !important;

	display: flex !important;
	flex-wrap: wrap !important;

	align-items: flex-start !important;

	gap: 30px !important;

	margin: 0 auto !important;
	padding: 22px !important;

	background: #ffffff !important;

	border: 1px solid #e5e5e5 !important;
	border-radius: 14px !important;

	box-shadow: 0 8px 28px rgba(0,0,0,.05) !important;

	direction: rtl !important;
}


/* =========================================================
   04. PRODUCT IMAGE
   ========================================================= */

body.single-product
div.product.type-product
.woocommerce-product-gallery {
	order: 1 !important;

	flex: 0 0 calc(50% - 15px) !important;

	width: calc(50% - 15px) !important;
	max-width: calc(50% - 15px) !important;
	min-width: 0 !important;

	float: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

body.single-product
.woocommerce-product-gallery__wrapper {
	width: 100% !important;

	margin: 0 !important;
}

body.single-product
.woocommerce-product-gallery__image {
	width: 100% !important;

	margin: 0 !important;
}

body.single-product
.woocommerce-product-gallery__image img {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	max-width: 100% !important;

	aspect-ratio: 1 / 1 !important;

	object-fit: cover !important;

	margin: 0 !important;

	border-radius: 10px !important;
}


/* =========================================================
   05. PRODUCT SUMMARY
   ========================================================= */

body.single-product
div.product.type-product
.summary {
	order: 2 !important;

	flex: 0 0 calc(50% - 15px) !important;

	width: calc(50% - 15px) !important;
	max-width: calc(50% - 15px) !important;
	min-width: 0 !important;

	display: flex !important;
	flex-direction: column !important;

	float: none !important;

	margin: 0 !important;
	padding: 8px 4px !important;

	direction: rtl !important;

	text-align: right !important;
}


/* =========================================================
   09. VARIATIONS
   ========================================================= */

body.single-product
.summary
form.variations_form {
	order: 4 !important;
}

body.single-product
.summary
table.variations {
	width: 100% !important;

	margin: 0 0 18px !important;

	border: 0 !important;
}

body.single-product
.summary
table.variations tr,
body.single-product
.summary
table.variations th,
body.single-product
.summary
table.variations td {
	display: block !important;

	width: 100% !important;

	border: 0 !important;
}

body.single-product
.summary
table.variations th {
	padding: 0 0 7px !important;

	color: #222222 !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	text-align: right !important;
}

body.single-product
.summary
table.variations td {
	padding: 0 !important;
}

body.single-product
.summary
table.variations select {
	width: 100% !important;
	height: 48px !important;

	padding: 0 14px !important;

	background: #ffffff !important;

	color: #222222 !important;

	border: 1.5px solid #9cacb5 !important;
	border-radius: 7px !important;

	font-size: 14px !important;

	outline: none !important;

	box-shadow: none !important;
}

body.single-product
.reset_variations {
	display: none !important;
}


/* =========================================================
   16. PRODUCT DESCRIPTION
   ========================================================= */

body.single-product
div.product.type-product
.woocommerce-tabs {
	order: 3 !important;

	flex: 0 0 100% !important;

	width: 100% !important;

	margin: 36px 0 0 !important;
	padding: 32px 8px 0 !important;

	border-top: 1px solid #e6e6e6 !important;

	direction: rtl !important;
}


/* Hide tabs navigation */
body.single-product
.woocommerce-tabs
ul.tabs {
	display: none !important;
}


/* Hide reviews */
body.single-product
#tab-reviews {
	display: none !important;
}


/* Description content */
body.single-product
#tab-description {
	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	color: #39434a !important;

	font-size: 15px !important;

	line-height: 2 !important;

	text-align: right !important;
}


/* Main description title */
body.single-product
#tab-description
> h2:first-child {
	margin: 0 0 20px !important;

	color: #111111 !important;

	font-size: 28px !important;
	font-weight: 800 !important;

	line-height: 1.3 !important;
}


/* Description headings */
body.single-product
#tab-description h2 {
	margin: 28px 0 12px !important;

	color: #171717 !important;

	font-size: 22px !important;
	font-weight: 800 !important;
}

body.single-product
#tab-description h3 {
	margin: 23px 0 9px !important;

	color: #171717 !important;

	font-size: 18px !important;
	font-weight: 700 !important;
}

body.single-product
#tab-description p {
	margin: 0 0 13px !important;
}

body.single-product
#tab-description ul,
body.single-product
#tab-description ol {
	margin: 8px 0 18px !important;

	padding-right: 24px !important;
}

body.single-product
#tab-description li {
	margin-bottom: 7px !important;
}


/* =========================================================
   17. REMOVE FOCUS OUTLINES
   ========================================================= */

body.single-product
.summary a:focus,
body.single-product
.summary a:focus-visible,
body.single-product
.summary button:focus,
body.single-product
.summary button:focus-visible,
body.single-product
.summary input:focus,
body.single-product
.summary input:focus-visible,
body.single-product
.summary select:focus,
body.single-product
.summary select:focus-visible {
	outline: none !important;

	box-shadow: none !important;
}


/* =========================================================
   18. TABLET
   ========================================================= */

@media (max-width: 900px) {

	body.single-product
	div.product.type-product {
		gap: 20px !important;
	}

	body.single-product
	div.product.type-product
	.woocommerce-product-gallery,
	body.single-product
	div.product.type-product
	.summary {
		flex-basis: calc(50% - 10px) !important;

		width: calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
	}

	body.single-product
	.summary
	.product_title {
		font-size: 31px !important;
	}
}


/* =========================================================
   19. MOBILE
   ========================================================= */

@media (max-width: 700px) {

	body.single-product main {
		padding: 18px 12px 40px !important;
	}

	body.single-product
	div.product.type-product {
		display: flex !important;

		flex-direction: column !important;

		gap: 18px !important;

		padding: 12px !important;
	}

	body.single-product
	div.product.type-product
	.woocommerce-product-gallery,
	body.single-product
	div.product.type-product
	.summary {
		flex: 0 0 100% !important;

		width: 100% !important;
		max-width: 100% !important;

		min-width: 0 !important;
	}

	body.single-product
	.woocommerce-product-gallery {
		order: 1 !important;
	}

	body.single-product
	.summary {
		order: 2 !important;
	}

	body.single-product
	.woocommerce-tabs {
		order: 3 !important;
	}

	body.single-product
	.summary
	.product_title {
		font-size: 28px !important;
	}

	body.single-product
	.summary
	form.cart {
		gap: 9px !important;
	}

	body.single-product
	.summary
	form.cart
	.quantity {
		flex-basis: 88px !important;

		width: 88px !important;
	}

	body.single-product
	.summary
	form.cart
	.single_add_to_cart_button {
		flex: 1 1 auto !important;
	}
}


/* =========================================================
   DIGITAL TROOOZ
   RELATED PRODUCTS - FINAL FIX V3
   Classic WooCommerce + Related Products Block
   + Product Collection Block
   ========================================================= */


/* =========================================================
   01. RELATED SECTION
   ========================================================= */

body.single-product .related.products,
body.single-product .wp-block-woocommerce-related-products,
body.single-product .wp-block-woocommerce-product-collection {
	width: 100% !important;

	margin-top: 38px !important;
	margin-bottom: 0 !important;

	padding-top: 28px !important;

	direction: rtl !important;
}


/* =========================================================
   02. RELATED TITLE
   ========================================================= */

body.single-product .related.products > h2,
body.single-product .wp-block-woocommerce-related-products > h2,
body.single-product .wp-block-woocommerce-related-products > .wp-block-heading {
	margin: 0 0 22px !important;
	padding: 0 !important;

	color: #111111 !important;

	font-size: 30px !important;
	font-weight: 800 !important;

	line-height: 1.3 !important;

	text-align: right !important;
}


/* =========================================================
   03. PRODUCTS GRID
   ========================================================= */

body.single-product .related.products ul.products,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-product-template,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-product-template,

body.single-product
.wp-block-woocommerce-product-collection
ul.wc-block-product-template,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-grid__products,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-grid__products {

	width: 100% !important;

	display: grid !important;

	grid-template-columns:
		repeat(5, minmax(0, 1fr)) !important;

	gap: 16px !important;

	align-items: stretch !important;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}


/* =========================================================
   04. PRODUCT CARD
   ========================================================= */

body.single-product
.related.products
ul.products
li.product,

body.single-product
.wp-block-woocommerce-related-products
li.wc-block-product,

body.single-product
.wp-block-woocommerce-product-collection
li.wc-block-product,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-grid__product,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-grid__product {

	position: relative !important;

	width: 100% !important;
	height: 100% !important;

	min-width: 0 !important;

	display: flex !important;
	flex-direction: column !important;

	align-items: stretch !important;

	margin: 0 !important;

	/*
	 مساحة تحت الكرت لأيقونة عرض السلة
	*/
	padding: 12px 12px 60px !important;

	background: #eeeeee !important;

	border: 1px solid #d8d8d8 !important;
	border-radius: 12px !important;

	box-shadow:
		0 4px 14px rgba(0, 0, 0, .055) !important;

	box-sizing: border-box !important;

	text-align: center !important;

	overflow: hidden !important;

	transition:
		transform .18s ease,
		box-shadow .18s ease,
		background-color .18s ease !important;
}


/* Hover للكرت */

@media (hover:hover) and (pointer:fine) {

	body.single-product
	.related.products
	ul.products
	li.product:hover,

	body.single-product
	.wp-block-woocommerce-related-products
	li.wc-block-product:hover,

	body.single-product
	.wp-block-woocommerce-product-collection
	li.wc-block-product:hover {

		background: #f2f2f2 !important;

		transform: translateY(-2px);

		box-shadow:
			0 8px 20px rgba(0,0,0,.08) !important;
	}
}


/* =========================================================
   05. CLASSIC PRODUCT LINK
   ========================================================= */

body.single-product
.related.products
li.product
.woocommerce-LoopProduct-link {

	width: 100% !important;

	flex: 1 1 auto !important;

	display: flex !important;
	flex-direction: column !important;

	color: inherit !important;

	text-decoration: none !important;
}


/* =========================================================
   06. BLOCK PRODUCT CONTENT
   ========================================================= */

body.single-product
.wp-block-woocommerce-related-products
li.wc-block-product,

body.single-product
.wp-block-woocommerce-product-collection
li.wc-block-product {

	justify-content: flex-start !important;
}


/* =========================================================
   07. PRODUCT IMAGE
   ========================================================= */

body.single-product
.related.products
li.product img,

body.single-product
.wp-block-woocommerce-related-products
li.wc-block-product img,

body.single-product
.wp-block-woocommerce-product-collection
li.wc-block-product img,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-image img,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-image img {

	display: block !important;

	width: 100% !important;
	height: auto !important;

	aspect-ratio: 1 / 1 !important;

	object-fit: cover !important;

	margin: 0 0 11px !important;

	border-radius: 8px !important;
}


/* =========================================================
   08. PRODUCT TITLE
   ثابت - حد أقصى 3 أسطر
   ========================================================= */

body.single-product
.related.products
.woocommerce-loop-product__title,

body.single-product
.wp-block-woocommerce-related-products
.wp-block-post-title,

body.single-product
.wp-block-woocommerce-related-products
.wp-block-post-title a,

body.single-product
.wp-block-woocommerce-product-collection
.wp-block-post-title,

body.single-product
.wp-block-woocommerce-product-collection
.wp-block-post-title a,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-name,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-name,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-grid__product-title,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-grid__product-title {

	width: 100% !important;

	height: 66px !important;
	min-height: 66px !important;
	max-height: 66px !important;

	margin: 0 !important;

	padding: 4px 4px 0 !important;

	display: -webkit-box !important;

	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 3 !important;

	overflow: hidden !important;

	color: #111111 !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	line-height: 1.45 !important;

	text-align: center !important;

	direction: rtl !important;

	white-space: normal !important;

	word-break: normal !important;

	overflow-wrap: anywhere !important;

	text-overflow: ellipsis !important;

	text-decoration: none !important;
}


/* =========================================================
   09. PRICE
   ========================================================= */

body.single-product
.related.products
.price,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-price,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-price,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-grid__product-price,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-grid__product-price {

	width: 100% !important;

	height: 30px !important;
	min-height: 30px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	gap: 5px !important;

	margin: 0 0 12px !important;

	padding: 0 !important;

	color: #222222 !important;

	font-size: 13px !important;
	font-weight: 700 !important;

	line-height: 1 !important;

	text-align: center !important;

	white-space: nowrap !important;
}


/* السعر القديم */

body.single-product
.related.products
.price del,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-price del,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-price del {

	display: none !important;
}


/* سعر العرض */

body.single-product
.related.products
.price ins,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-price ins,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-price ins {

	color: #222222 !important;

	font-weight: 800 !important;

	text-decoration: none !important;
}


/* =========================================================
   10. BLOCK BUTTON WRAPPER
   ========================================================= */

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-button,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-button,

body.single-product
.wp-block-woocommerce-related-products
.wp-block-button,

body.single-product
.wp-block-woocommerce-product-collection
.wp-block-button {

	width: 100% !important;

	margin-top: auto !important;
}


/* =========================================================
   11. BUY BUTTON
   ========================================================= */

body.single-product
.related.products
li.product
a.button,

body.single-product
.related.products
li.product
button.button,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-button__button,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-button__button,

body.single-product
.wp-block-woocommerce-related-products
.wp-block-button__link,

body.single-product
.wp-block-woocommerce-product-collection
.wp-block-button__link {

	width: 100% !important;

	min-height: 42px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: auto 0 0 !important;

	padding: 9px 12px !important;

	background: #111111 !important;

	color: transparent !important;

	border: 0 !important;

	border-radius: 999px !important;

	outline: 0 !important;

	box-shadow: none !important;

	font-size: 0 !important;

	line-height: 1 !important;

	text-decoration: none !important;

	white-space: nowrap !important;

	cursor: pointer !important;
}


/* دائماً يظهر الشراء الآن */

body.single-product
.related.products
li.product
a.button::after,

body.single-product
.related.products
li.product
button.button::after,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-button__button::after,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-button__button::after,

body.single-product
.wp-block-woocommerce-related-products
.wp-block-button__link::after,

body.single-product
.wp-block-woocommerce-product-collection
.wp-block-button__link::after {

	content: "الشراء الآن" !important;

	display: inline-block !important;

	color: #ffffff !important;

	font-size: 13px !important;

	font-family: inherit !important;

	font-weight: 700 !important;

	line-height: 1 !important;
}


/* إخفاء النص الداخلي في Block Button */

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-button__button span,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-button__button span {

	display: none !important;
}


/* إزالة أي icon قديم */

body.single-product
.related.products
li.product
a.button::before,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-button__button::before,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-button__button::before {

	display: none !important;
}


/* Hover */

body.single-product
.related.products
li.product
a.button:hover,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-button__button:hover,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-button__button:hover {

	background: #000000 !important;
}


/* =========================================================
   12. REMOVE DOUBLE BUTTON OUTLINE
   ========================================================= */

body.single-product
.related.products
.button:focus,

body.single-product
.related.products
.button:focus-visible,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-button__button:focus,

body.single-product
.wp-block-woocommerce-related-products
.wc-block-components-product-button__button:focus-visible,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-button__button:focus,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-components-product-button__button:focus-visible {

	outline: none !important;

	box-shadow: none !important;

	border: 0 !important;
}


/* =========================================================
   13. VIEW CART
   تحول "عرض السلة" إلى أيقونة
   ========================================================= */

body.single-product
.related.products
a.added_to_cart.wc-forward,

body.single-product
.related.products
a.added_to_cart,

body.single-product
.wp-block-woocommerce-related-products
a.added_to_cart.wc-forward,

body.single-product
.wp-block-woocommerce-related-products
a.added_to_cart,

body.single-product
.wp-block-woocommerce-product-collection
a.added_to_cart.wc-forward,

body.single-product
.wp-block-woocommerce-product-collection
a.added_to_cart {

	position: absolute !important;

	left: 50% !important;

	right: auto !important;

	bottom: 11px !important;

	transform: translateX(-50%) !important;

	width: 38px !important;
	height: 38px !important;

	min-width: 38px !important;
	min-height: 38px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;

	padding: 0 !important;

	background: #111111 !important;

	color: transparent !important;

	border: 0 !important;

	border-radius: 50% !important;

	outline: none !important;

	box-shadow: none !important;

	font-size: 0 !important;

	line-height: 0 !important;

	text-decoration: none !important;

	opacity: 1 !important;

	visibility: visible !important;

	z-index: 20 !important;
}


/* =========================================================
   14. CART ICON SVG
   ========================================================= */

body.single-product
.related.products
a.added_to_cart::before,

body.single-product
.wp-block-woocommerce-related-products
a.added_to_cart::before,

body.single-product
.wp-block-woocommerce-product-collection
a.added_to_cart::before {

	content: "" !important;

	display: block !important;

	width: 18px !important;
	height: 18px !important;

	background-color: #ffffff !important;

	-webkit-mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM7.2 14h9.9c.75 0 1.4-.41 1.74-1.03L22 7.2A1 1 0 0 0 21.13 5H6.21l-.94-2H2v2h2l3.6 7.59-1.35 2.45A2 2 0 0 0 8 18h12v-2H8.42a.25.25 0 0 1-.22-.37L9 14z'/%3E%3C/svg%3E") !important;

	-webkit-mask-repeat: no-repeat !important;

	-webkit-mask-position: center !important;

	-webkit-mask-size: contain !important;

	mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM7.2 14h9.9c.75 0 1.4-.41 1.74-1.03L22 7.2A1 1 0 0 0 21.13 5H6.21l-.94-2H2v2h2l3.6 7.59-1.35 2.45A2 2 0 0 0 8 18h12v-2H8.42a.25.25 0 0 1-.22-.37L9 14z'/%3E%3C/svg%3E") !important;

	mask-repeat: no-repeat !important;

	mask-position: center !important;

	mask-size: contain !important;
}


/* إزالة كلمة عرض السلة */

body.single-product
.related.products
a.added_to_cart::after,

body.single-product
.wp-block-woocommerce-related-products
a.added_to_cart::after,

body.single-product
.wp-block-woocommerce-product-collection
a.added_to_cart::after {

	content: none !important;

	display: none !important;
}


/* =========================================================
   15. VIEW CART FOCUS
   ========================================================= */

body.single-product
a.added_to_cart:focus,

body.single-product
a.added_to_cart:focus-visible {

	outline: none !important;

	box-shadow: none !important;
}


/* =========================================================
   16. TABLET
   ========================================================= */

@media (max-width: 1100px) {

	body.single-product
	.related.products
	ul.products,

	body.single-product
	.wp-block-woocommerce-related-products
	.wc-block-product-template,

	body.single-product
	.wp-block-woocommerce-product-collection
	.wc-block-product-template {

		grid-template-columns:
			repeat(3, minmax(0, 1fr)) !important;
	}
}


/* =========================================================
   17. MOBILE
   ========================================================= */

@media (max-width: 700px) {

	body.single-product
	.related.products
	ul.products,

	body.single-product
	.wp-block-woocommerce-related-products
	.wc-block-product-template,

	body.single-product
	.wp-block-woocommerce-product-collection
	.wc-block-product-template {

		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap: 11px !important;
	}


	body.single-product
	.related.products
	li.product,

	body.single-product
	.wp-block-woocommerce-related-products
	li.wc-block-product,

	body.single-product
	.wp-block-woocommerce-product-collection
	li.wc-block-product {

		padding:
			10px
			10px
			58px !important;
	}


	body.single-product
	.related.products
	.woocommerce-loop-product__title,

	body.single-product
	.wp-block-woocommerce-related-products
	.wp-block-post-title,

	body.single-product
	.wp-block-woocommerce-product-collection
	.wp-block-post-title {

		height: 62px !important;
		min-height: 62px !important;
		max-height: 62px !important;

		font-size: 13px !important;
	}
}


/* =========================================================
   18. SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	body.single-product
	.related.products
	ul.products,

	body.single-product
	.wp-block-woocommerce-related-products
	.wc-block-product-template,

	body.single-product
	.wp-block-woocommerce-product-collection
	.wc-block-product-template {

		grid-template-columns: 1fr !important;
	}
}


/* =========================================================
   FORCE SPACE BELOW RELATED PRODUCTS TITLE
   ========================================================= */

body.single-product
.related.products
ul.products {
	position: relative !important;
	top: 35px !important;

	margin-bottom: 35px !important;
}

body.single-product
.wp-block-woocommerce-related-products
.wc-block-product-template,

body.single-product
.wp-block-woocommerce-product-collection
.wc-block-product-template {
	position: relative !important;
	top: 35px !important;

	margin-bottom: 35px !important;
}


/* =========================================================
   SINGLE PRODUCT SUMMARY - CLEAN ORDER
   ========================================================= */

body.single-product
div.product
.summary {
	display: flex !important;
	flex-direction: column !important;

	width: 100% !important;
	min-width: 0 !important;

	direction: rtl !important;
	text-align: right !important;
}


/* 1. اسم المنتج */
body.single-product
.summary
.product_title {
	order: 1 !important;

	margin: 0 0 18px !important;

	font-size: 38px !important;
	font-weight: 700 !important;

	line-height: 1.25 !important;

	color: #111111 !important;
}


/* 2. الوصف القصير */
body.single-product
.summary
.woocommerce-product-details__short-description {
	order: 2 !important;

	margin: 0 0 18px !important;

	color: #4f5a61 !important;

	font-size: 16px !important;
	line-height: 1.9 !important;
}


body.single-product
.summary
.woocommerce-product-details__short-description p {
	margin: 0 !important;
}


/* 3. السعر - مرة واحدة فقط */
body.single-product
.summary
> p.price,

body.single-product
.summary
> .price {
	order: 3 !important;

	display: block !important;

	width: 100% !important;

	margin: 0 0 16px !important;

	color: #111111 !important;

	font-size: 22px !important;
	font-weight: 800 !important;

	line-height: 1.4 !important;

	text-align: right !important;
}


/* إخفاء السعر القديم */
body.single-product
.summary
> p.price del,

body.single-product
.summary
> .price del {
	display: none !important;
}


/* سعر العرض */
body.single-product
.summary
> p.price ins,

body.single-product
.summary
> .price ins {
	color: #111111 !important;

	font-size: 22px !important;
	font-weight: 800 !important;

	text-decoration: none !important;
}


/* 4. منطقة الشراء */
body.single-product
.summary
form.cart {
	order: 4 !important;

	width: 100% !important;

	display: flex !important;
	align-items: center !important;

	gap: 12px !important;

	margin: 0 !important;
	padding: 18px 0 0 !important;

	border-top: 1px solid #e0e0e0 !important;

	direction: rtl !important;
}


/* الكمية */
body.single-product
.summary
form.cart
.quantity {
	flex: 0 0 95px !important;

	width: 95px !important;
	height: 48px !important;

	margin: 0 !important;
}


body.single-product
.summary
form.cart
.quantity
input.qty {
	width: 100% !important;
	height: 48px !important;

	padding: 5px 8px !important;

	background: #ffffff !important;

	color: #111111 !important;

	border: 1.5px solid #bcc9cf !important;
	border-radius: 7px !important;

	font-size: 15px !important;
	font-weight: 700 !important;

	text-align: center !important;

	outline: none !important;
	box-shadow: none !important;
}


/* زر الشراء */
body.single-product
.summary
form.cart
.single_add_to_cart_button {
	flex: 1 1 auto !important;

	height: 48px !important;
	min-height: 48px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	float: none !important;

	margin: 0 !important;
	padding: 10px 20px !important;

	background: #111111 !important;

	color: #ffffff !important;

	border: 0 !important;
	border-radius: 7px !important;

	font-size: 15px !important;
	font-weight: 700 !important;

	outline: none !important;
	box-shadow: none !important;
}


/* 5. واتساب */
body.single-product
.dt-product-whatsapp {
	order: 5 !important;

	width: 100% !important;

	min-height: 48px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	margin: 12px 0 0 !important;

	background: #ffffff !important;

	color: #222222 !important;

	border: 1.5px solid #555555 !important;
	border-radius: 999px !important;

	text-decoration: none !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	outline: none !important;
	box-shadow: none !important;
}


/* 6. Category */
body.single-product
.summary
.product_meta {
	order: 6 !important;

	display: block !important;

	width: 100% !important;

	margin: 16px 0 0 !important;

	font-size: 12px !important;

	text-align: right !important;
}

/* =========================================================
   06. MINI CART
   ========================================================= */
/* =========================================================
   DIGITAL TROOOZ
   MINI CART - FINAL CLEAN DESIGN
   ========================================================= */


/* DRAWER */

.wc-block-mini-cart__drawer,
.wc-block-components-drawer__content {
	width: min(430px, 100vw) !important;
	max-width: 430px !important;

	background: #ffffff !important;

	direction: rtl !important;
}


/* HEADER */

.wc-block-mini-cart__title {
	margin: 0 !important;
	padding: 17px 18px 15px !important;

	color: #111111 !important;

	font-size: 21px !important;
	font-weight: 800 !important;

	border-bottom: 1px solid #eeeeee !important;
}


/* PRODUCTS AREA */

.wc-block-mini-cart__items {
	padding: 11px 12px !important;

	background: #ffffff !important;
}


/* PRODUCT CARD */

.wc-block-mini-cart__items
.wc-block-cart-items__row {
	display: flex !important;

	align-items: flex-start !important;

	gap: 12px !important;

	width: 100% !important;

	margin: 0 0 10px !important;
	padding: 12px !important;

	background: #fafafa !important;

	border: 1px solid #e9e9e9 !important;
	border-radius: 13px !important;

	box-shadow: 0 2px 7px rgba(0,0,0,.025) !important;

	direction: rtl !important;

	overflow: hidden !important;
}


/* IMAGE */

.wc-block-mini-cart__items
.wc-block-cart-item__image {
	flex: 0 0 66px !important;

	width: 66px !important;
	height: 66px !important;

	min-width: 66px !important;
	max-width: 66px !important;

	min-height: 66px !important;
	max-height: 66px !important;

	margin: 0 !important;
	padding: 0 !important;

	border-radius: 10px !important;

	overflow: hidden !important;
}


.wc-block-mini-cart__items
.wc-block-cart-item__image a {
	display: block !important;

	width: 66px !important;
	height: 66px !important;
}


.wc-block-mini-cart__items
.wc-block-cart-item__image img {
	display: block !important;

	width: 66px !important;
	height: 66px !important;

	min-width: 66px !important;
	max-width: 66px !important;

	min-height: 66px !important;
	max-height: 66px !important;

	margin: 0 !important;

	object-fit: cover !important;

	border-radius: 10px !important;
}


/* PRODUCT CONTENT */

.wc-block-mini-cart__items
.wc-block-cart-item__product {
	flex: 1 1 auto !important;

	display: flex !important;
	flex-direction: column !important;

	align-items: flex-start !important;

	min-width: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	direction: rtl !important;

	text-align: right !important;
}


/* =========================================================
   OUR CLEAN PRODUCT INFORMATION
   ========================================================= */

.dt-mini-info {
	width: 100% !important;

	display: flex !important;
	flex-direction: column !important;

	align-items: flex-start !important;

	margin: 0 0 9px !important;
	padding: 0 !important;
}


/* اسم المنتج */

.dt-mini-name {
	display: block !important;

	width: 100% !important;

	margin: 0 0 8px !important;

	color: #111111 !important;

	font-size: 15px !important;
	font-weight: 700 !important;

	line-height: 1.5 !important;

	text-align: right !important;

	text-decoration: none !important;

	white-space: normal !important;
}


/* PRICE ROW */

.dt-mini-price-row {
	display: flex !important;

	align-items: center !important;

	flex-wrap: wrap !important;

	gap: 8px !important;

	width: 100% !important;

	margin: 0 !important;

	direction: rtl !important;
}


/* السعر الحالي */

.dt-mini-current-price {
	color: #111111 !important;

	font-size: 14px !important;
	font-weight: 800 !important;

	white-space: nowrap !important;
}


/* السعر القديم */

.dt-mini-regular-price {
	color: #999999 !important;

	font-size: 12px !important;
	font-weight: 500 !important;

	text-decoration: line-through !important;

	white-space: nowrap !important;
}


/* =========================================================
   HIDE ALL ORIGINAL DUPLICATES
   ========================================================= */

.wc-block-mini-cart__items
.dt-mini-original-hidden {
	display: none !important;
}


.wc-block-mini-cart__items
.wc-block-cart-item__total {
	display: none !important;
}


.wc-block-mini-cart__items
.screen-reader-text {
	display: none !important;
}


/* =========================================================
   QUANTITY + DELETE
   ========================================================= */

.wc-block-mini-cart__items
.wc-block-cart-item__quantity {
	display: flex !important;

	align-items: center !important;
	justify-content: flex-start !important;

	gap: 9px !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	direction: rtl !important;
}


/* QUANTITY */

.wc-block-mini-cart__items
.wc-block-components-quantity-selector {
	width: 98px !important;
	height: 33px !important;

	display: flex !important;

	align-items: center !important;

	margin: 0 !important;

	background: #ffffff !important;

	border: 1px solid #d4d4d4 !important;
	border-radius: 7px !important;

	overflow: hidden !important;
}


.wc-block-mini-cart__items
.wc-block-components-quantity-selector button {
	width: 30px !important;
	height: 31px !important;

	min-width: 30px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #ffffff !important;

	color: #777777 !important;

	border: 0 !important;

	font-size: 13px !important;

	outline: none !important;
	box-shadow: none !important;
}


.wc-block-mini-cart__items
.wc-block-components-quantity-selector input {
	height: 31px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #ffffff !important;

	color: #111111 !important;

	border: 0 !important;

	font-size: 13px !important;
	font-weight: 700 !important;

	text-align: center !important;

	outline: none !important;
	box-shadow: none !important;
}


/* DELETE */

.wc-block-mini-cart__items
.wc-block-cart-item__remove-link {
	width: 28px !important;
	height: 28px !important;

	display: inline-flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;

	color: #777777 !important;

	border: 0 !important;

	outline: none !important;
	box-shadow: none !important;
}


/* FOOTER */

.wc-block-mini-cart__footer {
	padding: 15px 16px !important;

	background: #ffffff !important;

	border-top: 1px solid #dddddd !important;
}


/* FOOTER BUTTONS */

.wc-block-mini-cart__footer-actions {
	display: grid !important;

	grid-template-columns: 1fr 1fr !important;

	gap: 10px !important;

	margin-top: 11px !important;
}


.wc-block-mini-cart__footer
.wc-block-components-button {
	width: 100% !important;

	min-height: 48px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 9px 13px !important;

	border-radius: 999px !important;

	font-size: 13px !important;
	font-weight: 700 !important;

	text-align: center !important;

	outline: none !important;
	box-shadow: none !important;
}


.wc-block-mini-cart__footer
.wc-block-mini-cart__footer-checkout {
	background: #111111 !important;

	color: #ffffff !important;

	border: 1px solid #111111 !important;
}


.wc-block-mini-cart__footer
.wc-block-mini-cart__footer-cart {
	background: #ffffff !important;

	color: #111111 !important;

	border: 1px solid #cccccc !important;
}


/* MOBILE */

@media (max-width: 500px) {

	.wc-block-mini-cart__drawer,
	.wc-block-components-drawer__content {
		width: 100vw !important;
		max-width: 100vw !important;
	}

}


/* =========================================================
   MINI CART - HIDE PRODUCT DESCRIPTION
   ========================================================= */

.wc-block-mini-cart__items
.wc-block-components-product-metadata,

.wc-block-mini-cart__items
.wc-block-components-product-metadata__description,

.wc-block-mini-cart__items
.wc-block-components-product-metadata__description p,

.wc-block-mini-cart__items
.wc-block-components-product-details,

.wc-block-mini-cart__items
.wc-block-components-product-details p {
	display: none !important;
}

/*/////////////////////////////////////


/* =========================================================
   07. CART
   ========================================================= */
/* =========================================================
   DIGITAL TROOOZ
   CLASSIC CART - FINAL FIX
   ========================================================= */


/* صفحة السلة */
body.woocommerce-cart,
body.woocommerce-cart main {
	background: #f4f4f4 !important;
}

body.woocommerce-cart main {
	padding: 32px 0 60px !important;
}


/* عنوان السلة */
body.woocommerce-cart .entry-title,
body.woocommerce-cart .wp-block-post-title,
body.woocommerce-cart h1.entry-title {
	margin: 0 auto 28px !important;

	color: #111111 !important;

	font-size: 32px !important;
	font-weight: 700 !important;

	text-align: center !important;
}


/* =========================================================
   MAIN CART LAYOUT
   ========================================================= */

body.woocommerce-cart
.entry-content > .woocommerce,

body.woocommerce-cart
main .woocommerce {
	width: 100% !important;
	max-width: 1100px !important;

	margin: 0 auto !important;
	padding: 0 20px !important;

	display: grid !important;

	grid-template-columns:
		310px
		minmax(0, 1fr) !important;

	grid-template-areas:
		"notice notice"
		"summary cart" !important;

	column-gap: 24px !important;
	row-gap: 15px !important;

	align-items: start !important;

	direction: ltr !important;
}


/* رسائل WooCommerce */
body.woocommerce-cart
.woocommerce-notices-wrapper {
	grid-area: notice !important;

	width: 100% !important;

	direction: rtl !important;
}


/* جدول المنتجات - يمين */
body.woocommerce-cart
form.woocommerce-cart-form {
	grid-area: cart !important;

	width: 100% !important;

	margin: 0 !important;

	float: none !important;

	direction: rtl !important;
}


/* صندوق الإجمالي - يسار */
body.woocommerce-cart
.cart-collaterals {
	grid-area: summary !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	float: none !important;

	clear: none !important;

	align-self: start !important;

	direction: rtl !important;
}


/* =========================================================
   CART TABLE
   ========================================================= */

body.woocommerce-cart
table.shop_table {
	width: 100% !important;

	margin: 0 !important;

	background: #ffffff !important;

	border: 1px solid #e4e4e4 !important;
	border-radius: 9px !important;

	border-collapse: separate !important;
	border-spacing: 0 !important;

	overflow: hidden !important;

	box-shadow: 0 7px 22px rgba(0,0,0,.055) !important;
}


/* رأس الجدول */
body.woocommerce-cart
table.shop_table thead th {
	padding: 16px 14px !important;

	background: #ffffff !important;

	color: #111111 !important;

	border: 0 !important;
	border-bottom: 1px solid #e6e6e6 !important;

	font-size: 16px !important;
	font-weight: 700 !important;

	text-align: center !important;
}


/* الصفوف */
body.woocommerce-cart
table.shop_table tbody td {
	padding: 15px 13px !important;

	background: #ffffff !important;

	border: 0 !important;
	border-bottom: 1px solid #eeeeee !important;

	vertical-align: middle !important;

	text-align: center !important;
}


/* =========================================================
   PRODUCT
   ========================================================= */

body.woocommerce-cart
td.product-thumbnail {
	width: 85px !important;
}

body.woocommerce-cart
td.product-thumbnail img {
	width: 60px !important;
	height: 60px !important;

	display: block !important;

	margin: 0 auto !important;

	object-fit: cover !important;

	border-radius: 6px !important;
}


/* اسم المنتج */
body.woocommerce-cart
td.product-name {
	text-align: right !important;
}

body.woocommerce-cart
td.product-name a {
	color: #111111 !important;

	font-size: 16px !important;
	font-weight: 500 !important;

	line-height: 1.5 !important;

	text-decoration: none !important;
}

body.woocommerce-cart
td.product-name a:hover {
	color: #555555 !important;
}


/* الأسعار */
body.woocommerce-cart
td.product-price,

body.woocommerce-cart
td.product-subtotal {
	color: #111111 !important;

	font-size: 16px !important;
	font-weight: 600 !important;

	white-space: nowrap !important;
}


/* =========================================================
   QUANTITY
   ========================================================= */

body.woocommerce-cart .quantity {
	display: inline-flex !important;

	align-items: center !important;
	justify-content: center !important;
}

body.woocommerce-cart
.quantity input.qty {
	width: 54px !important;
	height: 38px !important;

	padding: 4px !important;

	background: #ffffff !important;

	color: #111111 !important;

	border: 1px solid #cbd4da !important;
	border-radius: 7px !important;

	font-size: 15px !important;
	font-weight: 600 !important;

	text-align: center !important;

	outline: none !important;
	box-shadow: none !important;
}


/* =========================================================
   REMOVE PRODUCT
   ========================================================= */

body.woocommerce-cart
td.product-remove {
	width: 42px !important;
}

body.woocommerce-cart
td.product-remove a.remove {
	width: 30px !important;
	height: 30px !important;

	display: inline-flex !important;

	align-items: center !important;
	justify-content: center !important;

	color: #d60000 !important;
	background: transparent !important;

	border-radius: 50% !important;

	font-size: 0 !important;

	text-decoration: none !important;
}

body.woocommerce-cart
td.product-remove a.remove::before {
	content: "×";

	font-size: 24px !important;
	font-weight: 500 !important;
}

body.woocommerce-cart
td.product-remove a.remove:hover {
	background: #fff0f0 !important;
}


/* =========================================================
   ACTIONS / COUPON
   ========================================================= */

body.woocommerce-cart
table.shop_table td.actions {
	padding: 12px !important;

	background: #fafafa !important;

	border-bottom: 0 !important;
}


/* كوبون */
body.woocommerce-cart .coupon {
	display: flex !important;

	align-items: center !important;

	gap: 9px !important;

	float: right !important;
}

body.woocommerce-cart
.coupon input.input-text {
	width: 170px !important;
	height: 42px !important;

	padding: 0 12px !important;

	background: #ffffff !important;

	color: #111111 !important;

	border: 1px solid #d1d7dc !important;
	border-radius: 5px !important;

	font-size: 13px !important;

	outline: none !important;
	box-shadow: none !important;
}


/* زر استخدام القسيمة */
body.woocommerce-cart
.coupon button.button {
	height: 42px !important;

	padding: 0 20px !important;

	background: #111111 !important;
	color: #ffffff !important;

	border: 0 !important;
	border-radius: 5px !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	box-shadow: none !important;
}


/* تحديث السلة */
body.woocommerce-cart
button[name="update_cart"] {
	height: 42px !important;

	padding: 0 22px !important;

	float: left !important;

	background: #888888 !important;
	color: #ffffff !important;

	border: 0 !important;
	border-radius: 5px !important;

	font-size: 14px !important;
	font-weight: 600 !important;

	box-shadow: none !important;
}

body.woocommerce-cart
button[name="update_cart"]:not(:disabled) {
	background: #111111 !important;
}


/* =========================================================
   CART TOTALS CARD
   ========================================================= */

body.woocommerce-cart
.cart-collaterals .cart_totals {
	width: 100% !important;

	float: none !important;

	margin: 0 !important;
	padding: 20px 18px !important;

	background: #ffffff !important;

	border: 1px solid #e4e4e4 !important;
	border-radius: 9px !important;

	box-shadow: 0 7px 22px rgba(0,0,0,.055) !important;
}


/* العنوان */
body.woocommerce-cart
.cart_totals h2 {
	margin: 0 0 13px !important;

	color: #222222 !important;

	font-size: 16px !important;
	font-weight: 600 !important;

	text-align: center !important;
}


/* جدول الإجمالي */
body.woocommerce-cart
.cart_totals table.shop_table {
	width: 100% !important;

	margin: 0 !important;

	background: transparent !important;

	border: 1px solid #eeeeee !important;
	border-radius: 6px !important;

	box-shadow: none !important;
}


body.woocommerce-cart
.cart_totals table.shop_table th,

body.woocommerce-cart
.cart_totals table.shop_table td {
	padding: 11px 10px !important;

	background: #ffffff !important;

	border: 0 !important;
	border-bottom: 1px solid #eeeeee !important;

	font-size: 16px !important;
}


body.woocommerce-cart
.cart_totals table.shop_table th {
	color: #111111 !important;

	font-weight: 700 !important;

	text-align: right !important;
}


body.woocommerce-cart
.cart_totals table.shop_table td {
	color: #111111 !important;

	font-weight: 500 !important;

	text-align: left !important;
}


/* الإجمالي الأخير */
body.woocommerce-cart
.cart_totals .order-total th,

body.woocommerce-cart
.cart_totals .order-total td {
	border-bottom: 0 !important;

	font-size: 18px !important;
	font-weight: 700 !important;
}


/* =========================================================
   CHECKOUT BUTTON
   ========================================================= */

body.woocommerce-cart
.wc-proceed-to-checkout {
	margin: 14px 0 0 !important;
	padding: 0 !important;
}


body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button {
	width: 100% !important;

	min-height: 50px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;

	padding: 10px 18px !important;

	background: #111111 !important;

	color: #ffffff !important;

	border: 0 !important;
	border-radius: 999px !important;

	font-size: 16px !important;
	font-weight: 700 !important;

	text-decoration: none !important;

	box-shadow: none !important;
}


body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button::after {
	content: "✓";

	margin-right: 7px !important;
}


body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button:hover {
	background: #000000 !important;

	color: #ffffff !important;
}


/* =========================================================
   REMOVE BLACK FOCUS
   ========================================================= */

body.woocommerce-cart
*:focus,

body.woocommerce-cart
*:focus-visible {
	outline: none !important;

	box-shadow: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

	body.woocommerce-cart
	.entry-content > .woocommerce,

	body.woocommerce-cart
	main .woocommerce {
		display: flex !important;

		flex-direction: column !important;

		gap: 15px !important;

		padding: 0 12px !important;

		direction: rtl !important;
	}


	body.woocommerce-cart
	form.woocommerce-cart-form {
		order: 1 !important;

		width: 100% !important;
	}


	body.woocommerce-cart
	.cart-collaterals {
		order: 2 !important;

		width: 100% !important;
	}


	body.woocommerce-cart
	.coupon {
		width: 100% !important;

		flex-direction: column !important;

		float: none !important;
	}


	body.woocommerce-cart
	.coupon input.input-text,

	body.woocommerce-cart
	.coupon button.button,

	body.woocommerce-cart
	button[name="update_cart"] {
		width: 100% !important;

		float: none !important;
	}


	body.woocommerce-cart
	button[name="update_cart"] {
		margin-top: 9px !important;
	}
}


/* =========================================================
   08. CHECKOUT
   ========================================================= */
/* =========================================================
   19. CHECKOUT PAGE
   FINAL CLEAN VERSION
   ========================================================= */

body.woocommerce-checkout,
body.woocommerce-checkout main {
	background: #f4f4f4 !important;
}

body.woocommerce-checkout main {
	padding: 28px 0 60px !important;
}


/* Remove width restrictions from Twenty Twenty-Five */
body.woocommerce-checkout .wp-block-post-content,
body.woocommerce-checkout .entry-content {
	width: 100% !important;
	max-width: none !important;
}


/* Main WooCommerce checkout container */
body.woocommerce-checkout
.entry-content > .woocommerce {
	width: 100% !important;
	max-width: 1100px !important;

	margin: 0 auto !important;
	padding: 0 20px !important;
}


/* =========================================================
   20. CHECKOUT - HIDE UNNEEDED
   ========================================================= */

body.woocommerce-checkout .woocommerce-form-login-toggle,
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-account-fields {
	display: none !important;
}


/* Original heading is hidden.
   We create "طلبك" inside the card instead. */
body.woocommerce-checkout #order_review_heading {
	display: none !important;
}


/* =========================================================
   21. CHECKOUT GRID
   ========================================================= */

body.woocommerce-checkout form.checkout {
	width: 100% !important;

	display: grid !important;

	grid-template-columns:
		minmax(0,1fr)
		370px !important;

	grid-template-rows:
		auto
		auto !important;

	column-gap: 24px !important;
	row-gap: 16px !important;

	align-items: start !important;

	direction: ltr !important;
}


/* =========================================================
   22. CUSTOMER DETAILS CARD
   ========================================================= */

body.woocommerce-checkout #customer_details {
	grid-column: 1 !important;
	grid-row: 1 !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 24px !important;

	background: #ffffff !important;

	border: 1px solid #e3e6e8 !important;
	border-radius: 12px !important;

	box-shadow: 0 8px 24px rgba(0,0,0,.05) !important;

	direction: rtl !important;
}

body.woocommerce-checkout
#customer_details .col-1 {
	width: 100% !important;

	float: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-checkout
#customer_details .col-2 {
	display: none !important;
}


/* Billing title */
body.woocommerce-checkout
.woocommerce-billing-fields > h3 {
	margin: 0 0 20px !important;

	color: #111111 !important;

	font-size: 19px !important;
	font-weight: 800 !important;

	text-align: right !important;
}


/* =========================================================
   23. BILLING FIELDS
   ========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper {
	display: flex !important;

	flex-wrap: wrap !important;

	gap: 0 12px !important;
}


/* First + Last */
body.woocommerce-checkout
#billing_first_name_field,

body.woocommerce-checkout
#billing_last_name_field {
	width: calc(50% - 6px) !important;

	float: none !important;
	clear: none !important;

	margin: 0 0 15px !important;
}


/* Full width */
body.woocommerce-checkout
#billing_country_field,

body.woocommerce-checkout
#billing_city_field,

body.woocommerce-checkout
#billing_phone_field,

body.woocommerce-checkout
#billing_email_field {
	width: 100% !important;

	float: none !important;
	clear: both !important;

	margin: 0 0 15px !important;
}

body.woocommerce-checkout .form-row {
	padding: 0 !important;
}


/* Labels */
body.woocommerce-checkout .form-row label {
	display: block !important;

	margin: 0 0 7px !important;

	color: #171717 !important;

	font-size: 14px !important;
	font-weight: 700 !important;
}

body.woocommerce-checkout .required {
	color: #d52727 !important;
}


/* =========================================================
   24. CHECKOUT INPUTS
   ========================================================= */

body.woocommerce-checkout input.input-text,
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
	width: 100% !important;

	min-height: 48px !important;

	padding: 9px 13px !important;

	background: #ffffff !important;

	color: #171717 !important;

	border: 1.5px solid #8da2af !important;
	border-radius: 7px !important;

	font-size: 14px !important;

	outline: none !important;

	box-shadow: none !important;
}

body.woocommerce-checkout
input[type="email"],
body.woocommerce-checkout
input[type="tel"] {
	direction: ltr !important;

	text-align: left !important;
}


/* Focus without black border */
body.woocommerce-checkout input:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus {
	outline: none !important;

	box-shadow: none !important;

	border-color: #607986 !important;
}


/* =========================================================
   25. INTERNATIONAL PHONE
   ========================================================= */

body.woocommerce-checkout
#billing_phone_field .iti {
	position: relative !important;

	display: block !important;

	width: 100% !important;

	direction: ltr !important;
}

body.woocommerce-checkout
#billing_phone_field .iti input,
body.woocommerce-checkout
#billing_phone_field .iti input[type="tel"] {
	width: 100% !important;

	height: 48px !important;

	padding-left: 125px !important;
	padding-right: 13px !important;

	direction: ltr !important;

	text-align: left !important;
}

body.woocommerce-checkout
#billing_phone_field .iti__country-container,
body.woocommerce-checkout
#billing_phone_field .iti__flag-container {
	position: absolute !important;

	top: 0 !important;
	bottom: 0 !important;

	left: 0 !important;
	right: auto !important;

	z-index: 10 !important;
}

body.woocommerce-checkout
#billing_phone_field .iti__selected-country,
body.woocommerce-checkout
#billing_phone_field .iti__selected-flag {
	height: 48px !important;

	display: flex !important;
	align-items: center !important;

	gap: 6px !important;

	padding: 0 10px !important;

	background: transparent !important;

	border: 0 !important;

	outline: none !important;

	box-shadow: none !important;
}

body.woocommerce-checkout
#billing_phone_field .iti__selected-dial-code {
	color: #222222 !important;

	font-size: 14px !important;

	direction: ltr !important;

	white-space: nowrap !important;
}

body.woocommerce-checkout
#billing_phone_field .iti__country-list,
body.woocommerce-checkout
#billing_phone_field .iti__dropdown-content {
	width: 310px !important;

	max-width: 90vw !important;
	max-height: 300px !important;

	background: #ffffff !important;

	border: 1px solid #d5dce1 !important;
	border-radius: 8px !important;

	box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;

	direction: ltr !important;

	z-index: 999999 !important;
}


/* =========================================================
   26. COUNTRY SELECT
   ========================================================= */

body.woocommerce-checkout
#billing_country_field .select2-container {
	width: 100% !important;

	display: block !important;
}

body.woocommerce-checkout
#billing_country_field
.select2-selection--single {
	position: relative !important;

	width: 100% !important;
	height: 48px !important;

	background: #ffffff !important;

	border: 1.5px solid #8da2af !important;
	border-radius: 7px !important;

	outline: none !important;

	box-shadow: none !important;
}

body.woocommerce-checkout
#billing_country_field
.select2-selection__rendered {
	padding: 0 12px 0 38px !important;

	color: #171717 !important;

	font-size: 14px !important;

	line-height: 46px !important;

	direction: rtl !important;

	text-align: right !important;
}

body.woocommerce-checkout
#billing_country_field
.select2-selection__arrow {
	position: absolute !important;

	top: 0 !important;

	left: 10px !important;
	right: auto !important;

	height: 46px !important;
}


/* =========================================================
   27. ORDER REVIEW
   RIGHT CARD
   ========================================================= */

body.woocommerce-checkout #order_review {
	grid-column: 2 !important;

	grid-row: 1 / span 2 !important;

	align-self: start !important;

	width: 100% !important;

	min-height: 0 !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #ffffff !important;

	border: 1px solid #e3e6e8 !important;
	border-radius: 12px !important;

	box-shadow: 0 8px 24px rgba(0,0,0,.05) !important;

	overflow: hidden !important;

	direction: rtl !important;
}


/* New title inside card */
body.woocommerce-checkout
#order_review::before {
	content: "طلبك";

	display: block !important;

	width: 100% !important;

	padding: 15px 17px !important;

	background: #ffffff !important;

	color: #171717 !important;

	border-bottom: 1px solid #eeeeee !important;

	font-size: 16px !important;
	font-weight: 800 !important;

	text-align: right !important;
}


/* =========================================================
   28. ORDER TABLE
   ========================================================= */

body.woocommerce-checkout
#order_review table.shop_table {
	width: 100% !important;

	margin: 0 !important;

	background: #ffffff !important;

	border: 0 !important;

	border-collapse: collapse !important;

	box-shadow: none !important;
}

body.woocommerce-checkout
#order_review table.shop_table thead {
	display: none !important;
}

body.woocommerce-checkout
#order_review table.shop_table th,
body.woocommerce-checkout
#order_review table.shop_table td {
	padding: 12px 14px !important;

	background: #ffffff !important;

	color: #222222 !important;

	border: 0 !important;
	border-bottom: 1px solid #eeeeee !important;

	font-size: 13px !important;

	vertical-align: middle !important;
}

body.woocommerce-checkout
#order_review .product-name {
	text-align: right !important;

	font-weight: 600 !important;
}

body.woocommerce-checkout
#order_review table.shop_table td {
	text-align: left !important;
}

body.woocommerce-checkout
#order_review .order-total th,
body.woocommerce-checkout
#order_review .order-total td {
	color: #111111 !important;

	font-size: 15px !important;
	font-weight: 800 !important;
}


/* =========================================================
   29. PAYMENT
   BELOW CUSTOMER DETAILS
   ========================================================= */

body.woocommerce-checkout #payment {
	grid-column: 1 !important;
	grid-row: 2 !important;

	width: 100% !important;

	min-height: 0 !important;
	height: auto !important;

	margin: 0 !important;
	padding: 18px !important;

	background: #ffffff !important;

	border: 1px solid #e3e6e8 !important;
	border-radius: 12px !important;

	box-shadow: 0 8px 24px rgba(0,0,0,.05) !important;

	direction: rtl !important;
}

body.woocommerce-checkout
#payment ul.payment_methods {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;

	list-style: none !important;
}

body.woocommerce-checkout
#payment ul.payment_methods > li {
	width: 100% !important;

	margin: 0 0 12px !important;
	padding: 0 !important;
}

body.woocommerce-checkout
#payment ul.payment_methods > li > label {
	width: 100% !important;

	min-height: 48px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	gap: 7px !important;

	padding: 10px 14px !important;

	background: #707070 !important;

	color: #ffffff !important;

	border: 0 !important;
	border-radius: 7px !important;

	font-size: 14px !important;
	font-weight: 700 !important;
}


/* =========================================================
   30. PAYMENT BOX
   ========================================================= */

body.woocommerce-checkout
.payment_box {
	width: 100% !important;

	margin: 10px 0 0 !important;
	padding: 15px !important;

	background: #f7f9fa !important;

	color: #333333 !important;

	border: 1px solid #e2e7ea !important;
	border-radius: 9px !important;

	font-size: 13px !important;

	line-height: 1.7 !important;
}

body.woocommerce-checkout
.payment_box::before {
	display: none !important;
}


/* =========================================================
   31. BANK INFORMATION
   ========================================================= */

body.woocommerce-checkout
#payment table {
	width: 100% !important;

	margin: 12px 0 !important;

	table-layout: auto !important;

	border-collapse: collapse !important;

	background: #ffffff !important;
}

body.woocommerce-checkout
#payment table tr {
	display: table-row !important;
}

body.woocommerce-checkout
#payment table th,
body.woocommerce-checkout
#payment table td {
	display: table-cell !important;

	padding: 11px 10px !important;

	border-bottom: 1px solid #e7ecef !important;

	vertical-align: middle !important;

	writing-mode: horizontal-tb !important;

	transform: none !important;
}

body.woocommerce-checkout
#payment table th {
	width: 40% !important;

	color: #697789 !important;

	font-size: 13px !important;
	font-weight: 700 !important;

	text-align: right !important;

	white-space: nowrap !important;
}

body.woocommerce-checkout
#payment table td {
	width: 60% !important;

	color: #182334 !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	direction: ltr !important;

	text-align: left !important;

	white-space: nowrap !important;

	word-break: normal !important;
	overflow-wrap: normal !important;
}


/* Prevent values like Ghazi Dargham from splitting */
body.woocommerce-checkout
#payment .payment_box td,
body.woocommerce-checkout
#payment .payment_box td *,
body.woocommerce-checkout
#payment [class*="value"],
body.woocommerce-checkout
#payment [class*="account"] {
	word-break: normal !important;

	overflow-wrap: normal !important;

	writing-mode: horizontal-tb !important;
}


/* Account values */
body.woocommerce-checkout
#payment .payment_box td,
body.woocommerce-checkout
#payment [class*="account-name"],
body.woocommerce-checkout
#payment [class*="account-number"] {
	white-space: nowrap !important;
}


/* =========================================================
   32. COPY BUTTON
   ========================================================= */

body.woocommerce-checkout
#payment .copy-btn,
body.woocommerce-checkout
#payment .copy-button,
body.woocommerce-checkout
#payment button[class*="copy"] {
	min-width: 56px !important;

	min-height: 34px !important;

	padding: 5px 10px !important;

	background: #ffffff !important;

	color: #0876ad !important;

	border: 1px solid #afd0df !important;
	border-radius: 7px !important;

	font-size: 12px !important;
	font-weight: 700 !important;

	outline: none !important;

	box-shadow: none !important;
}


/* =========================================================
   33. RECEIPT FILE UPLOAD
   ========================================================= */

body.woocommerce-checkout
input[type="file"] {
	width: 100% !important;

	min-height: 50px !important;

	padding: 0 !important;

	background: #ffffff !important;

	color: #555555 !important;

	border: 1.5px solid #8da2af !important;
	border-radius: 7px !important;

	font-size: 13px !important;

	overflow: hidden !important;

	outline: none !important;

	box-shadow: none !important;
}

body.woocommerce-checkout
input[type="file"]::file-selector-button {
	height: 48px !important;

	margin-left: 10px !important;

	padding: 0 17px !important;

	background: #666666 !important;

	color: #ffffff !important;

	border: 0 !important;

	font-size: 13px !important;
	font-weight: 700 !important;

	cursor: pointer !important;
}

body.woocommerce-checkout
input[type="file"]::file-selector-button:hover {
	background: #111111 !important;
}


/* Plugin upload wrappers */
body.woocommerce-checkout
[class*="upload-receipt"],
body.woocommerce-checkout
[class*="receipt-upload"],
body.woocommerce-checkout
[class*="upload-payment"] {
	width: 100% !important;

	max-width: 100% !important;

	padding: 16px !important;

	background: #f8fcff !important;

	border: 2px dashed #1688c7 !important;
	border-radius: 12px !important;
}


/* =========================================================
   34. PRIVACY
   ========================================================= */

body.woocommerce-checkout
.woocommerce-privacy-policy-text {
	margin: 12px 0 !important;

	color: #555555 !important;

	font-size: 12px !important;

	line-height: 1.7 !important;

	text-align: right !important;
}


/* =========================================================
   35. PLACE ORDER
   ========================================================= */

body.woocommerce-checkout
.place-order {
	width: 100% !important;

	margin: 0 !important;
	padding: 12px 0 0 !important;

	border: 0 !important;
}

body.woocommerce-checkout
#place_order {
	width: 100% !important;

	min-height: 50px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	float: none !important;

	margin: 0 !important;

	background: #111111 !important;

	color: #ffffff !important;

	border: 0 !important;
	border-radius: 999px !important;

	font-size: 15px !important;
	font-weight: 800 !important;

	outline: none !important;

	box-shadow: none !important;
}

body.woocommerce-checkout
#place_order:hover {
	background: #000000 !important;
}


/* =========================================================
   36. REMOVE BLACK FOCUS BORDER
   ========================================================= */

body.woocommerce-checkout
*:focus,
body.woocommerce-checkout
*:focus-visible {
	outline: none !important;

	box-shadow: none !important;
}


/* Still show subtle input focus */
body.woocommerce-checkout
input:focus,
body.woocommerce-checkout
select:focus,
body.woocommerce-checkout
textarea:focus,
body.woocommerce-checkout
.select2-container--focus
.select2-selection--single {
	border-color: #607986 !important;
}


/* =========================================================
   37. TABLET
   ========================================================= */

@media (max-width: 900px) {

	.home .wc-block-product-template,
	.home ul.wc-block-product-template,
	.woocommerce-shop ul.products {
		grid-template-columns: repeat(2, minmax(0,1fr)) !important;

		gap: 18px !important;
	}

	body.woocommerce-checkout
	form.checkout {
		grid-template-columns:
			minmax(0,1fr)
			330px !important;
	}
}


/* =========================================================
   38. MOBILE
   ========================================================= */

@media (max-width: 800px) {

	.dt-header-row {
		padding: 9px 13px !important;
	}

	.dt-header-brand .wp-block-site-logo img {
		width: 36px !important;
		height: 36px !important;
	}

	.dt-header-brand .wp-block-site-title,
	.dt-header-brand .wp-block-site-title a {
		font-size: 18px !important;
	}


	/* Products */
	.home .wc-block-product-template,
	.home ul.wc-block-product-template,
	.woocommerce-shop ul.products {
		grid-template-columns: repeat(2, minmax(0,1fr)) !important;

		gap: 10px !important;
	}


	/* Footer */
	footer .dt-footer-columns {
		grid-template-columns: 1fr !important;

		gap: 18px !important;

		text-align: center !important;
	}


	/* Cart */
	body.woocommerce-cart
	.entry-content > .woocommerce {
		display: flex !important;

		flex-direction: column !important;

		padding: 0 12px !important;
	}

	body.woocommerce-cart
	form.woocommerce-cart-form {
		order: 1 !important;
	}

	body.woocommerce-cart
	.cart-collaterals {
		order: 2 !important;
	}


	/* Checkout */
	body.woocommerce-checkout
	.entry-content > .woocommerce {
		padding: 0 12px !important;
	}

	body.woocommerce-checkout
	form.checkout {
		display: flex !important;

		flex-direction: column !important;

		gap: 14px !important;

		direction: rtl !important;
	}

	body.woocommerce-checkout
	#customer_details {
		order: 1 !important;

		width: 100% !important;

		padding: 18px !important;
	}

	body.woocommerce-checkout
	#payment {
		order: 2 !important;

		width: 100% !important;
	}

	body.woocommerce-checkout
	#order_review {
		order: 3 !important;

		width: 100% !important;
	}

	body.woocommerce-checkout
	#billing_first_name_field,
	body.woocommerce-checkout
	#billing_last_name_field {
		width: 100% !important;
	}

	body.woocommerce-checkout
	#place_order {
		width: 100% !important;
	}
}


/* =========================================================
   09. THANK YOU / ORDER RECEIVED
   ========================================================= */
/* =========================================================
   DIGITAL TROOOZ
   ORDER RECEIVED PAGE
   PREMIUM FINAL VERSION
   ========================================================= */


/* =========================================================
   01. PAGE BACKGROUND
   ========================================================= */

body.woocommerce-order-received main {
	background: #f5f5f5 !important;
}


body.woocommerce-order-received .woocommerce {
	width: calc(100% - 40px) !important;
	max-width: 1080px !important;

	margin: 0 auto !important;
	padding: 45px 0 70px !important;

	direction: rtl !important;

	color: #111111 !important;
}


/* =========================================================
   02. MAIN CARD
   ========================================================= */

body.woocommerce-order-received .woocommerce-order {
	width: 100% !important;

	margin: 0 auto !important;
	padding: 38px !important;

	background: #ffffff !important;

	border: 1px solid #e8e8e8 !important;
	border-radius: 22px !important;

	box-shadow:
		0 12px 35px rgba(0,0,0,.055) !important;
}


/* =========================================================
   03. SUCCESS MESSAGE
   ========================================================= */

body.woocommerce-order-received
.woocommerce-thankyou-order-received {
	position: relative !important;

	margin: 0 0 10px !important;
	padding: 66px 0 0 !important;

	color: #111111 !important;

	font-size: 34px !important;
	font-weight: 800 !important;

	line-height: 1.3 !important;

	text-align: center !important;
}


/* Success icon */

body.woocommerce-order-received
.woocommerce-thankyou-order-received::before {
	content: "✓" !important;

	position: absolute !important;

	top: 0 !important;
	left: 50% !important;

	transform: translateX(-50%) !important;

	width: 48px !important;
	height: 48px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	background: #111111 !important;

	color: #ffffff !important;

	border-radius: 50% !important;

	font-size: 22px !important;
	font-weight: 800 !important;
}


/* النص تحت العنوان */

body.woocommerce-order-received
.woocommerce-order > p:not(.woocommerce-thankyou-order-received) {
	margin: 0 0 30px !important;

	color: #666666 !important;

	font-size: 14px !important;

	line-height: 1.8 !important;

	text-align: center !important;
}


/* =========================================================
   04. ORDER OVERVIEW
   ========================================================= */

body.woocommerce-order-received
.woocommerce-order-overview {
	display: grid !important;

	grid-template-columns:
		repeat(5, minmax(0,1fr)) !important;

	gap: 10px !important;

	width: 100% !important;

	margin: 30px 0 38px !important;
	padding: 0 !important;

	list-style: none !important;
}


body.woocommerce-order-received
.woocommerce-order-overview li {
	min-width: 0 !important;
	min-height: 92px !important;

	display: flex !important;

	flex-direction: column !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 14px 10px !important;

	background: #f8f8f8 !important;

	border: 1px solid #ececec !important;
	border-radius: 14px !important;

	color: #777777 !important;

	font-size: 12px !important;

	line-height: 1.6 !important;

	text-align: center !important;
}


body.woocommerce-order-received
.woocommerce-order-overview li strong {
	display: block !important;

	max-width: 100% !important;

	margin-top: 5px !important;

	color: #111111 !important;

	font-size: 14px !important;
	font-weight: 800 !important;

	line-height: 1.45 !important;

	word-break: break-word !important;
}


/* =========================================================
   05. ORDER DETAILS
   ========================================================= */

body.woocommerce-order-received
.woocommerce-order-details {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;
}


body.woocommerce-order-received
.woocommerce-order-details__title {
	margin: 0 0 18px !important;

	color: #111111 !important;

	font-size: 22px !important;
	font-weight: 800 !important;

	text-align: right !important;
}


/* =========================================================
   06. REMOVE CLASSIC TABLE LOOK
   ========================================================= */

body.woocommerce-order-received
table.woocommerce-table--order-details {
	width: 100% !important;

	margin: 0 !important;

	border-collapse: separate !important;
	border-spacing: 0 10px !important;

	background: transparent !important;

	border: 0 !important;
}


/* Header */

body.woocommerce-order-received
table.woocommerce-table--order-details
thead {
	display: none !important;
}


/* =========================================================
   07. PRODUCT CARDS
   ========================================================= */

body.woocommerce-order-received
table.woocommerce-table--order-details
tbody tr {
	background: #fafafa !important;

	border-radius: 16px !important;

	box-shadow:
		0 3px 12px rgba(0,0,0,.035) !important;
}


body.woocommerce-order-received
table.woocommerce-table--order-details
tbody td {
	padding: 14px 16px !important;

	background: #fafafa !important;

	border-top: 1px solid #ededed !important;
	border-bottom: 1px solid #ededed !important;

	vertical-align: middle !important;
}


/* Product side */

body.woocommerce-order-received
table.woocommerce-table--order-details
tbody td.product-name {
	width: 75% !important;

	border-right: 1px solid #ededed !important;

	border-top-right-radius: 16px !important;
	border-bottom-right-radius: 16px !important;
}


/* Price side */

body.woocommerce-order-received
table.woocommerce-table--order-details
tbody td.product-total {
	width: 25% !important;

	border-left: 1px solid #ededed !important;

	border-top-left-radius: 16px !important;
	border-bottom-left-radius: 16px !important;

	color: #111111 !important;

	font-size: 16px !important;
	font-weight: 800 !important;

	text-align: left !important;

	white-space: nowrap !important;
}


/* =========================================================
   08. PRODUCT IMAGE + NAME
   ========================================================= */

.dt-thankyou-product {
	display: flex !important;

	align-items: center !important;

	gap: 14px !important;
}


.dt-thankyou-product-thumb {
	flex: 0 0 72px !important;

	width: 72px !important;
	height: 72px !important;
}


.dt-thankyou-product-image {
	display: block !important;

	width: 72px !important;
	height: 72px !important;

	margin: 0 !important;

	object-fit: cover !important;

	background: #ffffff !important;

	border: 1px solid #e5e5e5 !important;
	border-radius: 12px !important;
}


.dt-thankyou-product-info {
	min-width: 0 !important;

	color: #111111 !important;

	font-size: 15px !important;
	font-weight: 700 !important;

	line-height: 1.7 !important;
}


.dt-thankyou-product-info a {
	color: #111111 !important;

	text-decoration: none !important;
}


.dt-thankyou-product-info a:hover {
	text-decoration: none !important;
}


/* Quantity */

body.woocommerce-order-received
.product-quantity {
	margin-right: 5px !important;

	color: #777777 !important;

	font-size: 13px !important;
	font-weight: 600 !important;
}


/* =========================================================
   09. TOTALS
   ========================================================= */

body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot th,

body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot td {
	padding: 12px 16px !important;

	background: transparent !important;

	border: 0 !important;

	color: #555555 !important;

	font-size: 14px !important;
}


body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot th {
	text-align: right !important;
}


body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot td {
	text-align: left !important;
}


/* Grand total */

body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr:last-child th,

body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr:last-child td {
	padding-top: 17px !important;

	color: #111111 !important;

	border-top: 1px solid #e5e5e5 !important;

	font-size: 17px !important;
	font-weight: 800 !important;
}


/* =========================================================
   10. ACTION BUTTONS
   ========================================================= */

.dt-thankyou-actions {
	display: grid !important;

	grid-template-columns:
		1fr 1fr !important;

	gap: 12px !important;

	width: 100% !important;

	margin: 28px 0 0 !important;
}


.dt-thankyou-btn {
	min-height: 48px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	padding: 10px 18px !important;

	border-radius: 999px !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	text-align: center !important;

	text-decoration: none !important;

	outline: none !important;
	box-shadow: none !important;
}


/* العودة للمتجر */

.dt-thankyou-btn-primary {
	background: #111111 !important;

	color: #ffffff !important;

	border: 1px solid #111111 !important;
}


.dt-thankyou-btn-primary:hover {
	background: #000000 !important;

	color: #ffffff !important;

	text-decoration: none !important;
}


/* WhatsApp */

.dt-thankyou-btn-secondary {
	background: #ffffff !important;

	color: #111111 !important;

	border: 1px solid #bfbfbf !important;
}


.dt-thankyou-btn-secondary:hover {
	background: #f5f5f5 !important;

	color: #111111 !important;

	text-decoration: none !important;
}


/* =========================================================
   11. BANK / PAYMENT DETAILS
   ========================================================= */

body.woocommerce-order-received
.wc-bacs-bank-details,

body.woocommerce-order-received
.woocommerce-bacs-bank-details,

body.woocommerce-order-received
.woocommerce-customer-details {
	margin: 28px 0 0 !important;
	padding: 22px !important;

	background: #f8f8f8 !important;

	border: 1px solid #e8e8e8 !important;
	border-radius: 16px !important;
}


/* =========================================================
   12. TABLET
   ========================================================= */

@media (max-width: 900px) {

	body.woocommerce-order-received
	.woocommerce-order-overview {
		grid-template-columns:
			repeat(2, minmax(0,1fr)) !important;
	}

}


/* =========================================================
   13. MOBILE
   ========================================================= */

@media (max-width: 600px) {

	body.woocommerce-order-received
	.woocommerce {
		width: calc(100% - 20px) !important;

		padding: 25px 0 45px !important;
	}


	body.woocommerce-order-received
	.woocommerce-order {
		padding: 24px 14px !important;

		border-radius: 17px !important;
	}


	body.woocommerce-order-received
	.woocommerce-thankyou-order-received {
		font-size: 27px !important;

		padding-top: 58px !important;
	}


	body.woocommerce-order-received
	.woocommerce-order-overview {
		grid-template-columns: 1fr !important;

		gap: 8px !important;

		margin-bottom: 28px !important;
	}


	body.woocommerce-order-received
	.woocommerce-order-overview li {
		min-height: 70px !important;
	}


	body.woocommerce-order-received
	table.woocommerce-table--order-details,
	body.woocommerce-order-received
	table.woocommerce-table--order-details tbody,
	body.woocommerce-order-received
	table.woocommerce-table--order-details tr,
	body.woocommerce-order-received
	table.woocommerce-table--order-details td {
		display: block !important;

		width: 100% !important;
	}


	body.woocommerce-order-received
	table.woocommerce-table--order-details
	tbody tr {
		margin-bottom: 10px !important;

		overflow: hidden !important;

		border: 1px solid #ededed !important;
		border-radius: 14px !important;
	}


	body.woocommerce-order-received
	table.woocommerce-table--order-details
	tbody td.product-name {
		border: 0 !important;

		border-radius: 0 !important;
	}


	body.woocommerce-order-received
	table.woocommerce-table--order-details
	tbody td.product-total {
		padding-top: 0 !important;

		border: 0 !important;

		border-radius: 0 !important;

		text-align: right !important;
	}


	.dt-thankyou-product-thumb {
		flex-basis: 60px !important;

		width: 60px !important;
		height: 60px !important;
	}


	.dt-thankyou-product-image {
		width: 60px !important;
		height: 60px !important;
	}


	.dt-thankyou-actions {
		grid-template-columns: 1fr !important;
	}

}


/*//////////////////////////////////////////////////////


/* =========================================================
   10. INFO PAGES
   Payment / Delivery / Refund Policy
   ========================================================= */

body.page:has(.dt-info-page) h1.wp-block-post-title,
body.page:has(.dt-info-page) h1.entry-title {
	display: none !important;
}

.dt-info-page {
	width: min(calc(100% - 32px), 820px) !important;
	margin: 55px auto 70px !important;
	padding: 0 !important;
	direction: rtl !important;
}

.dt-info-header {
	width: 100% !important;
	margin: 0 0 24px !important;
	text-align: center !important;
}

.dt-info-header h1 {
	margin: 0 0 10px !important;
	color: var(--dt-dark) !important;
	font-size: 40px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
}

.dt-info-header p {
	max-width: 700px !important;
	margin: 0 auto !important;
	color: var(--dt-text-soft) !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.9 !important;
}

.dt-info-card {
	width: 100% !important;
	padding: 30px 32px !important;
	background: #fff !important;
	border: 1px solid var(--dt-border) !important;
	border-radius: 16px !important;
	box-shadow: var(--dt-shadow-sm) !important;
	text-align: center !important;
}

.dt-info-icon {
	width: 50px !important;
	height: 50px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 13px !important;
	background: var(--dt-primary-50) !important;
	color: var(--dt-primary-600) !important;
	border-radius: 50% !important;
	font-size: 22px !important;
}

.dt-info-card > h2 {
	margin: 0 0 9px !important;
	color: var(--dt-dark) !important;
	font-size: 23px !important;
	font-weight: 800 !important;
	line-height: 1.5 !important;
}

.dt-info-text {
	max-width: 650px !important;
	margin: 0 auto 22px !important;
	color: #334155 !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.9 !important;
}

.dt-bank-details,
.dt-delivery-steps {
	width: 100% !important;
	margin: 22px 0 0 !important;
	padding: 0 !important;
}

.dt-bank-details {
	display: grid !important;
	gap: 10px !important;
	text-align: right !important;
}

.dt-bank-details > div {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	padding: 13px 15px !important;
	background: #f8fafc !important;
	border: 1px solid var(--dt-border-soft) !important;
	border-radius: 10px !important;
}

.dt-delivery-steps {
	display: flex !important;
	flex-direction: column !important;
	text-align: right !important;
}

.dt-delivery-step {
	display: grid !important;
	grid-template-columns: 38px minmax(0, 1fr) !important;
	gap: 14px !important;
	align-items: start !important;
	padding: 17px 0 !important;
	border-bottom: 1px solid var(--dt-border-soft) !important;
}

.dt-delivery-step:last-child {
	border-bottom: 0 !important;
}

.dt-step-number {
	width: 36px !important;
	height: 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: var(--dt-dark) !important;
	color: #fff !important;
	border-radius: 50% !important;
	font-size: 15px !important;
	font-weight: 800 !important;
}

.dt-delivery-step h3 {
	margin: 0 0 5px !important;
	color: var(--dt-dark) !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	line-height: 1.6 !important;
}

.dt-delivery-step p {
	margin: 0 !important;
	color: #222 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.9 !important;
}

.dt-info-note {
	width: 100% !important;
	max-width: 650px !important;
	margin: 24px auto 0 !important;
	padding: 15px 18px !important;
	background: #f8fafc !important;
	color: #222 !important;
	border-right: 3px solid var(--dt-primary-600) !important;
	border-radius: 8px !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	line-height: 1.9 !important;
	text-align: right !important;
}

@media (max-width: 600px) {
	.dt-info-page {
		width: calc(100% - 20px) !important;
		margin-top: 35px !important;
	}

	.dt-info-card {
		padding: 24px 18px !important;
	}

	.dt-info-header h1 {
		font-size: 28px !important;
	}

	.dt-info-header p {
		font-size: 14px !important;
	}

	.dt-info-card > h2 {
		font-size: 20px !important;
	}

	.dt-info-text,
	.dt-delivery-step p,
	.dt-info-note {
		font-size: 15px !important;
	}

	.dt-delivery-step h3 {
		font-size: 15px !important;
	}
}


/* =========================================================
   11. FOOTER
   ========================================================= */

footer.wp-block-template-part {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--dt-dark) !important;
	color: #fff !important;
}

footer .dt-footer {
	width: 100% !important;
	padding: 58px 24px 24px !important;
	background: var(--dt-dark) !important;
	color: #fff !important;
}

footer .dt-footer-columns {
	width: 100% !important;
	max-width: var(--dt-container) !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: 1.4fr 1fr 1fr !important;
	gap: 50px !important;
	align-items: start !important;
}

footer .dt-footer h1,
footer .dt-footer h2,
footer .dt-footer h3,
footer .dt-footer h4 {
	margin: 0 0 14px !important;
	color: #f8fafc !important;
	font-size: 18px !important;
	font-weight: 800 !important;
}

footer .dt-footer p,
footer .dt-footer a {
	color: #94a3b8 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.9 !important;
	text-decoration: none !important;
}

footer .dt-footer a:hover {
	color: #34d399 !important;
}

footer .dt-footer .wp-block-site-logo img {
	width: 72px !important;
	height: 72px !important;
	object-fit: contain !important;
}

footer .dt-footer .wp-block-social-links {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
}

footer .dt-footer .wp-block-social-link {
	width: 38px !important;
	height: 38px !important;
	background: #1e293b !important;
}

footer .dt-footer .wp-block-social-link:hover {
	background: var(--dt-primary-600) !important;
}

footer .dt-footer .wp-block-separator {
	width: 100% !important;
	max-width: var(--dt-container) !important;
	margin: 35px auto 18px !important;
	border: 0 !important;
	border-top: 1px solid #334155 !important;
}

footer .dt-footer-bottom {
	max-width: var(--dt-container) !important;
	margin: 0 auto !important;
	color: #64748b !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-align: center !important;
}

@media (max-width: 800px) {
	footer .dt-footer {
		padding: 42px 18px 20px !important;
	}

	footer .dt-footer-columns {
		grid-template-columns: 1fr !important;
		gap: 28px !important;
		text-align: center !important;
	}

	footer .dt-footer .wp-block-social-links {
		justify-content: center !important;
	}
}


/* =========================================================
   HOME HERO - FINAL FULL WIDTH FIX
   ========================================================= */


/* ---------------------------------------------------------
   1. تحرير كل الحاويات التي تحتوي الـ Hero
   --------------------------------------------------------- */

body.home main:has(.dt-home-hero),
body.page-id-468 main:has(.dt-home-hero),

body.home main .wp-block-group:has(.dt-home-hero),
body.page-id-468 main .wp-block-group:has(.dt-home-hero),

body.home .wp-block-post-content:has(.dt-home-hero),
body.page-id-468 .wp-block-post-content:has(.dt-home-hero),

body.home .entry-content:has(.dt-home-hero),
body.page-id-468 .entry-content:has(.dt-home-hero) {

	width: 100% !important;
	max-width: none !important;

	margin-left: 0 !important;
	margin-right: 0 !important;

	padding-left: 0 !important;
	padding-right: 0 !important;

	overflow: visible !important;
}


/* إزالة Content Width تبع WordPress
   عن أي حاوية مباشرة للـHero */

body.home *:has(> .dt-home-hero),
body.page-id-468 *:has(> .dt-home-hero) {

	width: 100% !important;
	max-width: none !important;

	margin-left: 0 !important;
	margin-right: 0 !important;

	padding-left: 0 !important;
	padding-right: 0 !important;

	overflow: visible !important;
}


/* ---------------------------------------------------------
   2. الـ Hero نفسه Full Viewport
   --------------------------------------------------------- */

body.home .dt-home-hero,
body.page-id-468 .dt-home-hero {

	position: relative !important;

	left: 50% !important;

	width: 100vw !important;
	max-width: 100vw !important;

	margin: 0 !important;

	transform: translateX(-50%) !important;

	padding:
		84px
		24px
		90px !important;

	overflow: hidden !important;
}


/* ---------------------------------------------------------
   3. المحتوى الداخلي فقط يبقى محدود 1280px
   --------------------------------------------------------- */

body.home .dt-home-hero__inner,
body.page-id-468 .dt-home-hero__inner {

	width: calc(100% - 40px) !important;
	max-width: 1280px !important;

	margin-left: auto !important;
	margin-right: auto !important;
}


/* ---------------------------------------------------------
   4. إزالة الفراغ فوق الـ Hero
   --------------------------------------------------------- */

body.home main,
body.page-id-468 main {

	margin-top: 0 !important;
	padding-top: 0 !important;
}


body.home .dt-home-hero,
body.page-id-468 .dt-home-hero {

	margin-top: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

	body.home .dt-home-hero,
	body.page-id-468 .dt-home-hero {

		padding:
			70px
			20px
			75px !important;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

	body.home .dt-home-hero,
	body.page-id-468 .dt-home-hero {

		padding:
			55px
			16px
			60px !important;
	}


	body.home .dt-home-hero__inner,
	body.page-id-468 .dt-home-hero__inner {

		width: calc(100% - 8px) !important;
	}

}




/* =========================================================
   HOME - SAFE GAP FIX
   ========================================================= */

/* إخفاء عنوان الصفحة فقط */
body.home .wp-block-post-title,
body.page-id-468 .wp-block-post-title,
body.home .entry-title,
body.page-id-468 .entry-title {
	display: none !important;
}


/* الحاوية التي كانت تحتوي العنوان:
   لا نخفيها، فقط نزيل الفراغ */
body.home main .wp-block-group:has(> .wp-block-post-title),
body.page-id-468 main .wp-block-group:has(> .wp-block-post-title) {
	margin-top: 0 !important;
	margin-block-start: 0 !important;

	padding-top: 0 !important;
	padding-block-start: 0 !important;
}


/* محتوى الصفحة الموجود بعد العنوان */
body.home
main
.wp-block-group:has(> .wp-block-post-title)
> .wp-block-post-content,

body.page-id-468
main
.wp-block-group:has(> .wp-block-post-title)
> .wp-block-post-content {
	margin-top: 0 !important;
	margin-block-start: 0 !important;

	padding-top: 0 !important;
	padding-block-start: 0 !important;
}


/* إزالة أي Block Gap قبل الـ Hero */
body.home .wp-block-post-content > .dt-home-hero:first-child,
body.page-id-468 .wp-block-post-content > .dt-home-hero:first-child {
	margin-top: 0 !important;
	margin-block-start: 0 !important;
}

/* =========================================================
   LEGACY HERO / DROPDOWN OVERRIDES — DISABLED
   The active, consolidated rules live in the Header and Hero sections above.
   ========================================================= */
@media not all {



/* =========================================================
   VISUAL CONTAINER
   ========================================================= */

.dt-home-hero__visual {
	width: 100% !important;
	max-width: 390px !important;

	margin-left: auto !important;
	margin-right: auto !important;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.dt-hero-product-card.dt-hero-featured {
	width: 100% !important;

	margin: 0 !important;

	padding: 18px !important;

	background: #ffffff !important;

	border: 1px solid #eef2f7 !important;
	border-radius: 24px !important;

	box-shadow:
		0 24px 55px rgba(15, 23, 42, 0.11) !important;

	overflow: hidden !important;

	direction: rtl !important;
	text-align: right !important;
}


/* =========================================================
   CARD TOP
   ========================================================= */

.dt-hero-featured .dt-hero-product-card__top {
	width: 100% !important;

	display: flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	gap: 10px !important;

	margin: 0 0 14px !important;
	padding: 0 !important;
}


.dt-hero-featured .dt-hero-product-card__badge {
	display: inline-flex !important;

	align-items: center !important;
	justify-content: center !important;

	padding: 5px 10px !important;

	background: #d1fae5 !important;

	color: #047857 !important;

	border-radius: 999px !important;

	font-size: 11px !important;
	font-weight: 800 !important;

	line-height: 1.4 !important;
}


.dt-hero-featured .dt-hero-product-card__status {
	color: #94a3b8 !important;

	font-size: 11px !important;
	font-weight: 600 !important;
}


/* =========================================================
   PRODUCT IMAGE
   مهم: يلغي تصميم الزر القديم عن رابط الصورة
   ========================================================= */

.dt-hero-product-card
> a.dt-hero-featured-image-link {

	width: 100% !important;
	height: 235px !important;
	min-height: 235px !important;

	display: block !important;

	margin: 0 0 16px !important;
	padding: 0 !important;

	background: #f8fafc !important;

	border: 0 !important;
	border-radius: 16px !important;

	box-shadow: none !important;

	overflow: hidden !important;

	transform: none !important;
}


.dt-hero-product-card
> a.dt-hero-featured-image-link:hover {
	background: #f8fafc !important;

	transform: none !important;
}


.dt-hero-featured-image {
	display: block !important;

	width: 100% !important;
	height: 100% !important;

	min-width: 100% !important;
	max-width: none !important;

	min-height: 235px !important;
	max-height: 235px !important;

	margin: 0 !important;
	padding: 0 !important;

	object-fit: cover !important;
	object-position: center center !important;

	aspect-ratio: auto !important;

	border: 0 !important;
	border-radius: 0 !important;

	box-shadow: none !important;

	transition:
		transform 0.3s ease !important;
}


.dt-hero-featured-image-link:hover
.dt-hero-featured-image {
	transform: scale(1.025) !important;
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.dt-hero-featured-title {
	margin: 0 2px 7px !important;

	color: #0f172a !important;

	font-size: 16px !important;
	font-weight: 800 !important;

	line-height: 1.65 !important;

	text-align: right !important;

	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;

	overflow: hidden !important;
}


.dt-hero-featured-title a {
	color: #0f172a !important;

	background: transparent !important;

	font-size: inherit !important;
	font-weight: inherit !important;

	text-decoration: none !important;
}


.dt-hero-featured-title a:hover {
	color: #059669 !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.dt-hero-featured-description {
	margin: 0 2px 14px !important;

	color: #64748b !important;

	font-size: 12px !important;
	font-weight: 400 !important;

	line-height: 1.8 !important;

	text-align: right !important;

	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;

	overflow: hidden !important;
}


/* =========================================================
   PRICE + BUTTON
   ========================================================= */

.dt-hero-featured-bottom {
	width: 100% !important;

	display: grid !important;

	grid-template-columns:
		auto
		minmax(125px, 1fr) !important;

	align-items: center !important;

	gap: 14px !important;

	margin: 16px 0 0 !important;
	padding: 15px 0 0 !important;

	border-top: 1px solid #eef2f7 !important;
}


/* Price */

.dt-hero-featured-price {
	margin: 0 !important;

	color: #0f172a !important;

	font-size: 16px !important;
	font-weight: 800 !important;

	line-height: 1.5 !important;

	white-space: nowrap !important;
}


.dt-hero-featured-price .price {
	margin: 0 !important;
}


.dt-hero-featured-price del {
	margin-left: 5px !important;

	color: #94a3b8 !important;

	font-size: 11px !important;
	font-weight: 500 !important;
}


.dt-hero-featured-price ins {
	color: #047857 !important;

	font-size: 16px !important;
	font-weight: 800 !important;

	text-decoration: none !important;
}


/* =========================================================
   PRODUCT BUTTON
   ========================================================= */

.dt-hero-featured-bottom
a.dt-hero-featured-button {

	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;

	display: inline-flex !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 8px 16px !important;

	background: #0f172a !important;

	color: #ffffff !important;

	border: 0 !important;
	border-radius: 11px !important;

	box-shadow: none !important;

	font-size: 12px !important;
	font-weight: 700 !important;

	line-height: 1 !important;

	text-decoration: none !important;

	transform: none !important;
}


.dt-hero-featured-bottom
a.dt-hero-featured-button:hover {

	background: #059669 !important;

	color: #ffffff !important;

	transform: translateY(-1px) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

	.dt-home-hero__visual {
		max-width: 390px !important;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

	.dt-home-hero__visual {
		max-width: 360px !important;
	}


	.dt-hero-product-card.dt-hero-featured {
		padding: 14px !important;

		border-radius: 20px !important;
	}


	.dt-hero-product-card
	> a.dt-hero-featured-image-link {

		height: 215px !important;
		min-height: 215px !important;
	}


	.dt-hero-featured-image {

		min-height: 215px !important;
		max-height: 215px !important;
	}


	.dt-hero-featured-title {

		font-size: 15px !important;
	}


	.dt-hero-featured-bottom {

		grid-template-columns: 1fr !important;

		gap: 10px !important;
	}


	.dt-hero-featured-price {

		text-align: center !important;
	}


	.dt-hero-featured-bottom
	a.dt-hero-featured-button {

		width: 100% !important;
	}

}



/* =========================================================
   HEADER DROPDOWN - FINAL HOVER + FOCUS FIX
   ========================================================= */

/* العنصر الأب */
header.wp-block-template-part
.wp-block-navigation-submenu {
	position: relative !important;
	overflow: visible !important;
}


/* القائمة المنسدلة */
header.wp-block-template-part
.wp-block-navigation-submenu
> .wp-block-navigation__submenu-container {

	position: absolute !important;

	/* مهم: بدون أي فراغ بين الزر والقائمة */
	top: 100% !important;

	right: 0 !important;
	left: auto !important;

	width: 240px !important;
	min-width: 240px !important;

	margin: 0 !important;
	padding: 8px !important;

	background: #ffffff !important;

	border: 1px solid #e2e8f0 !important;
	border-radius: 14px !important;

	box-shadow:
		0 16px 40px rgba(15, 23, 42, 0.12) !important;

	direction: rtl !important;

	z-index: 999999 !important;

	/* مخفية افتراضيًا */
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;

	transform: translateY(4px) !important;

	/* مهم حتى ما يظهر Scrollbar وهي مسكرة */
	overflow: hidden !important;

	transition:
		opacity .15s ease,
		transform .15s ease,
		visibility .15s ease !important;
}


/* فتح القائمة */
header.wp-block-template-part
.wp-block-navigation-submenu:hover
> .wp-block-navigation__submenu-container,

header.wp-block-template-part
.wp-block-navigation-submenu:focus-within
> .wp-block-navigation__submenu-container {

	opacity: 1 !important;
	visibility: visible !important;

	pointer-events: auto !important;

	transform: translateY(0) !important;

	overflow-y: auto !important;
	overflow-x: hidden !important;

	max-height: 480px !important;
}


/* =========================================================
   REMOVE BLACK FOCUS BORDER
   ========================================================= */

header.wp-block-template-part
.wp-block-navigation-submenu
> .wp-block-navigation-item__content,

header.wp-block-template-part
.wp-block-navigation-submenu
> .wp-block-navigation__submenu-icon {

	outline: none !important;
	border: 0 !important;
	box-shadow: none !important;

	background: transparent !important;
}


/* Focus / Click */
header.wp-block-template-part
.wp-block-navigation-submenu
> .wp-block-navigation-item__content:focus,

header.wp-block-template-part
.wp-block-navigation-submenu
> .wp-block-navigation-item__content:focus-visible,

header.wp-block-template-part
.wp-block-navigation-submenu
> .wp-block-navigation__submenu-icon:focus,

header.wp-block-template-part
.wp-block-navigation-submenu
> .wp-block-navigation__submenu-icon:focus-visible {

	outline: none !important;
	border: 0 !important;
	box-shadow: none !important;
}


/* لا يظهر إطار على الأب نفسه */
header.wp-block-template-part
.wp-block-navigation-submenu:focus,
header.wp-block-template-part
.wp-block-navigation-submenu:focus-visible,
header.wp-block-template-part
.wp-block-navigation-submenu:focus-within {

	outline: none !important;
	box-shadow: none !important;
}

/*//////////////////////////////

/* =========================================================
   HEADER CATEGORIES - FINAL HOVER ONLY
   ========================================================= */


/* Parent */
header.wp-block-template-part
.wp-block-navigation-submenu {
	position: relative !important;
	overflow: visible !important;

	outline: none !important;
	border: 0 !important;
	box-shadow: none !important;
}


/* =========================================================
   DROPDOWN - CLOSED
   ========================================================= */

header.wp-block-template-part
.wp-block-navigation-submenu
> .wp-block-navigation__submenu-container {

	position: absolute !important;

	top: 100% !important;
	right: 0 !important;
	left: auto !important;

	width: 240px !important;
	min-width: 240px !important;

	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;

	margin: 0 !important;
	padding: 8px !important;

	background: #ffffff !important;

	border: 1px solid #e2e8f0 !important;
	border-radius: 14px !important;

	box-shadow:
		0 16px 40px rgba(15, 23, 42, 0.12) !important;

	direction: rtl !important;

	overflow: visible !important;

	z-index: 999999 !important;

	display: none !important;

	opacity: 1 !important;
	visibility: visible !important;

	transform: none !important;

	pointer-events: auto !important;
}


/* =========================================================
   OPEN ONLY ON HOVER
   ========================================================= */

header.wp-block-template-part
.wp-block-navigation-submenu:hover
> .wp-block-navigation__submenu-container {

	display: flex !important;

	flex-direction: column !important;

	gap: 2px !important;
}


/* =========================================================
   FORCE CLOSE AFTER CLICK WHEN MOUSE LEAVES
   ========================================================= */

header.wp-block-template-part
.wp-block-navigation-submenu:not(:hover)
> .wp-block-navigation__submenu-container,

header.wp-block-template-part
.wp-block-navigation-submenu:not(:hover):focus-within
> .wp-block-navigation__submenu-container {

	display: none !important;
}


/* حتى لو WordPress أعطى aria-expanded=true */
header.wp-block-template-part
.wp-block-navigation-submenu:not(:hover)
.wp-block-navigation-submenu__toggle[aria-expanded="true"]
~ .wp-block-navigation__submenu-container {

	display: none !important;
}


/* =========================================================
   REMOVE BLACK FOCUS BORDER
   ========================================================= */

header.wp-block-template-part
.wp-block-navigation-submenu,

header.wp-block-template-part
.wp-block-navigation-submenu:focus,

header.wp-block-template-part
.wp-block-navigation-submenu:focus-visible,

header.wp-block-template-part
.wp-block-navigation-submenu:focus-within,

header.wp-block-template-part
.wp-block-navigation-submenu
> .wp-block-navigation-item__content,

header.wp-block-template-part
.wp-block-navigation-submenu
> .wp-block-navigation-item__content:focus,

header.wp-block-template-part
.wp-block-navigation-submenu
> .wp-block-navigation-item__content:focus-visible,

header.wp-block-template-part
.wp-block-navigation-submenu__toggle,

header.wp-block-template-part
.wp-block-navigation-submenu__toggle:focus,

header.wp-block-template-part
.wp-block-navigation-submenu__toggle:focus-visible {

	outline: none !important;

	border: 0 !important;

	box-shadow: none !important;
}


/* =========================================================
   ITEMS
   ========================================================= */

header.wp-block-template-part
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content {

	width: 100% !important;
	min-height: 44px !important;

	display: flex !important;

	align-items: center !important;
	justify-content: flex-start !important;

	gap: 10px !important;

	padding: 9px 11px !important;

	background: transparent !important;

	color: #334155 !important;

	border-radius: 8px !important;

	font-size: 14px !important;
	font-weight: 600 !important;

	text-align: right !important;
	direction: rtl !important;

	text-decoration: none !important;
}


header.wp-block-template-part
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content:hover {

	background: #f0fdf4 !important;

	color: #047857 !important;
}




/* =========================================================
   HEADER CATEGORY ARROW - FINAL FIX
   ========================================================= */

/* الوضع الطبيعي: السهم لتحت */
header.wp-block-template-part
.wp-block-navigation-submenu
.wp-block-navigation-submenu__toggle
svg {
	transform: rotate(0deg) !important;

	transition: transform .18s ease !important;
}


/* تجاهل حالة WordPress بعد الضغط */
header.wp-block-template-part
.wp-block-navigation-submenu
.wp-block-navigation-submenu__toggle[aria-expanded="true"]
svg {
	transform: rotate(0deg) !important;
}


/* فقط وقت الماوس فوق الأقسام: السهم لفوق */
header.wp-block-template-part
.wp-block-navigation-submenu:hover
.wp-block-navigation-submenu__toggle
svg {
	transform: rotate(180deg) !important;
}


/* بمجرد خروج الماوس يرجع لتحت حتى لو aria-expanded=true */
header.wp-block-template-part
.wp-block-navigation-submenu:not(:hover)
.wp-block-navigation-submenu__toggle
svg {
	transform: rotate(0deg) !important;
}

} /* End disabled legacy hero / dropdown overrides */




/* =========================================================
   HEADER - REMOVE CATEGORY BUTTON BLACK BORDER
   ========================================================= */

header.wp-block-template-part
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle,

header.wp-block-template-part
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle:hover,

header.wp-block-template-part
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle:focus,

header.wp-block-template-part
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle:focus-visible,

header.wp-block-template-part
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle:active,

header.wp-block-template-part
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle[aria-expanded="true"] {

	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;

	background: transparent !important;

	appearance: none !important;
	-webkit-appearance: none !important;
}


/* السهم نفسه */
header.wp-block-template-part
.wp-block-navigation__submenu-icon,

header.wp-block-template-part
.wp-block-navigation__submenu-icon:focus,

header.wp-block-template-part
.wp-block-navigation__submenu-icon:focus-visible {

	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}


/* الأب */
header.wp-block-template-part
.wp-block-navigation-submenu,

header.wp-block-template-part
.wp-block-navigation-submenu:focus,

header.wp-block-template-part
.wp-block-navigation-submenu:focus-visible,

header.wp-block-template-part
.wp-block-navigation-submenu:focus-within {

	outline: 0 !important;
	box-shadow: none !important;
	border-color: transparent !important;
}







/*******************************

/* =========================================================
   HOME HERO - COMPACT ABOVE THE FOLD
   ========================================================= */

@media (min-width: 1001px) {

	/* الهيرو ياخد تقريبًا طول الشاشة المتبقي بعد الهيدر */
	body.home .dt-home-hero,
	body.page-id-468 .dt-home-hero {
		min-height: calc(100svh - 80px) !important;

		display: flex !important;
		align-items: center !important;

		padding:
			34px
			24px
			38px !important;
	}


	/* المحتوى الداخلي */
	body.home .dt-home-hero__inner,
	body.page-id-468 .dt-home-hero__inner {
		width: calc(100% - 60px) !important;
		max-width: 1200px !important;

		grid-template-columns:
			minmax(0, 1.35fr)
			minmax(300px, 0.70fr) !important;

		gap: 54px !important;
	}


	/* =====================================================
	   RIGHT SIDE
	   ===================================================== */

	.dt-home-hero__content {
		max-width: 690px !important;
	}


	.dt-home-hero__badge {
		margin-bottom: 14px !important;

		padding: 5px 12px !important;

		font-size: 12px !important;
	}


	.dt-home-hero__title {
		max-width: 700px !important;

		margin-bottom: 14px !important;

		font-size:
			clamp(
				38px,
				3.7vw,
				52px
			) !important;

		line-height: 1.22 !important;
	}


	.dt-home-hero__text {
		max-width: 650px !important;

		margin-bottom: 20px !important;

		font-size: 16px !important;
		line-height: 1.8 !important;
	}


	.dt-home-hero__actions {
		gap: 10px !important;

		margin-bottom: 26px !important;
	}


	.dt-home-hero__btn {
		min-height: 46px !important;

		padding: 9px 20px !important;

		font-size: 13px !important;

		border-radius: 12px !important;
	}


	/* المميزات الثلاثة */
	.dt-home-hero__features {
		max-width: 520px !important;

		padding-top: 18px !important;
	}


	.dt-home-hero__features > div {
		padding: 0 15px !important;
	}


	.dt-home-hero__features strong {
		font-size: 16px !important;
	}


	.dt-home-hero__features span {
		font-size: 11px !important;
	}



	/* =====================================================
	   FEATURED PRODUCT CARD
	   ===================================================== */

	.dt-home-hero__visual {
		max-width: 330px !important;
	}


	.dt-hero-product-card.dt-hero-featured {
		padding: 12px !important;

		border-radius: 20px !important;
	}


	/* أعلى الكارد */
	.dt-hero-featured
	.dt-hero-product-card__top {
		margin-bottom: 9px !important;
	}


	.dt-hero-featured
	.dt-hero-product-card__badge {
		padding: 4px 9px !important;

		font-size: 10px !important;
	}


	.dt-hero-featured
	.dt-hero-product-card__status {
		font-size: 10px !important;
	}


	/* =====================================================
	   IMAGE
	   الصورة كاملة بدون قص
	   ===================================================== */

	.dt-hero-product-card
	> a.dt-hero-featured-image-link {
		width: 100% !important;

		height: 250px !important;
		min-height: 250px !important;

		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		margin-bottom: 11px !important;

		padding: 0 !important;

		background: #ffffff !important;

		overflow: hidden !important;
	}


	.dt-hero-featured-image {
		width: 100% !important;
		height: 100% !important;

		max-width: 100% !important;
		max-height: 100% !important;

		object-fit: contain !important;
		object-position: center !important;

		border-radius: 12px !important;
	}


	/* =====================================================
	   PRODUCT INFO
	   ===================================================== */

	.dt-hero-featured-title {
		margin-bottom: 4px !important;

		font-size: 14px !important;

		line-height: 1.55 !important;

		-webkit-line-clamp: 2 !important;
	}


	.dt-hero-featured-description {
		margin-bottom: 8px !important;

		font-size: 10.5px !important;

		line-height: 1.65 !important;

		-webkit-line-clamp: 1 !important;
	}


	/* السعر + الزر */
	.dt-hero-featured-bottom {
		grid-template-columns:
			auto
			minmax(105px, 1fr) !important;

		gap: 9px !important;

		margin-top: 8px !important;
		padding-top: 9px !important;
	}


	.dt-hero-featured-price {
		font-size: 14px !important;
	}


	.dt-hero-featured-price ins {
		font-size: 14px !important;
	}


	.dt-hero-featured-price del {
		font-size: 9px !important;
	}


	.dt-hero-featured-bottom
	a.dt-hero-featured-button {
		height: 36px !important;
		min-height: 36px !important;

		padding: 6px 12px !important;

		font-size: 11px !important;

		border-radius: 9px !important;
	}

}






/* =========================================================
   HOME HERO - FINAL CENTERING FIX
   Shortcode Version
   ========================================================= */


/* Shortcode wrapper */
body.home .wp-block-shortcode:has(.dt-home-hero),
body.page-id-468 .wp-block-shortcode:has(.dt-home-hero) {

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: visible !important;
}


/* =========================================================
   HERO FULL WIDTH
   ========================================================= */

body.home .dt-home-hero,
body.page-id-468 .dt-home-hero {

	position: relative !important;

	width: 100vw !important;
	max-width: 100vw !important;

	/* مهم جدًا: إلغاء النظام القديم */
	left: auto !important;
	right: auto !important;

	transform: none !important;

	/* Full Width من منتصف الـwrapper */
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;

	overflow: hidden !important;
}


/* =========================================================
   HERO INNER - DESKTOP
   ========================================================= */

@media (min-width: 1001px) {

	body.home .dt-home-hero__inner,
	body.page-id-468 .dt-home-hero__inner {

		width: calc(100% - 80px) !important;
		max-width: 1200px !important;

		margin-left: auto !important;
		margin-right: auto !important;

		display: grid !important;

		grid-template-columns:
			330px
			minmax(0, 1fr) !important;

		grid-template-areas:
			"visual content" !important;

		align-items: center !important;

		gap: 60px !important;

		direction: ltr !important;
	}


	/* الكارد */
	body.home .dt-home-hero__visual,
	body.page-id-468 .dt-home-hero__visual {

		grid-area: visual !important;

		width: 100% !important;
		max-width: 330px !important;

		margin: 0 auto !important;

		direction: rtl !important;
	}


	/* النص */
	body.home .dt-home-hero__content,
	body.page-id-468 .dt-home-hero__content {

		grid-area: content !important;

		width: 100% !important;
		max-width: 720px !important;

		margin: 0 !important;

		direction: rtl !important;
		text-align: right !important;
	}

}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 1000px) {

	body.home .dt-home-hero__inner,
	body.page-id-468 .dt-home-hero__inner {

		width: calc(100% - 32px) !important;

		display: grid !important;

		grid-template-columns: 1fr !important;
		grid-template-areas:
			"content"
			"visual" !important;

		gap: 42px !important;

		direction: rtl !important;
	}


	body.home .dt-home-hero__content,
	body.page-id-468 .dt-home-hero__content {

		grid-area: content !important;

		margin-left: auto !important;
		margin-right: auto !important;
	}


	body.home .dt-home-hero__visual,
	body.page-id-468 .dt-home-hero__visual {

		grid-area: visual !important;

		margin-left: auto !important;
		margin-right: auto !important;
	}

}




/* =========================================================
   WHY TROOOZ + FOOTER TYPOGRAPHY - FINAL
   ========================================================= */


/* =========================================================
   WHY TROOOZ - BREAK OUT OF WORDPRESS CONTENT WIDTH
   ========================================================= */

body.home .wp-block-html:has(.dt-why-troooz),
body.page-id-468 .wp-block-html:has(.dt-why-troooz) {

	width: 100vw !important;
	max-width: 100vw !important;

	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;

	padding: 0 !important;
}


/* =========================================================
   WHY TROOOZ SECTION
   ========================================================= */

.dt-why-troooz {

	width: 100% !important;

	margin: 0 !important;

	padding:
		72px
		24px
		82px !important;

	background: #ffffff !important;

	direction: rtl !important;
}


.dt-why-troooz__inner {

	width: calc(100% - 40px) !important;

	max-width: 1180px !important;

	margin-left: auto !important;
	margin-right: auto !important;
}


/* =========================================================
   HEADING
   ========================================================= */

.dt-why-troooz__heading {

	width: 100% !important;
	max-width: 760px !important;

	margin:
		0 auto
		40px !important;

	text-align: center !important;
}


.dt-why-troooz__eyebrow {

	display: inline-block !important;

	margin-bottom: 8px !important;

	color: #059669 !important;

	font-size: 14px !important;
	font-weight: 800 !important;

	line-height: 1.5 !important;
}


.dt-why-troooz__heading h2 {

	margin:
		0 0
		12px !important;

	color: #0f172a !important;

	font-size: 34px !important;
	font-weight: 800 !important;

	line-height: 1.4 !important;
}


.dt-why-troooz__heading h2 span {

	color: #059669 !important;
}


.dt-why-troooz__heading p {

	width: 100% !important;
	max-width: 680px !important;

	margin: 0 auto !important;

	color: #64748b !important;

	font-size: 15px !important;
	font-weight: 400 !important;

	line-height: 1.9 !important;
}


/* =========================================================
   WHY TROOOZ GRID
   ========================================================= */

.dt-why-troooz__grid {

	width: 100% !important;

	display: grid !important;

	grid-template-columns:
		repeat(4, minmax(0, 1fr)) !important;

	gap: 18px !important;
}


/* =========================================================
   WHY TROOOZ CARD
   ========================================================= */

.dt-why-card {

	min-width: 0 !important;
	min-height: 220px !important;

	display: flex !important;

	flex-direction: column !important;

	align-items: flex-start !important;

	gap: 18px !important;

	padding:
		26px
		24px !important;

	background: #f8fafc !important;

	border:
		1px solid #e5eaf0 !important;

	border-radius: 18px !important;

	box-shadow:
		0 5px 16px rgba(15, 23, 42, .04) !important;

	transition:
		transform .2s ease,
		border-color .2s ease,
		box-shadow .2s ease !important;
}


.dt-why-card:hover {

	transform:
		translateY(-4px) !important;

	border-color:
		#bbf7d0 !important;

	box-shadow:
		0 14px 30px rgba(15, 23, 42, .075) !important;
}


/* =========================================================
   ICON
   ========================================================= */

.dt-why-card__icon {

	width: 50px !important;
	height: 50px !important;

	display: inline-flex !important;

	align-items: center !important;
	justify-content: center !important;

	flex:
		0 0 50px !important;

	background:
		#ecfdf5 !important;

	color:
		#059669 !important;

	border-radius:
		14px !important;
}


.dt-why-card__icon svg {

	width: 25px !important;
	height: 25px !important;

	fill: none !important;

	stroke: currentColor !important;

	stroke-width: 1.8 !important;

	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}


/* =========================================================
   CARD TEXT
   ========================================================= */

.dt-why-card__content h3 {

	margin:
		0 0
		8px !important;

	color:
		#0f172a !important;

	font-size:
		17px !important;

	font-weight:
		800 !important;

	line-height:
		1.55 !important;
}


.dt-why-card__content p {

	margin: 0 !important;

	color:
		#64748b !important;

	font-size:
		13px !important;

	font-weight:
		400 !important;

	line-height:
		1.9 !important;
}


/* =========================================================
   FOOTER TYPOGRAPHY
   ========================================================= */

footer .dt-footer h1,
footer .dt-footer h2,
footer .dt-footer h3,
footer .dt-footer h4 {

	font-size:
		20px !important;

	line-height:
		1.5 !important;
}


footer .dt-footer p,
footer .dt-footer a {

	font-size:
		15px !important;

	line-height:
		2 !important;
}


/* Footer contact/details */
footer .dt-footer strong {

	font-size:
		15px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

	.dt-why-troooz {

		padding:
			60px
			20px
			32px !important;
	}


	.dt-why-troooz__grid {

		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;
	}


	.dt-why-card {

		min-height:
			190px !important;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

	.dt-why-troooz {

		padding:
			48px
			12px
			55px !important;
	}


	.dt-why-troooz__inner {

		width:
			calc(100% - 8px) !important;
	}


	.dt-why-troooz__heading {

		margin-bottom:
			26px !important;
	}


	.dt-why-troooz__eyebrow {

		font-size:
			12px !important;
	}


	.dt-why-troooz__heading h2 {

		font-size:
			28px !important;
	}


	.dt-why-troooz__heading p {

		font-size:
			13px !important;
	}


	.dt-why-troooz__grid {

		grid-template-columns:
			1fr !important;

		gap:
			10px !important;
	}


	.dt-why-card {

		min-height:
			auto !important;

		flex-direction:
			row !important;

		align-items:
			flex-start !important;

		padding:
			18px !important;

		border-radius:
			14px !important;
	}


	.dt-why-card__icon {

		width:
			44px !important;

		height:
			44px !important;

		flex-basis:
			44px !important;
	}


	.dt-why-card__content h3 {

		font-size:
			15px !important;
	}


	.dt-why-card__content p {

		font-size:
			12px !important;
	}


	footer .dt-footer h1,
	footer .dt-footer h2,
	footer .dt-footer h3,
	footer .dt-footer h4 {

		font-size:
			18px !important;
	}


	footer .dt-footer p,
	footer .dt-footer a {

		font-size:
			14px !important;
	}

}


/* =========================================================
   WHY TROOOZ - FULL WIDTH FIX
   ========================================================= */

body.home .dt-why-troooz,
body.page-id-468 .dt-why-troooz {

	position: relative !important;

	width: 100vw !important;
	max-width: 100vw !important;

	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;

	padding: 72px 24px 82px !important;

	background: #ffffff !important;

	direction: rtl !important;

	overflow: hidden !important;
}


body.home .dt-why-troooz__inner,
body.page-id-468 .dt-why-troooz__inner {

	width: calc(100% - 48px) !important;
	max-width: 1180px !important;

	margin-left: auto !important;
	margin-right: auto !important;
}


/* WHY TROOOZ CARDS - LAPTOP SCALE */

@media (min-width: 1001px) {

	.dt-why-troooz__heading {
		max-width: 760px !important;
		margin-bottom: 38px !important;
	}

	.dt-why-troooz__heading h2 {
		font-size: 34px !important;
	}

	.dt-why-troooz__heading p {
		font-size: 15px !important;
	}

	.dt-why-troooz__grid {
		grid-template-columns:
			repeat(4, minmax(0, 1fr)) !important;

		gap: 18px !important;
	}

	.dt-why-card {
		min-height: 215px !important;
		padding: 25px 22px !important;
	}

	.dt-why-card__content h3 {
		font-size: 17px !important;
	}

	.dt-why-card__content p {
		font-size: 13px !important;
	}
}


/* =========================================================
   TROOOZ - TABLET RESPONSIVE
   783px → 1000px
   ========================================================= */

@media (min-width: 783px) and (max-width: 1000px) {


	/* =====================================================
	   HEADER
	   ===================================================== */

	header.wp-block-template-part
	> .wp-block-group
	> .wp-block-group {

		width: calc(100% - 30px) !important;
		max-width: 960px !important;

		min-height: 72px !important;
	}


	header.wp-block-template-part
	.wp-block-navigation__container {

		gap: 15px !important;
	}


	header.wp-block-template-part
	.wp-block-navigation-item__content {

		font-size: 13px !important;
	}


	header.wp-block-template-part
	.wp-block-site-logo img {

		width: 48px !important;
		height: 48px !important;
	}


	header.wp-block-template-part
	.wp-block-site-title,
	header.wp-block-template-part
	.wp-block-site-title a {

		font-size: 18px !important;
	}


	header.wp-block-template-part
	.wc-block-mini-cart__button,

	header.wp-block-template-part
	.wp-block-search__button,

	header.wp-block-template-part
	.dt-header-search summary {

		width: 38px !important;
		height: 38px !important;

		min-width: 38px !important;
		min-height: 38px !important;
	}



	/* =====================================================
	   HERO
	   نخليه عمودين على التابلت
	   ===================================================== */

	body.home .dt-home-hero,
	body.page-id-468 .dt-home-hero {

		min-height: auto !important;

		padding:
			48px
			20px
			55px !important;
	}


	body.home .dt-home-hero__inner,
	body.page-id-468 .dt-home-hero__inner {

		width: calc(100% - 20px) !important;
		max-width: 940px !important;

		display: grid !important;

		grid-template-columns:
			280px
			minmax(0, 1fr) !important;

		grid-template-areas:
			"visual content" !important;

		align-items: center !important;

		gap: 36px !important;

		direction: ltr !important;
	}


	/* Hero Product */

	body.home .dt-home-hero__visual,
	body.page-id-468 .dt-home-hero__visual {

		grid-area: visual !important;

		width: 100% !important;
		max-width: 280px !important;

		margin: 0 auto !important;

		direction: rtl !important;
	}


	.dt-hero-product-card.dt-hero-featured {

		padding: 11px !important;

		border-radius: 18px !important;
	}


	.dt-hero-featured-title {

		font-size: 13px !important;

		line-height: 1.55 !important;
	}


	.dt-hero-featured-description {

		font-size: 10.5px !important;

		line-height: 1.65 !important;

		-webkit-line-clamp: 1 !important;
	}


	.dt-hero-featured-bottom {

		gap: 8px !important;

		margin-top: 8px !important;

		padding-top: 9px !important;
	}


	.dt-hero-featured-price,
	.dt-hero-featured-price ins {

		font-size: 13px !important;
	}


	.dt-hero-featured-bottom
	a.dt-hero-featured-button {

		height: 35px !important;
		min-height: 35px !important;

		font-size: 10.5px !important;
	}



	/* =====================================================
	   HERO CONTENT
	   ===================================================== */

	body.home .dt-home-hero__content,
	body.page-id-468 .dt-home-hero__content {

		grid-area: content !important;

		width: 100% !important;
		max-width: none !important;

		margin: 0 !important;

		direction: rtl !important;

		text-align: right !important;
	}


	.dt-home-hero__badge {

		margin-bottom: 12px !important;

		padding: 5px 11px !important;

		font-size: 11px !important;
	}


	.dt-home-hero__title {

		margin-bottom: 12px !important;

		font-size:
			clamp(34px, 4.2vw, 42px) !important;

		line-height: 1.28 !important;

		letter-spacing: -.5px !important;
	}


	.dt-home-hero__text {

		margin-bottom: 17px !important;

		font-size: 14px !important;

		line-height: 1.85 !important;
	}


	.dt-home-hero__actions {

		gap: 9px !important;

		margin-bottom: 21px !important;
	}


	.dt-home-hero__btn {

		min-height: 42px !important;

		padding: 8px 16px !important;

		font-size: 12px !important;

		border-radius: 11px !important;
	}


	.dt-home-hero__features {

		max-width: 100% !important;

		padding-top: 15px !important;
	}


	.dt-home-hero__features > div {

		padding: 0 10px !important;
	}


	.dt-home-hero__features strong {

		font-size: 14px !important;
	}


	.dt-home-hero__features span {

		font-size: 10px !important;
	}



	/* =====================================================
	   QUICK CATEGORIES
	   3 + 3
	   ===================================================== */

	.dt-home-categories {

		padding:
			42px
			16px
			10px !important;
	}


	.dt-home-categories__inner {

		max-width: 940px !important;
	}


	.dt-home-categories__heading {

		margin-bottom: 18px !important;
	}


	.dt-home-categories__heading h2 {

		font-size: 27px !important;
	}


	.dt-home-categories__eyebrow {

		font-size: 12px !important;
	}


	.dt-home-categories__grid {

		grid-template-columns:
			repeat(3, minmax(0, 1fr)) !important;

		gap: 11px !important;
	}


	.dt-category-card {

		min-height: 128px !important;

		padding: 15px !important;

		gap: 10px !important;
	}


	.dt-category-card__icon {

		width: 39px !important;
		height: 39px !important;

		flex-basis: 39px !important;
	}


	.dt-category-card__content strong {

		font-size: 14px !important;
	}


	.dt-category-card__content small {

		font-size: 10.5px !important;
	}



	/* =====================================================
	   LATEST PRODUCTS
	   3 PER ROW
	   ===================================================== */

	body.home
	.wp-block-woocommerce-product-collection,

	body.page-id-468
	.wp-block-woocommerce-product-collection {

		width: calc(100% - 28px) !important;

		max-width: 940px !important;
	}


	body.home .wc-block-product-template,
	body.home ul.wc-block-product-template,
	body.page-id-468 .wc-block-product-template,
	body.page-id-468 ul.wc-block-product-template {

		grid-template-columns:
			repeat(3, minmax(0, 1fr)) !important;

		gap: 14px !important;
	}


	body.home
	.wp-block-post-content
	> h1.wp-block-heading,

	body.page-id-468
	.wp-block-post-content
	> h1.wp-block-heading {

		width: calc(100% - 28px) !important;

		max-width: 940px !important;

		margin:
			42px auto
			22px !important;

		font-size: 30px !important;
	}


	body.home li.wc-block-product,
	body.page-id-468 li.wc-block-product {

		padding:
			9px 9px
			13px !important;

		border-radius: 13px !important;
	}


	body.home li.wc-block-product
	.wp-block-post-title,

	body.home li.wc-block-product
	.wc-block-components-product-name,

	body.page-id-468 li.wc-block-product
	.wp-block-post-title,

	body.page-id-468 li.wc-block-product
	.wc-block-components-product-name {

		font-size: 13px !important;

		min-height: 43px !important;
	}


	body.home li.wc-block-product
	.wc-block-components-product-price,

	body.page-id-468 li.wc-block-product
	.wc-block-components-product-price {

		font-size: 12.5px !important;
	}


	body.home li.wc-block-product
	.wc-block-components-product-button__button,

	body.home li.wc-block-product
	.wp-block-button__link,

	body.page-id-468 li.wc-block-product
	.wc-block-components-product-button__button,

	body.page-id-468 li.wc-block-product
	.wp-block-button__link {

		min-height: 36px !important;

		font-size: 11px !important;
	}



	/* =====================================================
	   WHY TROOOZ
	   2 x 2
	   ===================================================== */

	.dt-why-troooz {

		padding:
			55px
			16px
			62px !important;
	}


	.dt-why-troooz__inner {

		width: calc(100% - 20px) !important;

		max-width: 940px !important;
	}


	.dt-why-troooz__heading {

		margin-bottom: 28px !important;
	}


	.dt-why-troooz__heading h2 {

		font-size: 29px !important;
	}


	.dt-why-troooz__heading p {

		font-size: 13.5px !important;
	}


	.dt-why-troooz__grid {

		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap: 13px !important;
	}


	.dt-why-card {

		min-height: 165px !important;

		padding: 20px !important;

		gap: 13px !important;
	}


	.dt-why-card__icon {

		width: 44px !important;
		height: 44px !important;

		flex-basis: 44px !important;
	}


	.dt-why-card__content h3 {

		font-size: 15px !important;
	}


	.dt-why-card__content p {

		font-size: 12px !important;
	}



	/* =====================================================
	   FOOTER
	   ===================================================== */

	footer .dt-footer {

		padding:
			48px
			20px
			22px !important;
	}


	footer .dt-footer-columns {

		max-width: 940px !important;

		gap: 30px !important;
	}


	footer .dt-footer h1,
	footer .dt-footer h2,
	footer .dt-footer h3,
	footer .dt-footer h4 {

		font-size: 17px !important;
	}


	footer .dt-footer p,
	footer .dt-footer a {

		font-size: 13px !important;

		line-height: 1.9 !important;
	}

}

    /* =========================================================
   TABLET - SHOW ONLY 3 PRODUCTS
   783px → 1000px
   ========================================================= */

@media (min-width: 601px) and (max-width: 1100px) {

	body.home
	.wc-block-product-template
	> li.wc-block-product:nth-child(n+4),

	body.page-id-468
	.wc-block-product-template
	> li.wc-block-product:nth-child(n+4) {

		display: none !important;
	}

}



/* =========================================================
   TABLET NAVIGATION - CLICK TOGGLE ONLY
   783px → 1000px
   ========================================================= */

@media (min-width: 783px) and (max-width: 1000px) {

	/* القائمة مغلقة افتراضيًا حتى لو الماوس فوق */
	header.wp-block-template-part
	.wp-block-navigation-submenu
	> .wp-block-navigation__submenu-container,

	header.wp-block-template-part
	.wp-block-navigation-submenu:hover
	> .wp-block-navigation__submenu-container {

		opacity: 0 !important;
		visibility: hidden !important;

		pointer-events: none !important;

		transform: none !important;
	}


	/* تفتح فقط لما WordPress يجعل الزر aria-expanded=true */
	header.wp-block-template-part
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle[aria-expanded="true"]
	~ .wp-block-navigation__submenu-container {

		opacity: 1 !important;
		visibility: visible !important;

		pointer-events: auto !important;
	}


	/* السهم طبيعي وهو مسكر */
	header.wp-block-template-part
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle
	.wp-block-navigation__submenu-icon svg {

		transform: rotate(0deg) !important;

		transition: transform .18s ease !important;
	}


	/* السهم لفوق فقط لما القائمة مفتوحة */
	header.wp-block-template-part
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle[aria-expanded="true"]
	.wp-block-navigation__submenu-icon svg {

		transform: rotate(180deg) !important;
	}


	/* لا تجعل Hover يقلب السهم */
	header.wp-block-template-part
	.wp-block-navigation-submenu:hover
	> .wp-block-navigation-submenu__toggle[aria-expanded="false"]
	.wp-block-navigation__submenu-icon svg {

		transform: rotate(0deg) !important;
	}


	/* إزالة أي إطار أثناء الضغط */
	header.wp-block-template-part
	.wp-block-navigation-submenu__toggle,
	header.wp-block-template-part
	.wp-block-navigation-submenu__toggle:focus,
	header.wp-block-template-part
	.wp-block-navigation-submenu__toggle:focus-visible,
	header.wp-block-template-part
	.wp-block-navigation-submenu__toggle:active {

		outline: none !important;
		border: 0 !important;
		box-shadow: none !important;
	}

}

/* =========================================================
   TABLET CATEGORY ARROW - FINAL STATE FIX
   783px → 1000px
   ========================================================= */

@media (min-width: 783px) and (max-width: 1000px) {

	/* الوضع الطبيعي = سهم لتحت */
	header.wp-block-template-part
	.wp-block-navigation-submenu
	.wp-block-navigation__submenu-icon svg,

	header.wp-block-template-part
	.wp-block-navigation-submenu
	.wp-block-navigation-submenu__toggle svg {

		transform: rotate(0deg) !important;
		transition: transform .18s ease !important;
	}


	/* حتى لو الماوس فوق الأقسام والقائمة مسكرة */
	header.wp-block-template-part
	.wp-block-navigation-submenu:hover
	.wp-block-navigation-submenu__toggle[aria-expanded="false"]
	svg,

	header.wp-block-template-part
	.wp-block-navigation-submenu:hover
	.wp-block-navigation-submenu__toggle[aria-expanded="false"]
	.wp-block-navigation__submenu-icon svg {

		transform: rotate(0deg) !important;
	}


	/* القائمة مفتوحة = سهم لفوق */
	header.wp-block-template-part
	.wp-block-navigation-submenu
	.wp-block-navigation-submenu__toggle[aria-expanded="true"]
	svg,

	header.wp-block-template-part
	.wp-block-navigation-submenu
	.wp-block-navigation-submenu__toggle[aria-expanded="true"]
	.wp-block-navigation__submenu-icon svg {

		transform: rotate(180deg) !important;
	}


	/* القائمة مسكرة = إجبار السهم يرجع لتحت */
	header.wp-block-template-part
	.wp-block-navigation-submenu
	.wp-block-navigation-submenu__toggle[aria-expanded="false"]
	svg,

	header.wp-block-template-part
	.wp-block-navigation-submenu
	.wp-block-navigation-submenu__toggle[aria-expanded="false"]
	.wp-block-navigation__submenu-icon svg {

		transform: rotate(0deg) !important;
	}

}

/* =========================================================
   TABLET FINAL SPACING + FOOTER
   783px → 1000px
   ========================================================= */

@media (min-width: 783px) and (max-width: 1000px) {


	/* =====================================================
	   REDUCE SPACE BEFORE CATEGORIES
	   ===================================================== */

	.dt-home-categories {
		padding-top: 26px !important;
	}


	body.home .dt-home-hero,
	body.page-id-468 .dt-home-hero {
		padding-bottom: 38px !important;
	}


	.dt-home-categories__heading {
		margin-top: 0 !important;
		margin-bottom: 18px !important;
	}


	/* =====================================================
	   FOOTER - 3 COLUMNS ON TABLET
	   ===================================================== */

	footer .dt-footer {
		padding:
			38px
			24px
			20px !important;
	}


	footer .dt-footer-columns {
		width: 100% !important;
		max-width: 940px !important;

		display: grid !important;

		grid-template-columns:
			1.25fr
			1fr
			1fr !important;

		align-items: start !important;

		gap: 28px !important;

		margin:
			0 auto !important;

		text-align: right !important;

		direction: rtl !important;
	}


	footer .dt-footer-columns > * {
		min-width: 0 !important;

		text-align: right !important;
	}


	/* العناوين */
	footer .dt-footer h1,
	footer .dt-footer h2,
	footer .dt-footer h3,
	footer .dt-footer h4 {
		margin-bottom: 10px !important;

		font-size: 16px !important;

		line-height: 1.5 !important;
	}


	/* النصوص والروابط */
	footer .dt-footer p,
	footer .dt-footer a {
		font-size: 12.5px !important;

		line-height: 1.85 !important;
	}


	/* تقليل الفراغ بين روابط الفوتر */
	footer .dt-footer ul {
		margin: 0 !important;
		padding: 0 !important;
	}


	footer .dt-footer li {
		margin-bottom: 5px !important;
	}


	/* Logo */
	footer .dt-footer img {
		max-width: 70px !important;
		height: auto !important;
	}


	/* Social buttons */
	footer .dt-footer
	.wp-block-social-links {
		margin-top: 12px !important;

		gap: 7px !important;
	}


	footer .dt-footer
	.wp-block-social-link {
		width: 32px !important;
		height: 32px !important;
	}


	/* Bottom copyright */
	footer .dt-footer-bottom,
	footer .dt-footer__bottom {
		margin-top: 24px !important;

		padding-top: 16px !important;

		font-size: 11px !important;
	}

}


/* =========================================================
   TABLET - REDUCE GAP BETWEEN HERO & CATEGORIES
   783px → 1000px
   ========================================================= */

@media (min-width: 783px) and (max-width: 1000px) {

	body.home .dt-home-hero,
	body.page-id-468 .dt-home-hero {
		padding-bottom: 20px !important;
	}

	.dt-home-categories {
		padding-top: 18px !important;
		margin-top: 0 !important;
	}

	.dt-home-categories__inner,
	.dt-home-categories__heading {
		margin-top: 0 !important;
	}

}

/* =========================================================
   TABLET - LATEST PRODUCTS TITLE ALIGNMENT
   783px → 1000px
   ========================================================= */

@media (min-width: 783px) and (max-width: 1000px) {

	body.home
	.wp-block-post-content
	> h1.wp-block-heading,

	body.page-id-468
	.wp-block-post-content
	> h1.wp-block-heading {

		width: calc(100% - 40px) !important;
		max-width: 940px !important;

		margin:
			36px auto
			20px !important;

		padding:
			0 10px !important;

		box-sizing: border-box !important;

		text-align: right !important;
	}

}

/* =========================================================
   TABLET FINAL TEXT + TITLE FIX
   783px → 1000px
   ========================================================= */

@media (min-width: 783px) and (max-width: 1000px) {


	/* =====================================================
	   LATEST PRODUCTS TITLE
	   ===================================================== */

	body.home .wp-block-post-content > .wp-block-heading,
	body.page-id-468 .wp-block-post-content > .wp-block-heading,
	body.home .entry-content > .wp-block-heading,
	body.page-id-468 .entry-content > .wp-block-heading {

		width: calc(100% - 70px) !important;
		max-width: 900px !important;

		margin:
			34px auto
			22px !important;

		padding: 0 !important;

		text-align: right !important;

		font-size: 32px !important;
		font-weight: 800 !important;
		line-height: 1.35 !important;
	}


	/* =====================================================
	   WHY TROOOZ - HEADING
	   ===================================================== */

	.dt-why-troooz__heading {

		width: 100% !important;
		max-width: 760px !important;

		margin:
			0 auto
			30px !important;

		text-align: center !important;
	}


	.dt-why-troooz__eyebrow {

		display: block !important;

		width: 100% !important;

		margin-bottom: 8px !important;

		text-align: center !important;

		font-size: 13px !important;
		font-weight: 800 !important;
	}


	.dt-why-troooz__heading h2 {

		width: 100% !important;

		margin:
			0 0
			10px !important;

		text-align: center !important;

		font-size: 31px !important;
		font-weight: 800 !important;

		line-height: 1.4 !important;
	}


	.dt-why-troooz__heading p {

		width: 100% !important;
		max-width: 650px !important;

		margin:
			0 auto !important;

		text-align: center !important;

		font-size: 14px !important;
		font-weight: 500 !important;

		line-height: 1.9 !important;
	}


	/* =====================================================
	   WHY TROOOZ CARDS
	   ===================================================== */

	.dt-why-card {

		display: flex !important;

		flex-direction: column !important;

		align-items: center !important;
		justify-content: flex-start !important;

		text-align: center !important;

		min-height: 185px !important;

		padding:
			22px
			20px !important;
	}


	.dt-why-card__icon {

		margin:
			0 auto
			4px !important;
	}


	.dt-why-card__content {

		width: 100% !important;

		text-align: center !important;
	}


	.dt-why-card__content h3 {

		width: 100% !important;

		margin:
			0 0
			8px !important;

		text-align: center !important;

		font-size: 17px !important;
		font-weight: 800 !important;

		line-height: 1.55 !important;
	}


	.dt-why-card__content p {

		width: 100% !important;

		margin: 0 auto !important;

		text-align: center !important;

		font-size: 13px !important;
		font-weight: 500 !important;

		line-height: 1.8 !important;

		color: #64748b !important;
	}

}

/* =========================================================
   LATEST PRODUCTS TITLE - EXACT FIX
   ========================================================= */

.dt-latest-products-title {
	box-sizing: border-box !important;
}


/* Tablet */
@media (min-width: 783px) and (max-width: 1000px) {

	body.home .dt-latest-products-title,
	body.page-id-468 .dt-latest-products-title {

		width: calc(100% - 64px) !important;
		max-width: 940px !important;

		margin:
			34px auto
			20px !important;

		padding:
			0 18px !important;

		color: #0f172a !important;

		font-size: 32px !important;
		font-weight: 800 !important;
		line-height: 1.35 !important;

		text-align: right !important;
		direction: rtl !important;
	}

}



/* =========================================================
   TABLET - CENTER LATEST PRODUCTS SECTION
   783px → 1000px
   ========================================================= */

@media (min-width: 783px) and (max-width: 1000px) {

	/* عنوان جديد المنتجات */
	body.home .dt-latest-products-title,
	body.page-id-468 .dt-latest-products-title {
		width: calc(100% - 80px) !important;
		max-width: 820px !important;

		margin: 34px auto 20px !important;
		padding: 0 !important;

		text-align: right !important;
	}


	/* حاوية المنتجات */
	body.home .wp-block-woocommerce-product-collection,
	body.page-id-468 .wp-block-woocommerce-product-collection {
		width: calc(100% - 80px) !important;
		max-width: 820px !important;

		margin-left: auto !important;
		margin-right: auto !important;

		padding-left: 0 !important;
		padding-right: 0 !important;
	}


	/* الشبكة نفسها */
	body.home .wc-block-product-template,
	body.home ul.wc-block-product-template,
	body.page-id-468 .wc-block-product-template,
	body.page-id-468 ul.wc-block-product-template {
		width: 100% !important;

		grid-template-columns:
			repeat(3, minmax(0, 1fr)) !important;

		gap: 16px !important;

		margin-left: auto !important;
		margin-right: auto !important;

		justify-content: center !important;
	}

}


/* =========================================================
   TABLET - WHY TROOOZ FINAL V2
   783px → 1000px
   ========================================================= */

@media (min-width: 783px) and (max-width: 1000px) {

	/* =====================================================
	   SECTION
	   ===================================================== */

	body.home .dt-why-troooz,
	body.page-id-468 .dt-why-troooz {
		padding: 54px 20px 64px !important;

		direction: rtl !important;
	}


	body.home .dt-why-troooz__inner,
	body.page-id-468 .dt-why-troooz__inner {
		width: calc(100% - 50px) !important;
		max-width: 820px !important;

		margin-left: auto !important;
		margin-right: auto !important;
	}


	/* =====================================================
	   SECTION HEADING
	   ===================================================== */

	body.home .dt-why-troooz__heading,
	body.page-id-468 .dt-why-troooz__heading {
		width: 100% !important;
		max-width: 720px !important;

		margin: 0 auto 32px !important;

		text-align: center !important;
		direction: rtl !important;
	}


	body.home .dt-why-troooz__eyebrow,
	body.page-id-468 .dt-why-troooz__eyebrow {
		display: block !important;

		width: 100% !important;

		margin: 0 0 8px !important;

		color: #059669 !important;

		font-size: 14px !important;
		font-weight: 800 !important;

		line-height: 1.5 !important;

		text-align: center !important;
	}


	body.home .dt-why-troooz__heading h2,
	body.page-id-468 .dt-why-troooz__heading h2 {
		display: block !important;

		width: 100% !important;

		margin: 0 0 12px !important;
		padding: 0 !important;

		color: #0f172a !important;

		font-size: 34px !important;
		font-weight: 800 !important;

		line-height: 1.35 !important;

		text-align: center !important;
		direction: rtl !important;
	}


	body.home .dt-why-troooz__heading h2 span,
	body.page-id-468 .dt-why-troooz__heading h2 span {
		color: #059669 !important;
	}


	body.home .dt-why-troooz__heading p,
	body.page-id-468 .dt-why-troooz__heading p {
		display: block !important;

		width: 100% !important;
		max-width: 660px !important;

		margin: 0 auto !important;
		padding: 0 !important;

		color: #64748b !important;

		font-size: 15px !important;
		font-weight: 500 !important;

		line-height: 1.9 !important;

		text-align: center !important;
		direction: rtl !important;
	}


	/* =====================================================
	   GRID 2 x 2
	   ===================================================== */

	body.home .dt-why-troooz__grid,
	body.page-id-468 .dt-why-troooz__grid {
		width: 100% !important;

		display: grid !important;

		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap: 16px !important;
	}


	/* =====================================================
	   CARD
	   ===================================================== */

	body.home .dt-why-card,
	body.page-id-468 .dt-why-card {
		min-height: 205px !important;

		display: flex !important;

		flex-direction: column !important;

		align-items: center !important;
		justify-content: flex-start !important;

		gap: 12px !important;

		padding: 24px 22px !important;

		background: #f8fafc !important;

		border: 1px solid #e5eaf0 !important;
		border-radius: 16px !important;

		text-align: center !important;
		direction: rtl !important;
	}


	/* =====================================================
	   ICON
	   ===================================================== */

	body.home .dt-why-card__icon,
	body.page-id-468 .dt-why-card__icon {
		width: 48px !important;
		height: 48px !important;

		flex: 0 0 48px !important;

		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		margin: 0 auto 4px !important;

		background: #ecfdf5 !important;

		color: #059669 !important;

		border-radius: 14px !important;
	}


	body.home .dt-why-card__icon svg,
	body.page-id-468 .dt-why-card__icon svg {
		width: 24px !important;
		height: 24px !important;
	}


	/* =====================================================
	   CARD CONTENT
	   ===================================================== */

	body.home .dt-why-card__content,
	body.page-id-468 .dt-why-card__content {
		display: block !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		text-align: center !important;
		direction: rtl !important;
	}


	body.home .dt-why-card__content h3,
	body.page-id-468 .dt-why-card__content h3 {
		display: block !important;

		width: 100% !important;

		margin: 0 0 9px !important;
		padding: 0 !important;

		color: #0f172a !important;

		font-size: 18px !important;
		font-weight: 800 !important;

		line-height: 1.55 !important;

		text-align: center !important;
		direction: rtl !important;
	}


	body.home .dt-why-card__content p,
	body.page-id-468 .dt-why-card__content p {
		display: block !important;

		width: 100% !important;
		max-width: 300px !important;

		margin: 0 auto !important;
		padding: 0 !important;

		color: #64748b !important;

		font-size: 14px !important;
		font-weight: 500 !important;

		line-height: 1.85 !important;

		text-align: center !important;
		direction: rtl !important;
	}

}

/*****************موبايل ////////////////////////



/* =========================================================

/* =========================================================
   99. HOME MOBILE - CLEAN FINAL OVERRIDES
   <= 600px
   Consolidated from the previous mobile patches.
   ========================================================= */

@media (max-width: 600px) {

	/* ---------------------------------------------------------
	   HEADER
	   --------------------------------------------------------- */

	header.wp-block-template-part
	> .wp-block-group
	> .wp-block-group {
		width: calc(100% - 16px) !important;
		min-height: 62px !important;
		padding-left: 4px !important;
		padding-right: 4px !important;
		gap: 8px !important;
	}

	header.wp-block-template-part .wp-block-site-logo img {
		width: 38px !important;
		height: 38px !important;
	}

	header.wp-block-template-part .wp-block-site-title,
	header.wp-block-template-part .wp-block-site-title a {
		font-size: 15px !important;
		font-weight: 700 !important;
	}

	header.wp-block-template-part .wp-block-navigation__responsive-container-open {
		width: 36px !important;
		height: 36px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
	}

	header.wp-block-template-part .wp-block-navigation__responsive-container-open svg {
		width: 22px !important;
		height: 22px !important;
	}

	header.wp-block-template-part .wc-block-mini-cart__button,
	header.wp-block-template-part .dt-header-search summary {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
	}

	/* ---------------------------------------------------------
	   HERO
	   --------------------------------------------------------- */

	body.home .dt-home-hero,
	body.page-id-468 .dt-home-hero {
		min-height: auto !important;
		padding: 30px 14px 34px !important;
	}

	body.home .dt-home-hero__inner,
	body.page-id-468 .dt-home-hero__inner {
		width: 100% !important;
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"content"
			"visual" !important;
		gap: 28px !important;
	}

	body.home .dt-home-hero__content,
	body.page-id-468 .dt-home-hero__content {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
	}

	.dt-home-hero__badge {
		margin: 0 auto 14px !important;
		padding: 5px 10px !important;
		font-size: 10.5px !important;
	}

	.dt-home-hero__title {
		max-width: 340px !important;
		margin: 0 auto 13px !important;
		font-size: 30px !important;
		font-weight: 800 !important;
		line-height: 1.28 !important;
		letter-spacing: -.4px !important;
		text-align: center !important;
	}

	.dt-home-hero__text {
		max-width: 340px !important;
		margin: 0 auto 18px !important;
		font-size: 13px !important;
		font-weight: 400 !important;
		line-height: 1.85 !important;
		text-align: center !important;
	}

	.dt-home-hero__actions {
		width: 100% !important;
		max-width: 340px !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 9px !important;
		margin: 0 auto 20px !important;
	}

	.dt-home-hero__btn {
		width: 100% !important;
		min-height: 44px !important;
		padding: 9px 16px !important;
		font-size: 12px !important;
		border-radius: 10px !important;
	}

	/* سريع | آمن | دعم - always one clean row */
	.dt-home-hero__features {
		width: 100% !important;
		max-width: 350px !important;
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 0 !important;
		margin: 0 auto !important;
		padding-top: 16px !important;
		border-top: 1px solid #e2e8f0 !important;
		text-align: center !important;
	}

	.dt-home-hero__features > div {
		min-width: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 3px !important;
		padding: 0 7px !important;
		border-bottom: 0 !important;
		border-left: 1px solid #e2e8f0 !important;
		text-align: center !important;
	}

	.dt-home-hero__features > div:last-child {
		border-left: 0 !important;
	}

	.dt-home-hero__features strong {
		display: block !important;
		width: 100% !important;
		color: #0f172a !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		line-height: 1.4 !important;
		text-align: center !important;
	}

	.dt-home-hero__features span {
		display: block !important;
		width: 100% !important;
		color: #64748b !important;
		font-size: 10.5px !important;
		font-weight: 500 !important;
		line-height: 1.45 !important;
		text-align: center !important;
	}

	body.home .dt-home-hero__visual,
	body.page-id-468 .dt-home-hero__visual {
		width: 100% !important;
		max-width: 320px !important;
		margin: 0 auto !important;
	}

	.dt-hero-product-card.dt-hero-featured {
		padding: 11px !important;
		border-radius: 18px !important;
	}

	/* ---------------------------------------------------------
	   QUICK CATEGORIES - 2 x 3
	   --------------------------------------------------------- */

	.dt-home-categories {
		padding: 30px 12px 16px !important;
	}

	.dt-home-categories__inner {
		width: 100% !important;
		max-width: 100% !important;
	}

	.dt-home-categories__heading {
		width: 100% !important;
		margin-bottom: 18px !important;
	}

	.dt-home-categories__heading h2 {
		font-size: 28px !important;
		font-weight: 800 !important;
		line-height: 1.35 !important;
	}

	.dt-home-categories__eyebrow {
		font-size: 12px !important;
		font-weight: 800 !important;
	}

	.dt-home-categories__all {
		font-size: 12px !important;
		font-weight: 700 !important;
	}

	.dt-home-categories__grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	.dt-category-card {
		min-height: 138px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 9px !important;
		padding: 15px 10px !important;
		text-align: center !important;
	}

	.dt-category-card__icon {
		width: 44px !important;
		height: 44px !important;
		flex: 0 0 44px !important;
		margin: 0 auto !important;
	}

	.dt-category-card__icon svg {
		width: 23px !important;
		height: 23px !important;
	}

	.dt-category-card__content {
		width: 100% !important;
		display: block !important;
		text-align: center !important;
	}

	.dt-category-card__content strong {
		display: block !important;
		width: 100% !important;
		margin-bottom: 4px !important;
		color: #0f172a !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		line-height: 1.4 !important;
		text-align: center !important;
	}

	.dt-category-card__content small {
		display: block !important;
		width: 100% !important;
		color: #64748b !important;
		font-size: 11.5px !important;
		font-weight: 500 !important;
		line-height: 1.5 !important;
		text-align: center !important;
	}

	.dt-category-card__arrow {
		display: none !important;
	}

	/* ---------------------------------------------------------
	   LATEST PRODUCTS - 2 COLUMNS
	   --------------------------------------------------------- */

	body.home .dt-latest-products-title,
	body.page-id-468 .dt-latest-products-title {
		width: calc(100% - 30px) !important;
		margin: 28px auto 17px !important;
		padding: 0 8px !important;
		font-size: 27px !important;
		font-weight: 800 !important;
		line-height: 1.35 !important;
		text-align: right !important;
	}

	body.home .wp-block-woocommerce-product-collection,
	body.page-id-468 .wp-block-woocommerce-product-collection {
		width: calc(100% - 18px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body.home .wc-block-product-template,
	body.home ul.wc-block-product-template,
	body.page-id-468 .wc-block-product-template,
	body.page-id-468 ul.wc-block-product-template {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 9px !important;
	}

	body.home li.wc-block-product,
	body.page-id-468 li.wc-block-product {
		padding: 7px 7px 11px !important;
		border-radius: 11px !important;
	}

	body.home li.wc-block-product .wp-block-post-title,
	body.home li.wc-block-product .wc-block-components-product-name,
	body.page-id-468 li.wc-block-product .wp-block-post-title,
	body.page-id-468 li.wc-block-product .wc-block-components-product-name {
		min-height: 42px !important;
		font-size: 12.5px !important;
		font-weight: 700 !important;
		line-height: 1.55 !important;
	}

	body.home li.wc-block-product .wc-block-components-product-price,
	body.page-id-468 li.wc-block-product .wc-block-components-product-price {
		font-size: 12px !important;
		margin-bottom: 9px !important;
	}

	body.home li.wc-block-product .wc-block-components-product-button__button,
	body.home li.wc-block-product .wp-block-button__link,
	body.page-id-468 li.wc-block-product .wc-block-components-product-button__button,
	body.page-id-468 li.wc-block-product .wp-block-button__link {
		width: 94% !important;
		min-height: 35px !important;
		font-size: 11px !important;
	}

	/* ---------------------------------------------------------
	   WHY TROOOZ - 2 x 2 FINAL RESET
	   --------------------------------------------------------- */

	body.home .dt-why-troooz,
	body.page-id-468 .dt-why-troooz {
		margin-top: 32px !important;
		padding: 52px 16px 50px !important;
	}

	body.home .dt-why-troooz .dt-why-troooz__inner,
	body.page-id-468 .dt-why-troooz .dt-why-troooz__inner {
		width: calc(100% - 8px) !important;
		max-width: 390px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body.home .dt-why-troooz .dt-why-troooz__heading,
	body.page-id-468 .dt-why-troooz .dt-why-troooz__heading {
		width: 100% !important;
		max-width: 360px !important;
		margin: 0 auto 24px !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz .dt-why-troooz__eyebrow,
	body.page-id-468 .dt-why-troooz .dt-why-troooz__eyebrow {
		display: block !important;
		width: 100% !important;
		font-size: 13px !important;
		font-weight: 800 !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz .dt-why-troooz__heading h2,
	body.page-id-468 .dt-why-troooz .dt-why-troooz__heading h2 {
		width: 100% !important;
		margin: 5px 0 10px !important;
		font-size: 28px !important;
		font-weight: 800 !important;
		line-height: 1.35 !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz .dt-why-troooz__heading p,
	body.page-id-468 .dt-why-troooz .dt-why-troooz__heading p {
		width: 100% !important;
		max-width: 350px !important;
		margin: 0 auto !important;
		color: #64748b !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		line-height: 1.8 !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz .dt-why-troooz__grid,
	body.page-id-468 .dt-why-troooz .dt-why-troooz__grid {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		grid-auto-flow: row !important;
		gap: 10px !important;
		margin: 0 !important;
		padding: 0 !important;
		align-items: stretch !important;
	}

	body.home .dt-why-troooz .dt-why-troooz__grid > .dt-why-card,
	body.page-id-468 .dt-why-troooz .dt-why-troooz__grid > .dt-why-card {
		grid-column: auto !important;
		grid-row: auto !important;
		grid-area: auto !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		min-height: 175px !important;
		margin: 0 !important;
		padding: 14px 9px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		text-align: center !important;
		border-radius: 14px !important;
	}

	body.home .dt-why-troooz .dt-why-card__icon,
	body.page-id-468 .dt-why-troooz .dt-why-card__icon {
		width: 42px !important;
		height: 42px !important;
		flex: 0 0 42px !important;
		margin: 0 auto 6px !important;
	}

	body.home .dt-why-troooz .dt-why-card__content,
	body.page-id-468 .dt-why-troooz .dt-why-card__content {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz .dt-why-card__content h3,
	body.page-id-468 .dt-why-troooz .dt-why-card__content h3 {
		width: 100% !important;
		margin: 0 0 6px !important;
		padding: 0 !important;
		color: #0f172a !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		line-height: 1.45 !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz .dt-why-card__content p,
	body.page-id-468 .dt-why-troooz .dt-why-card__content p {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #64748b !important;
		font-size: 10.5px !important;
		font-weight: 500 !important;
		line-height: 1.65 !important;
		text-align: center !important;
	}

	/* ---------------------------------------------------------
	   FOOTER - COMPACT MOBILE
	   --------------------------------------------------------- */

	footer .dt-footer {
		padding: 38px 18px 18px !important;
		text-align: center !important;
	}

	footer .dt-footer-columns {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 24px !important;
		text-align: center !important;
	}

	footer .dt-footer-columns > * {
		width: 100% !important;
		max-width: 320px !important;
		text-align: center !important;
	}

	footer .dt-footer h1,
	footer .dt-footer h2,
	footer .dt-footer h3,
	footer .dt-footer h4 {
		font-size: 16px !important;
		text-align: center !important;
	}

	footer .dt-footer p,
	footer .dt-footer a {
		font-size: 12.5px !important;
		line-height: 1.8 !important;
		text-align: center !important;
	}

	footer .dt-footer img {
		max-width: 62px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	footer .dt-footer .wp-block-social-links {
		justify-content: center !important;
		margin: 10px auto 0 !important;
	}

	footer .dt-footer-bottom,
	footer .dt-footer__bottom {
		margin-top: 24px !important;
		padding-top: 14px !important;
		font-size: 10.5px !important;
		text-align: center !important;
	}
}


/* =========================================================
   TROOOZ - MOBILE NAVIGATION V2
   <= 782px
   ========================================================= */

@media (max-width: 782px) {

	/* =====================================================
	   FULL SCREEN OVERLAY
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open {
		position: fixed !important;
		inset: 0 !important;

		width: 100vw !important;
		height: 100dvh !important;
		min-height: 100vh !important;

		margin: 0 !important;
		padding: 0 !important;

		display: block !important;

		background: #ffffff !important;

		overflow-y: auto !important;
		overflow-x: hidden !important;

		z-index: 9999999 !important;
	}


	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-close,

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-dialog {

		width: 100% !important;
		max-width: none !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	/* =====================================================
	   MENU CONTENT
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content {

		width: 100% !important;

		display: flex !important;
		flex-direction: column !important;

		align-items: stretch !important;

		margin: 0 !important;

		padding:
			78px
			20px
			35px !important;

		direction: rtl !important;
	}


	/* =====================================================
	   CLOSE BUTTON
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container-close {

		position: absolute !important;

		top: 18px !important;
		left: 18px !important;
		right: auto !important;

		width: 42px !important;
		height: 42px !important;

		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		margin: 0 !important;
		padding: 0 !important;

		background: #f1f5f9 !important;
		color: #0f172a !important;

		border: 0 !important;
		border-radius: 12px !important;

		outline: none !important;
		box-shadow: none !important;
	}


	header.wp-block-template-part
	.wp-block-navigation__responsive-container-close svg {

		width: 20px !important;
		height: 20px !important;
	}


	/* =====================================================
	   MAIN NAV LIST
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container {

		width: 100% !important;

		display: flex !important;
		flex-direction: column !important;

		align-items: stretch !important;
		justify-content: flex-start !important;

		gap: 5px !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: visible !important;
	}


	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-item {

		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	/* =====================================================
	   MAIN LINKS
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-item__content {

		width: 100% !important;
		min-height: 50px !important;

		display: flex !important;
		align-items: center !important;

		margin: 0 !important;
		padding: 11px 14px !important;

		background: transparent !important;

		color: #0f172a !important;

		border: 0 !important;
		border-radius: 10px !important;

		font-size: 16px !important;
		font-weight: 700 !important;
		line-height: 1.5 !important;

		text-align: right !important;
		direction: rtl !important;

		white-space: normal !important;

		text-decoration: none !important;
	}


	/* Active */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.current-menu-item
	> .wp-block-navigation-item__content {

		background: #f0fdf4 !important;
		color: #059669 !important;
	}


	/* Hover */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-item__content:hover {

		background: #f8fafc !important;
		color: #059669 !important;
	}


	/* =====================================================
	   CATEGORIES PARENT
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu {

		width: 100% !important;

		position: relative !important;

		display: flex !important;
		flex-wrap: wrap !important;

		align-items: center !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: visible !important;
	}


	/* رابط الأقسام */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> a.wp-block-navigation-item__content {

		flex: 1 1 auto !important;
		width: auto !important;
	}


	/* =====================================================
	   CATEGORY TOGGLE BUTTON
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle {

		position: static !important;

		flex: 0 0 38px !important;

		width: 38px !important;
		height: 38px !important;

		min-width: 38px !important;
		min-height: 38px !important;

		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		margin: 0 4px 0 0 !important;
		padding: 0 !important;

		background: #f8fafc !important;

		border: 0 !important;
		border-radius: 9px !important;

		outline: none !important;
		box-shadow: none !important;
	}


	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle svg,

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-icon svg {

		width: 16px !important;
		height: 16px !important;

		transform: rotate(0deg) !important;

		transition: transform .18s ease !important;
	}


	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle[aria-expanded="true"]
	svg {

		transform: rotate(180deg) !important;
	}


	/* =====================================================
	   IMPORTANT:
	   SUBMENU CLOSED BY DEFAULT
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation__submenu-container {

		flex: 0 0 100% !important;

		width: 100% !important;
		min-width: 0 !important;

		display: none !important;

		position: static !important;

		margin: 5px 0 8px !important;

		padding: 6px !important;

		background: #f8fafc !important;

		border: 1px solid #e2e8f0 !important;
		border-radius: 12px !important;

		box-shadow: none !important;

		opacity: 1 !important;
		visibility: visible !important;

		transform: none !important;

		pointer-events: auto !important;
	}


	/* OPEN ONLY WHEN CLICKED */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle[aria-expanded="true"]
	~ .wp-block-navigation__submenu-container {

		display: flex !important;
		flex-direction: column !important;
	}


	/* fallback */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu:has(
		> .wp-block-navigation-submenu__toggle[aria-expanded="true"]
	)
	> .wp-block-navigation__submenu-container {

		display: flex !important;
		flex-direction: column !important;
	}


	/* =====================================================
	   SUBMENU ITEMS
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content {

		min-height: 43px !important;

		display: flex !important;
		align-items: center !important;

		gap: 10px !important;

		padding: 8px 10px !important;

		background: transparent !important;

		font-size: 14px !important;
		font-weight: 600 !important;

		border-radius: 8px !important;
	}


	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content:hover {

		background: #ecfdf5 !important;
	}


	/* category icons */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.dt-menu-category-icon {

		width: 25px !important;
		height: 25px !important;

		min-width: 25px !important;
		max-width: 25px !important;

		margin: 0 !important;

		object-fit: contain !important;
	}


	/* =====================================================
	   REMOVE BLACK FOCUS FRAME
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	a:focus,

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	a:focus-visible,

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	button:focus,

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	button:focus-visible {

		outline: none !important;
		box-shadow: none !important;
	}

}


/* =========================================================
   MOBILE CATEGORIES ACCORDION - FINAL
   ========================================================= */

@media (max-width: 782px) {

	/* الأقسام مسكرة افتراضياً */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation__submenu-container {
		display: none !important;

		width: 100% !important;

		margin: 6px 0 8px !important;
		padding: 6px !important;

		background: #f8fafc !important;

		border: 1px solid #e2e8f0 !important;
		border-radius: 12px !important;

		box-shadow: none !important;
	}


	/* تفتح فقط لما aria-expanded = true */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle[aria-expanded="true"]
	~ .wp-block-navigation__submenu-container {

		display: flex !important;
		flex-direction: column !important;
	}


	/* السهم وهو مسكر */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle
	svg {

		transform: rotate(0deg) !important;
		transition: transform .18s ease !important;
	}


	/* السهم وهو مفتوح */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle[aria-expanded="true"]
	svg {

		transform: rotate(180deg) !important;
	}

}

/* =========================================================
   MOBILE MENU - VISUAL ALIGNMENT FINAL
   ========================================================= */

@media (max-width: 782px) {

	/* =====================================================
	   1. REMOVE ACTIVE GREEN BOX
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.current-menu-item
	> .wp-block-navigation-item__content,

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.current-menu-ancestor
	> .wp-block-navigation-item__content {

		background: transparent !important;
		color: #0f172a !important;
	}


	/* =====================================================
	   2. ALL MAIN LINKS SAME ALIGNMENT
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container
	> .wp-block-navigation-item {

		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		text-align: right !important;
	}


	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {

		width: 100% !important;

		min-height: 48px !important;

		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;

		margin: 0 !important;
		padding: 10px 12px !important;

		background: transparent !important;

		color: #0f172a !important;

		font-size: 15px !important;
		font-weight: 700 !important;

		text-align: right !important;
		direction: rtl !important;

		border: 0 !important;
		border-radius: 9px !important;
	}


	/* =====================================================
	   3. CATEGORIES ROW
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu {

		width: 100% !important;

		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;

		align-items: center !important;
		justify-content: space-between !important;

		margin: 0 !important;
		padding: 0 !important;

		text-align: right !important;
		direction: rtl !important;
	}


	/* كلمة الأقسام */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-item__content {

		flex: 1 1 auto !important;

		width: auto !important;
		min-width: 0 !important;
		min-height: 48px !important;

		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;

		margin: 0 !important;
		padding: 10px 12px !important;

		color: #0f172a !important;

		font-size: 15px !important;
		font-weight: 700 !important;

		text-align: right !important;
		direction: rtl !important;
	}


	/* سهم الأقسام */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle {

		position: static !important;

		flex: 0 0 36px !important;

		width: 36px !important;
		height: 36px !important;

		min-width: 36px !important;
		min-height: 36px !important;

		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		margin: 0 !important;
		padding: 0 !important;

		background: #f8fafc !important;

		border: 0 !important;
		border-radius: 9px !important;

		outline: none !important;
		box-shadow: none !important;
	}


	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle svg {

		width: 15px !important;
		height: 15px !important;
	}


	/* =====================================================
	   4. SUBMENU FULL WIDTH UNDER CATEGORIES
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation__submenu-container {

		flex: 0 0 100% !important;

		width: 100% !important;

		margin: 5px 0 8px !important;

		order: 3 !important;
	}

}


/* =========================================================
   MOBILE - KEEP CATEGORIES FIXED + ARROW BESIDE IT
   ========================================================= */

@media (max-width: 782px) {

	/* parent */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu {
		position: relative !important;

		display: block !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	/* كلمة الأقسام - تضل بمكانها */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-item__content {

		position: relative !important;

		display: block !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 10px 12px !important;

		color: #0f172a !important;

		font-size: 15px !important;
		font-weight: 700 !important;

		text-align: right !important;
		direction: rtl !important;
	}


	/* نخفي شكل زر WordPress نفسه */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle {

		position: absolute !important;

		top: 50% !important;

		right: 72px !important;

		transform: translateY(-50%) !important;

		width: 24px !important;
		height: 24px !important;

		min-width: 24px !important;
		min-height: 24px !important;

		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		margin: 0 !important;
		padding: 0 !important;

		background: transparent !important;

		border: 0 !important;
		box-shadow: none !important;

		z-index: 5 !important;
	}


	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle svg {

		width: 13px !important;
		height: 13px !important;
	}


	/* القائمة الفرعية تحت الأقسام */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu
	> .wp-block-navigation__submenu-container {

		width: 100% !important;

		margin: 6px 0 8px !important;

		position: static !important;
	}


	/* closed */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu:not(.dt-mobile-submenu-open)
	> .wp-block-navigation__submenu-container {

		display: none !important;
	}


	/* open */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-submenu.dt-mobile-submenu-open
	> .wp-block-navigation__submenu-container {

		display: flex !important;
		flex-direction: column !important;
	}

}


/* =========================================================
   MOBILE - WHY TROOOZ POLISH
   ========================================================= */

@media (max-width: 600px) {

  .dt-why-troooz__grid {
    gap: 10px !important;
  }

  .dt-why-card {
    min-height: 170px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 15px 10px !important;

    text-align: center !important;
  }

  .dt-why-card__icon {
    width: 42px !important;
    height: 42px !important;

    flex: 0 0 42px !important;

    margin: 0 auto 8px !important;
  }

/* =========================================================
   FOOTER MOBILE - FINAL
   <= 600px
   ========================================================= */

@media (max-width: 600px) {

	footer .dt-footer {
		width: 100% !important;

		padding:
			32px
			18px
			16px !important;

		background: #0f172a !important;

		text-align: center !important;
	}


	/* =====================================================
	   GRID
	   ===================================================== */

	footer .dt-footer-columns {
		width: 100% !important;
		max-width: 390px !important;

		display: grid !important;

		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap:
			22px 16px !important;

		align-items: start !important;

		margin:
			0 auto !important;

		direction: rtl !important;
	}


	footer .dt-footer-columns > * {
		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		text-align: center !important;
	}


	/* أول عمود = Logo + وصف
	   ياخد عرض كامل */
	footer .dt-footer-columns > *:first-child {
		grid-column:
			1 / -1 !important;

		max-width: 320px !important;

		margin:
			0 auto !important;
	}


	/* =====================================================
	   LOGO
	   ===================================================== */

	footer .dt-footer
	.wp-block-site-logo {

		display: flex !important;

		justify-content: center !important;

		margin:
			0 auto
			12px !important;
	}


	footer .dt-footer
	.wp-block-site-logo img {

		width: 58px !important;
		height: 58px !important;

		max-width: 58px !important;

		object-fit: contain !important;
	}


	/* =====================================================
	   HEADINGS
	   ===================================================== */

	footer .dt-footer h1,
	footer .dt-footer h2,
	footer .dt-footer h3,
	footer .dt-footer h4 {

		margin:
			0 0
			10px !important;

		color: #f8fafc !important;

		font-size: 15px !important;
		font-weight: 800 !important;

		line-height: 1.5 !important;

		text-align: center !important;
	}


	/* =====================================================
	   TEXT + LINKS
	   ===================================================== */

	footer .dt-footer p,
	footer .dt-footer a {

		color: #94a3b8 !important;

		font-size: 12.5px !important;
		font-weight: 500 !important;

		line-height: 1.8 !important;

		text-align: center !important;

		text-decoration: none !important;
	}


	footer .dt-footer p {
		margin:
			0 0
			7px !important;
	}


	footer .dt-footer ul {

		margin: 0 !important;
		padding: 0 !important;

		list-style: none !important;
	}


	footer .dt-footer li {

		margin:
			0 0
			6px !important;

		padding: 0 !important;
	}


	/* =====================================================
	   SOCIAL
	   ===================================================== */

	footer .dt-footer
	.wp-block-social-links {

		display: flex !important;

		justify-content: center !important;
		align-items: center !important;

		gap: 7px !important;

		margin:
			10px auto
			0 !important;

		padding: 0 !important;
	}


	footer .dt-footer
	.wp-block-social-link {

		width: 34px !important;
		height: 34px !important;

		background: #1e293b !important;

		border-radius: 50% !important;
	}


	/* =====================================================
	   SEPARATOR
	   ===================================================== */

	footer .dt-footer
	.wp-block-separator {

		width: 100% !important;

		margin:
			24px auto
			14px !important;

		border: 0 !important;

		border-top:
			1px solid #334155 !important;
	}


	/* =====================================================
	   COPYRIGHT
	   ===================================================== */

	footer .dt-footer-bottom,
	footer .dt-footer__bottom {

		width: 100% !important;

		margin: 0 auto !important;
		padding: 0 !important;

		color: #64748b !important;

		font-size: 10.5px !important;
		font-weight: 500 !important;

		line-height: 1.6 !important;

		text-align: center !important;
	}

}

}


/* =========================================================
   HEADER BREAKPOINT FIX
   Tablet: 601px - 782px
   ========================================================= */

@media (min-width: 601px) and (max-width: 782px) {

	/* إظهار القائمة العادية */
	header.wp-block-template-part
	.wp-block-navigation__container {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;

		gap: 14px !important;

		margin: 0 !important;
		padding: 0 !important;
	}

	/* إظهار روابط القائمة */
	header.wp-block-template-part
	.wp-block-navigation-item {
		display: flex !important;
	}

	header.wp-block-template-part
	.wp-block-navigation-item__content {
		display: flex !important;

		font-size: 12px !important;
		white-space: nowrap !important;
	}

	/* إخفاء Burger على التابلت */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container-open {
		display: none !important;
	}

	/* إخفاء X / القائمة المنبثقة */
	header.wp-block-template-part
	.wp-block-navigation__responsive-container-close {
		display: none !important;
	}

	header.wp-block-template-part
	.wp-block-navigation__responsive-container {
		position: static !important;

		display: block !important;

		width: auto !important;
		height: auto !important;

		background: transparent !important;
	}

	header.wp-block-template-part
	.wp-block-navigation__responsive-container-content {
		display: block !important;

		width: auto !important;

		padding: 0 !important;
	}
}

/* =========================================================
   TABLET CATEGORIES CLICK DROPDOWN
   601px → 782px
   ========================================================= */

@media (min-width: 601px) and (max-width: 782px) {

	/* parent */
	header.wp-block-template-part
	.wp-block-navigation-submenu {
		position: relative !important;
		overflow: visible !important;
	}


	/* القائمة مسكرة افتراضياً */
	header.wp-block-template-part
	.wp-block-navigation-submenu
	> .wp-block-navigation__submenu-container {

		position: absolute !important;

		top: 100% !important;
		right: 0 !important;
		left: auto !important;

		width: 230px !important;
		min-width: 230px !important;

		display: none !important;

		margin: 0 !important;
		padding: 8px !important;

		background: #ffffff !important;

		border: 1px solid #e2e8f0 !important;
		border-radius: 12px !important;

		box-shadow:
			0 12px 30px rgba(15, 23, 42, .10) !important;

		z-index: 999999 !important;
	}


	/* تفتح فقط بالكلاس الخاص */
	header.wp-block-template-part
	.wp-block-navigation-submenu.dt-tablet-submenu-open
	> .wp-block-navigation__submenu-container {

		display: flex !important;
		flex-direction: column !important;
	}


	/* =====================================================
	   ARROW
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle {

		outline: none !important;
		box-shadow: none !important;
	}


	/* مسكرة */
	header.wp-block-template-part
	.wp-block-navigation-submenu
	> .wp-block-navigation-submenu__toggle
	svg {

		transform: rotate(0deg) !important;

		transition:
			transform .18s ease !important;
	}


	/* مفتوحة */
	header.wp-block-template-part
	.wp-block-navigation-submenu.dt-tablet-submenu-open
	> .wp-block-navigation-submenu__toggle
	svg {

		transform: rotate(180deg) !important;
	}


	/* =====================================================
	   SUBMENU ITEMS
	   ===================================================== */

	header.wp-block-template-part
	.wp-block-navigation-submenu
	> .wp-block-navigation__submenu-container
	.wp-block-navigation-item__content {

		width: 100% !important;

		min-height: 42px !important;

		display: flex !important;
		align-items: center !important;

		gap: 9px !important;

		padding: 8px 10px !important;

		color: #334155 !important;

		font-size: 13px !important;
		font-weight: 600 !important;

		text-align: right !important;
		direction: rtl !important;

		border-radius: 7px !important;
	}


	header.wp-block-template-part
	.wp-block-navigation-submenu
	> .wp-block-navigation__submenu-container
	.wp-block-navigation-item__content:hover {

		background: #f0fdf4 !important;
		color: #059669 !important;
	}

}



/* =========================================================
   SMALL TABLET FOOTER
   601px → 782px
   ========================================================= */

@media (min-width: 601px) and (max-width: 782px) {

	footer .dt-footer {
		padding:
			34px
			22px
			18px !important;
	}


	footer .dt-footer-columns {
		width: 100% !important;
		max-width: 700px !important;

		display: grid !important;

		grid-template-columns:
			1.25fr
			1fr
			1fr !important;

		gap: 20px !important;

		align-items: start !important;

		margin:
			0 auto !important;

		direction: rtl !important;

		text-align: right !important;
	}


	footer .dt-footer-columns > * {
		width: 100% !important;

		min-width: 0 !important;

		text-align: right !important;
	}


	footer .dt-footer
	.wp-block-site-logo img {

		width: 58px !important;
		height: 58px !important;

		object-fit: contain !important;
	}


	footer .dt-footer h1,
	footer .dt-footer h2,
	footer .dt-footer h3,
	footer .dt-footer h4 {

		font-size: 14px !important;

		margin-bottom:
			8px !important;
	}


	footer .dt-footer p,
	footer .dt-footer a {

		font-size: 11.5px !important;

		line-height: 1.75 !important;
	}


	footer .dt-footer
	.wp-block-social-links {

		gap: 6px !important;

		margin-top:
			9px !important;
	}


	footer .dt-footer
	.wp-block-social-link {

		width: 30px !important;
		height: 30px !important;
	}


	footer .dt-footer
	.wp-block-separator {

		margin:
			24px auto
			13px !important;
	}


	footer .dt-footer-bottom,
	footer .dt-footer__bottom {

		font-size: 10px !important;

		text-align: center !important;
	}

}


/* =========================================================
   SMALL TABLET - WHY TROOOZ TEXT CENTER + CLEAR
   601px → 782px
   ========================================================= */

@media (min-width: 601px) and (max-width: 782px) {

	/* عنوان القسم */
	.dt-why-troooz__heading {
		text-align: center !important;
	}

	.dt-why-troooz__eyebrow {
		width: 100% !important;
		text-align: center !important;

		font-size: 13px !important;
		font-weight: 800 !important;
	}

	.dt-why-troooz__heading h2 {
		width: 100% !important;

		margin: 5px auto 10px !important;

		font-size: 30px !important;
		font-weight: 800 !important;
		line-height: 1.35 !important;

		text-align: center !important;
	}

	.dt-why-troooz__heading p {
		width: 100% !important;
		max-width: 600px !important;

		margin: 0 auto !important;

		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.85 !important;

		text-align: center !important;
	}


	/* الكروت */
	.dt-why-card {
		display: flex !important;
		flex-direction: column !important;

		align-items: center !important;
		justify-content: flex-start !important;

		text-align: center !important;

		padding: 22px 18px !important;
	}


	/* الأيقونة */
	.dt-why-card__icon {
		margin: 0 auto 10px !important;
	}


	/* محتوى الكارد */
	.dt-why-card__content {
		width: 100% !important;

		text-align: center !important;
	}


	/* عنوان الكارد */
	.dt-why-card__content h3 {
		width: 100% !important;

		margin: 0 0 8px !important;

		font-size: 17px !important;
		font-weight: 800 !important;
		line-height: 1.5 !important;

		text-align: center !important;
	}


	/* وصف الكارد */
	.dt-why-card__content p {
		width: 100% !important;
		max-width: 260px !important;

		margin: 0 auto !important;

		font-size: 13px !important;
		font-weight: 500 !important;
		line-height: 1.75 !important;

		text-align: center !important;

		color: #64748b !important;
	}

}


/* =========================================================
   SMALL TABLET - CATEGORIES CENTERED
   601px → 782px
   ========================================================= */

@media (min-width: 601px) and (max-width: 782px) {

	/* شبكة الأقسام */
	.dt-home-categories__grid {
		grid-template-columns:
			repeat(3, minmax(0, 1fr)) !important;

		gap: 12px !important;
	}


	/* الكارد */
	.dt-category-card {
		min-height: 135px !important;

		display: flex !important;
		flex-direction: column !important;

		align-items: center !important;
		justify-content: center !important;

		gap: 9px !important;

		padding: 16px 12px !important;

		text-align: center !important;
	}


	/* الأيقونة */
	.dt-category-card__icon {
		width: 44px !important;
		height: 44px !important;

		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		margin: 0 auto 5px !important;
	}


	.dt-category-card__icon svg {
		width: 22px !important;
		height: 22px !important;
	}


	/* محتوى الكارد */
	.dt-category-card__content {
		width: 100% !important;

		display: block !important;

		text-align: center !important;
	}


	/* اسم القسم */
	.dt-category-card__content strong {
		display: block !important;

		width: 100% !important;

		margin: 0 0 5px !important;

		color: #0f172a !important;

		font-size: 15px !important;
		font-weight: 800 !important;

		line-height: 1.45 !important;

		text-align: center !important;
	}


	/* الوصف */
	.dt-category-card__content small {
		display: block !important;

		width: 100% !important;

		margin: 0 auto !important;

		color: #94a3b8 !important;

		font-size: 11.5px !important;
		font-weight: 500 !important;

		line-height: 1.55 !important;

		text-align: center !important;
	}


	/* نخفي السهم الصغير حتى يصير الكارد متوازن */
	.dt-category-card__arrow {
		display: none !important;
	}

}


/* =========================================================
   TABLET - REDUCE GAP BEFORE FOOTER
   601px → 1000px
   ========================================================= */

@media (min-width: 601px) and (max-width: 1100px) {

	body.home .dt-why-troooz,
	body.page-id-468 .dt-why-troooz {
		padding-bottom: 38px !important;
	}

	footer.wp-block-template-part {
		margin-top: 0 !important;
	}

}


@media (min-width: 601px) and (max-width: 1100px) {

	body.home footer.wp-block-template-part,
	body.page-id-468 footer.wp-block-template-part {
		margin-top: 0 !important;
	}

}


/* =========================================================
   99. HOME PAGE — SINGLE RESPONSIVE SOURCE OF TRUTH
   Desktop: 4 products  |  Tablet: 3 products  |  Mobile: 2 products

   This is intentionally the final home-page block.  It replaces the
   earlier incremental home patches without changing the Hero, header,
   navigation/burger, or footer design rules.
   ========================================================= */

/* Shared home selectors: the homepage can be identified by its body class
   or by the page ID used by the current WordPress install. */
body.home .dt-latest-products-title,
body.page-id-468 .dt-latest-products-title,
body.home .wp-block-post-content > h1.wp-block-heading,
body.page-id-468 .wp-block-post-content > h1.wp-block-heading,
body.home .entry-content > h1.wp-block-heading,
body.page-id-468 .entry-content > h1.wp-block-heading {
	width: calc(100% - 40px) !important;
	max-width: 1180px !important;
	margin: 38px auto 24px !important;
	padding: 0 !important;
	color: var(--dt-dark) !important;
	font-size: 34px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	text-align: right !important;
	direction: rtl !important;
}

body.home .wp-block-woocommerce-product-collection,
body.page-id-468 .wp-block-woocommerce-product-collection {
	width: calc(100% - 40px) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

body.home .wc-block-product-template,
body.home ul.wc-block-product-template,
body.page-id-468 .wc-block-product-template,
body.page-id-468 ul.wc-block-product-template {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

/* The "all products" button is outside the product collection. */
body.home .wp-block-post-content > .wp-block-buttons,
body.page-id-468 .wp-block-post-content > .wp-block-buttons,
body.home .entry-content > .wp-block-buttons,
body.page-id-468 .entry-content > .wp-block-buttons {
	width: 100% !important;
	display: flex !important;
	justify-content: center !important;
	margin: 28px auto 0 !important;
	padding: 0 !important;
}

body.home .dt-why-troooz,
body.page-id-468 .dt-why-troooz {
	margin: 0 !important;
	direction: rtl !important;
}

/* =========================================================
   TABLET — 601px to 1000px
   ========================================================= */
@media (min-width: 601px) and (max-width: 1100px) {

	body.home .dt-latest-products-title,
	body.page-id-468 .dt-latest-products-title,
	body.home .wp-block-post-content > h1.wp-block-heading,
	body.page-id-468 .wp-block-post-content > h1.wp-block-heading,
	body.home .entry-content > h1.wp-block-heading,
	body.page-id-468 .entry-content > h1.wp-block-heading {
		width: calc(100% - 64px) !important;
		max-width: 940px !important;
		margin: 32px auto 20px !important;
		font-size: 32px !important;
		line-height: 1.35 !important;
	}

	body.home .wp-block-woocommerce-product-collection,
	body.page-id-468 .wp-block-woocommerce-product-collection {
		width: calc(100% - 64px) !important;
		max-width: 940px !important;
		margin: 0 auto !important;
	}

	body.home .wc-block-product-template,
	body.home ul.wc-block-product-template,
	body.page-id-468 .wc-block-product-template,
	body.page-id-468 ul.wc-block-product-template {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 15px !important;
	}

	/* WooCommerce Blocks may change the item class; direct children makes the
	   fourth card disappear reliably instead of creating a second row. */
	body.home .wc-block-product-template > :nth-child(n + 4),
	body.page-id-468 .wc-block-product-template > :nth-child(n + 4) {
		display: none !important;
	}

	body.home .wp-block-post-content > .wp-block-buttons,
	body.page-id-468 .wp-block-post-content > .wp-block-buttons,
	body.home .entry-content > .wp-block-buttons,
	body.page-id-468 .entry-content > .wp-block-buttons {
		margin-top: 26px !important;
	}

	/* Keep the transition from products to Why TROOOZ compact. */
	body.home .dt-why-troooz,
	body.page-id-468 .dt-why-troooz {
		margin-top: 20px !important;
		padding: 38px 20px 32px !important;
		background: #ffffff !important;
	}

	body.home .dt-why-troooz__inner,
	body.page-id-468 .dt-why-troooz__inner {
		width: calc(100% - 40px) !important;
		max-width: 820px !important;
		margin: 0 auto !important;
	}

	body.home .dt-why-troooz__heading,
	body.page-id-468 .dt-why-troooz__heading {
		width: 100% !important;
		max-width: 700px !important;
		margin: 0 auto 24px !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz__eyebrow,
	body.page-id-468 .dt-why-troooz__eyebrow {
		display: block !important;
		margin: 0 0 7px !important;
		font-size: 13px !important;
		font-weight: 800 !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz__heading h2,
	body.page-id-468 .dt-why-troooz__heading h2 {
		margin: 0 0 10px !important;
		font-size: 31px !important;
		font-weight: 800 !important;
		line-height: 1.4 !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz__heading p,
	body.page-id-468 .dt-why-troooz__heading p {
		max-width: 640px !important;
		margin: 0 auto !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.85 !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz__grid,
	body.page-id-468 .dt-why-troooz__grid {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}

	body.home .dt-why-card,
	body.page-id-468 .dt-why-card {
		min-height: 180px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		padding: 20px 18px !important;
		text-align: center !important;
	}

	body.home .dt-why-card__icon,
	body.page-id-468 .dt-why-card__icon {
		margin: 0 auto 8px !important;
	}

	body.home .dt-why-card__content,
	body.page-id-468 .dt-why-card__content {
		width: 100% !important;
		text-align: center !important;
	}

	body.home .dt-why-card__content h3,
	body.page-id-468 .dt-why-card__content h3 {
		margin: 0 0 7px !important;
		font-size: 17px !important;
		font-weight: 800 !important;
		line-height: 1.5 !important;
		text-align: center !important;
	}

	body.home .dt-why-card__content p,
	body.page-id-468 .dt-why-card__content p {
		max-width: 270px !important;
		margin: 0 auto !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		line-height: 1.75 !important;
		text-align: center !important;
	}

	body.home footer.wp-block-template-part,
	body.page-id-468 footer.wp-block-template-part {
		margin-top: 0 !important;
	}
}

/* =========================================================
   103. POST-ADD CART ACTION — CLEAN CUSTOM ICON
   The supplied transparent WebP is embedded here, so no separate upload to
   WordPress is needed.  The cart remains on the left in RTL layouts.
   ========================================================= */
:root body.home .wc-block-product-template .wc-block-components-product-button > button:has(+ span:not([hidden])),
:root body.page-id-468 .wc-block-product-template .wc-block-components-product-button > button:has(+ span:not([hidden])) {
	min-height: 44px !important;
	border: 1px solid #059669 !important;
	border-radius: 14px !important;
	box-shadow: 0 8px 18px rgba(5, 150, 105, 0.16) !important;
}

:root body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]),
:root body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]),
:root body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart,
:root body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart {
	flex: 0 0 44px !important;
	width: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
}

:root body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart,
:root body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart {
	display: grid !important;
	place-items: center !important;
	padding: 0 !important;
	border: 1px solid #b7e4d4 !important;
	border-radius: 14px !important;
	background: #f7fffb !important;
	box-shadow: none !important;
}

:root body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before,
:root body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before {
	content: "" !important;
	display: block !important;
	width: 21px !important;
	height: 21px !important;
	position: relative !important;
	inset: auto !important;
	transform: translateY(3px) !important;
	background: transparent url("data:image/webp;base64,UklGRq4EAABXRUJQVlA4TKIEAAAvK8FKEEcQEYoaSVKDa2GfvMd8AfibL6oCOde2vW2iyE0jE3N6MubQx/RopMOYjsaMHnOEI7+/m6bP31PoENF/CJIkSW1qkbnxXTvMrHhA8dd0Wz6/jm+25rj08Oqivw0dMIsEagOcRlLbdjBPa6U6u5HIWJ02ldrTeoQ6kUwpvyd5hykqA5Y0ZMrbBTD1oXGFqUNCPHwKU6Ls0hmK97+m9H26iL71Vx0FnO0CeJo18lFwOvLTbPF400qYXjrESDw19sGpKxboVIxELtumqI1cKl3fVno9I8x+P+p7+8dH3646lR+32Hz4Q9WpVD7Y/YWl7z/oUxyHGm01U5lLsQ2zVMA9TaeaNKUR8hp5WZRGHVzJOEytdqqrpojF9a1KmQFLAr81xakpdk2xLIspfZemRFl4oik86bs2xbap2LwyFZuPTTHMkExwSHNI3HrMV+ZOcchkB3Ty17l/6PlHU4hQ588U6xSFMut7KEKlkinO/92pZIrz/yX4yBS3kiAMk1vfMvLW0Hf+Hzkgfy0j7/z61qisI0ZTaMhbpQzI2UWcEpC/O/UxmqLtJb++NeSNsIWIvDX0jei3APoWkbeCvhH/yKaoNEZTYFSM0LeKvD3E5m0vCH0ryBszmkJF3tyxOfk31mlRo/7cFOSN0beKvLlTHCgRY/StIG+MvhXkjdE3v7xNITAoDeZhkL7p5Y0iBMZSovTNLm9+ZSA1jInN+eWN6lTY5c0fTPCHQstKAE1GL2+YvsnljSPo5Y3TN7e8kbDLG6dvdnm70HfLQsUub5y+ueUNpKaXNyw2J5c3sFMRkDcqxcEtb6S+meWNVSy3vF3ou+Wh4pY3Ut/M8mYG7DqovqnlDdU3sbyxBLW8sfrmlTdaZ9zyRsbmzPLGdirs8salOGjlDTcHrbzhliWWN1jftPJGE8TyRuubVd5wxqzyhn/dFdG14JySXqrvac9wGs4jA++OGFOuNwS/5IZyXqP6JMIgqmV4BHUbfNN57+O6KYjDEs3qZZ5Hmxt491RpClRYofpmRfm3e1Ywfwg8Z8TSDly86mlPUczo91haLQtLqzW0F5c9W/jJB+A7bOr3e1ualehQmngOnhE/p8nRbExw48HqSIKJdht+E6W4HU2bPKkSuhfPxPViavsdC9erBVnbvybYcP1p6f+W7d6Dw8O1JfyAoYeHj9aoll7NIyKmj5ewS5df5szWeQZF3cVX7X0JZOcbeYgnRC+CaWce32hPSbJTFJnU5Y4uSXXOkfaa0aU+d6K3DSA8jz7e4/nYzzOIOxIybvcJ5gkzVNGVawxSy1H6uYuENgJ7e57CdImifFFjeR5JbcRRCC7xR+MP7vjqWvM0pph/1ASFUBS0sPK9SWSK5CaVCcNfX8QAuofit97xFUzvUnnPMUJkGwjHGIjd9Dou4UCYkmKMTwOtKTOceMs36OR5OiOOIT4l3wCrsTY36UxyWy2LKDn+FCuOovTwxwpXmwlPI8GVJ031Ka76X1exiqu4zlUM7Op+wdS9lav7UFf37K7yG6ZyQa7yZqZyjK7ysaZy167y/KZqIj7qR7vfrh+ZqrWZqkuaquH+FdkK") center / contain no-repeat !important;
}

@media (max-width: 600px) {
	:root body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]),
	:root body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]),
	:root body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart,
	:root body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart {
		flex-basis: 40px !important;
		width: 40px !important;
		min-width: 40px !important;
		min-height: 40px !important;
	}

	:root body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before,
	:root body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before {
		width: 19px !important;
		height: 19px !important;
	}
}

/* =========================================================
   100. PRODUCT ACTION — CASCADE GUARD
   The selector is deliberately more specific than the older mobile rule,
   so the two post-add actions cannot turn back into a vertical stack.
   ========================================================= */
body.home li.wc-block-product .wc-block-components-product-button,
body.page-id-468 li.wc-block-product .wc-block-components-product-button {
	width: 100% !important;
	display: flex !important;
	/* RTL row: the wide “X في عربة التسوق” action stays on the right and
	   the small cart icon moves to its requested position on the left. */
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	justify-content: stretch !important;
	gap: 8px !important;
	height: auto !important;
}

body.home li.wc-block-product .wc-block-components-product-button > button.wc-block-components-product-button__button,
body.page-id-468 li.wc-block-product .wc-block-components-product-button > button.wc-block-components-product-button__button {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
}

body.home li.wc-block-product .wc-block-components-product-button > button > span,
body.page-id-468 li.wc-block-product .wc-block-components-product-button > button > span {
	font-size: 0 !important;
}

body.home li.wc-block-product .wc-block-components-product-button > button > span::after,
body.page-id-468 li.wc-block-product .wc-block-components-product-button > button > span::after {
	content: "اشترِ الآن";
	font-size: var(--dt-product-cta-font-size, 13px) !important;
}

body.home li.wc-block-product .wc-block-components-product-button > button:has(+ span:not([hidden])) > span,
body.page-id-468 li.wc-block-product .wc-block-components-product-button > button:has(+ span:not([hidden])) > span {
	font-size: var(--dt-product-cta-font-size, 13px) !important;
}

body.home li.wc-block-product .wc-block-components-product-button > button:has(+ span:not([hidden])) > span::after,
body.page-id-468 li.wc-block-product .wc-block-components-product-button > button:has(+ span:not([hidden])) > span::after {
	content: none;
}

body.home li.wc-block-product .wc-block-components-product-button > button:has(+ span:not([hidden])),
body.page-id-468 li.wc-block-product .wc-block-components-product-button > button:has(+ span:not([hidden])) {
	background: #059669 !important;
	box-shadow: 0 7px 16px rgba(5, 150, 105, 0.18) !important;
}

body.home li.wc-block-product .wc-block-components-product-button > span:not([hidden]),
body.page-id-468 li.wc-block-product .wc-block-components-product-button > span:not([hidden]) {
	display: flex !important;
	flex: 0 0 42px !important;
	width: 42px !important;
}

body.home li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart,
body.page-id-468 li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart {
	width: 42px !important;
	min-width: 42px !important;
	min-height: 42px !important;
	display: grid !important;
	place-items: center !important;
	padding: 0 !important;
	border: 1px solid #10b981 !important;
	border-radius: 11px !important;
	background: #ecfdf5 !important;
	color: #047857 !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

body.home li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before,
body.page-id-468 li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before {
	content: "🛒";
	font-size: 18px !important;
	line-height: 1 !important;
}

@media (max-width: 600px) {
	body.home li.wc-block-product .wc-block-components-product-button,
	body.page-id-468 li.wc-block-product .wc-block-components-product-button {
		width: 94% !important;
		gap: 6px !important;
	}

	body.home li.wc-block-product .wc-block-components-product-button > button,
	body.page-id-468 li.wc-block-product .wc-block-components-product-button > button {
		--dt-product-cta-font-size: 11px;
	}

	body.home li.wc-block-product .wc-block-components-product-button > span:not([hidden]),
	body.page-id-468 li.wc-block-product .wc-block-components-product-button > span:not([hidden]),
	body.home li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart,
	body.page-id-468 li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart {
		flex-basis: 36px !important;
		width: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
	}

	body.home li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before,
	body.page-id-468 li.wc-block-product .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before {
		font-size: 16px !important;
	}
}

/* =========================================================
   101. HOME — FINAL VISUAL POLISH
   - one product action before adding, then cart status + icon
   - clearer prices and supporting text
   - tighter products → Why TROOOZ transition
   - clearer, more compact desktop footer
   ========================================================= */

/* WooCommerce already changes the main label to “X في عربة التسوق” and
   removes [hidden] from its View Cart link after an item is added.  Keep one
   wide action before that point, then reveal a separate icon-only cart link. */
body.home .wc-block-product-template .wc-block-components-product-button,
body.page-id-468 .wc-block-product-template .wc-block-components-product-button {
	width: 100% !important;
	display: flex !important;
	align-items: stretch !important;
	justify-content: stretch !important;
	gap: 8px !important;
}

body.home .wc-block-product-template .wc-block-components-product-button > button,
body.page-id-468 .wc-block-product-template .wc-block-components-product-button > button {
	--dt-product-cta-font-size: 13px;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
}

/* Display the requested wording before WooCommerce changes it after add. */
body.home .wc-block-product-template .wc-block-components-product-button > button > span,
body.page-id-468 .wc-block-product-template .wc-block-components-product-button > button > span {
	font-size: 0 !important;
}

body.home .wc-block-product-template .wc-block-components-product-button > button > span::after,
body.page-id-468 .wc-block-product-template .wc-block-components-product-button > button > span::after {
	content: "اشترِ الآن";
	font-size: var(--dt-product-cta-font-size) !important;
}

/* Once the cart link exists, restore WooCommerce's live quantity message and
   make the original main button the large green status button. */
body.home .wc-block-product-template .wc-block-components-product-button > button:has(+ span:not([hidden])) > span,
body.page-id-468 .wc-block-product-template .wc-block-components-product-button > button:has(+ span:not([hidden])) > span {
	font-size: var(--dt-product-cta-font-size) !important;
}

body.home .wc-block-product-template .wc-block-components-product-button > button:has(+ span:not([hidden])) > span::after,
body.page-id-468 .wc-block-product-template .wc-block-components-product-button > button:has(+ span:not([hidden])) > span::after {
	content: none;
}

body.home .wc-block-product-template .wc-block-components-product-button > button:has(+ span:not([hidden])),
body.page-id-468 .wc-block-product-template .wc-block-components-product-button > button:has(+ span:not([hidden])) {
	background: #059669 !important;
	box-shadow: 0 7px 16px rgba(5, 150, 105, 0.18) !important;
}

body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]),
body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) {
	display: flex !important;
	flex: 0 0 42px !important;
	width: 42px !important;
}

/* This selector deliberately comes after the old “hide View Cart” rule. */
body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart,
body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart {
	width: 42px !important;
	min-width: 42px !important;
	min-height: 42px !important;
	display: grid !important;
	place-items: center !important;
	padding: 0 !important;
	border: 1px solid #10b981 !important;
	border-radius: 11px !important;
	background: #ecfdf5 !important;
	color: #047857 !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before,
body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before {
	content: "🛒";
	font-size: 18px !important;
	line-height: 1 !important;
}

/* Price hierarchy: the current price is the first visual reading point. */
body.home li.wc-block-product .wc-block-components-product-price,
body.page-id-468 li.wc-block-product .wc-block-components-product-price {
	margin-bottom: 14px !important;
	line-height: 1.35 !important;
}

body.home li.wc-block-product .wc-block-components-product-price ins,
body.home li.wc-block-product .price ins,
body.page-id-468 li.wc-block-product .wc-block-components-product-price ins,
body.page-id-468 li.wc-block-product .price ins {
	color: #047857 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

body.home li.wc-block-product .wc-block-components-product-price del,
body.home li.wc-block-product .price del,
body.page-id-468 li.wc-block-product .wc-block-components-product-price del,
body.page-id-468 li.wc-block-product .price del {
	color: #94a3b8 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}

/* Improve low-contrast supporting text without changing the visual identity. */
body.home .dt-category-card__content small,
body.page-id-468 .dt-category-card__content small,
body.home .dt-why-card__content p,
body.page-id-468 .dt-why-card__content p {
	color: #64748b !important;
	font-weight: 500 !important;
}

footer .dt-footer p,
footer .dt-footer a {
	color: #cbd5e1 !important;
}

footer .dt-footer .wp-block-site-logo img {
	filter: brightness(0) invert(1) !important;
	opacity: 0.94 !important;
}

@media (min-width: 1001px) {
	/* Keep the heading and “all categories” link visibly related. */
	body.home .dt-home-categories__heading,
	body.page-id-468 .dt-home-categories__heading {
		justify-content: flex-start !important;
		gap: 20px !important;
	}

	body.home .dt-home-categories__all,
	body.page-id-468 .dt-home-categories__all {
		color: #0f766e !important;
		font-size: 13px !important;
		font-weight: 800 !important;
	}

	/* Make the transition after “all products” intentional, not empty. */
	body.home .dt-why-troooz,
	body.page-id-468 .dt-why-troooz {
		padding: 50px 24px 62px !important;
	}

	/* The old WordPress frame and the inner footer both had large vertical
	   padding.  Reduce the empty navy area while strengthening the content. */
	body.home footer.wp-block-template-part > .wp-block-group.has-global-padding,
	body.page-id-468 footer.wp-block-template-part > .wp-block-group.has-global-padding {
		padding: 36px 50px 32px !important;
	}

	body.home footer .dt-footer,
	body.page-id-468 footer .dt-footer {
		padding: 34px 24px 20px !important;
	}

	body.home footer .dt-footer-columns,
	body.page-id-468 footer .dt-footer-columns {
		gap: 40px !important;
	}

	body.home footer .dt-footer h1,
	body.home footer .dt-footer h2,
	body.home footer .dt-footer h3,
	body.home footer .dt-footer h4,
	body.page-id-468 footer .dt-footer h1,
	body.page-id-468 footer .dt-footer h2,
	body.page-id-468 footer .dt-footer h3,
	body.page-id-468 footer .dt-footer h4 {
		margin-bottom: 10px !important;
		color: #ffffff !important;
		font-size: 18px !important;
	}

	body.home footer .dt-footer p,
	body.home footer .dt-footer a,
	body.page-id-468 footer .dt-footer p,
	body.page-id-468 footer .dt-footer a {
		font-size: 14px !important;
		line-height: 1.8 !important;
	}

	body.home footer .dt-footer .wp-block-separator,
	body.page-id-468 footer .dt-footer .wp-block-separator {
		margin: 26px 0 14px !important;
	}

	body.home footer .dt-footer-bottom,
	body.home footer .dt-footer__bottom,
	body.page-id-468 footer .dt-footer-bottom,
	body.page-id-468 footer .dt-footer__bottom {
		font-size: 12px !important;
	}
}

@media (min-width: 601px) and (max-width: 1100px) {
	body.home .wc-block-product-template .wc-block-components-product-button > button,
	body.page-id-468 .wc-block-product-template .wc-block-components-product-button > button {
		--dt-product-cta-font-size: 12px;
	}

	body.home li.wc-block-product .wc-block-components-product-price ins,
	body.home li.wc-block-product .price ins,
	body.page-id-468 li.wc-block-product .wc-block-components-product-price ins,
	body.page-id-468 li.wc-block-product .price ins {
		font-size: 16px !important;
	}
}

@media (max-width: 600px) {
	body.home .wc-block-product-template .wc-block-components-product-button,
	body.page-id-468 .wc-block-product-template .wc-block-components-product-button {
		width: 94% !important;
		gap: 6px !important;
	}

	body.home .wc-block-product-template .wc-block-components-product-button > button,
	body.page-id-468 .wc-block-product-template .wc-block-components-product-button > button {
		--dt-product-cta-font-size: 11px;
	}

	body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]),
	body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]),
	body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart,
	body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart {
		flex-basis: 36px !important;
		width: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
	}

	body.home .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before,
	body.page-id-468 .wc-block-product-template .wc-block-components-product-button > span:not([hidden]) > .added_to_cart::before {
		font-size: 16px !important;
	}

	body.home li.wc-block-product .wc-block-components-product-price,
	body.page-id-468 li.wc-block-product .wc-block-components-product-price {
		margin-bottom: 10px !important;
	}

	body.home li.wc-block-product .wc-block-components-product-price ins,
	body.home li.wc-block-product .price ins,
	body.page-id-468 li.wc-block-product .wc-block-components-product-price ins,
	body.page-id-468 li.wc-block-product .price ins {
		font-size: 14px !important;
	}

	body.home li.wc-block-product .wc-block-components-product-price del,
	body.home li.wc-block-product .price del,
	body.page-id-468 li.wc-block-product .wc-block-components-product-price del,
	body.page-id-468 li.wc-block-product .price del {
		font-size: 10px !important;
	}
}

/* =========================================================
   102. HOME DESKTOP — USE THE SCREEN WIDTH
   Keep the same 6 / 4 / 4 layout, but give the sections the same generous
   desktop canvas as the Hero instead of the old 1180px content rail.
   ========================================================= */
@media (min-width: 1001px) {
	body.home .dt-home-categories,
	body.page-id-468 .dt-home-categories,
	body.home .dt-latest-products-title,
	body.page-id-468 .dt-latest-products-title,
	body.home .wp-block-post-content > h1.wp-block-heading,
	body.page-id-468 .wp-block-post-content > h1.wp-block-heading,
	body.home .entry-content > h1.wp-block-heading,
	body.page-id-468 .entry-content > h1.wp-block-heading,
	body.home .wp-block-woocommerce-product-collection,
	body.page-id-468 .wp-block-woocommerce-product-collection,
	body.home .dt-why-troooz__inner,
	body.page-id-468 .dt-why-troooz__inner {
		width: calc(100% - 160px) !important;
		max-width: 1600px !important;
	}

	body.home .dt-home-categories,
	body.page-id-468 .dt-home-categories {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.home .dt-home-categories__inner,
	body.page-id-468 .dt-home-categories__inner {
		width: 100% !important;
		max-width: none !important;
	}

	body.home .dt-home-categories__grid,
	body.page-id-468 .dt-home-categories__grid {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 16px !important;
	}

	body.home .wc-block-product-template,
	body.home ul.wc-block-product-template,
	body.page-id-468 .wc-block-product-template,
	body.page-id-468 ul.wc-block-product-template {
		gap: 20px !important;
	}

	body.home .dt-why-troooz__grid,
	body.page-id-468 .dt-why-troooz__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 20px !important;
	}

	body.home .dt-why-card,
	body.page-id-468 .dt-why-card {
		min-height: 205px !important;
		padding: 24px 20px !important;
	}

	/* “All products” finishes the product section; Why TROOOZ starts as a
	   distinct section instead of looking attached to that button. */
	body.home .dt-why-troooz,
	body.page-id-468 .dt-why-troooz {
		margin-top: 42px !important;
		padding-top: 68px !important;
		/* Keep the intended white breathing room inside Why TROOOZ.  The
		   separate grey WordPress wrapper below it is removed independently. */
		padding-bottom: 62px !important;
	}

	/* Keep the icon, title, and description as one centered group in every
	   Why TROOOZ card. */
	body.home .dt-why-card,
	body.page-id-468 .dt-why-card {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		gap: 9px !important;
	}

	body.home .dt-why-card__icon,
	body.page-id-468 .dt-why-card__icon {
		margin: 0 auto 6px !important;
	}

	body.home .dt-why-card__content,
	body.page-id-468 .dt-why-card__content,
	body.home .dt-why-card__content h3,
	body.page-id-468 .dt-why-card__content h3,
	body.home .dt-why-card__content p,
	body.page-id-468 .dt-why-card__content p {
		width: 100% !important;
		margin-right: auto !important;
		margin-left: auto !important;
		text-align: center !important;
	}

	/* Do not leave a separate WordPress page-wrapper strip between the last
	   Why TROOOZ card and the footer. */
	body.home main#wp--skip-link--target > .wp-block-group.alignfull.has-global-padding,
	body.page-id-468 main#wp--skip-link--target > .wp-block-group.alignfull.has-global-padding,
	body.home main:has(.dt-why-troooz),
	body.page-id-468 main:has(.dt-why-troooz) {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	body.home .wp-block-spacer:has(+ footer.wp-block-template-part),
	body.page-id-468 .wp-block-spacer:has(+ footer.wp-block-template-part),
	body.home .dt-why-troooz + .wp-block-spacer,
	body.page-id-468 .dt-why-troooz + .wp-block-spacer {
		display: none !important;
	}

	body.home .wp-site-blocks > footer.wp-block-template-part,
	body.page-id-468 .wp-site-blocks > footer.wp-block-template-part {
		margin-top: 0 !important;
		margin-block-start: 0 !important;
	}
}

/* =========================================================
   HOME TABLET — REMOVE THE REAL GAP BEFORE THE FOOTER
   The theme can insert a WordPress Spacer or a block-gap wrapper after the
   last home-page section.  Remove only a spacer immediately before the
   footer (or a trailing spacer inside the home main area).
   ========================================================= */
@media (min-width: 601px) and (max-width: 1100px) {
	/* The selected outer page group has an inline 60-spacing bottom padding.
	   It is the exact grey strip displayed immediately before the footer. */
	body.home main#wp--skip-link--target > .wp-block-group.alignfull.has-global-padding,
	body.page-id-468 main#wp--skip-link--target > .wp-block-group.alignfull.has-global-padding {
		padding-bottom: 0 !important;
	}

	body.home main:has(.dt-why-troooz),
	body.page-id-468 main:has(.dt-why-troooz) {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	body.home .wp-block-spacer:has(+ footer.wp-block-template-part),
	body.page-id-468 .wp-block-spacer:has(+ footer.wp-block-template-part),
	body.home .dt-why-troooz + .wp-block-spacer,
	body.page-id-468 .dt-why-troooz + .wp-block-spacer,
	body.home main:has(.dt-why-troooz) .dt-why-troooz ~ .wp-block-spacer,
	body.page-id-468 main:has(.dt-why-troooz) .dt-why-troooz ~ .wp-block-spacer,
	body.home main:has(.dt-why-troooz) > .wp-block-spacer:last-child,
	body.page-id-468 main:has(.dt-why-troooz) > .wp-block-spacer:last-child {
		display: none !important;
		height: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.home .wp-site-blocks > footer.wp-block-template-part,
	body.page-id-468 .wp-site-blocks > footer.wp-block-template-part {
		margin: 0 !important;
		margin-block-start: 0 !important;
	}
}

/* =========================================================
   HOME TABLET — FULL-WIDTH, READABLE THREE-COLUMN FOOTER
   The WordPress wrapper supplied an oversized 60-spacing frame around the
   actual footer.  Remove that frame; spacing now belongs to the footer.
   ========================================================= */
@media (min-width: 601px) and (max-width: 1100px) {
	footer.wp-block-template-part > .wp-block-group.has-global-padding {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: var(--dt-dark) !important;
	}

	footer .dt-footer {
		padding: 46px 28px 22px !important;
		background: var(--dt-dark) !important;
	}

	footer .dt-footer-columns {
		width: 100% !important;
		max-width: 940px !important;
		display: grid !important;
		grid-template-columns: 1.3fr 1fr 1fr !important;
		gap: 24px !important;
		align-items: start !important;
		direction: rtl !important;
		text-align: right !important;
	}

	footer .dt-footer-columns > * {
		min-width: 0 !important;
		text-align: right !important;
	}

	footer .dt-footer .wp-block-site-logo img {
		width: 66px !important;
		height: 66px !important;
	}

	footer .dt-footer h1,
	footer .dt-footer h2,
	footer .dt-footer h3,
	footer .dt-footer h4 {
		margin-bottom: 10px !important;
		font-size: 16px !important;
		line-height: 1.45 !important;
	}

	footer .dt-footer p,
	footer .dt-footer a {
		font-size: 12.5px !important;
		line-height: 1.8 !important;
	}

	footer .dt-footer ul {
		margin: 0 !important;
		padding: 0 !important;
	}

	footer .dt-footer li {
		margin-bottom: 6px !important;
	}

	footer .dt-footer .wp-block-social-link {
		width: 32px !important;
		height: 32px !important;
	}

	footer .dt-footer .wp-block-separator {
		margin: 28px auto 15px !important;
	}

	footer .dt-footer-bottom,
	footer .dt-footer__bottom {
		font-size: 10.5px !important;
		text-align: center !important;
	}
}

/* Keep the tablet hero compact without changing its internal layout. */
@media (min-width: 601px) and (max-width: 1100px) {
	body.home .dt-home-hero,
	body.page-id-468 .dt-home-hero {
		padding: 40px 20px 44px !important;
	}

	.dt-home-categories {
		margin-top: 8px !important;
	}
}

/* Keep every tablet product card on the same vertical rhythm without ever
   truncating a product name.  Three lines are reserved for every title. */
@media (min-width: 601px) and (max-width: 1100px) {
	body.home li.wc-block-product .wp-block-post-title,
	body.home li.wc-block-product .wc-block-components-product-name,
	body.page-id-468 li.wc-block-product .wp-block-post-title,
	body.page-id-468 li.wc-block-product .wc-block-components-product-name {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: auto !important;
		min-height: 70px !important;
		max-height: none !important;
		-webkit-line-clamp: unset !important;
		overflow: visible !important;
		white-space: normal !important;
		text-align: center !important;
	}
}

/* WooCommerce adds this second "View cart" link after an item is added.
   The green product button already communicates that state, so hide only
   the duplicate link. */
body.home .wc-block-product-template .added_to_cart,
body.home .wc-block-product-template .wc-forward,
body.page-id-468 .wc-block-product-template .added_to_cart,
body.page-id-468 .wc-block-product-template .wc-forward,
body.single-product .related .added_to_cart,
body.single-product .related .wc-forward,
body.single-product .wp-block-woocommerce-product-collection .added_to_cart,
body.single-product .wp-block-woocommerce-product-collection .wc-forward {
	display: none !important;
}

/* Product names in the mini-cart remain links, but without the default
   browser underline. */
.wc-block-mini-cart__items .wc-block-components-product-name,
.wc-block-mini-cart__items .wc-block-cart-item__product-name,
.wc-block-mini-cart__items .wc-block-cart-item__product > a,
.wc-block-mini-cart__items .dt-mini-name {
	text-decoration: none !important;
}

/* Enlarge only the mini-cart product image and let it sit closer to the
   card edges; the adjacent product information remains untouched. */
.wc-block-mini-cart__items .wc-block-cart-item__image {
	flex: 0 0 84px !important;
	width: 84px !important;
	height: 84px !important;
	min-width: 84px !important;
	max-width: 84px !important;
	min-height: 84px !important;
	max-height: 84px !important;
	margin: -5px -5px -5px 0 !important;
}

.wc-block-mini-cart__items .wc-block-cart-item__image a,
.wc-block-mini-cart__items .wc-block-cart-item__image img {
	width: 84px !important;
	height: 84px !important;
	min-width: 84px !important;
	max-width: 84px !important;
	min-height: 84px !important;
	max-height: 84px !important;
}

/* Product art stays a square: never stretch or crop it when the cart row is
   taller because a product name wraps. */
.wc-block-mini-cart__items .wc-block-cart-item__image {
	align-self: flex-start !important;
	height: 84px !important;
	min-height: 84px !important;
	max-height: 84px !important;
}

.wc-block-mini-cart__items .wc-block-cart-item__image a,
.wc-block-mini-cart__items .wc-block-cart-item__image img {
	height: 84px !important;
	min-height: 84px !important;
	max-height: 84px !important;
	object-fit: contain !important;
	background: #ffffff !important;
}

/* WooCommerce's active mini-cart markup renders the thumbnail directly in
   the cart table row.  This is the actual image shown in DevTools. */
.wc-block-mini-cart__items tr.wc-block-cart-items__row img {
	width: 84px !important;
	height: 84px !important;
	min-width: 84px !important;
	min-height: 84px !important;
	max-width: 84px !important;
	max-height: 84px !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: contain !important;
	object-position: center !important;
	display: block !important;
	background: #ffffff !important;
}

/* Active Woo Blocks drawer markup: target the image through the drawer and
   cart row classes shown in the live DOM, not an optional inner wrapper. */
.wc-block-mini-cart__drawer tr.wc-block-cart-items__row img,
.wc-block-components-drawer__content tr.wc-block-cart-items__row img {
	width: 84px !important;
	height: 84px !important;
	min-width: 84px !important;
	min-height: 84px !important;
	max-width: 84px !important;
	max-height: 84px !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: contain !important;
	object-position: center !important;
	display: block !important;
	background: #ffffff !important;
}

/* SIDEBAR CART — make the sale price the clear focal point, while keeping
   a deliberate breathing space before the crossed-out regular price. */
.wc-block-mini-cart__drawer .wc-block-cart-item__prices .price.wc-block-components-product-price,
.wc-block-components-drawer__content .wc-block-cart-item__prices .price.wc-block-components-product-price,
.wc-block-mini-cart__items .wc-block-cart-item__prices .price.wc-block-components-product-price {
	display: inline-flex !important;
	align-items: baseline !important;
	column-gap: 8px !important;
	direction: rtl !important;
	white-space: nowrap !important;
}

/* WooCommerce keeps a normal-price template in the same row with [hidden].
   Our flex declaration must never override that hidden state. */
.wc-block-mini-cart__drawer .wc-block-cart-item__prices .price[hidden],
.wc-block-components-drawer__content .wc-block-cart-item__prices .price[hidden],
.wc-block-mini-cart__items .wc-block-cart-item__prices .price[hidden] {
	display: none !important;
}

/* The drawer has a separate line-total column.  The unit price above already
   shows the current price, so hide this duplicate total in the compact card. */
.wc-block-mini-cart__drawer .wc-block-cart-item__total,
.wc-block-components-drawer__content .wc-block-cart-item__total {
	display: none !important;
}

.wc-block-mini-cart__drawer .wc-block-cart-item__prices ins,
.wc-block-components-drawer__content .wc-block-cart-item__prices ins,
.wc-block-mini-cart__items .wc-block-cart-item__prices ins {
	color: #047857 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.45 !important;
	text-decoration: none !important;
}

.wc-block-mini-cart__drawer .wc-block-cart-item__prices del,
.wc-block-components-drawer__content .wc-block-cart-item__prices del,
.wc-block-mini-cart__items .wc-block-cart-item__prices del {
	color: #94a3b8 !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	text-decoration-thickness: 1px !important;
}

/* Use the available desktop hero space for the main message, while leaving
   the featured-product card and the two-column layout unchanged. */
@media (min-width: 1001px) {
	body.home .dt-home-hero__content,
	body.page-id-468 .dt-home-hero__content {
		max-width: 780px !important;
	}

	body.home .dt-home-hero__badge,
	body.page-id-468 .dt-home-hero__badge {
		font-size: 14px !important;
	}

	body.home .dt-home-hero__title,
	body.page-id-468 .dt-home-hero__title {
		max-width: 780px !important;
		font-size: clamp(52px, 4.2vw, 68px) !important;
		line-height: 1.18 !important;
	}

	body.home .dt-home-hero__text,
	body.page-id-468 .dt-home-hero__text {
		max-width: 720px !important;
		font-size: 18px !important;
		line-height: 1.85 !important;
	}

	body.home .dt-home-hero__btn,
	body.page-id-468 .dt-home-hero__btn {
		font-size: 14px !important;
	}
}

/* DESKTOP HERO — use the full available screen area.  This intentionally
   overrides the older 1200px layout only on wide screens; tablet and mobile
   keep their current compact arrangement. */
@media (min-width: 1001px) {
	body.home .dt-home-hero,
	body.page-id-468 .dt-home-hero {
		padding: 28px 48px 34px !important;
	}

	body.home .dt-home-hero__inner,
	body.page-id-468 .dt-home-hero__inner {
		width: calc(100% - 120px) !important;
		max-width: 1600px !important;
		grid-template-columns: 420px minmax(0, 1fr) !important;
		gap: clamp(80px, 7vw, 140px) !important;
	}

	body.home .dt-home-hero__visual,
	body.page-id-468 .dt-home-hero__visual {
		max-width: 420px !important;
	}

	body.home .dt-hero-product-card.dt-hero-featured,
	body.page-id-468 .dt-hero-product-card.dt-hero-featured {
		padding: 14px !important;
	}

	body.home .dt-hero-product-card > a.dt-hero-featured-image-link,
	body.page-id-468 .dt-hero-product-card > a.dt-hero-featured-image-link {
		height: 330px !important;
		min-height: 330px !important;
	}

	body.home .dt-home-hero__content,
	body.page-id-468 .dt-home-hero__content {
		max-width: 920px !important;
		justify-self: end !important;
	}

	body.home .dt-home-hero__title,
	body.page-id-468 .dt-home-hero__title {
		max-width: 920px !important;
		font-size: clamp(56px, 4.4vw, 76px) !important;
	}

	body.home .dt-home-hero__text,
	body.page-id-468 .dt-home-hero__text {
		max-width: 840px !important;
		font-size: 20px !important;
	}

	body.home .dt-home-hero__features,
	body.page-id-468 .dt-home-hero__features {
		max-width: 700px !important;
		margin-right: 0 !important;
		margin-left: auto !important;
	}
}

/* Make the current price the visual priority on tablet product cards. */
@media (min-width: 601px) and (max-width: 1100px) {
	body.home li.wc-block-product .wc-block-components-product-price,
	body.page-id-468 li.wc-block-product .wc-block-components-product-price {
		font-size: 14px !important;
	}

	body.home li.wc-block-product .wc-block-components-product-price ins,
	body.home li.wc-block-product .price ins,
	body.page-id-468 li.wc-block-product .wc-block-components-product-price ins,
	body.page-id-468 li.wc-block-product .price ins {
		font-size: 16px !important;
		font-weight: 800 !important;
	}

	body.home li.wc-block-product .wc-block-components-product-price del,
	body.home li.wc-block-product .price del,
	body.page-id-468 li.wc-block-product .wc-block-components-product-price del,
	body.page-id-468 li.wc-block-product .price del {
		font-size: 11px !important;
	}
}

/* Remove the WordPress block gap before the footer.  The visual breathing
   room below Why TROOOZ is controlled only by its padding, not by a second
   grey strip from the page template. */
@media (min-width: 601px) and (max-width: 1100px) {
	body.home .dt-why-troooz,
	body.page-id-468 .dt-why-troooz {
		padding-bottom: 18px !important;
	}

	body.home .wp-site-blocks > main + footer.wp-block-template-part,
	body.page-id-468 .wp-site-blocks > main + footer.wp-block-template-part,
	body.home main:has(.dt-why-troooz) + footer.wp-block-template-part,
	body.page-id-468 main:has(.dt-why-troooz) + footer.wp-block-template-part {
		margin-top: 0 !important;
		margin-block-start: 0 !important;
	}
}

/* =========================================================
   MOBILE — up to 600px
   ========================================================= */
@media (max-width: 600px) {

	body.home .dt-latest-products-title,
	body.page-id-468 .dt-latest-products-title,
	body.home .wp-block-post-content > h1.wp-block-heading,
	body.page-id-468 .wp-block-post-content > h1.wp-block-heading,
	body.home .entry-content > h1.wp-block-heading,
	body.page-id-468 .entry-content > h1.wp-block-heading {
		width: calc(100% - 30px) !important;
		margin: 28px auto 17px !important;
		padding: 0 8px !important;
		font-size: 27px !important;
		line-height: 1.35 !important;
	}

	body.home .wp-block-woocommerce-product-collection,
	body.page-id-468 .wp-block-woocommerce-product-collection {
		width: calc(100% - 18px) !important;
		margin: 0 auto !important;
	}

	body.home .wc-block-product-template,
	body.home ul.wc-block-product-template,
	body.page-id-468 .wc-block-product-template,
	body.page-id-468 ul.wc-block-product-template {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 9px !important;
	}

	body.home li.wc-block-product,
	body.page-id-468 li.wc-block-product {
		padding: 7px 7px 11px !important;
		border-radius: 11px !important;
	}

	body.home li.wc-block-product .wp-block-post-title,
	body.home li.wc-block-product .wc-block-components-product-name,
	body.page-id-468 li.wc-block-product .wp-block-post-title,
	body.page-id-468 li.wc-block-product .wc-block-components-product-name {
		min-height: 42px !important;
		font-size: 12.5px !important;
		line-height: 1.55 !important;
	}

	body.home li.wc-block-product .wc-block-components-product-price,
	body.page-id-468 li.wc-block-product .wc-block-components-product-price {
		margin-bottom: 9px !important;
		font-size: 12px !important;
	}

	body.home li.wc-block-product .wc-block-components-product-button__button,
	body.home li.wc-block-product .wp-block-button__link,
	body.page-id-468 li.wc-block-product .wc-block-components-product-button__button,
	body.page-id-468 li.wc-block-product .wp-block-button__link {
		width: 94% !important;
		min-height: 35px !important;
		font-size: 11px !important;
	}

	body.home .wp-block-post-content > .wp-block-buttons,
	body.page-id-468 .wp-block-post-content > .wp-block-buttons,
	body.home .entry-content > .wp-block-buttons,
	body.page-id-468 .entry-content > .wp-block-buttons {
		margin-top: 24px !important;
	}

	/* Why TROOOZ remains a readable 2 × 2 grid on phones. */
	body.home .dt-why-troooz,
	body.page-id-468 .dt-why-troooz {
		margin-top: 18px !important;
		padding: 36px 12px 28px !important;
		background: #ffffff !important;
	}

	body.home .dt-why-troooz__inner,
	body.page-id-468 .dt-why-troooz__inner {
		width: 100% !important;
		max-width: 390px !important;
		margin: 0 auto !important;
	}

	body.home .dt-why-troooz__heading,
	body.page-id-468 .dt-why-troooz__heading {
		max-width: 360px !important;
		margin: 0 auto 20px !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz__eyebrow,
	body.page-id-468 .dt-why-troooz__eyebrow {
		margin: 0 0 5px !important;
		font-size: 13px !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz__heading h2,
	body.page-id-468 .dt-why-troooz__heading h2 {
		margin: 0 0 8px !important;
		font-size: 28px !important;
		line-height: 1.35 !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz__heading p,
	body.page-id-468 .dt-why-troooz__heading p {
		max-width: 350px !important;
		margin: 0 auto !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		line-height: 1.8 !important;
		text-align: center !important;
	}

	body.home .dt-why-troooz__grid,
	body.page-id-468 .dt-why-troooz__grid {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.home .dt-why-troooz__grid > .dt-why-card,
	body.page-id-468 .dt-why-troooz__grid > .dt-why-card {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 166px !important;
		margin: 0 !important;
		padding: 14px 9px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 6px !important;
		text-align: center !important;
		border-radius: 14px !important;
	}

	body.home .dt-why-card__icon,
	body.page-id-468 .dt-why-card__icon {
		width: 42px !important;
		height: 42px !important;
		flex: 0 0 42px !important;
		margin: 0 auto 5px !important;
	}

	body.home .dt-why-card__content,
	body.page-id-468 .dt-why-card__content {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: center !important;
	}

	body.home .dt-why-card__content h3,
	body.page-id-468 .dt-why-card__content h3 {
		margin: 0 0 6px !important;
		font-size: 14px !important;
		line-height: 1.45 !important;
		text-align: center !important;
	}

	body.home .dt-why-card__content p,
	body.page-id-468 .dt-why-card__content p {
		margin: 0 !important;
		font-size: 10.5px !important;
		font-weight: 500 !important;
		line-height: 1.65 !important;
		text-align: center !important;
	}

	body.home footer.wp-block-template-part,
	body.page-id-468 footer.wp-block-template-part {
		margin-top: 0 !important;
	}
}


/* Compact product availability and delivery row */
body.woocommerce-shop li.wc-block-product > .wc-block-components-product-image {
	order: 1 !important;
}

body.woocommerce-shop li.wc-block-product > .dt-product-card-meta {
	order: 2 !important;
	flex: 0 0 30px !important;
	width: 100% !important;
	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	direction: rtl !important;
	margin: 5px 0 4px !important;
	padding: 0 2px !important;
	background: transparent !important;
	border: 0 !important;
	overflow: visible !important;
}

body.woocommerce-shop li.wc-block-product > .wp-block-post-title {
	order: 3 !important;
}

body.woocommerce-shop li.wc-block-product > .wp-block-woocommerce-product-price {
	order: 4 !important;
}

body.woocommerce-shop li.wc-block-product > .wc-block-components-product-button {
	order: 5 !important;
}

body.woocommerce-shop .dt-product-card-meta .dt-product-card-status {
	position: static !important;
	flex: 0 0 auto !important;
	min-height: 22px !important;
	padding: 3px 8px !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	font-size: 9px !important;
	line-height: 1 !important;
}

body.woocommerce-shop .dt-product-card-meta .dt-product-card-delivery {
	flex: 0 0 auto !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: #64748b !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}

body.woocommerce-shop .dt-product-card-meta .dt-product-card-delivery > span {
	font-size: 11px !important;
	line-height: 1 !important;
}


/* Place delivery and availability as small overlays on the image itself. */
body.woocommerce-shop li.wc-block-product {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	align-content: start !important;
}

body.woocommerce-shop li.wc-block-product > .wc-block-components-product-image {
	grid-column: 1 !important;
	grid-row: 1 !important;
}

body.woocommerce-shop li.wc-block-product > .dt-product-card-meta {
	grid-column: 1 !important;
	grid-row: 1 !important;
	align-self: end !important;
	z-index: 3 !important;
	width: auto !important;
	height: 28px !important;
	min-height: 28px !important;
	max-height: 28px !important;
	margin: 0 8px 8px !important;
	padding: 0 !important;
	pointer-events: none !important;
}

body.woocommerce-shop li.wc-block-product > .wp-block-post-title {
	grid-column: 1 !important;
	grid-row: 2 !important;
}

body.woocommerce-shop li.wc-block-product > .wp-block-woocommerce-product-price {
	grid-column: 1 !important;
	grid-row: 3 !important;
}

body.woocommerce-shop li.wc-block-product > .wc-block-components-product-button {
	grid-column: 1 !important;
	grid-row: 4 !important;
}

body.woocommerce-shop .dt-product-card-meta .dt-product-card-delivery {
	padding: 4px 7px !important;
	background: rgba(255, 255, 255, 0.92) !important;
	border: 1px solid rgba(255, 255, 255, 0.75) !important;
	border-radius: 999px !important;
	box-shadow: 0 2px 7px rgba(15, 23, 42, 0.12) !important;
	color: #475569 !important;
	font-size: 9px !important;
}

body.woocommerce-shop .dt-product-card-meta .dt-product-card-delivery > span {
	color: #f59e0b !important;
	font-size: 10px !important;
}


/* Keep the delivery lightning icon from inheriting the product-image size. */
body.woocommerce-shop .dt-product-card-meta .dt-product-card-delivery {
	width: auto !important;
	height: 22px !important;
	min-height: 22px !important;
	max-height: 22px !important;
	display: inline-flex !important;
	flex: 0 0 auto !important;
	overflow: hidden !important;
}

body.woocommerce-shop .dt-product-card-meta .dt-product-card-delivery img.emoji {
	display: inline-block !important;
	width: 10px !important;
	height: 10px !important;
	min-width: 10px !important;
	min-height: 10px !important;
	max-width: 10px !important;
	max-height: 10px !important;
	margin: 0 3px 0 0 !important;
	object-fit: contain !important;
}


/* Keep the artwork clear: show delivery and stock as one compact row below the price. */
body.woocommerce-shop li.wc-block-product > .dt-product-card-meta {
	grid-column: 1 !important;
	grid-row: 4 !important;
	align-self: center !important;
	z-index: 1 !important;
	margin: 0 8px 8px !important;
}

body.woocommerce-shop li.wc-block-product > .wc-block-components-product-button {
	grid-column: 1 !important;
	grid-row: 5 !important;
}


/* Use a compact delivery label so limited-stock text never runs outside the card. */
body.woocommerce-shop .dt-product-card-meta .dt-product-card-delivery {
	font-size: 0 !important;
	gap: 3px !important;
}

body.woocommerce-shop .dt-product-card-meta .dt-product-card-delivery > span {
	display: none !important;
}

body.woocommerce-shop .dt-product-card-meta .dt-product-card-delivery::before {
	content: "⚡";
	color: #f59e0b !important;
	font-size: 10px !important;
	line-height: 1 !important;
}

body.woocommerce-shop .dt-product-card-meta .dt-product-card-delivery::after {
	content: "5–15 دقيقة";
	color: #475569 !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}


/* =========================================================
   HEADER WISHLIST
   ========================================================= */

.dt-header-wishlist {
	width: 42px !important;
	height: 42px !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	flex: 0 0 42px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #f1f5f9 !important;
	color: #0f172a !important;

	border: 0 !important;
	border-radius: 11px !important;

	text-decoration: none !important;

	transition: background .2s ease, color .2s ease, transform .2s ease !important;
}

.dt-header-wishlist svg {
	width: 20px !important;
	height: 20px !important;

	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.dt-header-wishlist:hover {
	background: #ecfdf5 !important;
	color: #059669 !important;
	transform: translateY(-1px) !important;
}


/* =========================================================
   WISHLIST PAGE
   ========================================================= */

.dt-wishlist-page {
	width: min(1240px, calc(100% - 40px)) !important;
	margin: 0 auto !important;
	padding: 72px 0 96px !important;
}

.dt-wishlist-page__header {
	margin: 0 0 38px !important;
	text-align: center !important;
}

.dt-wishlist-page__eyebrow {
	display: block !important;
	margin-bottom: 7px !important;
	color: #059669 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
}

.dt-wishlist-page__header h1 {
	margin: 0 !important;
	color: #0f172a !important;
	font-size: clamp(30px, 4vw, 44px) !important;
	font-weight: 900 !important;
	line-height: 1.25 !important;
}

.dt-wishlist-page__header p {
	margin: 10px 0 0 !important;
	color: #64748b !important;
	font-size: 15px !important;
}

.dt-wishlist-page__grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 18px !important;
}

.dt-wishlist-page-card {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	overflow: hidden !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	box-shadow: 0 7px 20px rgba(15, 23, 42, .05) !important;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.dt-wishlist-page-card:hover {
	transform: translateY(-3px) !important;
	border-color: #bbf7d0 !important;
	box-shadow: 0 14px 28px rgba(15, 23, 42, .09) !important;
}

.dt-wishlist-page-card__image {
	display: block !important;
	aspect-ratio: 1 / 1 !important;
	margin: 10px 10px 0 !important;
	overflow: hidden !important;
	border-radius: 11px !important;
}

.dt-wishlist-page-card__image img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.dt-wishlist-page-card__content {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	align-items: stretch !important;
	padding: 14px !important;
	text-align: center !important;
}

.dt-wishlist-page-card__title {
	min-height: 46px !important;
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.65 !important;
}

.dt-wishlist-page-card__title a {
	color: #0f172a !important;
	text-decoration: none !important;
}

.dt-wishlist-page-card__price {
	margin: 10px 0 14px !important;
	color: #059669 !important;
	font-size: 15px !important;
	font-weight: 900 !important;
}

.dt-wishlist-page-card__price del {
	margin-inline-start: 6px !important;
	color: #94a3b8 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}

.dt-wishlist-page-card__link,
.dt-wishlist-page-empty a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	padding: 0 18px !important;
	background: #0f172a !important;
	color: #ffffff !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.dt-wishlist-page-card__link {
	margin-top: auto !important;
}

.dt-wishlist-page-empty {
	grid-column: 1 / -1 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 280px !important;
	padding: 40px !important;
	background: #ffffff !important;
	border: 1px dashed #cbd5e1 !important;
	border-radius: 18px !important;
	text-align: center !important;
}

.dt-wishlist-page-empty svg {
	width: 38px !important;
	height: 38px !important;
	margin-bottom: 12px !important;
	fill: none !important;
	stroke: #059669 !important;
	stroke-width: 1.6 !important;
}

.dt-wishlist-page-empty h2 {
	margin: 0 !important;
	color: #0f172a !important;
	font-size: 20px !important;
}

.dt-wishlist-page-empty p {
	margin: 8px 0 20px !important;
	color: #64748b !important;
	font-size: 14px !important;
}

@media (max-width: 900px) {
	.dt-wishlist-page__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 540px) {
	.dt-wishlist-page {
		width: min(100% - 28px, 1240px) !important;
		padding: 48px 0 64px !important;
	}

	.dt-wishlist-page__grid {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}
}


/* The page title is already rendered inside the wishlist layout. */
body.page-id-183 .wp-block-post-title {
	display: none !important;
}



/* =========================================================
   TROOOZ - HEADER WISHLIST
   ========================================================= */

.dt-header-wishlist {
	position: relative !important;

	width: 42px !important;
	height: 42px !important;

	flex: 0 0 42px !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #f1f5f9 !important;

	color: #334155 !important;

	border: 0 !important;
	border-radius: 12px !important;

	text-decoration: none !important;

	box-shadow: none !important;

	transition:
		background .2s ease,
		color .2s ease,
		transform .2s ease !important;
}


.dt-header-wishlist:hover {
	background: #ecfdf5 !important;

	color: #059669 !important;

	transform: translateY(-1px) !important;
}


.dt-header-wishlist__icon {
	width: 20px !important;
	height: 20px !important;

	fill: none !important;

	stroke: currentColor !important;
	stroke-width: 1.8 !important;

	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}


/* Counter */

.dt-header-wishlist__count {
	position: absolute !important;

	top: -5px !important;
	right: -5px !important;

	min-width: 18px !important;
	height: 18px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	padding: 0 4px !important;

	background: #059669 !important;

	color: #ffffff !important;

	border: 2px solid #ffffff !important;
	border-radius: 999px !important;

	font-size: 9px !important;
	font-weight: 800 !important;

	line-height: 1 !important;

	pointer-events: none !important;
}


.dt-header-wishlist__count[hidden] {
	display: none !important;
}

/* =========================================================
   WISHLIST PAGE — SHOP GRID ALIGNMENT
   ========================================================= */

/* Let the wishlist use the same wide product area as the shop. */
body.page-id-183 main > .wp-block-group {
	padding-top: 40px !important;
	padding-bottom: 64px !important;
}

body.page-id-183 .entry-content,
body.page-id-183 .wp-block-post-content {
	max-width: none !important;
}

body.page-id-183 .dt-wishlist-page {
	width: min(1240px, calc(100vw - 40px)) !important;
	max-width: 1240px !important;
	margin-inline: auto !important;
	padding: 48px 0 72px !important;
}

body.page-id-183 .dt-wishlist-page__header {
	margin-bottom: 32px !important;
}

body.page-id-183 .dt-wishlist-page__grid {
	width: 100% !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 20px !important;
}

/* Match the shop cards: clear artwork, readable title, stable action. */
body.page-id-183 .dt-wishlist-page-card {
	min-height: 100% !important;
	border-color: #e2e8f0 !important;
	border-radius: 14px !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, .05) !important;
}

body.page-id-183 .dt-wishlist-page-card__image {
	aspect-ratio: 1 / 1 !important;
	margin: 10px 10px 0 !important;
	border-radius: 10px !important;
}

body.page-id-183 .dt-wishlist-page-card__content {
	padding: 13px 12px 12px !important;
}

body.page-id-183 .dt-wishlist-page-card__title {
	min-height: 48px !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

body.page-id-183 .dt-wishlist-page-card__title a {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	overflow: hidden !important;
}

body.page-id-183 .dt-wishlist-page-card .price {
	margin: 10px 0 14px !important;
	font-size: 14px !important;
}

@media (max-width: 1024px) {
	body.page-id-183 .dt-wishlist-page__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 760px) {
	body.page-id-183 .dt-wishlist-page {
		width: min(100% - 28px, 620px) !important;
		padding: 36px 0 56px !important;
	}

	body.page-id-183 .dt-wishlist-page__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
}

@media (max-width: 460px) {
	body.page-id-183 .dt-wishlist-page__grid {
		grid-template-columns: 1fr !important;
	}
}


/* =========================================================
   WISHLIST PAGE — COMPACT TOP SPACING
   ========================================================= */

/* Remove the stacked theme spacing above the wishlist title. */
body.page-id-183 main {
	margin-top: 0 !important;
}

body.page-id-183 main > .wp-block-group {
	padding-top: 32px !important;
}

body.page-id-183 .entry-content {
	margin-top: 0 !important;
}

body.page-id-183 .dt-wishlist-page {
	padding-top: 40px !important;
}


/* =========================================================
   HEADER WISHLIST — MATCH CART BADGE
   ========================================================= */

.dt-header-wishlist__count {
	top: 7px !important;
	right: auto !important;
	left: 5px !important;

	width: 14px !important;
	min-width: 14px !important;
	height: 14px !important;

	padding: 0 !important;
	border: 0 !important;
	border-radius: 10px !important;

	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 10px !important;
}


/* =========================================================
   INFORMATION PAGES — COMPACT TOP SPACING
   Payment, delivery, and refund policy
   ========================================================= */

body.page-id-75 main,
body.page-id-76 main,
body.page-id-11 main {
	margin-top: 0 !important;
}

body.page-id-75 main > .wp-block-group,
body.page-id-76 main > .wp-block-group,
body.page-id-11 main > .wp-block-group {
	padding-top: 32px !important;
}

body.page-id-75 .entry-content,
body.page-id-76 .entry-content,
body.page-id-11 .entry-content {
	margin-top: 0 !important;
}

body.page-id-75 .dt-info-page,
body.page-id-76 .dt-info-page,
body.page-id-11 .dt-info-page {
	margin-top: 40px !important;
}


/* =========================================================
   HOME CATEGORIES — CENTERED DESKTOP LAYOUT
   ========================================================= */

.dt-home-categories__heading {
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	text-align: center !important;
}

.dt-home-categories__heading > div,
.dt-home-categories__heading h2,
.dt-home-categories__eyebrow,
.dt-home-categories__all {
	text-align: center !important;
}

.dt-home-categories__all {
	align-self: center !important;
}

.dt-home-categories__grid {
	justify-content: center !important;
}

.dt-category-card {
	align-items: center !important;
	text-align: center !important;
}

.dt-category-card__content {
	align-items: center !important;
	text-align: center !important;
}

.dt-category-card__arrow {
	align-self: center !important;
}


/* Final specificity: override the original desktop alignment. */
body .dt-home-categories .dt-home-categories__heading {
	align-items: center !important;
	justify-content: center !important;
}

body .dt-home-categories .dt-home-categories__heading > div {
	align-self: center !important;
}

body .dt-home-categories .dt-category-card,
body .dt-home-categories .dt-category-card__icon {
	align-items: center !important;
	align-self: center !important;
}


body .dt-home-categories .dt-category-card__arrow {
	position: static !important;
	left: auto !important;
	right: auto !important;
	margin-inline: auto !important;
}


/* HOME CATEGORIES — CENTER THE ENTIRE DESKTOP SECTION */
body.home .wp-block-woocommerce-product-collection .dt-home-categories {
	width: min(1024px, calc(100% - 40px)) !important;
	margin-inline: auto !important;
}


/* =========================================================
   WISHLIST PAGE V2
   ========================================================= */
body.page-id-183 .dt-wishlist-page--v2 {
	width: min(1240px, calc(100% - 40px)) !important;
	max-width: 1240px !important;
	margin-inline: auto !important;
	padding: 26px 0 72px !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page__header {
	max-width: 680px !important;
	margin: 0 auto 30px !important;
	text-align: center !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page__eyebrow {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 28px !important;
	margin: 0 0 8px !important;
	padding: 0 12px !important;
	background: #ecfdf5 !important;
	color: #047857 !important;
	border: 1px solid #bbf7d0 !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page__header h1 {
	margin: 0 !important;
	color: #0f172a !important;
	font-size: clamp(32px, 4vw, 46px) !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	letter-spacing: -.035em !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page__header p {
	margin: 10px 0 0 !important;
	color: #64748b !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.8 !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page__grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 20px !important;
	width: 100% !important;
	align-items: stretch !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	height: 100% !important;
	overflow: hidden !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 20px !important;
	box-shadow: 0 8px 22px rgba(15, 23, 42, .045) !important;
	transition: transform .22s ease, box-shadow .22s ease, opacity .22s ease !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 16px 32px rgba(15, 23, 42, .10) !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card.is-removing {
	opacity: 0 !important;
	transform: scale(.96) !important;
	pointer-events: none !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__image {
	display: block !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
	background: #f8fafc !important;
	text-decoration: none !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__image img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	object-fit: cover !important;
	transition: transform .32s ease !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card:hover .dt-wishlist-page-card__image img {
	transform: scale(1.035) !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__icon-remove {
	position: absolute !important;
	z-index: 2 !important;
	top: 12px !important;
	right: 12px !important;
	width: 38px !important;
	height: 38px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	background: rgba(255, 255, 255, .94) !important;
	color: #64748b !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 999px !important;
	box-shadow: 0 4px 12px rgba(15, 23, 42, .08) !important;
	cursor: pointer !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__icon-remove.is-active,
body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__icon-remove:hover {
	background: #fff1f2 !important;
	color: #e11d48 !important;
	border-color: #fecdd3 !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__icon-remove svg,
body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__remove svg {
	width: 18px !important;
	height: 18px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__icon-remove.is-active svg {
	fill: currentColor !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__content {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	min-width: 0 !important;
	padding: 15px !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__title {
	min-height: 48px !important;
	margin: 0 !important;
	color: #0f172a !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1.6 !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__title a {
	display: -webkit-box !important;
	overflow: hidden !important;
	color: inherit !important;
	text-decoration: none !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__title a:hover {
	color: #047857 !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__price {
	display: flex !important;
	align-items: baseline !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	min-height: 26px !important;
	margin: 10px 0 16px !important;
	color: #047857 !important;
	font-size: 16px !important;
	font-weight: 900 !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__price ins {
	color: #047857 !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__price del {
	color: #94a3b8 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__actions {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, .78fr) !important;
	gap: 8px !important;
	margin-top: auto !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__buy,
body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__remove {
	min-height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border-radius: 12px !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__buy {
	background: #0f172a !important;
	color: #ffffff !important;
	border: 1px solid #0f172a !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__buy:hover {
	background: #059669 !important;
	border-color: #059669 !important;
	color: #ffffff !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__remove {
	background: #ffffff !important;
	color: #dc2626 !important;
	border: 1px solid #fecaca !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__remove:hover {
	background: #fff1f2 !important;
	border-color: #fda4af !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-empty {
	grid-column: 1 / -1 !important;
	width: min(560px, 100%) !important;
	display: flex !important;
	align-items: center !important;
	flex-direction: column !important;
	margin: 4px auto 0 !important;
	padding: 54px 34px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 24px !important;
	box-shadow: 0 12px 28px rgba(15, 23, 42, .05) !important;
	text-align: center !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-empty__icon {
	width: 64px !important;
	height: 64px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 18px !important;
	background: #fff1f2 !important;
	color: #e11d48 !important;
	border-radius: 20px !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-empty__icon svg {
	width: 30px !important;
	height: 30px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.7 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-empty h2 {
	margin: 0 !important;
	color: #0f172a !important;
	font-size: 24px !important;
	font-weight: 900 !important;
	line-height: 1.35 !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-empty p {
	max-width: 390px !important;
	margin: 10px 0 22px !important;
	color: #64748b !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.8 !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-empty a {
	min-height: 44px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 22px !important;
	background: #059669 !important;
	color: #ffffff !important;
	border-radius: 12px !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-empty a:hover {
	background: #047857 !important;
	color: #ffffff !important;
}

@media (max-width: 1100px) {
	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 16px !important;
	}
}

@media (max-width: 720px) {
	body.page-id-183 .dt-wishlist-page--v2 {
		width: min(100% - 24px, 560px) !important;
		padding: 20px 0 48px !important;
	}

	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page__header {
		margin-bottom: 22px !important;
	}

	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page__header p {
		font-size: 14px !important;
	}

	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card {
		border-radius: 16px !important;
	}

	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__icon-remove {
		top: 8px !important;
		right: 8px !important;
		width: 34px !important;
		height: 34px !important;
	}

	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__content {
		padding: 11px !important;
	}

	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__title {
		min-height: 44px !important;
		font-size: 13px !important;
		line-height: 1.55 !important;
	}

	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__price {
		margin: 7px 0 11px !important;
		font-size: 14px !important;
	}

	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__actions {
		grid-template-columns: 1fr !important;
		gap: 6px !important;
	}

	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__buy,
	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-card__remove {
		min-height: 37px !important;
		font-size: 12px !important;
		border-radius: 10px !important;
	}

	body.page-id-183 .dt-wishlist-page--v2 .dt-wishlist-page-empty {
		padding: 38px 20px !important;
		border-radius: 18px !important;
	}
}


/* =========================================================
   FIXED GLASS HEADER
   ========================================================= */
:root {
	--dt-site-header-height: 81px;
}

body > .wp-site-blocks > header.wp-block-template-part {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	left: 0 !important;
	z-index: 10000 !important;
	width: 100% !important;
	background: rgba(255, 255, 255, .78) !important;
	border-bottom: 1px solid rgba(226, 232, 240, .82) !important;
	box-shadow: 0 3px 16px rgba(15, 23, 42, .045) !important;
	-webkit-backdrop-filter: blur(16px) saturate(165%) !important;
	backdrop-filter: blur(16px) saturate(165%) !important;
	transition: background .2s ease, box-shadow .2s ease !important;
}

body > .wp-site-blocks > header.wp-block-template-part > .wp-block-group,
body > .wp-site-blocks > header.wp-block-template-part .wp-block-group {
	background: transparent !important;
}

body > .wp-site-blocks > header.wp-block-template-part.dt-header-scrolled {
	background: rgba(255, 255, 255, .90) !important;
	box-shadow: 0 8px 22px rgba(15, 23, 42, .09) !important;
}

body:not(.admin-bar) > .wp-site-blocks {
	padding-top: var(--dt-site-header-height) !important;
}

body.admin-bar > .wp-site-blocks {
	padding-top: calc(var(--dt-site-header-height) + 32px) !important;
}

body.admin-bar > .wp-site-blocks > header.wp-block-template-part {
	top: 32px !important;
}

@media (max-width: 782px) {
	body.admin-bar > .wp-site-blocks {
		padding-top: calc(var(--dt-site-header-height) + 46px) !important;
	}

	body.admin-bar > .wp-site-blocks > header.wp-block-template-part {
		top: 46px !important;
	}
}


/* =========================================================
   SHOP CARD PRICES
   ========================================================= */
body.woocommerce-shop .wc-block-product .wp-block-woocommerce-product-price {
	margin: 12px 0 18px !important;
}

body.woocommerce-shop .wc-block-product .wc-block-components-product-price {
	display: inline-flex !important;
	align-items: baseline !important;
	justify-content: center !important;
	gap: 10px !important;
	color: #047857 !important;
	line-height: 1.2 !important;
}

body.woocommerce-shop .wc-block-product .wc-block-components-product-price ins {
	color: #047857 !important;
	font-size: 20px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
}

body.woocommerce-shop .wc-block-product .wc-block-components-product-price del {
	color: #94a3b8 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration-thickness: 1px !important;
}

body.woocommerce-shop .wc-block-product .wc-block-components-product-price .woocommerce-Price-currencySymbol {
	font-size: .72em !important;
	font-weight: 800 !important;
}

@media (max-width: 720px) {
	body.woocommerce-shop .wc-block-product .wc-block-components-product-price {
		gap: 7px !important;
	}

	body.woocommerce-shop .wc-block-product .wc-block-components-product-price ins {
		font-size: 17px !important;
	}
}


/* Compact price spacing inside shop cards */
body.woocommerce-shop .wc-block-product .wp-block-woocommerce-product-price {
	margin: 4px 0 8px !important;
}

@media (max-width: 720px) {
	body.woocommerce-shop .wc-block-product .wp-block-woocommerce-product-price {
		margin: 3px 0 7px !important;
	}
}


/* =========================================================
   SHOP CARD TITLE ALIGNMENT
   ========================================================= */
body.woocommerce-shop .wc-block-product .wp-block-post-title {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	margin: 0 0 5px !important;
	padding: 0 6px !important;
	text-align: center !important;
}

body.woocommerce-shop .wc-block-product .wp-block-post-title a {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
}

@media (max-width: 720px) {
	body.woocommerce-shop .wc-block-product .wp-block-post-title {
		min-height: 44px !important;
		padding-inline: 4px !important;
	}
}

/* Force the product title into its centered title slot */
body.woocommerce-shop li.wc-block-product .wp-block-post-title {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	max-height: 48px !important;
	overflow: hidden !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: unset !important;
}

@media (max-width: 720px) {
	body.woocommerce-shop li.wc-block-product .wp-block-post-title {
		min-height: 44px !important;
		max-height: 44px !important;
	}
}

/* Final centered product-title layout */
body.woocommerce-shop .wp-site-blocks .wc-block-product .wp-block-post-title {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	max-height: 48px !important;
	overflow: hidden !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: unset !important;
}

@media (max-width: 720px) {
	body.woocommerce-shop .wp-site-blocks .wc-block-product .wp-block-post-title {
		min-height: 44px !important;
		max-height: 44px !important;
	}
}

/* Center the title text itself inside every shop card */
body.woocommerce-shop .wp-site-blocks .wc-block-product .wp-block-post-title > a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	max-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: unset !important;
	line-height: 1.4 !important;
	text-align: center !important;
}