/*
 Theme Name:   WoodMart Child
 Description:  Child theme for WoodMart – Arabic RTL electronics storefront
 Author:       GLOWX Digital
 Template:     woodmart
 Version:      1.1.0
 Text Domain:  woodmart-child
*/

/* =========================================================
   Design tokens (from reference): navy #00355F, ink #181818,
   sale red #B83830, bestseller green #7FB069, tile blue #1467F5
   ========================================================= */
:root {
	--xc-navy: #00355F;
	--xc-navy-dark: #002746;
	--xc-ink: #181818;
	--xc-red: #B83830;
	--xc-green: #7FB069;
	--xc-blue: #1467F5;
	--xc-grey: #F3F3F3;
	--xc-line: #E7E7E7;
	--xc-font: 'Tajawal', sans-serif;
}

body,
button,
input,
select,
textarea {
	font-family: var(--xc-font);
}

body {
	line-height: 1.625;
	color: var(--xc-ink);
}

/* ---------------- Header ---------------- */
.whb-general-header .wd-nav-main > li > a,
.whb-general-header .wd-nav-main > li > a .nav-link-text {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.whb-general-header .wd-nav-main > li > a:hover,
.whb-general-header .wd-nav-main > li.wd-opened > a {
	color: #CFE3FF;
}

/* Search grows to fill the middle column, like the reference (~945px) */
.whb-general-header .whb-column.whb-col-center {
	flex: 1 1 auto;
}

.whb-general-header .wd-header-search-form {
	width: 100%;
	max-width: 945px;
	margin-inline: auto;
}

.whb-header .searchform.wd-style-with-bg {
	--wd-form-bg: #fff;
	--wd-form-brd-color: rgba(128, 126, 163, .8);
	--wd-form-brd-color-focus: var(--xc-navy);
	border-radius: 3px;
	overflow: hidden;
}

.whb-header .searchform.wd-style-with-bg input.s {
	height: 46px;
	border-radius: 3px;
	padding-inline-start: 16px;
	padding-inline-end: 64px;
	font-size: 16px;
	color: #262627;
}

.whb-header .searchform.wd-style-with-bg input.s::placeholder {
	color: #8A8A8A;
}

/* Navy square submit button inside the field (left side in RTL) */
.whb-header .searchform.wd-style-with-bg .searchsubmit {
	inset-inline-end: 5px;
	top: 5px;
	bottom: 5px;
	width: 47px;
	height: auto;
	border-radius: 3px;
	background-color: var(--xc-navy);
	color: #fff;
}

.whb-header .searchform.wd-style-with-bg .searchsubmit:hover {
	background-color: var(--xc-navy-dark);
}

.whb-header .searchform.wd-style-with-bg .searchsubmit::after,
.whb-header .searchform.wd-style-with-bg .searchsubmit:before {
	color: #fff;
}

/* Header icons: white, 24px feel */
.whb-general-header .wd-tools-element > a {
	color: #fff;
}

.whb-general-header .wd-tools-element .wd-tools-count {
	background-color: #3DA9FC;
	color: #fff;
}

/* Mobile search row */
.whb-header-bottom .wd-search-form {
	width: 100%;
}

/* ---------------- Product cards ---------------- */
body .wd-product .product-element-top {
	border-radius: 6px;
	background: #fff;
}

body .wd-product .product-element-bottom {
	text-align: center;
}

body .wd-product .wd-entities-title {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: var(--xc-ink);
	min-height: 52px;
	margin-bottom: 8px;
}

body .wd-product .wd-entities-title a {
	color: inherit;
}

body .wd-product .wd-entities-title a:hover {
	color: var(--xc-navy);
}

body .wd-product .wd-product-cats {
	display: none;
}

body .wd-product .wrapp-product-price,
body .wd-product .product-rating-price {
	justify-content: center;
	text-align: center;
}

body .wd-product .price {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: var(--xc-ink);
	font-size: 20px;
	font-weight: 700;
}

body .xc-price-now,
body .xc-price-now .amount {
	color: var(--xc-red);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

body .xc-price-was {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

body .xc-price-was del,
body .xc-price-was del .amount {
	color: var(--xc-ink);
	font-size: 15px;
	font-weight: 600;
	opacity: .7;
}

body .xc-off {
	display: inline-block;
	background: var(--xc-red);
	color: #fff;
	border-radius: 6px;
	padding: 3px 8px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
}

body .xc-installment {
	margin-top: 8px;
	font-size: 13px;
	font-weight: 400;
	color: #555;
}

body .xc-installment strong,
body .xc-installment .amount {
	color: var(--xc-navy);
	font-weight: 700;
}

/* Labels: % moves to the price row; keep the green "bestseller" pill on the image */
body .wd-product .product-labels .product-label.onsale {
	display: none;
}

body .product-labels .product-label.featured {
	background-color: var(--xc-green);
	color: #fff;
	border-radius: 24px;
	padding: 4px 12px;
	min-height: 0;
	font-size: 13px;
	font-weight: 500;
	text-transform: none;
}

/* ---------------- Carousel arrows (white circles) ---------------- */
body .xc-products .wd-btn-arrow,
body .xc-hero .wd-btn-arrow {
	--wd-arrow-color: var(--xc-navy);
	--wd-arrow-color-hover: var(--xc-navy-dark);
}

body .xc-products .wd-btn-arrow .wd-arrow-inner,
body .xc-hero .wd-btn-arrow .wd-arrow-inner {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	color: var(--xc-navy);
}

body .xc-hero .wd-nav-arrows.wd-pos-sep .wd-btn-arrow.wd-prev {
	inset-inline-start: 16px;
}

body .xc-hero .wd-nav-arrows.wd-pos-sep .wd-btn-arrow.wd-next {
	inset-inline-end: 16px;
}

/* ---------------- Homepage blocks ---------------- */
.xc-headrow .elementor-heading-title {
	margin: 0;
}

.xc-btn .elementor-button {
	transition: background-color .2s ease, color .2s ease;
}

.xc-tile,
.xc-promo {
	transition: transform .2s ease, box-shadow .2s ease;
	text-decoration: none;
}

.xc-tile:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(20, 103, 245, .35);
}

.xc-promo:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .12) !important;
}

