:root {
	--wd-text-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #252831;
	--wd-text-font-size: 16px;
	--wd-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #111318;
	--wd-entities-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #111318;
	--wd-entities-title-color-hover: #0011D3;
	--wd-alternative-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #111318;
	--wd-widget-title-font-size: 17px;
	--wd-header-el-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #0011D3;
	--wd-alternative-color: #0011D3;
	--btn-default-bgcolor: #F6F8FF;
	--btn-default-bgcolor-hover: #E9EDFF;
	--btn-accented-bgcolor: #0011D3;
	--btn-accented-bgcolor-hover: #000AA8;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #111318;
	--wd-link-color-hover: #0011D3;
	--wd-sticky-btn-height: 82px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://mancode-eg.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:#FFFFFF;
	--wd-bordered-bg:#FFFFFF;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(249,250,255);
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: #FFFFFF;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: #F7F8FC;
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: #FFFFFF;
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: #FFFFFF;
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: #FFFFFF;
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: #111318;
	--wd-form-placeholder-color: #9AA1AE;
	--wd-form-brd-color: #D9DEEA;
	--wd-form-brd-color-focus: #0011D3;
	--wd-form-bg: #FFFFFF;
}
.wd .product-label.onsale {
	background-color: #EF4444;
	color: #FFFFFF;
}
.wd .product-label.new {
	background-color: #0011D3;
	color: #FFFFFF;
}
.wd .product-label.featured {
	background-color: #F59E0B;
	color: #FFFFFF;
}
.wd .product-label.out-of-stock {
	background-color: #16A34A;
	color: #FFFFFF;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 16px;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font-size: 14px;
	--wd-sticky-btn-height: 74px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 15px;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font-size: 14px;
	--wd-sticky-btn-height: 54px;
	}

}
:root{
--wd-container-w: 1240px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1240px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #F6F8FF;
}

/* =========================================================
   ManCode SAFE Polish v2
   WoodMart + Elementor + WooCommerce
   ملاحظة: هذا الإصدار لا يغيّر عرض الـ Containers ولا ارتفاعات الـ Hero
   ========================================================= */

:root{
  --mc-blue:#0011D3;
  --mc-blue-dark:#000AA8;
  --mc-ink:#111318;
  --mc-text:#252831;
  --mc-muted:#69707D;
  --mc-soft:#F6F8FF;
  --mc-border:#E6EAF3;
  --mc-white:#FFFFFF;
  --mc-danger:#EF4444;
  --mc-gold:#F59E0B;
}

/* ===== Global — آمن ===== */
body{
  font-family:"Tajawal",Arial,sans-serif !important;
  color:var(--mc-text);
  -webkit-font-smoothing:antialiased;
}

body, button, input, select, textarea{
  font-family:"Tajawal",Arial,sans-serif !important;
}

h1,h2,h3,h4,h5,h6,
.title,
.woodmart-title-container,
.wd-entities-title{
  font-family:"Tajawal",Arial,sans-serif !important;
  letter-spacing:0 !important;
}

::selection{
  background:var(--mc-blue);
  color:#fff;
}

/* ===== Header — لمسة فقط، بدون تغيير الارتفاع ===== */
.whb-general-header{
  background:#fff !important;
  border-bottom-color:rgba(17,19,24,.08) !important;
  box-shadow:0 4px 18px rgba(18,23,38,.035);
}

.wd-nav-header>li>a{
  font-weight:700 !important;
}

.wd-nav-header>li.current-menu-item>a,
.wd-nav-header>li>a:hover{
  color:var(--mc-blue) !important;
}

/* ===== Homepage section spacing — IDs من الصفحة الحالية ===== */
body.page-id-1038 .elementor-element-7d69783,
body.page-id-1038 .elementor-element-036b9fb{
  padding-top:64px !important;
  padding-bottom:64px !important;
}

body.page-id-1038 .elementor-element-7d69783 .title-subtitle,
body.page-id-1038 .elementor-element-036b9fb .title-subtitle{
  color:var(--mc-blue) !important;
  font-size:14px !important;
  font-weight:800 !important;
}

