/* ==========================================================================
   Ms Fantazia — واجهة المتجر
   لوحة الألوان والتخطيط مطابقة للموقع الأصلي (لافندر فاتح)
   ========================================================================== */

:root{
  --lav:#e0daff;          /* الشريط العلوي، التذييل، بطاقات الأقسام */
  --lav-2:#ece8ff;
  --lav-3:#f4f2ff;
  --bg:#ffffff;           /* خلفية الصفحة — بيضاء كما في الأصل */
  --card:#fbfbff;
  --white:#ffffff;
  --accent:#9f91ff;       /* اللون الأساسي، الأسعار، شارة السلة */
  --accent-d:#7d6ef0;
  --dark:#050404;         /* الأزرار الداكنة */
  --ink:#606060;          /* النص الأساسي */
  --ink-2:#5b5966;
  --charcoal:#212121;     /* عناوين البطاقات */
  --dark-txt:#333333;     /* عناصر الترويسة والقائمة */
  --muted:#767676;
  --line:#ececf5;
  --line-2:#f4f3fa;
  --green:#43a047;
  --red:#d3455b;
  --font:'El Messiri',Arial,Helvetica,sans-serif;
  --container:1222px;
  --topbar-h:47px;        /* ارتفاع الشريط العلوي على سطح المكتب */
  --topbar-sm-h:41px;     /* وعلى الجوال واللوحي */
  --general-h:76px;       /* صف الشعار */
  --toolbar-h:55px;       /* الشريط السفلي للجوال */
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{ box-sizing:border-box; }
/* شريط تمرير محجوز دائماً — كما في الأصل، حتى لا يتغيّر عرض المحتوى */
html{
  -webkit-text-size-adjust:100%; scroll-behavior:smooth;
  overflow-x:hidden; overflow-y:scroll; scrollbar-gutter:stable;
}

body{
  margin:0;
  font-family:var(--font);
  font-size:14px;          /* 16px على الجوال واللوحي — كما في الأصل */
  line-height:1.6;
  color:var(--ink);
  background:var(--bg);
  overflow-x:hidden;
}
/* مقيس من الأصل: حجم الخط الأساس 16px حتى 768px ثم 14px من 769px فصاعداً
   (نقطة تحوّل مستقلة عن نقطة الترويسة 1025px) */
@media (max-width:768px){
  body{ font-size:16px; }
}
/* الشريط السفلي الثابت يظهر حتى 1024px، فنحجز له مساحة حتى هذا الحد */
@media (max-width:1024px){
  body{ padding-bottom:var(--toolbar-h); }
}

img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; }
h1,h2,h3,h4{ margin:0 0 .5em; line-height:1.4; font-weight:700; }
/* الأصل يضبط النص العريض على 600 لا 700 (مقيس: شريط الحقوق، تسمية فلتر السعر) */
strong,b{ font-weight:600; }
p{ margin:0 0 1em; }
ul{ margin:0; padding:0; list-style:none; }
hr.soft{ border:0; border-top:1px solid var(--line); margin:22px 0; }
::selection{ background:var(--lav); color:var(--dark); }

.container{ width:100%; max-width:var(--container); margin-inline:auto; padding-inline:15px; }
.container.narrow{ max-width:880px; }
.center{ text-align:center; }
.muted{ color:var(--muted); }
.hint{ font-size:12.5px; color:var(--muted); margin:6px 0 0; }
.err{ display:block; color:var(--red); font-size:12.5px; font-style:normal; margin-top:4px; }

/* مقيس من الأصل: رابطا تخطٍّ 183×42، 13px/600 uppercase، لون rgb(62,62,62)
   على خلفية rgb(243,243,243) بمحاذاة وسط وبلا ظل ولا هامش */
.wd-skip-links{
  position:absolute; inset-inline-start:-14000px; top:10px; z-index:999;
  display:flex; flex-direction:column; gap:5px;   /* الأصل يفصل بينهما 5px من الحاوية */
}
.wd-skip-links:focus-within{ inset-inline-start:10px; }
.skip-link{
  display:flex; align-items:center; justify-content:center; text-align:center;
  min-width:183px; height:42px; margin:0; padding:5px 20px;
  background:#f3f3f3; color:#3e3e3e;
  font-size:13px; font-weight:600; line-height:1.2; text-transform:uppercase;
}
/* الأصل يزيحها أبعد على الجوال (نفس نقطة تحوّل حجم الخط) */
@media (max-width:768px){ .wd-skip-links{ inset-inline-start:-16000px; } }