.xc-tile .xc-img img,
.xc-hero .xc-img img,
.xc-wide .xc-img img {
	filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .22));
}

.xc-tile .elementor-heading-title {
	color: #fff;
}

.xc-hero-slide .elementor-widget-text-editor p,
.xc-guide .elementor-widget-text-editor p,
.xc-promo .elementor-widget-text-editor p,
.xc-wide .elementor-widget-text-editor p {
	margin-bottom: 0;
}

/* ---------------- Footer ---------------- */
body .xc-footer,
body .xc-footer li,
body .xc-footer p {
	color: #D9E3EE;
}

body .xc-footer a,
body .xc-footer .elementor-widget-text-editor a {
	color: #FFFFFF;
	text-decoration: none;
}

body .xc-footer a:hover,
body .xc-footer .elementor-widget-text-editor a:hover {
	color: #CFE3FF;
}

body .xc-footer .xc-footer-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body .xc-footer .xc-footer-links li {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
	font-size: 14px;
	line-height: 1.6;
}

body .xc-footer .xc-footer-links li::before {
	display: none;
}

body .xc-footer .xc-newsletter .wpcf7 form,
body .xc-footer .xc-newsletter .xc-nl-fields {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: stretch;
}

body .xc-footer .xc-newsletter .xc-nl-fields p {
	display: flex;
	gap: 8px;
	width: 100%;
	margin: 0;
}

body .xc-footer .xc-newsletter .wpcf7-form-control-wrap {
	flex: 1 1 auto;
}

body .xc-footer .xc-newsletter input[type="email"] {
	width: 100%;
	height: 46px;
	border-radius: 4px;
	background: #fff;
	border: 0;
	color: var(--xc-ink);
	padding-inline: 14px;
}

body .xc-footer .xc-newsletter input[type="submit"] {
	height: 46px;
	border-radius: 4px;
	background: #fff;
	color: var(--xc-navy);
	font-weight: 700;
	padding-inline: 28px;
	border: 0;
}