body.page-id-1038 .elementor-element-7d69783 .woodmart-title-container,
body.page-id-1038 .elementor-element-036b9fb .woodmart-title-container{
  color:var(--mc-ink) !important;
  font-size:36px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

body.page-id-1038 .elementor-element-7d69783 .title-after_title,
body.page-id-1038 .elementor-element-036b9fb .title-after_title{
  max-width:680px;
  margin-inline:auto;
  color:var(--mc-muted) !important;
  font-size:15px !important;
  line-height:1.85 !important;
}

/* ===== Product tabs ===== */
.wd-products-tabs .wd-tabs-header{
  margin-bottom:24px;
}

.wd-products-tabs .wd-nav-tabs{
  gap:22px;
}

.wd-products-tabs .wd-nav-tabs>li>a{
  font-size:14px;
  font-weight:700;
}

.wd-products-tabs .wd-nav-tabs>li.wd-active>a{
  color:var(--mc-blue) !important;
}

/* ===== Product cards — بدون تغيير الـ grid أو العرض ===== */
.wd-products .wd-product .product-wrapper{
  padding:12px 12px 14px !important;
  background:#fff !important;
  border:1px solid var(--mc-border) !important;
  border-radius:14px !important;
  box-shadow:0 8px 24px rgba(20,28,60,.055) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.wd-products .wd-product:hover .product-wrapper{
  transform:translateY(-4px);
  border-color:#D5DBEA !important;
  box-shadow:0 14px 32px rgba(20,28,60,.09) !important;
}

.wd-products .wd-product .product-element-top{
  overflow:hidden;
  border-radius:10px;
}

.wd-products .wd-product .wd-entities-title{
  margin-top:12px !important;
  margin-bottom:5px !important;
  text-align:center;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:700 !important;
}

.wd-products .wd-product .wd-entities-title a{
  color:var(--mc-ink) !important;
}

.wd-products .wd-product .wd-entities-title a:hover{
  color:var(--mc-blue) !important;
}

.wd-products .wd-product .price{
  color:var(--mc-blue) !important;
  font-size:17px !important;
  font-weight:800 !important;
  text-align:center;
}

.wd-products .wd-product .price del{
  color:#A0A6B1 !important;
  font-size:13px !important;
  font-weight:500 !important;
}

.product-label{
  font-family:"Tajawal",Arial,sans-serif !important;
  font-weight:800 !important;
}

.product-label.onsale{
  background:var(--mc-danger) !important;
  color:#fff !important;
}

.product-label.featured{
  background:var(--mc-gold) !important;
  color:#fff !important;
}

/* زر إضافة للسلة فقط — بدون تغيير بنية الكمية */
.wd-products .wd-add-btn>a.add_to_cart_button,
.wd-products .wd-add-btn>a.button{
  min-height:43px;
  border-radius:8px !important;
  background:var(--mc-blue) !important;
  border-color:var(--mc-blue) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

.wd-products .wd-add-btn>a.add_to_cart_button:hover,
.wd-products .wd-add-btn>a.button:hover{
  background:var(--mc-blue-dark) !important;
  border-color:var(--mc-blue-dark) !important;
  color:#fff !important;
}

/* ===== شراء الآن: داخل كارت المنتج ===== */
.mc-external-buy-wrap{
  width:100%;
  margin-top:9px;
}

.mc-buy-now-card{
  width:100%;
  min-height:45px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  border:1px solid #0011D3;
  background:#0011D3;
  color:#ffffff !important;
  text-decoration:none !important;
  font-family:"Tajawal",Arial,sans-serif !important;
  font-size:13px;
  font-weight:800;
  box-shadow:0 7px 18px rgba(0,17,211,.16);
  transition:
    background .22s ease,
    border-color .22s ease,
    color .22s ease,
    transform .22s ease,
    box-shadow .22s ease;
}

.mc-buy-now-card:hover{
  background:#111318;
  border-color:#111318;
  color:#ffffff !important;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(17,19,24,.18);
}

/* ===== Banner text — تغيير Typography فقط، بدون المساس بالحجم/الخلفية ===== */
body.page-id-1038 .elementor-element-9da2384 .woodmart-title-container{
  font-size:38px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

body.page-id-1038 .elementor-element-9da2384 .title-after_title{
  font-size:15px !important;
  line-height:1.9 !important;
}

/* ===== Shop / Product / Checkout — لمسات فقط ===== */
.woodmart-archive-shop .wd-page-content{
  background:#F8F9FC !important;
}

.single-product .product_title{
  color:var(--mc-ink);
  font-weight:800 !important;
}

.single-product .summary .price,
.single-product .summary-inner>.price{
  color:var(--mc-blue) !important;
  font-weight:800 !important;
}

.single-product .single_add_to_cart_button,
.checkout-button,
#place_order{
  border-radius:8px !important;
  background:var(--mc-blue) !important;
  color:#fff !important;
  font-weight:800 !important;
}

.single-product .single_add_to_cart_button:hover,
.checkout-button:hover,
#place_order:hover{
  background:var(--mc-blue-dark) !important;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select{
  border-radius:8px !important;
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--mc-blue) !important;
  box-shadow:0 0 0 3px rgba(0,17,211,.07) !important;
}

/* ===== Footer custom block ===== */
.mc-footer{
  font-family:"Tajawal",Arial,sans-serif !important;
}

/* ===== Tablet ===== */
@media (max-width:1024px){
  body.page-id-1038 .elementor-element-7d69783,
  body.page-id-1038 .elementor-element-036b9fb{
    padding-top:52px !important;
    padding-bottom:52px !important;
  }

  body.page-id-1038 .elementor-element-7d69783 .woodmart-title-container,
  body.page-id-1038 .elementor-element-036b9fb .woodmart-title-container{
    font-size:31px !important;
  }

  body.page-id-1038 .elementor-element-9da2384 .woodmart-title-container{
    font-size:32px !important;
  }
}

/* ===== Mobile ===== */
@media (max-width:767px){
  body.page-id-1038 .elementor-element-7d69783,
  body.page-id-1038 .elementor-element-036b9fb{
    padding-top:42px !important;
    padding-bottom:42px !important;
  }

  body.page-id-1038 .elementor-element-7d69783 .woodmart-title-container,
  body.page-id-1038 .elementor-element-036b9fb .woodmart-title-container{
    font-size:27px !important;
  }

  body.page-id-1038 .elementor-element-7d69783 .title-after_title,
  body.page-id-1038 .elementor-element-036b9fb .title-after_title{
    font-size:14px !important;
  }

  .wd-products .wd-product .product-wrapper{
    padding:9px 9px 11px !important;
    border-radius:11px !important;
  }

  .wd-products .wd-product .wd-entities-title{
    font-size:14px !important;
  }

  .wd-products .wd-product .price{
    font-size:15px !important;
  }

  .wd-products .wd-add-btn>a.add_to_cart_button,
  .wd-products .wd-add-btn>a.button,
  .mc-buy-now-card{
    min-height:42px;
    font-size:12px !important;
  }

  body.page-id-1038 .elementor-element-9da2384 .woodmart-title-container{
    font-size:27px !important;
  }
}

/* =========================================================
   FINAL HOMEPAGE CONTROL
   - توحيد البانرين على Desktop فقط
   - عدم لمس Hero
   - إصلاح محاذاة بنر الزوجين
   - خلفيات احتياطية لو Elementor Lazy Load تأخر
   ========================================================= */

/* خلفية احتياطية فقط أثناء تحميل الصورة */
body.page-id-1038 .elementor-element-9da2384{
  background-color:#111318;
}

body.page-id-1038 .elementor-element-793e60c{
  background-color:#E9CDAF;
}

/* تأكيد ظهور الصورة الأساسية للمنتج متى تم تحميلها */
body.page-id-1038 .wd-products .product-element-top > a.product-image-link > img{
  opacity:1 !important;
  visibility:visible !important;
}

/* Desktop */
@media (min-width:1025px){

  /* البانران بنفس الارتفاع، بدون العبث بأقسام أخرى */
  body.page-id-1038 .elementor-element-9da2384,
  body.page-id-1038 .elementor-element-793e60c{
    height:500px !important;
    min-height:500px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    display:flex !important;
    align-items:center !important;
    background-size:cover !important;
@media (min-width:1025px){

  body.page-id-1038 .elementor-element-793e60c{
    background-position: left 37% !important;
  }

}  }

  body.page-id-1038 .elementor-element-9da2384 > .e-con-inner,
  body.page-id-1038 .elementor-element-793e60c > .e-con-inner{
    min-height:430px !important;
    height:430px !important;
    align-items:center !important;
  }

  /* بنر العناية الأسود */
  body.page-id-1038
  .elementor-element-9da2384
  .elementor-element-24a32de{
    width:560px !important;
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }

  body.page-id-1038
  .elementor-element-9da2384
  .title-wrapper,
  body.page-id-1038
  .elementor-element-9da2384
  .woodmart-title-container,
  body.page-id-1038
  .elementor-element-9da2384
  .title-after_title{
    text-align:right !important;
  }

  body.page-id-1038
  .elementor-element-9da2384
  .woodmart-title-container{
    font-size:38px !important;
    line-height:1.35 !important;
  }

  body.page-id-1038
  .elementor-element-9da2384
  .title-after_title{
    max-width:540px !important;
    font-size:15px !important;
    line-height:1.9 !important;
  }

  /* بنر الزوجين: النص كله يمين */
  body.page-id-1038
  .elementor-element-793e60c{
    direction:rtl !important;
  }

  body.page-id-1038
  .elementor-element-793e60c
  .elementor-element-b0149c1{
    width:650px !important;
    max-width:650px !important;
    margin-left:auto !important;
    margin-right:0 !important;
    direction:rtl !important;
    text-align:right !important;
  }

  body.page-id-1038
  .elementor-element-793e60c
  .title-wrapper,
  body.page-id-1038
  .elementor-element-793e60c
  .liner-continer,
  body.page-id-1038
  .elementor-element-793e60c
  .title-subtitle,
  body.page-id-1038
  .elementor-element-793e60c
  .woodmart-title-container,
  body.page-id-1038
  .elementor-element-793e60c
  .title-after_title{
    width:100% !important;
    text-align:right !important;
    direction:rtl !important;
  }

  body.page-id-1038
  .elementor-element-793e60c
  .title-subtitle{
    margin-bottom:10px !important;
    color:#111318 !important;
    font-size:17px !important;
    line-height:1.5 !important;
    font-weight:700 !important;
  }

  body.page-id-1038
  .elementor-element-793e60c
  .woodmart-title-container{
    margin:0 !important;
    color:#0011D3 !important;
    font-size:45px !important;
    line-height:1.28 !important;
    font-weight:800 !important;
  }

  body.page-id-1038
  .elementor-element-793e60c
  .title-after_title{
    max-width:610px !important;
    margin:15px 0 0 !important;
    color:#111318 !important;
    font-size:16px !important;
    line-height:1.85 !important;
    font-weight:600 !important;
  }

  /* زر اكتشف المنتجات تحت النص وعلى نفس الحافة اليمنى */
  body.page-id-1038
  .elementor-element-793e60c
  .elementor-element-715c800{
    width:650px !important;
    max-width:650px !important;
    margin-top:21px !important;
    margin-left:auto !important;
    margin-right:0 !important;
    direction:rtl !important;
    text-align:right !important;
  }

  body.page-id-1038
  .elementor-element-793e60c
  .elementor-element-715c800
  .wd-button-wrapper{
    width:100% !important;
    display:flex !important;
    justify-content:flex-start !important;
    direction:rtl !important;
  }

  body.page-id-1038
  .elementor-element-793e60c
  .elementor-element-715c800
  .btn{
    min-width:168px !important;
    min-height:50px !important;
    padding:0 27px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid #0011D3 !important;
    border-radius:8px !important;
    background:#0011D3 !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:800 !important;
    box-shadow:0 9px 22px rgba(0,17,211,.18) !important;
  }

  body.page-id-1038
  .elementor-element-793e60c
  .elementor-element-715c800
  .btn:hover{
    border-color:#000AA8 !important;
    background:#000AA8 !important;
    color:#fff !important;
    transform:translateY(-2px);
  }
}

/* Tablet: لا نفرض ارتفاع ثابت */
@media (min-width:768px) and (max-width:1024px){
  body.page-id-1038 .elementor-element-9da2384,
  body.page-id-1038 .elementor-element-793e60c{
    height:auto !important;
    min-height:360px !important;
    background-size:cover !important;
    background-position:left center !important;
  }

  body.page-id-1038 .elementor-element-793e60c .woodmart-title-container{
    font-size:32px !important;
  }
}

/* Mobile: نترك Elementor يدير القص والارتفاع */
@media (max-width:767px){
  body.page-id-1038 .elementor-element-9da2384,
  body.page-id-1038 .elementor-element-793e60c{
    height:auto !important;
  }

  body.page-id-1038 .elementor-element-793e60c .woodmart-title-container{
    font-size:27px !important;
  }
}
/* =====================================================
   ManCode Footer — Final Premium Polish
===================================================== */


/* 1) إزالة الفراغ بين آخر بانر والفوتر */
body.page-id-1038 .elementor-element-793e60c{
    margin-bottom: 0 !important;
}

.wd-footer{
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
}


/* =====================================================
   2) جعل الفوتر Full Width
===================================================== */

.wd-footer > .container.main-footer{
    width: 100% !important;
    max-width: 100% !important;

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


/* Elementor HTML Block الخاص بالفوتر */
.elementor-818,
.elementor-818 .elementor-element-558e57e,
.elementor-818 .elementor-widget-html,
.elementor-818 .elementor-widget-container{
    width: 100% !important;
    max-width: 100% !important;

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


/* =====================================================
   3) الخلفية الرئيسية
===================================================== */

.mc-footer{

    width: 100% !important;

    background:
        radial-gradient(
            circle at 82% 10%,
            rgba(0,17,211,.055),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F8F9FF 55%,
            #F3F5FF 100%
        ) !important;

    border-top: 1px solid #E6EAF3 !important;
}


/* =====================================================
   4) الأعمدة الثلاثة
===================================================== */

.mc-footer-wrap{

    width: min(1240px, calc(100% - 48px)) !important;

    margin: 0 auto !important;

    padding:
        52px
        0
        42px !important;

    display: grid !important;

    grid-template-columns:
        1.2fr
        .8fr
        1fr !important;

    gap: 58px !important;

    align-items: start !important;
}


/* =====================================================
   5) الشعار
===================================================== */

.mc-logo{
    margin-bottom: 18px !important;
}

.mc-logo img{

    width: 220px !important;

    height: auto !important;

    display: block;
}


/* عنوان البراند */
.mc-brand h3{

    margin:
        0
        0
        9px !important;

    color: #0011D3 !important;

    font-size: 21px !important;

    line-height: 1.55 !important;

    font-weight: 800 !important;
}


/* وصف البراند */
.mc-brand > p{

    max-width: 390px !important;

    margin: 0 !important;

    color: #555B68 !important;

    font-size: 14px !important;

    line-height: 1.95 !important;

    font-weight: 500 !important;
}


/* Badges تحت البراند */
.mc-brand-points{

    margin-top: 18px !important;

    gap: 7px !important;
}

.mc-brand-points span{

    padding:
        6px
        10px !important;

    background:
        rgba(0,17,211,.055) !important;

    color: #454A58 !important;

    border:
        1px
        solid
        rgba(0,17,211,.06);

    font-size: 11px !important;
}


/* =====================================================
   6) عناوين الأعمدة
===================================================== */

.mc-eyebrow{

    margin-bottom: 4px !important;

    color: #0011D3 !important;

    font-size: 12px !important;

    font-weight: 800 !important;
}


.mc-footer h4{

    margin:
        0
        0
        20px !important;

    color: #111318 !important;

    font-size: 21px !important;

    line-height: 1.5 !important;

    font-weight: 800 !important;
}


/* =====================================================
   7) الفواصل
===================================================== */

.mc-links,
.mc-support{

    padding-right: 38px !important;

    border-right:
        1px
        solid
        #E2E6F0 !important;
}


/* =====================================================
   8) الروابط
===================================================== */

.mc-links li{
    margin-bottom: 11px !important;
}


.mc-links a{

    color: #353945 !important;

    font-size: 14px !important;

    font-weight: 600 !important;
}


.mc-links a::before{

    width: 5px !important;
    height: 5px !important;

    background: #0011D3 !important;
}


.mc-links a:hover{

    color: #0011D3 !important;

    transform:
        translateX(-3px);
}


/* =====================================================
   9) الدعم
===================================================== */

.mc-support-desc{

    max-width: 310px !important;

    margin:
        -10px
        0
        16px !important;

    color: #626875 !important;

    font-size: 13px !important;

    line-height: 1.8 !important;
}


.mc-phone{

    margin-bottom: 18px !important;

    gap: 11px !important;
}


.mc-phone-icon{

    width: 46px !important;
    height: 46px !important;

    min-width: 46px !important;

    border-radius: 12px !important;

    box-shadow:
        0
        7px
        18px
        rgba(20,28,60,.06) !important;
}


.mc-phone strong{

    font-size: 17px !important;

    font-weight: 800 !important;
}


/* =====================================================
   10) أزرار الاتصال وواتساب
===================================================== */

.mc-contact-buttons{

    gap: 9px !important;
}


.mc-contact-buttons a{

    min-width: 118px !important;

    min-height: 44px !important;

    padding:
        8px
        18px !important;

    border-radius: 8px !important;

    font-size: 13px !important;

    font-weight: 800 !important;
}


.mc-call{

    background: #0011D3 !important;

    box-shadow:
        0
        7px
        18px
        rgba(0,17,211,.15) !important;
}


.mc-call:hover{

    background: #111318 !important;

    transform:
        translateY(-2px);
}


.mc-whatsapp{

    background: #25D366 !important;
}


.mc-whatsapp:hover{

    background: #1BAE52 !important;

    transform:
        translateY(-2px);
}


/* =====================================================
   11) Trust Bar
===================================================== */

.mc-trust{

    width: 100% !important;

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

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

    border-bottom:
        1px
        solid
        #E2E6F0 !important;
}


.mc-trust-wrap{

    width:
        min(
            1240px,
            calc(100% - 48px)
        ) !important;

    margin:
        0
        auto !important;

    min-height:
        88px !important;
}


.mc-trust-wrap > div{

    padding:
        14px
        24px !important;
}


.mc-trust-wrap > div > span{

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

    min-width: 38px !important;

    background:
        rgba(0,17,211,.07) !important;

    color:
        #0011D3 !important;
}


.mc-trust strong{

    font-size:
        13px !important;
}


.mc-trust small{

    font-size:
        11px !important;
}


/* =====================================================
   12) Copyright
===================================================== */

.mc-copyright{

    width: 100% !important;

    background:
        linear-gradient(
            90deg,
            #F0F3FF,
            #F7F8FF
        ) !important;
}


.mc-copyright > div{

    width:
        min(
            1240px,
            calc(100% - 48px)
        ) !important;

    min-height:
        58px !important;

    margin:
        0
        auto !important;
}


.mc-copyright p,
.mc-copyright > div > span{

    font-size:
        12px !important;
}


/* =====================================================
   Tablet
===================================================== */

@media (max-width: 950px){

    .mc-footer-wrap{

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

        grid-template-columns:
            1fr
            1fr !important;

        gap:
            38px !important;
    }


    .mc-brand{

        grid-column:
            1 / -1;
    }


    .mc-links{

        padding-right:
            0 !important;

        border-right:
            0 !important;
    }

}


/* =====================================================
   Mobile
===================================================== */

@media (max-width: 650px){

    .mc-footer-wrap{

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

        padding:
            38px
            0
            30px !important;

        grid-template-columns:
            1fr !important;

        gap:
            27px !important;
    }


    .mc-logo img{

        width:
            190px !important;
    }


    .mc-links,
    .mc-support{

        padding:
            24px
            0
            0 !important;

        border-right:
            0 !important;

        border-top:
            1px
            solid
            #E2E6F0 !important;
    }


    .mc-trust-wrap{

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


    .mc-copyright > div{

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

}
/* =========================================================
   ManCode — Shop Hover Toolbar FINAL
   WoodMart hover style: wd-hover-icons
   Fixes Buy Now + Add to Cart on Desktop / Tablet / Mobile
   IMPORTANT: remove the older "Buy Now + Add To Cart Alignment"
   block before using this one.
   ========================================================= */

/* ---------- DESKTOP + TABLET ---------- */
@media (min-width: 769px) {

  /* Native WoodMart overlay container */
  .woodmart-archive-shop .wd-hover-icons .wrapp-buttons{
    right: 10px !important;
    left: 10px !important;
    bottom: 10px !important;

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

    width: auto !important;
    max-width: none !important;

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

    pointer-events: none;
  }

  /* One unified toolbar */
  .woodmart-archive-shop .wd-hover-icons .wrapp-buttons > .wd-buttons{
    direction: rtl !important;

    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: calc(100% - 4px) !important;
    height: 48px !important;

    gap: 3px !important;

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

    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(17,19,24,.08) !important;
    border-radius: 11px !important;

    box-shadow: 0 10px 28px rgba(17,19,24,.14) !important;

    overflow: hidden !important;
    pointer-events: auto;
  }

  /* Every native icon cell uses exactly the same dimensions */
  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-action-btn{
    flex: 0 0 40px !important;

    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;

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

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

  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-action-btn > a{
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;

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

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

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

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

    background: transparent !important;
    color: #111318 !important;

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

  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-action-btn > a:hover{
    background: #F3F5FF !important;
    color: #0011D3 !important;
  }

  /* Never show WoodMart text inside icon buttons */
  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-action-btn .wd-action-text{
    display: none !important;
  }

  /* Add to cart = blue square */
  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-add-btn > a{
    background: #0011D3 !important;
    color: #FFFFFF !important;
  }

  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-add-btn > a:hover{
    background: #000AA8 !important;
    color: #FFFFFF !important;
  }

  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-add-btn .wd-action-icon{
    width: 20px !important;
    height: 20px !important;

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

    margin: 0 !important;
  }

  /* Buy now becomes a normal member of the SAME toolbar */
  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .mc-external-buy-wrap{
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

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

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

    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
  }

  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .mc-external-buy-wrap > .mc-buy-now-card{
    width: auto !important;
    min-width: 104px !important;
    max-width: none !important;

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

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

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #0011D3 !important;
    border-radius: 7px !important;

    background: #0011D3 !important;
    color: #FFFFFF !important;

    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    white-space: nowrap !important;

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

  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .mc-external-buy-wrap > .mc-buy-now-card:hover{
    background: #111318 !important;
    border-color: #111318 !important;
    color: #FFFFFF !important;

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


/* ---------- MOBILE ---------- */
@media (max-width: 768px) {

  /*
   * On mobile there isn't enough horizontal room for:
   * wishlist + compare + quick-view + Buy Now + cart.
   * Keep only the two buying actions.
   */
  .woodmart-archive-shop .wd-hover-icons .wrapp-buttons{
    right: 7px !important;
    left: 7px !important;
    bottom: 7px !important;

    width: auto !important;
    max-width: none !important;

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

  .woodmart-archive-shop .wd-hover-icons .wrapp-buttons > .wd-buttons{
    direction: rtl !important;

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

    height: 44px !important;

    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;

    gap: 4px !important;

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

    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(17,19,24,.08) !important;
    border-radius: 9px !important;

    box-shadow: 0 7px 20px rgba(17,19,24,.13) !important;

    overflow: hidden !important;
  }

  /* Hide secondary actions only on mobile */
  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-quick-view-btn,
  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-compare-btn,
  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-wishlist-btn{
    display: none !important;
  }

  /* Cart button */
  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-add-btn{
    flex: 0 0 38px !important;

    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;

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

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

  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-add-btn > a{
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;

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

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

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

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

    background: #0011D3 !important;
    color: #FFFFFF !important;

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

  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .wd-add-btn .wd-action-text{
    display: none !important;
  }

  /* Buy now fills all remaining width */
  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .mc-external-buy-wrap{
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

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

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

    display: flex !important;
  }

  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .mc-external-buy-wrap > .mc-buy-now-card{
    flex: 1 1 auto !important;

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

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

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

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

    border: 1px solid #0011D3 !important;
    border-radius: 6px !important;

    background: #0011D3 !important;
    color: #FFFFFF !important;

    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    white-space: nowrap !important;

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

  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .mc-external-buy-wrap > .mc-buy-now-card:hover,
  .woodmart-archive-shop .wd-hover-icons .wd-buttons > .mc-external-buy-wrap > .mc-buy-now-card:active{
    background: #111318 !important;
    border-color: #111318 !important;
    color: #FFFFFF !important;
  }
}