/* ── الأزرار ─────────────────────────────────────────────── */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 28px; border:1px solid transparent; border-radius:4px;
  font-size:14px; font-weight:600; cursor:pointer; text-align:center;
  transition:.25s var(--ease); background:none;
  /* مقيس من الأصل: أزرار uppercase بارتفاع سطر 1.2 */
  line-height:1.2; text-transform:uppercase;
}
.btn-primary{ background:var(--dark); color:#fff; }
.btn-primary:hover{ background:#22223b; }
.btn-dark{ background:var(--dark); color:#fff; }
.btn-dark:hover{ background:#22223b; }
.btn-accent{ background:var(--accent); color:#fff; }
.btn-accent:hover{ background:var(--accent-d); }
.btn-outline{ border-color:var(--dark); color:var(--dark); }
.btn-outline:hover{ background:var(--dark); color:#fff; }
.btn-ghost{ background:var(--lav); color:var(--dark); }
.btn-ghost:hover{ background:var(--lav-2); }
.btn-lg{ padding:14px 34px; font-size:15px; }
.btn-sm{ padding:8px 16px; font-size:13px; }
.btn-block{ display:flex; width:100%; }
.btn-block + .btn-block{ margin-top:10px; }
.btn.is-disabled,.btn[disabled]{ opacity:.5; pointer-events:none; }

.link-btn{
  background:none; border:0; padding:5px 0; cursor:pointer;
  display:inline-flex; align-items:center; gap:7px;
  color:var(--ink-2); font-size:13.5px; transition:.2s;
}
.link-btn:hover{ color:var(--accent); }
.link-btn.is-active{ color:var(--accent); font-weight:600; }
.link-btn.danger{ color:var(--red); }

.icon-btn{
  position:relative; display:inline-grid; place-items:center;
  width:38px; height:38px; border:0; border-radius:4px;
  background:transparent; cursor:pointer; color:var(--ink); transition:.2s;
}
.icon-btn:hover{ color:var(--accent); }
.icon-btn.danger:hover{ color:var(--red); }
.icon-btn .badge{
  position:absolute; inset-block-start:0; inset-inline-end:0;
  min-width:16px; height:16px; padding:0 4px; border-radius:999px;
  background:var(--accent); color:#fff; font-size:10px; font-weight:700;
  display:grid; place-items:center; line-height:1;
}

/* ══════════════════════════════════════════════════════════
   الترويسة — مطابقة لبنية msfantazia.com
   ≤1024px: الشريط العلوي فقط (41px، بلا شعار)
   ≥1025px: شريط علوي (47px) + صف الشعار والسلة (76px)
   ══════════════════════════════════════════════════════════ */
.wh-header{ position:relative; z-index:60; }
.wh-flex{ display:flex; align-items:center; justify-content:space-between; }
.wh-col{ display:flex; align-items:center; min-width:0; }

/* إظهار/إخفاء حسب المقاس */
.wh-desk{ display:none; }
.wh-desk-row{ display:none; }
.wh-mob{ display:flex; flex:1 1 auto; }

/* ── الشريط العلوي ───────────────────────────────────────── */
.wh-topbar{ background:var(--lav); border-bottom:1px solid rgb(155 155 155 / .31); }
.wh-topbar .wh-flex{ height:var(--topbar-sm-h); }

/* مقيس من الأصل: رابط الحساب كتلة بارتفاع سطر 1 (12px)، ورابط اللغة 1.4 (16.8px) */
.wh-account a,.wh-lang a{
  font-size:12px; font-weight:400; text-transform:uppercase;
  color:var(--dark-txt); transition:opacity .2s; white-space:nowrap;
}
.wh-account a{ display:block; line-height:1; }
.wh-lang a{ line-height:1.4; }
.wh-account a:hover,.wh-lang a:hover{ opacity:.7; }
.wh-lang{ padding:5px 0; }

.wh-social{ display:flex; align-items:center; }
.wh-social a{
  display:grid; place-items:center; width:27px; height:33px;
  border-radius:50%; color:rgb(0 0 0 / .6); font-size:16px; transition:color .2s;
}
.wh-social a:hover{ color:#000; }
/* مقيس من الأصل: حبر الأيقونة 13.83×13.92 — يتحقّق بمربّع 16px لأن المسار يملأ 0.875 من الـ viewBox */
.wh-social svg{ width:16px; height:16px; display:block; }

.wh-divider{
  flex:none; width:1px; height:18px;
  background:rgb(0 0 0 / .16); margin-inline:10px;
}

/* مبدّل العملة */
.wh-currency{ position:relative; }
/* مقيس من الأصل: حشو 5px 20px، والسهم خارج التدفق فلا يزيد عرض الزر */
.wh-cur-current{
  position:relative; display:flex; align-items:center; gap:0; padding:5px 20px;
  background:none; border:0; cursor:pointer; line-height:1;
}
/* مقيس من الأصل: ارتفاع سطر 14.4px ومحاذاة start */
.wh-cur-code{ font-size:12px; font-weight:700; color:#fff; line-height:1.2; text-align:start; }
.wh-cur-chevron{
  position:absolute; inset-inline-end:5px; inset-block-start:calc(50% - 5px);
  flex:none; width:6px; height:6px;
  border:solid var(--dark-txt); border-width:0 0 1px 1px; transform:rotate(-45deg);
}
.wh-cur-list{
  position:absolute; inset-block-start:100%; inset-inline-end:0; z-index:20;
  min-width:74px; background:#fff; box-shadow:0 4px 20px rgb(0 0 0 / .14);
  padding:4px 0; display:none;
}
.wh-currency.is-open .wh-cur-list{ display:block; }
.wh-cur-list a{
  display:flex; align-items:center; justify-content:center; gap:6px;
  padding:8px 14px; font-size:12px; font-weight:600; color:var(--dark-txt);
}
.wh-cur-list a:hover{ background:var(--lav-3); }

/* علم الدولة — سبرايت مطابق للأصل (خلية 60×40 بمقياس 0.6) */
.wh-flag{
  display:inline-block; flex:none; width:60px; height:40px;
  background-image:url(../img/flags-64.png);
  background-repeat:no-repeat; background-size:1088px 1024px;
  border-radius:25%; transform:scale(.6); margin:-8px -12px;   /* الأصل 25% لا 6px */
}
/* مقيس من الأصل: مبدّل العلم على الجوال داخل حبّة بحشو 5px 20px */
.wh-currency-flag .wh-cur-current{ padding:5px 20px; border-radius:1200px; }

/* زر القائمة للجوال */
.wh-burger{
  flex:none; width:34px; height:40px; display:grid; place-items:center;
  background:none; border:0; cursor:pointer; color:var(--dark-txt);
}
.wh-space{ flex:none; width:120px; }

/* أيقونات SVG مستخرجة من خط الموقع الأصلي */
.msf-ico{ display:block; flex:none; }

/* مقيس من الأصل: أعمدة الترويسة تحمل هامشاً سالباً 10px يلغي حشو كل عنصر بداخلها */
.wh-general .wh-col-start{ margin-inline-start:-10px; }
.wh-general .wh-col-end{ margin-inline-end:-10px; }
.wh-col-mobile{ margin-inline:-10px; }
.wh-burger{ padding-inline:10px; }

/* ── صف الشعار والسلة (سطح المكتب) ───────────────────────── */
.wh-general{ background:var(--white); }
.wh-general .wh-flex{ height:var(--general-h); }
.wh-logo a{ display:block; padding:0 10px; }
.wh-logo img{
  display:block; width:auto; height:auto;
  max-width:263px; max-height:var(--general-h);
  padding:5px 0; object-fit:contain;
}
.wh-cart{
  position:relative; display:flex; align-items:center; padding:0 10px;
  background:none; border:0; cursor:pointer; color:var(--dark-txt); transition:color .2s;
}
.wh-cart:hover{ color:var(--accent); }
/* مقيس من الأصل: الأيقونة تُزاح 6px داخل العمود ذي الهامش السالب −10px */
.wh-cart-icon{ position:relative; display:block; line-height:0; margin-inline-end:6px; }
.wh-cart-count{
  position:absolute; inset-block-start:-5px; inset-inline-end:-9px;
  min-width:15px; height:15px; padding:0; border-radius:50%;   /* الأصل بلا حشو */
  background:var(--accent); color:#fff;
  font-size:9px; line-height:15px; font-weight:400; text-align:center;
}

/* ── سطح المكتب ≥1025px ──────────────────────────────────── */
@media (min-width:1025px){
  .wh-desk{ display:flex; }
  .wh-desk-row{ display:block; }
  .wh-mob{ display:none; }
  .wh-topbar .wh-flex{ height:var(--topbar-h); }
}

/* ── طبقة البحث ──────────────────────────────────────────── */
.search-layer{
  position:fixed; inset:0; z-index:80; background:rgba(51,51,82,.45);
  backdrop-filter:blur(4px); padding-top:12vh; animation:fade .2s;
}
.search-box{ max-width:720px; }
.search-box form{
  display:flex; align-items:center; gap:10px; background:#fff;
  border-radius:6px; padding:6px 16px; box-shadow:0 24px 60px rgba(60,50,110,.24);
}
.search-box svg{ color:var(--muted); flex:none; }
.search-box input{
  flex:1; border:0; outline:0; font-family:inherit; font-size:16px;
  padding:12px 4px; background:none; color:var(--ink);
}
.suggest-list{
  margin-top:10px; background:#fff; border-radius:6px;
  box-shadow:0 24px 60px rgba(60,50,110,.22); overflow:hidden;
  max-height:56vh; overflow-y:auto;
}
.suggest-item{ display:flex; align-items:center; gap:12px; padding:9px 16px; transition:.18s; }
.suggest-item:hover{ background:var(--lav-3); }
.suggest-item img{ width:44px; height:54px; object-fit:cover; flex:none; }
.suggest-item span{ flex:1; font-size:13.5px; }
.suggest-item strong{ color:var(--accent); font-size:13px; white-space:nowrap; }
.suggest-more{ display:block; text-align:center; padding:11px; background:var(--lav-3); color:var(--accent-d); font-weight:600; font-size:13px; }

/* ── القائمة الجانبية للجوال — تنزلق من اليسار كما في الأصل ── */
.wh-side{ position:fixed; inset:0; z-index:500; }
.wh-side-backdrop{ position:absolute; inset:0; background:rgb(0 0 0 / .7); animation:fade .3s; }
.wh-side-panel{
  position:absolute; inset-block:0; left:0; z-index:2;
  width:min(300px,80vw); background:var(--white);
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  animation:whSlide .5s cubic-bezier(.19,1,.22,1);
}
@keyframes whSlide{ from{ transform:translateX(-100%); } to{ transform:none; } }

/* مقيس من الأصل: ظل ناعم 9px أسفل صف البحث، لا خط شعري */
.wh-side-search{ position:relative; height:70px; box-shadow:0 -1px 9px 0 rgb(0 0 0 / .17); }
.wh-side-search input{
  width:100%; height:70px; border:0; outline:0; background:none;
  padding:0 20px 0 70px; font-family:inherit;
  font-size:14px; font-weight:600; line-height:1.6; color:#767676;
}
.wh-side-search input::placeholder{ color:#767676; opacity:1; }
/* مقيس من الأصل: زر البحث 46×70 من حافة اللوحة، فيقع مركز العدسة عند x=23 */
.wh-side-search-btn{
  position:absolute; left:0; top:0; width:46px; height:70px;
  display:grid; place-items:center; padding:0;
  background:none; border:0; cursor:pointer; color:#767676;
}
/* مقيس من الأصل: الأيقونة تسبق النص والمحاذاة من البداية، والفاصل rgba(0,0,0,.106) */
.wh-side-menu li a{
  display:flex; align-items:center; justify-content:flex-start; gap:7px;
  height:50px; padding:5px 20px; border-bottom:1px solid rgb(0 0 0 / .106);
  font-size:13px; font-weight:600; line-height:1.4;
  text-transform:uppercase; color:var(--dark-txt); transition:color .2s;
}
.wh-side-menu li a:hover{ color:var(--accent); }
.wh-side-account a svg{ flex:none; }

/* ══════════ السلة الجانبية — مطابقة لبنية الأصل ══════════ */
.cart-widget-side{ position:fixed; inset:0; z-index:500; }
.wd-close-side{ position:absolute; inset:0; background:rgb(0 0 0 / .7); animation:fade .3s; }
.cart-side-panel{
  position:absolute; inset-block:0; left:0; z-index:2;
  display:flex; flex-direction:column;
  width:min(340px,100vw); background:var(--white);
  animation:whSlide .5s cubic-bezier(.19,1,.22,1);
}

/* ترويسة اللوحة */
.cart-side-panel .wd-heading{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:20px 15px; border-bottom:1px solid rgb(0 0 0 / .106);
}
.cart-side-panel .wd-heading .title{
  flex:1 1 auto; font-size:1.3em; font-weight:600; line-height:1.4; color:var(--ink);
}
.close-side-widget > a{
  display:inline-flex; align-items:center; gap:5px; height:25px;
  font-weight:600; line-height:1.4; color:var(--dark-txt); transition:color .2s;
}
.close-side-widget .wd-action-text{ line-height:1.4; }
.close-side-widget > a:hover{ color:var(--accent); }
.close-side-widget .wd-action-icon{ display:grid; place-items:center; height:auto; margin:0; }
.close-side-widget .wd-action-icon svg{ width:15px; height:15px; }

/* محتوى السلة */
.widget_shopping_cart_content{ flex:1; display:flex; flex-direction:column; min-height:0; }
.shopping-cart-widget-body{ flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.cart_list{ margin:0; }
.woocommerce-mini-cart-item{
  position:relative; padding:15px; border-bottom:1px solid var(--line);
}
.woocommerce-mini-cart-item .cart-item-link{
  position:absolute; inset:0; z-index:1; font-size:0; overflow:hidden;
}
.woocommerce-mini-cart-item .cart-item-image{
  position:absolute; inset-block-start:15px; inset-inline-start:15px; z-index:2;
  display:block; width:65px; height:65px;
}
.woocommerce-mini-cart-item .cart-item-image img{ width:65px; height:65px; object-fit:cover; display:block; }
.woocommerce-mini-cart-item .remove{
  position:absolute; inset-block-start:13px; left:10px; z-index:3;
  display:grid; place-items:center; width:20px; height:20px;
  font-size:0; color:var(--muted); transition:color .2s;
}
.woocommerce-mini-cart-item .remove::before{
  content:'\00d7'; font-size:18px; line-height:1;
}
.woocommerce-mini-cart-item .remove:hover{ color:var(--red); }
.woocommerce-mini-cart-item .cart-info{
  position:relative; z-index:2; pointer-events:none;
  padding-inline-start:80px; padding-inline-end:20px; min-height:65px;
}
.woocommerce-mini-cart-item .wd-entities-title{
  display:block; font-weight:700; line-height:1.4; color:var(--ink); margin-bottom:6px;
}
.woocommerce-mini-cart-item .quantity{
  display:block; width:auto; height:auto; border:0; background:none;
  font-size:.9em; color:var(--ink);
}
.woocommerce-mini-cart-item .quantity .amount{ color:var(--accent); font-weight:600; }

/* تذييل السلة */
.shopping-cart-widget-footer{ flex:none; }
.woocommerce-mini-cart__total{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin:0; padding:15px; font-size:1.3em; border-bottom:1px solid var(--line);
}
.woocommerce-mini-cart__total strong{ font-weight:600; color:var(--ink); }
.woocommerce-mini-cart__total .amount{ color:var(--accent); font-weight:600; }
.woocommerce-mini-cart__buttons{
  display:flex; flex-direction:column; gap:10px;
  margin:0 0 15px; padding:0 15px;
}
.woocommerce-mini-cart__buttons .button{
  display:flex; align-items:center; justify-content:center;
  height:42px; padding:5px 20px; border-radius:5px;
  font-size:13px; font-weight:600; transition:background .25s ease;
}
.woocommerce-mini-cart__buttons .btn-default{ background:var(--lav); color:var(--dark-txt); }
.woocommerce-mini-cart__buttons .btn-default:hover{ background:var(--lav-2); color:var(--dark-txt); }
.woocommerce-mini-cart__buttons .checkout{ background:var(--dark); color:#fff; }
.woocommerce-mini-cart__buttons .checkout:hover{ background:#210b1b; color:#fff; }

@media (max-width:1024px){
  .cart-side-panel{ width:min(300px,80vw); }
}

/* ══════════════════════════════════════════════════════════
   الصفحة الرئيسية
   ══════════════════════════════════════════════════════════ */
/* الحاوية الرئيسية للصفحة الرئيسية — مطابقة لـ main#main-content */
body.page-home .wh-main{
  width:100%; max-width:var(--container);
  margin-inline:auto; padding:40px 15px;
}

.msf-home{
  --lav:#E0DAFF; --purple:#9F91FF; --purple-deep:#7d6cf0;
  --charcoal:#212121; --ink:#606060; --ease:cubic-bezier(.22,.61,.36,1);
  font-family:'El Messiri',Arial,Helvetica,sans-serif;
  color:var(--ink); line-height:1.7;
}
.msf-home *{ box-sizing:border-box; }
.msf-home img{ max-width:100%; display:block; }
.msf-home a{ text-decoration:none; color:inherit; }
.msf-home .wrap{ max-width:1200px; margin-inline:auto; padding-inline:24px; }

.msf-home .reveal{
  opacity:0; transform:translateY(28px);
  transition:opacity .7s var(--ease),transform .7s var(--ease);
}
.msf-home .reveal.in{ opacity:1; transform:none; }
.msf-home .reveal.d1{ transition-delay:.08s; }
.msf-home .reveal.d2{ transition-delay:.16s; }

.msf-home .sec-title{
  text-align:center; font-size:clamp(24px,4vw,40px); font-weight:700;
  color:var(--charcoal); margin:0 0 40px;
  display:flex; align-items:center; justify-content:center; gap:16px;
}
.msf-home .sec-title::before,.msf-home .sec-title::after{
  content:''; height:1px; width:min(80px,12vw);
  background:linear-gradient(90deg,transparent,var(--purple));
}
.msf-home .sec-title::before{ background:linear-gradient(270deg,transparent,var(--purple)); }

.msf-home .msf-section{ padding-block:clamp(40px,7vw,96px); }

/* البانر */
.msf-home .hero{ background:var(--lav); width:100%; display:block; }
.msf-home .hero-img{ width:100%; height:auto; display:block; object-fit:contain; margin-inline:auto; }

/* طرق الدفع */
.msf-home .pay{ display:flex; align-items:center; justify-content:center; gap:24px; flex-wrap:wrap; }
.msf-home .pay-label{ font-weight:600; color:var(--charcoal); font-size:20px; }
.msf-home .pay img{ height:44px; width:auto; }

/* حكاية العلامة */
.msf-home .story{ background:linear-gradient(180deg,#fff,var(--lav) 320%); }
.msf-home .story p{
  max-width:780px; margin:0 auto 20px; text-align:center;
  font-size:clamp(17px,2.6vw,26px); color:#4a4a4a; font-weight:500; line-height:2.1;
}

/* بطاقات الأقسام */
.msf-home .cats{ display:flex; gap:28px; justify-content:center; flex-wrap:wrap; }
.msf-home .cat{
  background:var(--lav); border-radius:16px; width:300px; max-width:100%;
  padding:24px; text-align:center;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
  box-shadow:0 6px 24px rgb(159 145 255 / .12);
}
.msf-home .cat:hover{ transform:translateY(-8px); box-shadow:0 18px 40px rgb(159 145 255 / .28); }
.msf-home .cat img{ border-radius:12px; margin-bottom:18px; aspect-ratio:1; object-fit:cover; width:100%; }
.msf-home .cat h3{ font-size:clamp(20px,3vw,24px); font-weight:700; color:var(--charcoal); margin:0 0 20px; }

@media (max-width:600px){
  .msf-home .pay{ gap:16px; }
  .msf-home .pay-label{ width:100%; text-align:center; margin-bottom:4px; }
  .msf-home .pay img{ height:38px; }
  .msf-home .cat{ width:100%; max-width:340px; }
  .msf-home .sec-title{ gap:10px; }
  .msf-home .sec-title::before,.msf-home .sec-title::after{ width:min(48px,16vw); }
}
@media (prefers-reduced-motion:reduce){
  .msf-home .reveal{ opacity:1; transform:none; transition:none; }
}

/* ══════════════════════════════════════════════════════════
   المتجر والأقسام
   ══════════════════════════════════════════════════════════ */
/* مقيس من الأصل: 40px رأسي على سطح المكتب و20px عند ≤1024 */
.shop-wrap{ background:var(--white); padding:40px 0; }

/* ── رأس القائمة (shop-loop-head) — مطابق للأصل ─────────── */
.shop-loop-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; flex-wrap:wrap; margin-bottom:30px;
}
.shop-loop-head .wd-shop-tools{ display:flex; align-items:center; gap:20px; }

/* مسار التنقّل */
.wd-breadcrumbs{ display:flex; align-items:center; flex-wrap:wrap; color:var(--ink); }
.wd-breadcrumbs a{ color:var(--muted); transition:color .25s ease; }
.wd-breadcrumbs a:hover{ color:var(--color-gray-700,#555); }
.wd-breadcrumbs .wd-delimiter{ margin-inline:8px; color:var(--ink); }
.wd-breadcrumbs .wd-delimiter::after{ content:"/"; }
.wd-breadcrumbs .wd-last{ font-weight:600; color:#242424; }
.wd-result-count{ margin:0; color:var(--ink); }

/* أزرار «Show sidebar» و«Filters» */
.wd-action-btn{ display:flex; align-items:center; line-height:1; }
.wd-action-btn > a{
  display:inline-flex; align-items:center; height:19px;
  font-weight:600; line-height:1; color:var(--dark-txt);
}
.wd-action-btn .wd-action-icon{
  display:grid; place-items:center; height:19px; margin-inline-end:.3em;
  font-weight:400; color:var(--dark-txt); transition:color .25s ease;
}
.wd-action-btn .wd-action-icon svg{ width:17px; height:17px; }
.wd-action-btn .wd-action-text{ line-height:1; color:var(--dark-txt); transition:color .25s ease; }
.wd-action-btn > a:hover .wd-action-text,
.wd-action-btn > a:hover .wd-action-icon{ color:var(--accent); }

/* عدد المنتجات في الصفحة */
.wd-products-per-page{ display:flex; align-items:center; color:var(--muted); }
.wd-products-per-page .wd-label{ font-weight:600; color:var(--dark-txt); }
.wd-products-per-page .wd-label::after{ content:" :"; }
.wd-products-per-page .per-page-variation{ padding:0 7px; color:var(--muted); transition:color .25s ease; }
.wd-products-per-page .per-page-variation:hover{ color:var(--dark-txt); }
.wd-products-per-page .per-page-variation.current-variation{ color:var(--dark-txt); font-weight:600; }
.wd-products-per-page .per-page-border::after{ content:"/"; color:var(--muted); opacity:.6; }
.wd-products-per-page .per-page-border:last-child{ display:none; }

/* مبدّل عدد الأعمدة */
.wd-products-shop-view{ display:flex; align-items:center; gap:12px; }
.wd-products-shop-view .shop-view{ display:grid; place-items:center; height:27px; color:#bbb; transition:color .25s ease; }
.wd-products-shop-view .shop-view:hover{ color:var(--muted); }
.wd-products-shop-view .shop-view.current-variation{ color:var(--dark-txt); }

/* القائمة الجانبية أولاً — تظهر يميناً في RTL كما في الأصل */
/* مقيس من الأصل: شبكة 12 عموداً بفواصل 30px — الجانبي عمودان والنتائج عشرة */
.shop-layout{ display:grid; grid-template-columns:repeat(12,1fr); gap:30px; align-items:start; }
.shop-layout > .shop-side{ grid-column:span 2; }
.shop-layout > .results{ grid-column:span 10; }

/* الشريط الجانبي */
.shop-side{ position:sticky; top:20px; }
.shop-side .wd-heading{ display:none; }
.side-block{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid var(--line); }
.side-block:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0; }
/* مقيس من الأصل: عنوان الودجت بهامش سفلي 20px، ويصير 10px لودجت الأقسام */
.widget-title{
  font-size:16px; font-weight:600; text-transform:uppercase; color:var(--ink);
  margin:0 0 20px; line-height:1.4;
}
.side-block:not(.price-filter) .widget-title{ margin-bottom:10px; }
/* مقيس من الأصل: القائمة بهامش سفلي سالب 8px يقرّب الودجت التالي */
.side-list{ margin-bottom:-8px; }
/* مقيس من الأصل: روابط الأقسام بوزن 400 وارتفاع سطر 1.4 */
.side-list li a{
  display:block; padding:8px 0 8px 5px; line-height:1.4;
  font-weight:400; color:var(--muted); transition:color .25s ease;
}
.side-list li a:hover{ color:var(--accent); }
.side-list li.current-cat > a,
.side-list li a.is-active{ color:var(--dark-txt); }

/* لوحة التصفية Sort by + Price filter */
.filters-area{
  display:none; margin-bottom:30px; padding:25px 0 5px;
  border-block:1px solid var(--line);
}
.filters-area.is-open{ display:block; animation:fadeUp .25s var(--ease); }
.filters-inner-area{ display:grid; grid-template-columns:repeat(2,1fr); gap:30px; }
.filter-widget .widget-title{ margin-bottom:12px; }
.wd-ordering-list li a,
.wd-price-filter li a{
  display:inline-block; padding:4px 0; color:var(--muted); transition:color .25s ease;
}
.wd-ordering-list li a:hover,
.wd-price-filter li a:hover{ color:var(--dark-txt); }
.wd-ordering-list li a.current-state,
.wd-price-filter li a.current-state{ color:var(--dark-txt); font-weight:600; }

/* زر تحميل المزيد */
.wd-loop-footer{ display:flex; justify-content:center; padding-top:30px; }
.wd-load-more{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:185px; height:42px; padding:5px 20px;
  background:none; border:0; border-radius:0;
  /* مقيس من الأصل: بلا تباعد أحرف، ارتفاع سطر 1.2 (15.6px) */
  font-size:13px; font-weight:600; letter-spacing:normal; line-height:1.2; text-transform:uppercase;
  color:var(--dark-txt); cursor:pointer; transition:color .25s ease;
}
.wd-load-more:hover{ color:var(--accent); }

/* منزلق نطاق السعر — مقيس من الأصل:
   منطقة 20px بهامش سفلي 20px · المسار 2px بلون rgba(0,0,0,.106) عند top:10px ·
   الجزء المملوء 2px بلون #9f91ff · المقبض مستطيل 4×15 بلون #9f91ff بلا حواف ولا ظل */
.range-wrap{ position:relative; height:20px; margin:0 0 20px; }
.range-track{
  position:absolute; inset-block-start:10px; inset-inline:0; height:2px;
  background:rgb(0 0 0 / .106); border-radius:0;
}
.range-fill{ position:absolute; inset-block:0; background:var(--accent); border-radius:0; }
.range-in{
  position:absolute; inset-inline:0; inset-block-start:0; width:100%; height:20px;
  margin:0; background:none; pointer-events:none; -webkit-appearance:none; appearance:none;
}
.range-in:focus{ outline:0; }
.range-in::-webkit-slider-thumb{
  -webkit-appearance:none; pointer-events:auto; width:4px; height:15px; border-radius:0;
  background:var(--accent); border:0; box-shadow:none; cursor:pointer;
}
.range-in::-moz-range-thumb{
  pointer-events:auto; width:4px; height:15px; border-radius:0;
  background:var(--accent); border:0; box-shadow:none; cursor:pointer;
}
.range-in::-webkit-slider-runnable-track{ background:none; height:20px; }
.range-in::-moz-range-track{ background:none; height:20px; }

/* حاوية التسمية والزر — الأصل: flex صف بلفّ، فجوة 10px، توزيع space-between */
.price-filter-amount{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px;
}

/* مقيس من الأصل: 14px / rgb(118,118,118)، والقيم بوزن 600 */
/* مقيس من الأصل: يرث حجم الخط من body (14px سطح المكتب / 16px ≤768) */
.price-note{ color:var(--muted); margin:0; line-height:1.4; }
.price-filter-amount .price-note{ flex:0 1 auto; }
.price-note strong,
.price-note .from,
.price-note .to{ font-weight:600; color:#242424; }
/* مقيس من الأصل: حشو 5px 14px، ارتفاع سطر 1.2 (14.4px)، uppercase */
.btn-filter{
  display:flex; align-items:center; justify-content:center;
  background:var(--lav); color:var(--dark-txt); border:0; cursor:pointer;
  padding:5px 14px; min-height:36px; border-radius:5px; font-family:inherit; font-size:12px;
  font-weight:600; line-height:1.2; text-transform:uppercase; transition:.2s;
}
.btn-filter:hover{ background:var(--lav-2); color:var(--dark-txt); }

.side-select{
  width:100%; padding:8px 11px; border:1px solid var(--line); border-radius:4px;
  font-family:inherit; font-size:13px; background:#fff; cursor:pointer; color:var(--ink-2);
}
.check{ display:flex; align-items:center; gap:8px; font-size:13px; padding:9px 0 0; cursor:pointer; }
.check input{ accent-color:var(--accent); width:15px; height:15px; }

/* ── شبكة المنتجات ───────────────────────────────────────── */
/* مقيس من الأصل: فجوة 20px على سطح المكتب و10px عند ≤768 */
.product-grid{ display:grid; gap:20px; grid-template-columns:repeat(4,1fr); }
.product-grid.cols-3{ grid-template-columns:repeat(3,1fr); }
.product-grid.cols-2{ grid-template-columns:repeat(2,1fr); }

/* الأصل: البطاقة ترث حجم الخط من body (14px سطح المكتب / 16px ≤768)،
   وتنزل إلى 14.4px عند ≤576 — مقيس عند 576 مقابل 577 */
.pcard{ text-align:center; }
@media (max-width:576px){ .pcard{ font-size:14.4px; } }
.pcard-media{ position:relative; overflow:hidden; background:var(--lav-3); }
.pcard-imglink{ display:block; aspect-ratio:1; }
.pcard-img{ width:100%; height:100%; object-fit:cover; transition:opacity .45s var(--ease), transform .8s var(--ease); }
.pcard-img-alt{ position:absolute; inset:0; opacity:0; }
.pcard:hover .pcard-img-alt{ opacity:1; }
.pcard:hover .pcard-img{ transform:scale(1.03); }

/* الشارة في بداية السطر (يمين في RTL) كما في الأصل، بلا حواف دائرية */
.pcard-badges{
  position:absolute; inset-block-start:7px; inset-inline-start:7px; z-index:2;
  display:flex; flex-direction:column; gap:0; align-items:flex-start;
}
.badge-stock,.badge-out,.badge-sale{
  padding:5px 10px; border-radius:0; font-size:12px; font-weight:600;
  letter-spacing:normal; text-transform:uppercase; line-height:1.2;   /* الأصل 14.4px */
}
.badge-stock{ background:var(--green); color:#fff; }
.custom-instock-label{
  position:absolute; inset-block-start:10px; inset-inline-end:10px; z-index:2;
  background:#43a047; color:#fff; border-radius:3px; padding:2px 8px;
  font-size:12px; font-weight:700; line-height:1.4; text-transform:uppercase;
}
.badge-out{ background:#fff; color:#000; }
.badge-sale{ background:var(--red); color:#fff; }

.pcard-actions{
  position:absolute; inset-block-start:10px; inset-inline-end:10px; z-index:2;
  display:flex; flex-direction:column; gap:6px;
  opacity:0; transform:translateY(-6px); transition:.28s var(--ease);
}
.pcard:hover .pcard-actions{ opacity:1; transform:none; }
.round-btn{
  width:32px; height:32px; border-radius:3px; border:0; cursor:pointer;
  background:#fff; color:var(--ink-2); display:grid; place-items:center;
  box-shadow:0 1px 5px rgba(60,50,110,.16); transition:.2s;
}
.round-btn:hover,.round-btn.is-active{ background:var(--accent); color:#fff; }

.pcard-add{
  position:absolute; inset-inline:0; inset-block-end:0; z-index:2;
  padding:11px; border:0; cursor:pointer;
  background:var(--dark); color:#fff; font-size:13px; font-weight:600;
  /* الأصل يخفي الشريط بـ visibility لا بـ opacity — فلا يبقى في شجرة الوصول */
  visibility:hidden; opacity:0; transform:translateY(100%);
  transition:.3s var(--ease); text-align:center;
  display:block; width:100%;
}
.pcard:hover .pcard-add{ visibility:visible; opacity:1; transform:none; }
.pcard-add:hover{ background:var(--accent); }
.pcard-add.is-disabled{ background:var(--muted); }

.pcard-body{ padding:7px 0 0; }
.pcard-meta{ font-size:11.5px; color:var(--muted); letter-spacing:.4px; display:block; margin-bottom:4px; }
.pcard-title{
  margin:0 0 5px; font-size:inherit; font-weight:700; line-height:1.4; color:var(--ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.pcard-title a:hover{ color:var(--accent); }
.pcard-price{
  display:flex; align-items:baseline; justify-content:center; gap:8px; flex-wrap:wrap;
  font-weight:600; line-height:1.4;
}
.pcard-price strong,
.pcard-price .price{ color:var(--accent); font-weight:600; line-height:1.4; }
.pcard-price del{ color:var(--muted); font-size:12.5px; }
.pcard-status{ display:block; margin-top:8px; font-size:10.5px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--ink); }

.stars{ display:flex; align-items:center; justify-content:center; gap:1px; color:#d8d5e4; font-size:12px; margin-bottom:4px; }
.stars .on{ color:#f0b429; }
.stars small{ color:var(--muted); margin-inline-start:5px; }

/* ── الترقيم ─────────────────────────────────────────────── */
.pagination{ margin:46px 0 0; }
.pagination ul{ display:flex; justify-content:center; gap:5px; flex-wrap:wrap; }
.pg{
  display:grid; place-items:center; min-width:38px; height:38px; padding:0 11px;
  border:1px solid var(--line); border-radius:4px; font-size:13.5px;
  color:var(--ink-2); transition:.2s; background:#fff;
}
.pg:hover{ border-color:var(--accent); color:var(--accent); }
.pg.is-active{ background:var(--accent); border-color:var(--accent); color:#fff; font-weight:700; }
.pg.is-disabled{ opacity:.4; pointer-events:none; }
.pg-dots{ display:grid; place-items:center; height:38px; padding:0 5px; color:var(--muted); }

/* ══════════════════════════════════════════════════════════
   صفحة المنتج
   ══════════════════════════════════════════════════════════ */
/* مقيس من الأصل: 40px أعلى وأسفل */
.page-product .wh-main{ padding-block:40px; }

/* شريط المسار وأزرار السابق/التالي */
.single-breadcrumbs-wrapper{ margin-bottom:20px; }
.single-breadcrumbs-wrapper .container{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.single-breadcrumbs-wrapper .wd-breadcrumbs{ flex:1 1 auto; }
.wd-products-nav{ display:flex; align-items:center; flex:none; font-size:14px; line-height:1.85; }
.wd-products-nav .wd-event-hover{ position:relative; }
.wd-product-nav-btn{
  display:grid; place-items:center; width:24px; height:24px;
  color:#242424; transition:color .25s ease;
}
.wd-product-nav-btn:hover{ color:var(--accent); }
.wd-btn-back{ position:relative; }
.wd-btn-back > span{
  position:absolute; inset-block-end:calc(100% + 6px); inset-inline-start:50%;
  transform:translateX(50%); white-space:nowrap;
  background:#242424; color:#fff; font-size:11px; line-height:1; padding:6px 9px;
  border-radius:3px; opacity:0; visibility:hidden; transition:.2s; pointer-events:none;
}
.wd-btn-back:hover > span{ opacity:1; visibility:visible; }
.wd-products-nav .wd-dropdown{
  position:absolute; inset-block-start:calc(100% + 8px); inset-inline-start:50%;
  transform:translateX(50%) translateY(6px);
  display:flex; gap:10px; width:240px; padding:12px;
  background:#fff; box-shadow:0 4px 25px rgb(0 0 0 / .12);
  opacity:0; visibility:hidden; transition:.25s var(--ease); z-index:30;
}
.wd-products-nav .wd-event-hover:hover .wd-dropdown{ opacity:1; visibility:visible; transform:translateX(50%); }
.wd-product-nav-thumb{ flex:none; width:72px; }
.wd-product-nav-thumb img{ width:72px; height:96px; object-fit:cover; }
.wd-product-nav-desc{ min-width:0; text-align:start; }
.wd-product-nav-desc .wd-entities-title{ display:block; font-size:13px; font-weight:700; color:var(--ink); margin-bottom:6px; }
.wd-product-nav-desc .price{ color:var(--accent); font-weight:600; font-size:13px; }

/* شبكة المعرض + الملخّص */
.product-image-summary-inner{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px; align-items:start;
}
.product-images{ position:relative; min-width:0; }
.woocommerce-product-gallery{ position:relative; }
.wd-gallery-images{ position:relative; overflow:hidden; }
.gallery-wrapper{ margin:0; display:block; background:var(--lav-3); }
/* مقيس من الأصل: الصورة تحتفظ بنسبتها الطبيعية — لا 3:4 مفروضة */
.gallery-wrapper img{ width:100%; height:auto; display:block; cursor:zoom-in; }

/* شارات المعرض — أعلى الجانب المقابل كما في الأصل */
.product-images .product-labels{
  position:absolute; inset-block-start:15px; inset-inline-end:15px; z-index:3;
  display:flex; flex-direction:column; gap:6px; align-items:flex-end;
}
.product-images .product-label{
  background:#fff; color:#000; padding:5px 10px; text-align:center;
  font-size:12px; font-weight:600; line-height:1.2; text-transform:uppercase;
}
.product-images .product-label.onsale{ background:var(--red); color:#fff; }

/* أسهم المعرض */
/* مقيس من الأصل: 50×50، مخفية حتى المرور، وتتجاوز حافة المعرض بـ30px */
.wd-gallery-nav .wd-btn-arrow{
  position:absolute; inset-block-start:50%; transform:translateY(-50%); z-index:3;
  display:grid; place-items:center; width:50px; height:50px;
  border:0; background:none; cursor:pointer; color:#333;
  opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease, color .2s;
}
.wd-gallery-images:hover .wd-gallery-nav .wd-btn-arrow{ opacity:1; visibility:visible; }
.wd-gallery-nav .wd-btn-arrow:hover{ color:var(--accent); }
.wd-gallery-nav .wd-prev{ inset-inline-start:-30px; }
.wd-gallery-nav .wd-next{ inset-inline-end:-30px; }

/* شريط المصغّرات */
.wd-gallery-thumb{
  display:flex; gap:0; margin-top:10px;   /* مقيس من الأصل */
  overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
}
.wd-gallery-thumb::-webkit-scrollbar{ height:0; }
.wd-gallery-thumb .gthumb{
  flex:0 0 25.4733%; padding:0 5px; border:0; background:none; cursor:pointer;
  scroll-snap-align:start; text-align:start;
}
.wd-gallery-thumb .gthumb img{
  width:100%; height:auto; display:block;
  opacity:.65; transition:opacity .25s ease;
}
.wd-gallery-thumb .gthumb.is-active img,
.wd-gallery-thumb .gthumb:hover img{ opacity:1; }

/* الملخّص */
.summary.entry-summary{ min-width:0; }
.summary.text-center{ text-align:center; }
.summary-inner > *{ margin-bottom:20px; }
.summary-inner > *:last-child{ margin-bottom:0; }
.product_title{
  font-size:34px; font-weight:700; line-height:1.2; color:var(--ink); margin:0 0 20px;
}
.summary p.price{
  font-size:1.55em; font-weight:600; color:var(--accent); line-height:1.2; margin:0 0 20px;
}
.summary p.price del{ color:var(--muted); font-size:.7em; margin-inline-start:8px; font-weight:400; }
.woocommerce-product-details__short-description{ color:var(--ink); margin-bottom:20px; }
/* مقيس من الأصل: فقرات الوصف المختصر بهامش سفلي 20px */
.woocommerce-product-details__short-description p{ margin:0 0 20px; line-height:1.6; }

/* مبدّل العملة داخل صفحة المنتج */
.wmc-price-switcher{ position:relative; display:inline-block; min-width:42px; font-size:16px; margin-bottom:20px; }
.wmc-price-switcher .wh-cur-current{ gap:5px; }
.wmc-price-switcher .wh-cur-current{ min-height:31px; }
.wmc-prd-switcher-display{ font-size:16px; font-weight:400; line-height:25px; color:var(--ink); }
.wmc-price-switcher .wh-cur-chevron{ border-color:var(--ink); }

/* حالة التوفّر */
/* مقيس من الأصل: سطر التوفّر بلون #333 في الحالتين، لا أخضر/أحمر */
.summary p.stock{ font-weight:600; margin:0 0 20px; line-height:1.2; color:var(--dark-txt); }
.summary p.stock.in-stock{ color:#333; }
.summary p.stock.out-of-stock{ color:#b50808; }   /* مقيس من الأصل */
/* الأصل: السطر block والأيقونة inline قبله */
.summary p.stock .stock-check{ display:inline-block; vertical-align:-2px; margin-inline-end:6px; color:var(--accent); }

/* نموذج الإضافة إلى السلة */
form.cart{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:20px; }
/* مقيس من الأصل: الحاوية 80×42 بلا إطار، والإطار على كل زر */
.quantity{ display:inline-flex; align-items:center; background:none; }
.quantity .btn{
  width:25px; height:42px; padding:0 5px; border:1px solid rgb(0 0 0 / .1); border-radius:0;
  background:none; cursor:pointer; font-size:13px; font-weight:600; color:var(--ink); transition:.2s;
}
.quantity .btn:hover{ background:var(--lav-3); color:var(--accent); }
.quantity .qty{
  width:30px; height:42px; border:0; border-block:1px solid rgb(0 0 0 / .1); text-align:center; font-family:inherit;
  font-size:14px; color:var(--ink); background:none; -moz-appearance:textfield;
}
.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
/* مقيس من الأصل: الزر يلتصق بنصّه (125×42)، display:flex، ولا يتمدّد */
.single_add_to_cart_button{
  display:flex; align-items:center; justify-content:center;
  height:42px; padding:5px 20px; line-height:1.2;
  border:0; border-radius:5px; cursor:pointer;
  background:var(--dark); color:#fff; font-family:inherit;
  font-size:13px; font-weight:600; text-transform:uppercase; transition:background .25s ease;
}
.single_add_to_cart_button:hover{ background:#210b1b; }

/* المشاركة */
.product-share{ display:flex; align-items:center; justify-content:center; gap:0; flex-wrap:wrap; }
/* مقيس من الأصل: التسمية بلون #333 وبلا هامش — المسافة تأتي من حشو الأيقونة 6px */
.product-share .wd-label{ font-weight:600; color:var(--dark-txt); margin:0; }
.product-share .wd-social-icon{
  display:grid; place-items:center; width:24px; height:29px; padding:6px; font-size:14px;
  border-radius:50%; color:rgb(0 0 0 / .6); transition:color .2s;
}
.product-share .wd-social-icon svg{ width:12px; height:12px; }
.product-share .wd-social-icon:hover{ color:#000; }

/* التبويبات / الأكورديون */
.product-tabs-wrapper{ margin-top:40px; }
.wd-nav-wrapper{ text-align:center; }
.wd-nav-tabs{
  display:inline-flex; gap:0; justify-content:center;
  border-bottom:1px solid var(--line); margin-bottom:30px;
}
/* مقيس من الأصل: التبويبات 16px/600 — النشط #333 وغير النشط #333 بشفافية .7 */
.wd-nav-tabs .wd-nav-link{
  display:block; padding:13px 24px; font-size:16px; font-weight:600;
  color:rgb(51 51 51 / .7);
  border-bottom:2px solid transparent; transition:.2s; white-space:nowrap;
}
.wd-nav-tabs li.active .wd-nav-link{ color:var(--dark-txt); border-color:var(--accent); font-weight:600; }
.wd-nav-tabs .wd-nav-link:hover{ color:var(--accent); }
.wd-accordion-item{ border-bottom:1px solid var(--line); }
/* الأكورديون على الجوال: 16px/600، والعنوان المفتوح بلون الهوية البنفسجي */
.wd-accordion-title{
  display:none; align-items:center; justify-content:space-between; gap:10px;
  padding:20px 0; cursor:pointer; font-size:16px; font-weight:600; color:var(--ink);
}
.wd-accordion-title.wd-active{ color:var(--accent); }
.wd-accordion-opener{ display:grid; place-items:center; color:#bbb; transition:transform .25s ease; }
.wd-accordion-title.wd-active .wd-accordion-opener{ transform:rotate(180deg); }
.woocommerce-Tabs-panel{ display:none; padding-bottom:30px; }
.woocommerce-Tabs-panel.wd-active{ display:block; }
.wc-tab-inner{ color:var(--ink); line-height:1.6; }
.wc-tab-inner p{ margin:0 0 4px; }

/* منتجات مقترحة */
.related.products{ padding:40px 0 10px; }
.related .section-title{
  text-align:start; font-size:22px; font-weight:600; color:var(--ink); margin:0 0 30px;
}

/* التبويبات */
.tabs{ padding:0 0 50px; }
.tabs-nav{ display:flex; gap:0; border-bottom:1px solid var(--line); overflow-x:auto; }
.tabs-nav button{
  padding:13px 24px; border:0; background:none; cursor:pointer;
  font-size:14px; color:var(--muted); border-bottom:2px solid transparent;
  transition:.2s; white-space:nowrap; font-family:inherit;
}
.tabs-nav button:hover{ color:var(--accent); }
.tabs-nav button.is-active{ color:var(--ink); border-color:var(--accent); font-weight:700; }
.tab-panel{ display:none; padding:26px 0; }
.tab-panel.is-active{ display:block; animation:fadeUp .3s var(--ease); }

.rte{ color:var(--ink-2); line-height:2; max-width:78ch; font-size:14px; }
.rte h3{ color:var(--ink); font-size:17px; margin:22px 0 8px; }
.rte ul{ list-style:disc; padding-inline-start:22px; margin-bottom:14px; }
.rte li{ margin-bottom:6px; }
.rte a{ color:var(--accent); text-decoration:underline; }

.spec-table,.kv{ width:100%; border-collapse:collapse; max-width:620px; }
.spec-table th,.spec-table td,.kv th,.kv td{ padding:10px 4px; border-bottom:1px solid var(--line); text-align:start; font-size:13.5px; }
.spec-table th,.kv th{ color:var(--muted); font-weight:500; width:36%; }

.review-list li{ padding:15px 0; border-bottom:1px solid var(--line); }
.review-head{ display:flex; align-items:center; gap:13px; flex-wrap:wrap; margin-bottom:5px; }
.review-head time{ color:var(--muted); font-size:12.5px; margin-inline-start:auto; }
.review-form{ margin-top:24px; max-width:620px; }
.review-form textarea,.review-form input{
  width:100%; padding:11px 13px; border:1px solid var(--line);
  border-radius:4px; font-family:inherit; font-size:14px; margin-bottom:11px; background:#fff;
}
.rate-picker{ display:inline-flex; flex-direction:row-reverse; gap:2px; margin-bottom:11px; }
.rate-picker input{ display:none; }
.rate-picker label{ font-size:23px; color:#ddd9ea; cursor:pointer; transition:.15s; }
.rate-picker input:checked ~ label,.rate-picker label:hover,.rate-picker label:hover ~ label{ color:#f0b429; }

.related{ border-top:1px solid var(--line); padding:40px 0 60px; background:var(--white); }
.related h2{ font-size:19px; margin-bottom:26px; }

/* ══════════════════════════════════════════════════════════
   السلة / الدفع / الحساب / الصفحات
   ══════════════════════════════════════════════════════════ */
.page-head{ background:var(--white); padding:26px 0 22px; border-bottom:1px solid var(--line-2); margin-bottom:30px; }
.page-head h1{ font-size:clamp(21px,2.6vw,30px); font-weight:700; margin:0; }
.page-sub{ color:var(--muted); margin:6px 0 0; max-width:70ch; font-size:13.5px; }

.inner-wrap{ background:var(--white); padding-bottom:60px; }

/* ملخّص إتمام الطلب */
.checkout-summary{
  background:var(--bg); border:1px solid var(--line);
  border-radius:6px; padding:22px; position:sticky; top:20px;
}
.checkout-summary h3{ font-size:16px; margin:0 0 15px; }
.coupon-form{ display:flex; gap:8px; margin-bottom:11px; }
.coupon-form input{ flex:1; min-width:0; padding:10px 12px; border:1px solid var(--line); border-radius:4px; font-family:inherit; font-size:13px; background:#fff; }
.coupon-active{ display:flex; align-items:center; justify-content:space-between; background:#eef8f1; color:var(--green); padding:7px 13px; border-radius:4px; font-size:13px; margin-bottom:11px; }
.totals{ margin:14px 0; }
.totals li{ display:flex; justify-content:space-between; gap:10px; padding:8px 0; font-size:13.5px; border-bottom:1px dashed var(--line); }
.totals li.is-discount strong{ color:var(--green); }
.totals li.grand{ border:0; padding-top:13px; font-size:15.5px; }
.totals li.grand strong{ color:var(--accent); font-size:19px; }

/* ══════════ سلة المشتريات — مطابقة لبنية الأصل ══════════ */
.page-cart .wh-main{ padding-block:40px 0; }
.page-cart .wd-content-area{ width:100%; max-width:var(--container); margin-inline:auto; padding-inline:15px; }

/* السلة الفارغة */
.cart-empty{
  display:flex; flex-direction:column; align-items:center; gap:14px;
  font-size:40px; font-weight:600; text-align:center; color:var(--ink); margin:0 0 20px;
}
.cart-empty .msf-ico{ width:136px; height:136px; color:rgb(0 0 0 / .07); }
.wd-empty-block-text{ max-width:535px; margin:0 auto 20px; text-align:center; color:var(--ink); }
.return-to-shop{ text-align:center; margin:0; }
.return-to-shop .button{
  display:inline-flex; align-items:center; justify-content:center;
  height:42px; padding:5px 20px; border:0; border-radius:5px; cursor:pointer;
  background:var(--dark); color:#fff; font-family:inherit;
  font-size:13px; font-weight:600; transition:background .25s ease;
}
.return-to-shop .button:hover{ background:#210b1b; color:#fff; }

/* التخطيط: الجدول يميناً والإجمالي يساراً */
.cart-content-wrapper{
  display:grid; grid-template-columns:minmax(0,1fr) 387px;
  gap:30px; align-items:start;
}

/* جدول السلة */
.shop_table.cart{ width:100%; border-collapse:collapse; }
/* مقيس من الأصل: ترويسة 16px uppercase بحشو 15px 10px وحد سفلي 2px rgba(0,0,0,.075) */
.shop_table.cart thead th{
  padding:15px 10px; text-align:start; vertical-align:middle;
  font-size:16px; font-weight:600; text-transform:uppercase; color:var(--ink);
  border-bottom:2px solid rgb(0 0 0 / .075);
}
.shop_table.cart th.product-remove{ width:40px; padding-inline-end:0; }
.shop_table.cart th.product-thumbnail{ width:104px; }
.shop_table.cart th.product-price{ width:117px; }
.shop_table.cart th.product-quantity{ width:151px; }
.shop_table.cart th.product-subtotal{ width:101px; padding-inline-end:0; text-align:end; }
.shop_table.cart td{ padding:15px 12px; vertical-align:middle; border-bottom:1px solid var(--line); }
.shop_table.cart td.product-subtotal{ padding-inline-end:0; }
.screen-reader-text{
  position:absolute !important; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
}

.shop_table.cart td.product-remove{ width:40px; padding-inline:5px; text-align:center; }
.cart_item .remove{
  display:inline-grid; place-items:center; width:30px; height:30px; padding:0;
  border:0; background:none; cursor:pointer; color:var(--dark-txt); transition:color .2s;
}
.cart_item .remove:hover{ color:var(--red); }
.cart_item .product-thumbnail img{ width:80px; height:80px; object-fit:cover; display:block; }
.cart_item .product-name a{ font-weight:700; line-height:1.4; color:var(--ink); transition:color .2s; }
.cart_item .remove{ font-size:0; }
.cart_item .product-name a:hover{ color:var(--accent); }
.cart_item .product-name .warn{ display:block; color:var(--red); font-size:12px; margin-top:4px; }
.cart_item .product-subtotal{ text-align:end; color:var(--accent); font-weight:400; }
.cart_item .quantity{ width:80px; }
.cart_item .quantity .btn{ width:26px; height:40px; font-size:15px; }
.cart_item .quantity .qty{ width:28px; height:40px; font-size:13px; }

/* صف الإجراءات */
.shop_table.cart .actions{ padding:30px 12px 0; text-align:end; border-bottom:0; }
.cart-actions{ display:flex; align-items:center; justify-content:flex-end; gap:12px; flex-wrap:wrap; }
/* حقل الكوبون مخفي في الأصل — أزيلي هذا السطر لإظهاره */
.cart-actions .coupon{ display:none; }
.cart-actions .coupon input{
  height:42px; padding:5px 15px; border:1px solid rgb(0 0 0 / .1);
  border-radius:5px; font-family:inherit; font-size:14px; background:#fff;
}
.cart-actions .button{
  height:42px; padding:5px 20px; border:0; border-radius:5px; cursor:pointer;
  font-family:inherit; font-size:13px; font-weight:600; transition:background .25s ease;
}
.cart-actions .btn-default{ background:var(--lav); color:var(--dark-txt); }
.cart-actions .btn-default:hover{ background:var(--lav-2); }
.cart-actions .btn-accent{ background:var(--dark); color:#fff; }
.cart-actions .btn-accent:hover{ background:#210b1b; }

/* صندوق الإجمالي */
.cart_totals{ border:1px solid var(--line); }
.cart-totals-inner{ padding:28px; }
.cart_totals h2{ font-size:22px; font-weight:600; color:var(--ink); margin:0 0 22px; }
.cart_totals table{ width:100%; border-collapse:collapse; }
.cart_totals th,
.cart_totals td{ padding:14px 0; vertical-align:top; border-bottom:1px solid var(--line); }
.cart_totals th{ text-align:start; font-weight:600; color:var(--ink); }
.cart_totals td{ text-align:end; color:var(--accent); font-weight:600; }
.cart_totals tr:last-child th,
.cart_totals tr:last-child td{ border-bottom:0; }
.cart_totals .cart-discount td{ color:var(--green); }
.woocommerce-shipping-methods{ margin:0; }
.woocommerce-shipping-methods label{ color:var(--accent); }
.woocommerce-shipping-destination{
  margin:10px 0 0; font-weight:400; color:var(--ink); line-height:1.6;
}
.shipping-calculator-button{
  display:inline-block; margin-top:8px; font-weight:400;
  color:var(--accent); text-decoration:underline;
}
.wc-proceed-to-checkout{ margin-top:22px; }
.checkout-button{
  display:flex; align-items:center; justify-content:center; text-align:center;
  height:42px; padding:5px 25px; border-radius:5px;
  background:var(--dark); color:#fff; font-size:13px; font-weight:600;
  transition:background .25s ease;
}
.checkout-button:hover{ background:#210b1b; color:#fff; }

/* ── الجوال واللوحي ── */
@media (max-width:1024px){
  .cart-content-wrapper{ grid-template-columns:1fr; gap:30px; }
  .cart-empty{ font-size:24px; }
  .cart-empty .msf-ico{ width:82px; height:82px; }

  .shop_table.cart thead{ display:none; }
  .shop_table.cart,
  .shop_table.cart tbody,
  .shop_table.cart tr,
  .shop_table.cart td{ display:block; width:auto; }
  .shop_table.cart tr.cart_item{
    position:relative; display:grid; grid-template-columns:100px minmax(0,1fr);
    column-gap:15px; align-items:start; padding-bottom:17px; margin-bottom:20px;
  }
  .shop_table.cart td{
    padding:3px 0; border-bottom:1px dotted var(--line);
    text-align:end; line-height:1.4;
  }
  .shop_table.cart td.product-name::before{ content:none; }
  .cart_item .product-subtotal{ padding-bottom:0; }
  .cart_totals th,
  .cart_totals td{ padding:8px 0; }
  .cart_totals tr:last-child th,
  .cart_totals tr:last-child td{ padding:0; }
  .woocommerce-shipping-totals th,
  .woocommerce-shipping-totals td{ display:block; width:auto; text-align:start; }
  .woocommerce-shipping-totals th{ padding-bottom:0; border-bottom:0; }
  .shop_table.cart td::before{
    content:attr(data-title); float:right; font-weight:600; color:var(--ink);
  }
  .cart_item > td{ grid-column:2; }
  .shop_table.cart td.product-remove{
    position:absolute; inset-block-start:-4px; inset-inline-start:auto; left:-7px;
    width:30px; height:35px; padding:0; border-bottom:0; text-align:center;
  }
  .shop_table.cart td.product-thumbnail{
    grid-column:1; grid-row:1 / span 3;
    width:100px; padding:0; border-bottom:0; text-align:start;
  }
  .cart_item .product-thumbnail img{ width:100px; height:100px; }
  .shop_table.cart td.product-name{ border-bottom:0; padding-top:0; text-align:start; }
  .cart_item .product-quantity{ text-align:start; }
  .cart_item .product-quantity::before{ float:right; }
  .cart_item .product-quantity .quantity{ display:inline-flex; height:30px; }
  .cart_item .quantity .btn{ height:30px; }
  .cart_item .quantity .qty{ height:30px; }
  .cart_item .product-subtotal{ border-bottom:0; }
  .shop_table.cart .actions{ padding:15px 0 0; }
  .cart-actions{ justify-content:stretch; }
  .cart-actions .button{ flex:1 1 100%; }
}
.pay-icons{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:14px; }
.pay-icons.center{ justify-content:center; }
.pay-icons span{ font-size:12px; color:var(--muted); }

.checkout-layout{ display:grid; grid-template-columns:1fr 340px; gap:30px; align-items:start; }

/* ══════════ إتمام الطلب — مطابق لبنية الأصل ══════════ */
.checkout-area{ padding-block:40px; }
/* شريط الكوبون أعلى الصفحة */
.woocommerce-form-coupon-toggle .woocommerce-info{
  display:inline-flex; gap:4px; font-size:14px; font-weight:600; color:#242424; margin-bottom:25px;
}
.woocommerce-form-coupon-toggle .showcoupon{ display:block; color:var(--accent); }
.checkout_coupon{ display:flex; gap:10px; align-items:flex-end; margin-bottom:24px; }
.checkout_coupon[hidden]{ display:none; }
.checkout_coupon .button{
  height:42px; padding:5px 20px; border:0; border-radius:5px; cursor:pointer;
  background:var(--dark); color:#fff; font-family:inherit;
  font-size:13px; font-weight:600; line-height:1.2; text-transform:uppercase;
}
/* مقيس من الأصل: عمودان — بيانات العميل 566px ومراجعة الطلب 596px بخلفية #f7f7f7 */
form.checkout{ display:flex; flex-wrap:wrap; gap:30px; align-items:flex-start; }
form.checkout #customer_details{ flex:0 0 566px; max-width:100%; }
form.checkout .checkout-order-review{
  flex:0 0 596px; max-width:100%; padding:30px; background:#f7f7f7;
}
form.checkout h3{ font-size:22px; font-weight:600; text-transform:uppercase; color:var(--ink); margin:0 0 20px; }
form.checkout h3.checkout-note-title{ color:rgb(230 30 30); }
.checkout-note{ color:rgb(230 30 30); font-size:14px; margin:0 0 20px; }
form.checkout .form-row{ margin:0 0 20px; }
form.checkout label{
  display:block; font-size:14px; font-weight:400; color:var(--ink); margin-bottom:5px;
}
form.checkout .required{ color:rgb(224 16 32); font-size:16px; line-height:1; text-decoration:none; }
form.checkout .optional{ color:#bbb; font-size:11.2px; font-weight:400; }
form.checkout .input-text{
  width:100%; height:42px; padding:0 12px; border:1px solid rgb(0 0 0 / .1);
  border-radius:5px; background:#fff; font-family:inherit; font-size:14px; color:var(--ink);
}
form.checkout textarea.input-text{ height:auto; padding:12px; line-height:1.6; }
.field-hint-red{ display:block; margin-top:5px; font-size:14px; color:#f00; }
/* الأسماء الثلاثة في صف واحد (272px لكل خانة على سطح المكتب) */
.woocommerce-billing-fields__field-wrapper{ display:flex; flex-wrap:wrap; gap:0; }
.woocommerce-billing-fields__field-wrapper > .form-row{ flex:0 0 100%; }
.woocommerce-billing-fields__field-wrapper > .form-row-third{ flex:0 0 272px; }
.woocommerce-billing-fields__field-wrapper > .form-row-code{ flex:0 0 170px; }
/* الموافقات الإجبارية */
.checkout-consent label{ display:flex; align-items:flex-start; gap:8px; margin:0; }
.checkout-consent input{ flex:none; width:13px; height:13px; margin-top:5px; }
/* كتلة المنتجات المقترحة */
.checkout-upsell{ flex:0 0 100%; margin-bottom:20px; }
.checkout-upsell h4{ font-size:18px; font-weight:600; color:rgb(215 69 69); margin:0 0 8px; }
.checkout-upsell a{ font-size:14px; color:rgb(43 187 216); }
/* جدول مراجعة الطلب */
.woocommerce-checkout-review-order-table{ width:100%; border-collapse:collapse; }
.woocommerce-checkout-review-order-table th{
  font-size:16px; font-weight:600; color:var(--ink); text-align:start;
  padding:0 0 15px; border-bottom:1px solid rgb(0 0 0 / .105);
}
.woocommerce-checkout-review-order-table td{
  padding:15px 0; border-bottom:1px solid rgb(0 0 0 / .105);
  font-size:14px; color:var(--ink); vertical-align:top;
}
.woocommerce-checkout-review-order-table td.product-total{ text-align:end; white-space:nowrap; }
.woocommerce-checkout-review-order-table .product-quantity{ font-weight:600; }
.woocommerce-checkout-review-order-table tfoot th{
  font-size:14px; padding:15px 0; border-bottom:1px solid rgb(0 0 0 / .105);
}
.woocommerce-checkout-review-order-table tfoot td{
  text-align:end; font-weight:600; color:var(--accent); white-space:nowrap;
}
.woocommerce-checkout-review-order-table .shipping-method-label{ color:var(--ink); font-weight:400; }
.woocommerce-checkout-review-order-table .order-total td{ font-size:13px; }
/* الدفع وزر التأكيد */
.pay-securely{ font-size:14px; color:var(--ink); margin:20px 0 6px; }
.payment-desc{ font-size:14px; color:var(--ink); margin:0 0 20px; line-height:1.6; }
.place-order{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:48px; padding:5px 28px; border:0; border-radius:5px; cursor:pointer;
  background:var(--dark); color:#fff; font-family:inherit;
  font-size:14px; font-weight:600; line-height:1.2; text-transform:uppercase;
}
.place-order:hover{ background:#22223b; }
@media (max-width:1024px){
  form.checkout #customer_details,
  form.checkout .checkout-order-review{ flex:0 0 100%; }
  .woocommerce-billing-fields__field-wrapper > .form-row-third,
  .woocommerce-billing-fields__field-wrapper > .form-row-code{ flex:0 0 100%; }
}
.cbox{ background:var(--white); border:1px solid var(--line); border-radius:6px; padding:24px; margin-bottom:20px; }
.cbox h3{ font-size:16px; margin:0 0 16px; padding-bottom:11px; border-bottom:1px solid var(--line-2); }
.field{ margin-bottom:15px; }
.field label{ display:block; font-size:13px; font-weight:600; margin-bottom:5px; }
.field label small{ color:var(--muted); font-weight:400; }
.field input,.field select,.field textarea{
  width:100%; padding:11px 13px; border:1px solid var(--line); border-radius:4px;
  font-family:inherit; font-size:14px; background:#fff; transition:.2s;
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:0; border-color:var(--accent); box-shadow:0 0 0 3px rgba(159,145,255,.16);
}
.field input:disabled{ background:var(--line-2); color:var(--muted); }
.grid2{ display:grid; grid-template-columns:1fr 1fr; gap:13px; }

.pay-options{ display:grid; gap:9px; }
.pay-option input{ display:none; }
.pay-option-in{
  display:flex; align-items:center; gap:12px; padding:13px 17px;
  border:1px solid var(--line); border-radius:5px; cursor:pointer; transition:.2s;
}
.pay-option-in:hover{ border-color:var(--accent); }
.pay-option input:checked + .pay-option-in{ border-color:var(--accent); background:var(--lav-3); }
.pay-option-in strong{ font-size:14px; font-weight:600; }

.mini-items{ max-height:310px; overflow-y:auto; margin-bottom:6px; }
.mini-items li{ display:flex; gap:11px; align-items:center; padding:9px 0; border-bottom:1px solid var(--line-2); }
.mini-items img{ width:46px; height:58px; object-fit:cover; flex:none; }
.mini-items div{ flex:1; min-width:0; }
.mini-items span{ display:block; font-size:13px; line-height:1.5; }
.mini-items small{ color:var(--muted); font-size:12px; }
.mini-items strong{ font-size:13.5px; color:var(--accent); white-space:nowrap; }

/* الطلب */
.order-hero{ text-align:center; padding:30px 0 22px; }
.order-check{
  width:60px; height:60px; margin:0 auto 14px; border-radius:50%;
  background:#eef8f1; color:var(--green); font-size:28px; display:grid; place-items:center;
  animation:pop .5s var(--ease);
}
.order-hero h1{ font-size:clamp(21px,2.6vw,29px); }
.order-code strong{ color:var(--accent); letter-spacing:1px; }

.order-steps{ display:flex; justify-content:space-between; margin:24px 0 32px; position:relative; }
.order-steps::before{ content:''; position:absolute; inset-block-start:8px; inset-inline:8%; height:2px; background:var(--line); }
.order-steps li{ position:relative; z-index:1; text-align:center; flex:1; font-size:12.5px; color:var(--muted); }
.order-steps .dot{ display:block; width:17px; height:17px; margin:0 auto 8px; border-radius:50%; background:#fff; border:2px solid var(--line); }
.order-steps li.done{ color:var(--accent); font-weight:600; }
.order-steps li.done .dot{ background:var(--accent); border-color:var(--accent); }

.order-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.addr{ line-height:2; font-size:13.5px; }

.timeline li{ padding:11px 0; border-inline-start:2px solid var(--line); padding-inline-start:17px; position:relative; }
.timeline li::before{ content:''; position:absolute; inset-inline-start:-6px; inset-block-start:17px; width:10px; height:10px; border-radius:50%; background:var(--accent); }
.timeline time{ color:var(--muted); font-size:12.5px; margin-inline-start:9px; }
.timeline p{ margin:2px 0 0; font-size:13px; color:var(--muted); }

.pill{ display:inline-block; padding:3px 12px; border-radius:3px; font-size:12px; font-weight:600; }
.pill-pending{ background:#fff4e5; color:#a9700f; }
.pill-processing{ background:#e9f0fd; color:#2b5aa5; }
.pill-shipped{ background:#efeaff; color:#5a44c4; }
.pill-delivered{ background:#eaf7ef; color:#1d7a48; }
.pill-cancelled{ background:#fdeef0; color:#b3303c; }
.pill-refunded{ background:#f1f0f5; color:#5c5560; }

/* الحساب */
.acc-layout{ display:grid; grid-template-columns:236px 1fr; gap:26px; align-items:start; }
.acc-nav{ background:var(--white); border:1px solid var(--line); border-radius:6px; overflow:hidden; }
.acc-user{ display:flex; gap:11px; align-items:center; padding:16px; background:var(--lav-3); }
.acc-user img{ border-radius:50%; }
.acc-user strong{ display:block; font-size:14px; }
.acc-user small{ color:var(--muted); font-size:12px; }
.acc-nav nav a{ display:flex; align-items:center; gap:10px; padding:11px 17px; font-size:13.5px; color:var(--ink-2); border-bottom:1px solid var(--line-2); transition:.2s; }
.acc-nav nav a:hover{ background:var(--lav-3); color:var(--accent); }
.acc-nav nav a.is-active{ background:var(--accent); color:#fff; }
.acc-nav nav a.danger{ color:var(--red); }
.acc-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-bottom:20px; }
.stat-card{ background:var(--white); border:1px solid var(--line); border-radius:6px; padding:17px; text-align:center; }
.stat-card span{ display:block; font-size:12.5px; color:var(--muted); margin-bottom:4px; }
.stat-card strong{ font-size:20px; color:var(--accent); }

.addr-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:15px; margin-bottom:20px; }
.addr-card{ position:relative; background:var(--white); border:1px solid var(--line); border-radius:6px; padding:17px; }
.addr-card.is-default{ border-color:var(--accent); }
.addr-tag{ position:absolute; inset-block-start:13px; inset-inline-end:15px; color:#f0b429; font-size:16px; }
.addr-card h4{ margin:0 0 7px; font-size:14px; color:var(--accent); }
.addr-card p{ font-size:13px; line-height:1.8; color:var(--ink-2); margin:0 0 9px; }
.addr-actions{ display:flex; gap:13px; }

.auth-wrap{ padding:18px 0 60px; }
.auth-card{ max-width:430px; margin:0 auto; background:var(--white); border:1px solid var(--line); border-radius:8px; padding:34px; }
.auth-card h1{ font-size:24px; text-align:center; }
.auth-card .muted{ text-align:center; margin-bottom:20px; }
.auth-alt{ text-align:center; margin:16px 0 0; font-size:13.5px; }
.auth-alt a{ color:var(--accent); font-weight:600; }

.data-table{ width:100%; border-collapse:collapse; }
.data-table th{ text-align:start; padding:10px 8px; font-size:12px; color:var(--muted); font-weight:600; border-bottom:1px solid var(--line); }
.data-table td{ padding:12px 8px; border-bottom:1px solid var(--line-2); font-size:13.5px; }

/* تواصل وصفحات */
.contact-layout{ display:grid; grid-template-columns:320px 1fr; gap:26px; align-items:start; }
.contact-list li{ padding:6px 0; font-size:13.5px; }
.contact-list.big li{ display:flex; gap:10px; align-items:flex-start; padding:10px 0; border-bottom:1px solid var(--line-2); }
.contact-list svg{ color:var(--accent); flex:none; margin-top:5px; }
.contact-list a:hover{ color:var(--accent); }

.static-body{ padding-bottom:56px; }
.static-nav{ display:flex; gap:9px; flex-wrap:wrap; margin-top:32px; padding-top:20px; border-top:1px solid var(--line); }
.static-nav a{ padding:7px 15px; background:var(--lav-3); border-radius:4px; font-size:13px; color:var(--ink-2); transition:.2s; }
.static-nav a:hover{ background:var(--lav); color:var(--dark); }

.empty-state{ text-align:center; padding:64px 20px; color:var(--muted); }
.empty-state svg{ color:var(--lav); margin-bottom:12px; }
.empty-state h3{ color:var(--ink); font-size:18px; margin-bottom:8px; }
.empty-state .btn{ margin:8px 5px 0; }
.big-404{ display:block; font-size:96px; color:var(--lav); line-height:1; font-weight:700; }

.alert{ padding:12px 17px; border-radius:4px; margin-bottom:16px; font-size:13.5px; }
.alert-error{ background:#fdeef0; color:var(--red); }
.alert-info{ background:var(--lav-3); color:var(--dark); }
.alert-success{ background:#eaf7ef; color:var(--green); }
.alert a{ text-decoration:underline; font-weight:600; }

/* ══════════════════════════════════════════════════════════
   التذييل
   ══════════════════════════════════════════════════════════ */
/* ── ما قبل التذييل ───────────────────────────────────── */
/* مقيس من الأصل: الخط الفاصل والحشو العلوي على القسم بعرض الشاشة كاملاً،
   والحاوية بأقصى عرض 1192px بلا حشو أفقي فيصير عرض الصف min(1212, العرض+20) */
.wh-prefooter{ background:var(--white); border-top:1px solid #0000001C; padding-top:55px; }
.wh-prefooter > .container{ max-width:1192px; padding-inline:0; }
.wh-pf-row{
  display:flex; flex-wrap:wrap; margin-inline:-10px;
}
.wh-pf-col{
  width:33.3333%; padding:10px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.wh-pf-logo{ max-width:100%; height:auto; margin-inline:auto; }
.wh-pf-title{
  align-self:stretch; font-size:16px; font-weight:600; color:#000;
  text-align:center; margin:0; line-height:1;   /* الأصل بلا هامش */
}
/* الأصل: العنوان نفسه بلا هامش، والفراغ 20px يأتي من حاويته — فنضعه فوق حبّة الأيقونات */
.wh-pf-social{
  display:flex; align-items:center; justify-content:center;
  align-self:stretch; margin:20px 34px 0;
  background:var(--lav); border-radius:54px;
}
.wh-pf-social a{
  display:grid; place-items:center; width:27px; height:33px;
  border-radius:50%; color:#fff; transition:opacity .2s;
}
.wh-pf-social a:hover{ opacity:.75; }
.wh-pf-social svg{ width:16px; height:16px; display:block; }

/* ── التذييل ──────────────────────────────────────────── */
/* مقيس من الأصل: التذييل بهامش رأسي سالب -5px أعلى و-10px أسفل */
.wh-footer{ background:var(--lav); margin-block:-5px -10px; }
.wh-copyrights{
  padding-block:20px; border-top:1px solid rgb(0 0 0 / .105);
  color:var(--muted); text-align:center;
}
.wh-cr-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.wh-cr-start{ text-align:start; }
.wh-cr-end{ text-align:end; }
/* الأصل يلوّن رابط الحقوق بـ #333 لا بلون النص المحيط */
.wh-copyrights a{ color:var(--dark-txt); }
/* رمز الحقوق: الأصل يرسمه من خط أيقونات بمربّع 14×14 عند 14px */
.wh-copy{ display:inline-block; vertical-align:-2px; width:14px; height:14px; }
.wh-recaptcha-notice{ text-align:center; font-size:11px; color:#999; padding:8px; direction:ltr; }
.wh-recaptcha-notice a{ color:#999; text-decoration:underline; }

/* ── الشريط السفلي للجوال (≤1024px) ───────────────────── */
.wh-toolbar{
  position:fixed; inset-inline:0; bottom:0; z-index:350;
  display:flex; align-items:center; justify-content:space-between;
  height:var(--toolbar-h); padding:5px;
  background:var(--white); box-shadow:0 0 9px rgb(0 0 0 / .12);
}
.wh-tb-item{ flex:1 1 0%; min-width:0; }
.wh-tb-item a{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  height:45px; padding-inline:10px; color:var(--dark-txt); transition:color .2s;
}
.wh-tb-item a:hover{ color:var(--accent); }
.wh-tb-icon{ position:relative; display:grid; place-items:center; line-height:0; }
.wh-tb-label{ width:100%; text-align:center; font-size:11px; font-weight:600; line-height:11px; padding:1px 0; }

/* ── العناصر العائمة ──────────────────────────────────── */
.wh-wa{
  position:fixed; bottom:35px; right:10px; z-index:9999;
  display:block; width:35px; height:35px; line-height:0;
}
.wh-wa svg{ display:block; width:35px; height:35px; }
.wh-totop{
  position:fixed; bottom:calc(var(--toolbar-h) + 20px); inset-inline-start:20px; z-index:340;
  width:40px; height:40px; border-radius:50%;
  background:rgb(0 0 0 / .3); color:#fff; display:grid; place-items:center;
  opacity:0; visibility:hidden; transform:translateY(10px); transition:.3s var(--ease);
}
.wh-totop.is-visible{ opacity:1; visibility:visible; transform:none; }
.wh-totop:hover{ background:rgb(0 0 0 / .5); }

@media (min-width:1025px){
  .wh-toolbar{ display:none; }
  .wh-wa{ bottom:15px; right:15px; }
  .wh-totop{ bottom:20px; }
}
/* ── صفحة المنتج ────────────────────────────────────── */
/* الأصل يخفي اسم المنتج من المسار ويحوّل التبويبات إلى أكورديون عند ≤1024 */
@media (max-width:1024px){
  .single-breadcrumbs-wrapper .wd-breadcrumbs .wd-last,
  .single-breadcrumbs-wrapper .wd-breadcrumbs .wd-delimiter:nth-last-of-type(1){ display:none; }
  .product-images .product-labels{ inset-block-start:10px; inset-inline-end:10px; }
  .product-images .product-label{ padding:5px; font-size:10px; }
  .wd-nav-wrapper{ display:none; }
  .wd-accordion-title{ display:flex; }
  .product-tabs-wrapper{ margin-top:30px; }
}
/* لكن العمودين (المعرض + الملخّص) يبقيان حتى 769px — القياس: عمودان عند 1024 */
@media (max-width:768px){
  .product-image-summary-inner{ grid-template-columns:1fr; gap:20px; }
  .product_title{ font-size:20px; }
  .summary p.price{ font-size:1.3em; }
  .wd-gallery-thumb .gthumb{ flex:0 0 34.1667%; }
}

/* شريط الحقوق يتحوّل لعمود واحد عند ≤1024 (كما في الأصل) */
@media (max-width:1024px){
  .wh-cr-grid{ grid-template-columns:1fr; }
  .wh-cr-start,.wh-cr-end{ text-align:center; }
}
/* أعمدة ما قبل التذييل تتكدّس عند ≤767 فقط */
@media (max-width:767px){
  /* مقيس من الأصل: الحشو العلوي لما قبل التذييل ينزل من 55px إلى 30px عند ≤767 */
  .wh-prefooter{ padding-top:30px; }
  .wh-pf-col{ width:100%; }
  .wh-pf-col:empty{ min-height:20px; padding:0; }
  /* الأصل يترك 25px أسفل العمود الأخير فقط */
  .wh-pf-col:last-child{ margin-bottom:25px; }
}

.toasts{ position:fixed; inset-block-start:90px; inset-inline-end:20px; z-index:120; display:grid; gap:8px; }
.toast{
  background:var(--dark); color:#fff; padding:12px 20px; border-radius:4px;
  font-size:13.5px; box-shadow:0 10px 28px rgba(60,50,110,.22);
  animation:toastIn .3s var(--ease); max-width:320px;
}
.toast-success{ background:var(--green); }
.toast-error{ background:var(--red); }

/* مودال */
.modal{ position:fixed; inset:0; z-index:110; display:grid; place-items:center; padding:20px; }
.modal-backdrop{ position:absolute; inset:0; background:rgba(51,51,82,.55); backdrop-filter:blur(3px); }
.modal-box{
  position:relative; background:#fff; border-radius:8px; max-width:840px; width:100%;
  max-height:88vh; overflow-y:auto; box-shadow:0 30px 70px rgba(60,50,110,.3);
  animation:pop .3s var(--ease);
}
.modal-close{
  position:absolute; inset-block-start:10px; inset-inline-end:10px; z-index:3;
  width:32px; height:32px; border-radius:4px; border:0; cursor:pointer;
  background:#fff; box-shadow:0 1px 5px rgba(60,50,110,.16); font-size:15px;
}
.qv{ display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:24px; }
.qv-gallery img#qvMain{ width:100%; aspect-ratio:1/1.3; object-fit:cover; }
.qv-thumbs{ display:flex; gap:6px; margin-top:8px; }
.qv-thumbs button{ width:52px; border:1px solid transparent; overflow:hidden; padding:0; cursor:pointer; background:none; }
.qv-thumbs button.is-active{ border-color:var(--accent); }
.qv-body h3{ font-size:20px; }
.qv-short{ font-size:13.5px; color:var(--ink-2); margin-bottom:12px; }
.qv-actions{ margin-top:16px; }

/* الحركات */
@keyframes fade{ from{opacity:0} to{opacity:1} }
@keyframes fadeUp{ from{opacity:0;transform:translateY(9px)} to{opacity:1;transform:none} }
@keyframes slideIn{ from{transform:translateX(-100%)} to{transform:none} }
@keyframes slideInEnd{ from{transform:translateX(100%)} to{transform:none} }
@keyframes pop{ from{opacity:0;transform:scale(.95)} to{opacity:1;transform:none} }
@keyframes toastIn{ from{opacity:0;transform:translateY(-12px)} to{opacity:1;transform:none} }

.reveal{ opacity:0; transform:translateY(20px); transition:.7s var(--ease); }
.reveal.is-in{ opacity:1; transform:none; }
.reveal.d1{ transition-delay:.08s; }
.reveal.d2{ transition-delay:.18s; }

@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
  .reveal{ opacity:1; transform:none; }
}

/* ══════════════════════════════════════════════════════════
   الاستجابة
   ══════════════════════════════════════════════════════════ */
@media (max-width:1024px){
  /* الأصل يبقي 4 أعمدة حتى 1024 وينزل إلى عمودين عند ≤768 فقط */
  .shop-layout,.checkout-layout,.acc-layout,.contact-layout{ grid-template-columns:1fr; }
  .shop-wrap{ padding:20px 0; }

  /* رأس القائمة: المسار والعدّاد في صف واحد كما في الأصل */
  .shop-loop-head{ display:block; margin-bottom:20px; }
  .shop-loop-head .wd-shop-tools{ display:flex; flex-wrap:wrap; }
  .shop-loop-head .wd-shop-tools:first-child{
    justify-content:space-between; align-items:center; gap:10px; padding-bottom:15px;
  }
  .shop-loop-head .wd-shop-tools:last-child{ justify-content:space-between; margin-top:15px; }
  .wd-breadcrumbs{ display:inline-flex; }
  .wd-action-btn > a,
  .wd-action-btn .wd-action-icon{ height:23px; }
  .wd-action-btn .wd-action-icon svg{ width:19px; height:19px; }
  /* هذه الأدوات مخفية على الجوال واللوحي كما في الأصل */
  .wd-products-per-page,.wd-products-shop-view{ display:none; }
  .wd-filter-buttons{ order:2; }
  .wd-show-sidebar-btn{ order:1; }

  /* مقيس من الأصل: اللوحة مثبّتة على الحافة اليمنى فعلياً (x=75 w=300 عند 375)
     وتنزلق من اليمين، وفوقها طبقة تعتيم rgba(0,0,0,.7) */
  .shop-side{
    position:fixed; inset-block:0; right:0; z-index:500;
    width:min(300px,100vw); max-width:100vw; background:#fff;
    padding:20px 30px 80px; overflow-y:auto;
    transform:translateX(100%); transition:transform .5s cubic-bezier(.19,1,.22,1);
  }
  .shop-side.is-open{ transform:translateX(0); box-shadow:0 0 30px rgb(0 0 0 / .18); }
  .shop-side-backdrop{
    position:fixed; inset:0; z-index:400; background:rgb(0 0 0 / .7);
    opacity:0; visibility:hidden; transition:opacity .3s;
  }
  .shop-side.is-open ~ .shop-side-backdrop,
  .shop-side-backdrop.is-open{ opacity:1; visibility:visible; }
  .shop-side .wd-heading{
    display:flex; justify-content:flex-end;
    margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid var(--line);
  }
  .checkout-summary{ position:static; }
}
@media (min-width:1025px){
  /* الأصل يخفي هذين على سطح المكتب */
  .wd-show-sidebar-btn,
  .wd-result-count{ display:none; }
}

@media (max-width:820px){
  .order-grid{ grid-template-columns:1fr; }
  .qv{ grid-template-columns:1fr; }
  .acc-stats{ grid-template-columns:1fr 1fr; }
}

/* ── مقيس من الأصل: عمودان وفجوة 10px عند ≤768 ───────── */
@media (max-width:768px){
  .product-grid,
  .product-grid.cols-2,
  .product-grid.cols-3,
  .product-grid.cols-4{ grid-template-columns:repeat(2,1fr); gap:10px; }
}

/* ── الجوال ──────────────────────────────────────────── */
@media (max-width:640px){
  /* المتجر */
  .filters-inner-area{ grid-template-columns:1fr; gap:22px; }

  /* بطاقات المنتجات: نظيفة بلا أزرار فوق الصورة */
  .pcard-actions{ display:none; }
  .pcard-add{ display:none; }
  .badge-stock,.badge-out,.badge-sale{ padding:5px; font-size:10px; }


  /* نماذج وجداول */
  .grid2{ grid-template-columns:1fr; }
  .cbox{ padding:16px; }
  .acc-stats{ grid-template-columns:1fr; }
  .order-steps li{ font-size:10.5px; }
  .auth-card{ padding:24px 18px; }

  .toasts{ inset-inline:14px; inset-block-start:60px; }
  .toast{ max-width:none; }
}

@media (max-width:380px){
  .product-grid,
  .product-grid.cols-2,
  .product-grid.cols-3,
  .product-grid.cols-4{ gap:20px 10px; }
}

@media print{
  .wh-header,.wh-prefooter,.wh-footer,.wh-toolbar,.wh-wa,.wh-totop,.wh-recaptcha-notice,.btn,.toasts{ display:none !important; }
  body{ background:#fff; padding-bottom:0; }
}

/* ══════════════════════════════════════════════════════════
   صفحة اختيار طريقة الدفع — بتخطيط بوابة الدفع المستخدمة
   (صفحة اختيار فقط: لا تحتوي أي حقل بيانات بطاقة)
   ══════════════════════════════════════════════════════════ */
.page-payment{ background:#f4f5f7; min-height:100vh; }
.pay-page{ max-width:1180px; margin-inline:auto; padding:40px 20px 60px; }
.pay-grid{ display:grid; grid-template-columns:minmax(0,455px) minmax(0,1fr); gap:26px; align-items:start; }
.pay-card{ background:#fff; border-radius:14px; box-shadow:0 1px 3px rgb(0 0 0 / .08); }

/* بطاقة التاجر */
.pay-merchant{ position:relative; padding:22px; min-height:520px; display:flex; flex-direction:column; }
.pay-lang{
  align-self:flex-end; display:inline-flex; align-items:center; justify-content:center;
  min-width:74px; height:38px; padding:0 16px; border:1px solid #dcdde1; border-radius:8px;
  font-size:15px; color:#3c4257; background:#fff;
}
.pay-lang:hover{ background:#f7f7f9; }
.pay-merchant-body{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; text-align:center; }
.pay-merchant-logo{ max-width:190px; height:auto; }
.pay-merchant-name{ font-size:21px; font-weight:700; color:#5b6b8c; margin:0; }
.pay-amount{ text-align:center; padding-top:16px; }
.pay-amount-label{ display:block; font-size:16px; color:#6b7280; margin-bottom:6px; }
.pay-amount-value{ font-size:34px; font-weight:600; color:#1f2937; }
.pay-amount-value span{ font-size:19px; color:#6b7280; margin-inline-start:4px; }

/* بطاقة الخيارات */
.pay-options-card{ padding:26px; }
.pay-options-title{
  font-size:22px; font-weight:700; letter-spacing:.4px; color:#1f2937;
  margin:0 0 20px; text-transform:uppercase; direction:ltr; text-align:left;
}
.pay-option{
  display:flex; align-items:center; gap:14px; width:100%;
  padding:16px 18px; margin-bottom:12px; cursor:pointer;
  background:#fff; border:1px solid #e6e7eb; border-radius:10px;
  font-family:inherit; text-align:start; transition:border-color .2s, box-shadow .2s;
  direction:ltr;
}
.pay-option:hover{ border-color:#c3c6cf; box-shadow:0 2px 8px rgb(0 0 0 / .06); }
.pay-option:last-child{ margin-bottom:0; }
.pay-option-logos{ display:flex; align-items:center; gap:8px; flex:none; }
.pay-option-logos img{ height:26px; width:auto; display:block; }
.pay-logo-text{
  display:inline-flex; align-items:center; height:26px; padding:0 8px;
  border:1px solid #e0e1e6; border-radius:5px; background:#fff;
  font-size:11px; font-weight:600; color:#3c4257; white-space:nowrap;
}
.pay-logo-text b{ font-weight:800; }
.pay-option-label{ flex:1; font-size:17px; color:#6b7280; }
.pay-option-end{ display:flex; align-items:center; gap:12px; margin-inline-start:auto; flex:none; }
.pay-option-amount{ font-size:18px; font-weight:700; color:#1f2937; white-space:nowrap; }
.pay-option-arrow{ display:grid; place-items:center; flex:none; color:#9aa0ab; }

/* التذييل */
.pay-foot{ text-align:center; padding-top:34px; }
.pay-foot a{ font-size:17px; color:#4d6fb5; text-decoration:none; }
.pay-foot a:hover{ text-decoration:underline; }
.pay-powered{ margin:12px 0 0; font-size:14px; color:#8a8f9a; }

/* يمنع الفيض: كل عنصر مرن يُسمح له بالانكماش */
.pay-grid,.pay-card,.pay-option,.pay-option-logos,.pay-option-label{ min-width:0; }
.pay-option-label{ overflow-wrap:anywhere; }
.pay-merchant-name{ overflow-wrap:anywhere; }

@media (max-width:900px){
  .pay-grid{ grid-template-columns:minmax(0,1fr); }
  .pay-merchant{ min-height:auto; }
}
@media (max-width:600px){
  .pay-page{ padding:20px 15px 40px; }
  .pay-options-card,.pay-merchant{ padding:18px 14px; }
  .pay-options-title{ font-size:18px; }
  /* على الجوال: سطر للشعارات والاسم، وسطر للمبلغ والسهم — متسق لكل الخيارات */
  .pay-option{ flex-wrap:wrap; gap:10px; padding:14px; }
  .pay-option-logos{ flex-wrap:wrap; gap:6px; }
  .pay-option-logos img{ height:22px; }
  .pay-logo-text{ height:22px; font-size:10px; padding:0 6px; }
  .pay-option-label{ flex:1 1 auto; font-size:15px; }
  .pay-option-end{ flex:1 0 100%; justify-content:flex-end; margin:0; }
  .pay-option-amount{ font-size:16px; }
  .pay-merchant-logo{ max-width:150px; }
  .pay-merchant-name{ font-size:18px; }
  .pay-amount-value{ font-size:28px; }
}