body .xc-footer .xc-newsletter input[type="submit"]:hover {
	background: #E8EEF5;
}

body .xc-footer .xc-newsletter .wpcf7-spinner {
	display: none;
}

body .xc-footer .xc-newsletter .wpcf7-response-output {
	color: #fff;
	margin: 8px 0 0;
	width: 100%;
}
/* ---------------- Responsive ---------------- */
@media (max-width: 1024px) {
	body .wd-product .wd-entities-title {
		font-size: 14px;
		line-height: 22px;
		min-height: 44px;
	}

	body .xc-price-now,
	body .xc-price-now .amount {
		font-size: 17px;
	}
}

@media (max-width: 767px) {
	.xc-price-was del,
	.xc-price-was del .amount {
		font-size: 13px;
	}

	.xc-installment {
		font-size: 12px;
	}

	body .xc-footer .xc-newsletter .xc-nl-fields p {
		flex-direction: column;
	}
}

/* xc-badge-fix: keep the bestseller pill on one line */
body .product-labels .product-label.featured {
	white-space: nowrap;
	max-width: none;
}

@media (max-width: 767px) {
	body .product-labels .product-label.featured {
		font-size: 11px;
		padding: 3px 8px;
	}

	body .wd-product .wd-entities-title {
		font-size: 13px;
		line-height: 20px;
		min-height: 40px;
	}
}

/* ===== xc-pages: footer edges, single product, cart, checkout, 404 ===== */

/* Footer spans the full page width (WoodMart wraps it in a boxed .container) */
body .wd-footer > .main-footer.container,
body .wd-footer > .container {
	max-width: 100%;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

body .wd-footer {
	margin-top: 0;
	border-top: 0;
}

/* % badge lives next to the price everywhere, not on the image */
body .product-labels .product-label.onsale {
	display: none;
}

/* ---------- Single product ---------- */
body.single-product .main-page-wrapper {
	padding-top: 24px;
}

body.single-product .woocommerce-breadcrumb,
body.single-product .wd-breadcrumbs {
	font-size: 13px;
}

.xc-single-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin-bottom: 8px;
	font-size: 14px;
	color: var(--xc-ink);
}

.xc-single-meta .xc-brand {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

.xc-single-meta .xc-stock {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.xc-single-meta .xc-stock.out {
	color: var(--xc-red);
}

body.single-product .summary .product_title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.55;
	margin-bottom: 10px;
	color: var(--xc-ink);
}

body.single-product .summary .price {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 16px;
}

body.single-product .summary .price .xc-price-was {
	display: contents;
}

body.single-product .summary .price del {
	order: 1;
}

body.single-product .summary .price .xc-price-now {
	order: 2;
}

body.single-product .summary .price .xc-off {
	order: 3;
}

body.single-product .summary .price .xc-price-now,
body.single-product .summary .price .xc-price-now .amount {
	font-size: 22px;
	font-weight: 600;
}

body.single-product .summary .price del,
body.single-product .summary .price del .amount {
	font-size: 16px;
	font-weight: 600;
	opacity: .8;
}

body.single-product .summary .price .xc-off {
	font-size: 13px;
	padding: 3px 8px;
}

.xc-installments {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 12px 0 8px;
}

.xc-inst-row,
.xc-offer-row {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #F1F1F1;
	border: 1px solid #E7E7E7;
	border-radius: 6px;
	padding: 8px 14px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--xc-ink);
}

.xc-inst-icon,
.xc-offer-icon {
	display: inline-flex;
	flex: 0 0 auto;
}

.xc-inst-row .amount,
.xc-inst-row strong {
	font-weight: 700;
}

a.xc-more {
	color: var(--xc-navy);
	text-decoration: underline;
	white-space: nowrap;
}

.xc-block-title {
	font-size: 18px;
	font-weight: 600;
	margin: 20px 0 4px;
	color: var(--xc-ink);
}

.xc-warranty-from {
	font-size: 14px;
}

.xc-warranty-from span,
.xc-warranty-from .amount {
	color: var(--xc-red);
	font-weight: 600;
}

.xc-warranty-opts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

body .xc-warranty-opts .xc-opt {
	min-height: 38px;
	padding: 6px 16px;
	border: 1px solid #9A9A9A;
	border-radius: 4px;
	background: #fff;
	color: var(--xc-ink);
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	box-shadow: none;
}

body .xc-warranty-opts .xc-opt.is-active {
	border: 2px solid var(--xc-navy);
	color: var(--xc-navy);
	font-weight: 700;
}

.xc-offers .xc-offer-row {
	padding: 12px 14px;
	font-size: 14px;
}

/* Buttons: light-blue add to cart + navy buy now, no quantity box (like reference) */
body.single-product .summary form.cart {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 12px;
	margin-top: 24px;
}

body.single-product .summary form.cart .quantity {
	display: none !important;
}

body.single-product .summary form.cart .single_add_to_cart_button {
	flex: 1 1 auto;
	min-height: 48px;
	border-radius: 4px;
	background-color: #71CEF5;
	color: var(--xc-navy);
	font-size: 16px;
	font-weight: 600;
	text-transform: none;
}

body.single-product .summary form.cart .single_add_to_cart_button:hover {
	background-color: #5CC2EE;
	color: var(--xc-navy);
}

body.single-product .summary form.cart .wd-buy-now-btn {
	flex: 0 0 32%;
	min-height: 48px;
	border-radius: 4px;
	background-color: var(--xc-navy);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: none;
}

body.single-product .summary form.cart .wd-buy-now-btn:hover {
	background-color: var(--xc-navy-dark);
	color: #fff;
}

body.single-product .summary .wd-wishlist-btn,
body.single-product .summary .wd-compare-btn {
	margin-top: 12px;
}

/* Accordion (product details / specs / delivery) */
body.single-product .summary .wd-accordion {
	margin-top: 24px;
}

body.single-product .wd-accordion-item {
	border-bottom: 1px solid var(--xc-line);
}

body.single-product .wd-accordion-title-text,
body.single-product .wd-accordion-title .wd-accordion-title-text span {
	font-size: 18px;
	font-weight: 600;
	color: var(--xc-ink);
	text-transform: none;
}

.xc-details ul {
	margin: 0;
	padding-inline-start: 18px;
}

.xc-details li {
	margin-bottom: 6px;
}

ul.xc-delivery {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.xc-delivery li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 1.7;
}

ul.xc-delivery li svg {
	flex: 0 0 auto;
	margin-top: 3px;
}

/* Gallery like the reference: clean white, big image */
body.single-product .woocommerce-product-gallery .wd-carousel-item img,
body.single-product .woocommerce-product-gallery img {
	background: #fff;
}

/* ---------- Cart ---------- */
body.woocommerce-cart .main-page-wrapper,
body.woocommerce-checkout .main-page-wrapper {
	background: #F7F7F7;
	padding-top: 40px;
	padding-bottom: 60px;
}

body.woocommerce-cart .page-title,
body.woocommerce-checkout .page-title {
	display: none;
}

body.woocommerce-cart .woocommerce-cart-form {
	background: transparent;
}

body.woocommerce-cart .woocommerce-cart-form .shop_table {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	border: 0;
}

body.woocommerce-cart .woocommerce-cart-form .shop_table th {
	font-size: 14px;
	font-weight: 600;
	color: #555;
	text-transform: none;
	background: #fff;
}

body.woocommerce-cart .woocommerce-cart-form .product-name a {
	font-size: 16px;
	font-weight: 600;
	color: var(--xc-ink);
}

body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img {
	max-width: 110px;
	border-radius: 6px;
}

body.woocommerce-cart .cart_totals,
body.woocommerce-cart .cart-totals-section .cart_totals {
	background: #fff;
	border-radius: 4px;
	padding: 24px;
	box-shadow: 0 0 40px rgba(0, 0, 0, .08);
	border: 0;
}

body.woocommerce-cart .cart_totals > h2,
body.woocommerce-cart .cart_totals .title {
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
	margin-bottom: 12px;
}

body.woocommerce-cart .cart_totals .shop_table th,
body.woocommerce-cart .cart_totals .shop_table td {
	font-size: 14px;
	border-bottom: 1px solid var(--xc-line);
}

body.woocommerce-cart .cart_totals .order-total .amount {
	font-size: 18px;
	font-weight: 700;
	color: var(--xc-ink);
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
	width: 100%;
	min-height: 48px;
	border-radius: 4px;
	background-color: var(--xc-navy);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: none;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
	background-color: var(--xc-navy-dark);
}

body.woocommerce-cart .coupon input.input-text {
	height: 44px;
	border-radius: 4px;
	background: #fff;
}

body.woocommerce-cart .coupon .button,
body.woocommerce-cart button[name="update_cart"] {
	min-height: 44px;
	border-radius: 4px;
	text-transform: none;
	font-weight: 600;
}

body.woocommerce-cart .coupon .button {
	background: var(--xc-navy);
	color: #fff;
}

/* ---------- Checkout ---------- */
body.woocommerce-checkout form.checkout .col2-set,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .checkout-order-review,
body.woocommerce-checkout #order_review {
	background: #fff;
	border-radius: 8px;
}

body.woocommerce-checkout form.checkout .col2-set {
	padding: 24px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}

body.woocommerce-checkout .checkout-order-review,
body.woocommerce-checkout #order_review {
	padding: 24px;
	box-shadow: 0 0 40px rgba(0, 0, 0, .08);
}

body.woocommerce-checkout h3,
body.woocommerce-checkout #order_review_heading {
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
	color: var(--xc-ink);
}

body.woocommerce-checkout .form-row label {
	font-size: 14px;
	font-weight: 600;
	color: var(--xc-ink);
}

body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .select2-container .select2-selection {
	min-height: 46px;
	border-radius: 4px;
	border-color: #CFCFCF;
	background: #fff;
}

body.woocommerce-checkout .wc_payment_methods {
	border-radius: 6px;
}

body.woocommerce-checkout .wc_payment_method {
	background: #F1F1F1;
	border: 1px solid var(--xc-line);
	border-radius: 6px;
	padding: 12px 14px;
	margin-bottom: 8px;
	list-style: none;
}

body.woocommerce-checkout #place_order {
	width: 100%;
	min-height: 50px;
	border-radius: 4px;
	background-color: var(--xc-navy);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	text-transform: none;
}

body.woocommerce-checkout #place_order:hover {
	background-color: var(--xc-navy-dark);
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
	background: #fff;
	border-radius: 6px;
}

/* ---------- 404 like the reference (light blue page + white card) ---------- */
body.error404 .main-page-wrapper {
	background: #DCE8F5;
	padding: 70px 0;
}

body.error404 .site-content {
	max-width: 620px;
	margin: 0 auto;
	padding: 48px 32px;
	background: #fff;
	border-radius: 16px;
	text-align: center;
}

body.error404 .site-content h1,
body.error404 .site-content .title {
	color: var(--xc-navy);
	font-size: 40px;
	font-weight: 300;
	line-height: 1.4;
}

/* ---------- Mobile tweaks ---------- */
@media (max-width: 767px) {
	body.single-product .summary .product_title {
		font-size: 19px;
	}

	body.single-product .summary form.cart {
		flex-direction: column;
	}

	body.single-product .summary form.cart .wd-buy-now-btn {
		flex-basis: auto;
	}

	body.woocommerce-checkout form.checkout .col2-set,
	body.woocommerce-checkout #order_review,
	body.woocommerce-cart .cart_totals {
		padding: 16px;
	}
}
/* ===== /xc-pages ===== */

/* ===== xc-banners ===== */
body .xc-hero-img img,
body .xc-banner img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

body .xc-banner img {
	border-radius: 8px;
}

body .xc-hero-wrap {
	padding: 0;
}

body .xc-hero .wd-nav-pagin-wrap,
body .xc-banner-slider .wd-nav-pagin-wrap {
	margin-top: 10px;
}

body .xc-banner-slider .wd-btn-arrow .wd-arrow-inner {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	color: var(--xc-navy);
}

body .xc-hero .wd-nav-arrows .wd-btn-arrow,
body .xc-banner-slider .wd-nav-arrows .wd-btn-arrow {
	opacity: 1;
	visibility: visible;
}

body .xc-banner-grid .xc-banner img {
	aspect-ratio: 3840 / 889;
	object-fit: cover;
}

body .xc-guide {
	aspect-ratio: 2 / 1;
}

@media (max-width: 1024px) {
	body .xc-guide {
		aspect-ratio: auto;
	}
}
/* ===== /xc-banners ===== */
/* xc-stock-hide: stock shown in the meta line instead */
body.single-product .summary p.stock,
body.single-product .summary .wd-product-stock {
	display: none;
}

/* ===== xc-tiles2 (reference category tiles + guides) ===== */
body .xc-tile2{padding:0!important;background:none!important;min-height:0!important}
body .xc-tile2 > .elementor-widget-html,body .xc-tile2 .elementor-widget-html > .elementor-widget-container{width:100%;margin:0;padding:0}
.xc-cat{position:relative;display:block;width:100%;aspect-ratio:49/50;border-radius:8px;overflow:hidden;container-type:inline-size;text-decoration:none!important;
	background:linear-gradient(180deg,#1062E6 0,#0769FF .8%,#0769FF 30%,#0D6DFF 38%,#1B76FF 42.5%,#1151CF 44.6%,#1D59CB 48%,#3C6ECF 57%,#5A82CA 66%,#6583BA 73%,#5E79A3 80%,#4B607F 89%,#2B374D 100%);
	transition:transform .25s ease,box-shadow .25s ease}
.xc-cat:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,40,110,.22)}
.xc-cat-stage{position:absolute;top:14%;right:17%;bottom:30%;left:17%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.xc-cat-stage img{display:block;width:auto!important;height:auto!important;max-width:calc(100% * var(--s,1))!important;max-height:calc(100% * var(--s,1))!important;object-fit:contain;
	-webkit-box-reflect:below 1px linear-gradient(transparent 58%,rgba(255,255,255,.26));
	filter:drop-shadow(0 6px 8px rgba(0,20,60,.25));transition:transform .3s ease;transform-origin:50% 100%}
.xc-cat:hover .xc-cat-stage img{transform:scale(1.04)}
.xc-cat-label{position:absolute;left:6px;right:6px;bottom:13%;text-align:center;color:#fff;font-family:Tajawal,sans-serif;font-weight:700;
	font-size:clamp(13px,6.3cqw,26px);line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.28);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .xc-guides-row .xc-banner img{border-radius:8px;aspect-ratio:2/1;object-fit:cover;width:100%;height:auto}
body .xc-guides-row .xc-banner a{display:block;border-radius:8px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
body .xc-guides-row .xc-banner a:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
@media (max-width:767px){
	.xc-cat{border-radius:6px}
	.xc-cat-stage{top:12%;right:12%;left:12%;bottom:31%}
	.xc-cat-label{bottom:11%;font-size:clamp(12px,7.4cqw,16px)}
	body .xc-cat-row{row-gap:10px!important}
	body .xc-cat-row > .xc-tile2{--width:calc(50% - 5px)!important;width:calc(50% - 5px)!important}
}
/* ===== /xc-tiles2 ===== */

/* ===== xc-single-img ===== */
body.single-product .product-image-summary-wrap,body.single-product .product-image-summary{max-width:1400px;margin-inline:auto}
body.single-product .product-images{max-width:620px}
body.single-product .product-images .wd-carousel-item,body.single-product .woocommerce-product-gallery__image{display:flex;align-items:center;justify-content:center}
body.single-product .product-images .wd-carousel-item img,body.single-product .woocommerce-product-gallery__image img{width:auto!important;max-width:100%!important;max-height:min(520px,62vh)!important;object-fit:contain;margin-inline:auto}
@media (max-width:1024px){body.single-product .product-images{max-width:none}}
@media (max-width:767px){body.single-product .product-images .wd-carousel-item img,body.single-product .woocommerce-product-gallery__image img{max-height:320px!important}}
/* ===== /xc-single-img ===== */