/* ════════════════════════════════════════════════════════════════
   ZAKI AL-SALEM — Store + Home V03 Styles (FINAL, plain CSS)
   ----------------------------------------------------------------
   • ملف CSS واحد شامل — يحل محل الملفين القديمين.
   • للصق في: لوحة سلة ← تصميم المتجر ← تخصيص باستخدام CSS
   • مكمّل لـ SALLA-HOME-V03-INJECT-FINAL.js
   • لا @import — لا display:none على body/main — لا overflow:hidden على body/html
   • لا يستهدف cart/checkout/payment — لا يكسر أزرار سلة
   ════════════════════════════════════════════════════════════════ */

/* ════ 1) متغيرات الهوية ════ */
:root {
  --zs-p:     #2D5A1B;
  --zs-p-dk:  #1C3A10;
  --zs-p-md:  #3D6B2E;
  --zs-p-lt:  #4A8A2D;
  --zs-p-pale:#F0F5EC;
  --zs-g:     #C8921A;
  --zs-g-lt:  #E8C97A;
  --zs-g-pale:#FDF4E3;
  --zs-bg:    #FAF6EE;
  --zs-bg-c:  #FFFDF8;
  --zs-bg-s:  #F5F0E8;
  --zs-ico-bg:#FFF8E8;
  --zs-ico-bd:rgba(200,146,26,.25);
  --zs-t:     #1C3A10;
  --zs-tb:    #5C6B52;
  --zs-tm:    #8B9A7E;
  --zs-tl:    #FAF6EE;
  --zs-grad-gold: linear-gradient(135deg,#E8C97A 0%,#C8921A 100%);
  --zs-sh-c:  0 2px 16px rgba(45,90,27,.08);
  --zs-sh-h:  0 8px 32px rgba(45,90,27,.16);
  --zs-sh-b:  0 4px 18px rgba(200,146,26,.32);
  --zs-sh-fl: 0 12px 40px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.07);
  --zs-ease:  cubic-bezier(.4,0,.2,1);

  --color-primary:         #2D5A1B;
  --color-primary-d:       #1C3A10;
  --color-primary-dark:    #1C3A10;
  --color-primary-l:       #4A8A2D;
  --color-primary-reverse: #FFFDF8;
}

/* ════ 2) خلفية عامة بيج + نصوص ════ */
body { background-color: var(--zs-bg) !important; color: var(--zs-tb); }
main h1, main h2, main h3, .section-title, .s-block__title h2 { color: var(--zs-t); }

/* ════ 3) الهيدر ════ */
header, .s-header, #mainnav, .main-nav-container { background-color: var(--zs-bg-c); box-shadow: 0 1px 0 rgba(45,90,27,.06); }
.top-bar, .topnav-has-bg .top-navbar, .s-top-bar { background-color: var(--zs-p-dk) !important; color: var(--zs-tl); }
.top-bar a, .s-top-bar a { color: var(--zs-g-lt); }
nav .main-menu > li > a, .main-menu > li > a, .menu-item { color: var(--zs-t); font-weight: 600; transition: color .25s var(--zs-ease); }
nav .main-menu > li > a:hover, .main-menu > li > a:hover, .menu-item:hover, .menu-item.is-active { color: var(--zs-p); }
.header-btn__icon { border-color: rgba(45,90,27,.18); color: var(--zs-p); }

/* ════ 4) أزرار المتجر العامة (تلوين بصري فقط) ════ */
.btn--primary, .btn.btn--primary, .s-button-primary, .s-button--primary, button.primary {
  background: var(--zs-grad-gold) !important; border: none !important; color:#fff !important;
  box-shadow: var(--zs-sh-b); border-radius: 9999px; font-weight:700; transition: all .25s var(--zs-ease);
}
.btn--primary:hover, .s-button-primary:hover, .s-button--primary:hover, button.primary:hover {
  transform: translateY(-2px); box-shadow: 0 8px 28px rgba(200,146,26,.44); color:#fff !important;
}
.btn--outline, .btn.btn--outline, .s-button--outline {
  border: 2px solid var(--zs-p) !important; color: var(--zs-p) !important; background: transparent !important;
  border-radius: 9999px; font-weight:700; transition: all .25s var(--zs-ease);
}
.btn--outline:hover, .s-button--outline:hover { background: var(--zs-p) !important; color:#fff !important; transform: translateY(-2px); }

/* ════ 5) بطاقات منتجات سلة الأصلية (CSS فقط — لا إعادة بناء) ════ */
salla-product-card, custom-salla-product-card {
  --sp-btn-bg: linear-gradient(135deg,#E8C97A 0%,#C8921A 100%);
  --sp-price-color: #C8921A;
  --sp-card-border-radius: 18px;
}
.product-card, .product-entry, .s-product-card-entry {
  background: var(--zs-bg-c); border: 1px solid rgba(45,90,27,.06); border-radius: 18px;
  box-shadow: var(--zs-sh-c); overflow: hidden;
  transition: transform .25s var(--zs-ease), box-shadow .25s var(--zs-ease);
}
.product-card:hover, .product-entry:hover, .s-product-card-entry:hover {
  transform: translateY(-6px); box-shadow: var(--zs-sh-h); border-color: rgba(200,146,26,.22);
}
.product-card img, .product-entry img, .s-product-card-image img { object-fit: cover; width: 100%; }
.product-card .price, .product-entry .price, .s-product-card-price { color: var(--zs-g); font-weight: 800; }
.product-card h3, .product-card .product-title, .product-entry h3 { color: var(--zs-t); font-weight:700; }

/* ════ 6) عناوين بلوكات سلة (.s-block) ════ */
.s-block__title h2 { color: var(--zs-t); position: relative; padding-inline-start: 14px; }
.s-block__title h2::before { content:""; position:absolute; inset-inline-start:0; top:50%; transform:translateY(-50%); width:4px; height:70%; border-radius:9999px; background: linear-gradient(180deg,var(--zs-g),var(--zs-p)); }
.s-block__display-all, .s-block__display-all:hover { color: var(--zs-p); }
.slide--cat-entry { border-radius:16px; box-shadow: var(--zs-sh-c); border:1px solid rgba(45,90,27,.06); transition: all .25s var(--zs-ease); }
.slide--cat-entry:hover { transform: translateY(-4px); box-shadow: var(--zs-sh-h); border-color: rgba(200,146,26,.20); }
.slide--cat-entry i { color: var(--zs-p); }

/* ════════════════════════════════════════════════════════════════
   7) أقسام V03 المحقونة — كلها داخل .zaki-v03-home
   ════════════════════════════════════════════════════════════════ */
.zaki-v03-home { direction: rtl; font-family: 'Cairo', sans-serif; background: var(--zs-bg); }
.zaki-v03-home a { text-decoration: none !important; color: inherit; }

/* أيقونة SVG داخل مربع فاخر */
.zaki-v03-home .zs-ico { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:14px; background:var(--zs-ico-bg); border:1px solid var(--zs-ico-bd); color:var(--zs-p); flex-shrink:0; }
.zaki-v03-home .zs-ico svg { width:22px; height:22px; }
.zaki-v03-home .zs-ico--lg { width:64px; height:64px; border-radius:18px; }
.zaki-v03-home .zs-ico--lg svg { width:32px; height:32px; }

/* Buttons */
.zaki-v03-home .zs-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:9999px; font-weight:700; transition:all .25s var(--zs-ease); cursor:pointer; border:none; text-decoration:none; min-height:48px; font-family:inherit; }
.zaki-v03-home .zs-btn--gold { background: var(--zs-grad-gold); color:#fff; font-size:16px; padding:14px 32px; box-shadow: var(--zs-sh-b); min-height:52px; }
.zaki-v03-home .zs-btn--gold:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(200,146,26,.44); color:#fff; }
.zaki-v03-home .zs-btn--ghost { background: transparent; color: rgba(250,246,238,.92); border:1.5px solid rgba(250,246,238,.40); font-size:15px; padding:13px 32px; }
.zaki-v03-home .zs-btn--ghost:hover { border-color: var(--zs-g-lt); color: var(--zs-g-lt); background: rgba(255,253,248,.07); }
.zaki-v03-home .zs-btn--outline { background: transparent; color: var(--zs-p); border:2px solid var(--zs-p); font-size:14px; padding:10px 24px; }
.zaki-v03-home .zs-btn--outline:hover { background: var(--zs-p); color:#fff; transform: translateY(-2px); }
.zaki-v03-home .zs-btn--story { background: transparent; color: var(--zs-g-lt); border:2px solid rgba(232,201,122,.45); font-size:15px; padding:13px 34px; }
.zaki-v03-home .zs-btn--story:hover { background: var(--zs-g); border-color: var(--zs-g); color:#fff; transform: translateY(-3px); box-shadow: 0 10px 28px rgba(200,146,26,.38); }
/* أزرار أصغر (CTA) */
.zaki-v03-home .zs-btn--sm { min-height:44px; font-size:14px; padding:11px 24px; }

/* CTA bar (تحت شريط الثقة) */
.zaki-v03-home .zs-cta { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px; background:var(--zs-bg); padding:26px 24px 6px; }

/* HERO */
.zaki-v03-home .zs-hero { position:relative; overflow:hidden; background: linear-gradient(108deg, rgba(28,58,16,.95) 0%, rgba(45,90,27,.85) 40%, rgba(36,72,18,.95) 100%), linear-gradient(135deg,#0A1A06 0%,#2D5A1B 40%,#3D7A22 66%,#152C0A 100%); }
.zaki-v03-home .zs-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; align-items:center; max-width:1240px; margin:0 auto; padding:56px 32px 80px; gap:44px; }
.zaki-v03-home .zs-hero__badge { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; background:rgba(232,201,122,.14); border:1px solid rgba(232,201,122,.38); color:var(--zs-g-lt); font-size:13px; font-weight:700; letter-spacing:.2px; padding:7px 18px; border-radius:9999px; margin-bottom:20px; max-width:100%; }
.zaki-v03-home .zs-hero__badge svg { width:18px; height:18px; flex-shrink:0; color: var(--zs-g-lt); }
@media (max-width: 420px) { .zaki-v03-home .zs-hero__badge { font-size:12px; padding:6px 14px; } }
.zaki-v03-home .zs-hero__text h1 { font-size:clamp(26px,3.6vw,48px); font-weight:800; color:var(--zs-tl); line-height:1.2; text-shadow:0 2px 24px rgba(0,0,0,.26); margin-bottom:14px; }
.zaki-v03-home .zs-hero__rule { width:72px; height:3px; background:linear-gradient(90deg,var(--zs-g),var(--zs-g-lt)); border-radius:9999px; margin-bottom:16px; }
.zaki-v03-home .zs-hero__desc { font-size:clamp(14px,1.6vw,17px); color:rgba(250,246,238,.84); line-height:1.85; margin-bottom:26px; }
.zaki-v03-home .zs-hero__btns { display:flex; flex-direction:column; gap:11px; max-width:340px; margin-bottom:22px; }
.zaki-v03-home .zs-hero__btns .zs-btn { width:100%; }
.zaki-v03-home .zs-hero__trust { display:flex; flex-wrap:wrap; gap:10px 18px; }
.zaki-v03-home .zs-hero__trust span { color:rgba(250,246,238,.74); font-size:12px; font-weight:500; position:relative; padding-inline-start:16px; }
.zaki-v03-home .zs-hero__trust span::before { content:""; position:absolute; inset-inline-start:0; top:50%; transform:translateY(-50%); width:7px; height:7px; border-radius:50%; background:var(--zs-g-lt); }
.zaki-v03-home .zs-hero__wave { position:absolute; bottom:-1px; left:0; right:0; z-index:3; line-height:0; pointer-events:none; }
.zaki-v03-home .zs-hero__wave svg { width:100%; display:block; }

/* HERO tiles (بطاقات منتجات نصية) */
.zaki-v03-home .zs-hero__cards { display:flex; flex-direction:column; gap:12px; }
.zaki-v03-home .zs-htile { display:flex; align-items:center; gap:14px; background:rgba(255,253,248,.97); border:1px solid rgba(255,253,248,.5); border-radius:16px; padding:14px 16px; box-shadow: var(--zs-sh-fl); transition: transform .22s var(--zs-ease); color:inherit; text-decoration:none; }
.zaki-v03-home .zs-htile:hover { transform: translateY(-3px); }
.zaki-v03-home .zs-htile__body { display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.zaki-v03-home .zs-htile__tag { display:inline-block; width:fit-content; font-size:10px; font-weight:700; color:var(--zs-g); background:var(--zs-g-pale); border:1px solid rgba(200,146,26,.2); padding:2px 8px; border-radius:9999px; margin-bottom:2px; }
.zaki-v03-home .zs-htile__name { font-weight:700; font-size:14px; color:var(--zs-t); line-height:1.3; }
.zaki-v03-home .zs-htile__desc { font-size:11.5px; color:var(--zs-tm); line-height:1.5; }
.zaki-v03-home .zs-htile__price { font-weight:800; font-size:15px; color:var(--zs-g); margin-top:2px; }
.zaki-v03-home .zs-htile__go { font-size:12px; font-weight:700; color:var(--zs-p); white-space:nowrap; flex-shrink:0; }

/* TRUST STRIP (3 مربعات — بلا سحب) */
.zaki-v03-home .zs-trust-strip { background:var(--zs-bg-s); padding:30px 24px; border-top:1px solid rgba(45,90,27,.06); border-bottom:1px solid rgba(45,90,27,.06); }
.zaki-v03-home .zs-trust-inner { max-width:1040px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.zaki-v03-home .zs-ts-item { display:flex; align-items:center; gap:13px; background:var(--zs-bg-c); border:1px solid rgba(45,90,27,.08); border-radius:16px; padding:16px 18px; box-shadow: var(--zs-sh-c); }
.zaki-v03-home .zs-ts-ic { width:46px; height:46px; border-radius:12px; background:var(--zs-ico-bg); border:1px solid var(--zs-ico-bd); color:var(--zs-p); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.zaki-v03-home .zs-ts-tx { display:flex; flex-direction:column; gap:2px; }
.zaki-v03-home .zs-ts-title { font-weight:700; font-size:14px; color:var(--zs-t); }
.zaki-v03-home .zs-ts-desc { font-size:12px; color:var(--zs-tm); }

/* SECTION COMMONS */
.zaki-v03-home .zs-sec-hd { text-align:center; margin-bottom:40px; }
.zaki-v03-home .zs-sec-lbl { display:inline-block; font-size:11px; font-weight:700; letter-spacing:1.8px; color:var(--zs-g); text-transform:uppercase; margin-bottom:9px; }
.zaki-v03-home .zs-sec-ttl { font-size:clamp(21px,3.2vw,32px); font-weight:800; color:var(--zs-t); line-height:1.3; }
.zaki-v03-home .zs-sec-ttl::after { content:""; display:block; width:48px; height:3px; margin:12px auto 0; background:linear-gradient(90deg,var(--zs-g),var(--zs-g-lt)); border-radius:9999px; }
.zaki-v03-home .zs-sec-sub { margin-top:13px; font-size:15px; color:var(--zs-tm); line-height:1.8; max-width:520px; margin-left:auto; margin-right:auto; }

/* CATEGORIES (4) */
.zaki-v03-home .zs-cats-sec { background:var(--zs-bg); padding:60px 24px; }
.zaki-v03-home .zs-cats-g { display:grid; gap:18px; max-width:1100px; margin:0 auto; }
.zaki-v03-home .zs-cats-g--4 { grid-template-columns:repeat(4,1fr); }
.zaki-v03-home .zs-cat { background:var(--zs-bg-c); border-radius:20px; box-shadow:var(--zs-sh-c); border:1px solid rgba(45,90,27,.06); padding:26px 18px; text-align:center; cursor:pointer; transition:all .25s var(--zs-ease); color:inherit; text-decoration:none; display:flex; flex-direction:column; align-items:center; }
.zaki-v03-home .zs-cat:hover { transform:translateY(-7px); box-shadow:var(--zs-sh-h); border-color:rgba(200,146,26,.22); }
.zaki-v03-home .zs-cat .zs-ico--lg { margin-bottom:14px; transition: transform .25s var(--zs-ease); }
.zaki-v03-home .zs-cat:hover .zs-ico--lg { transform: scale(1.06); }
.zaki-v03-home .zs-cat-name { font-weight:700; font-size:14.5px; color:var(--zs-t); margin-bottom:5px; }
.zaki-v03-home .zs-cat-desc { font-size:12px; color:var(--zs-tm); line-height:1.6; min-height:34px; }
.zaki-v03-home .zs-cat-arr { display:block; font-size:12px; font-weight:700; color:var(--zs-g); margin-top:10px; opacity:0; transform:translateY(-4px); transition:all .22s var(--zs-ease); }
.zaki-v03-home .zs-cat:hover .zs-cat-arr { opacity:1; transform:none; }

/* FEATURED RICE (نصّي) */
.zaki-v03-home .zs-feat-sec { background:var(--zs-bg); padding:30px 24px 60px; }
.zaki-v03-home .zs-feat-in { display:grid; grid-template-columns:0.8fr 1.2fr; gap:48px; align-items:center; max-width:1100px; margin:0 auto; }
.zaki-v03-home .zs-feat-side { border-radius:28px; aspect-ratio:4/3; background: linear-gradient(150deg,#1C3A10,#2D5A1B 55%,#3D7A22); box-shadow: var(--zs-sh-h); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; padding:24px; }
.zaki-v03-home .zs-feat-side__txt { font-size:21px; font-weight:800; color:var(--zs-tl); }
.zaki-v03-home .zs-feat-side__sub { font-size:13px; color:var(--zs-g-lt); font-weight:600; letter-spacing:1px; }
.zaki-v03-home .zs-feat-body { border-right:4px solid var(--zs-g); padding-right:38px; }
.zaki-v03-home .zs-feat-body h2 { font-size:clamp(22px,3vw,32px); font-weight:800; color:var(--zs-t); line-height:1.3; margin-bottom:14px; }
.zaki-v03-home .zs-feat-body > p { font-size:15px; color:var(--zs-tb); line-height:1.9; margin-bottom:22px; }
.zaki-v03-home .zs-feat-tag { display:inline-block; background:var(--zs-g-pale); color:var(--zs-g); font-size:11px; font-weight:700; padding:5px 16px; border-radius:9999px; border:1px solid rgba(200,146,26,.22); margin-bottom:18px; }
.zaki-v03-home .zs-feat-list { display:flex; flex-direction:column; gap:9px; margin-bottom:32px; list-style:none; padding:0; }
.zaki-v03-home .zs-feat-list li { display:flex; align-items:center; gap:9px; font-size:14px; color:var(--zs-tb); }
.zaki-v03-home .zs-chk { width:20px; height:20px; min-width:20px; border-radius:50%; background:var(--zs-p); color:#fff; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:900; }

/* منتجات مميزة (4 بطاقات طولية صغيرة) */
.zaki-v03-home .zs-featp-sec { background:var(--zs-p-pale); padding:58px 24px; }
.zaki-v03-home .zs-featp-g { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:1100px; margin:0 auto; }
.zaki-v03-home .zs-fp { background:var(--zs-bg-c); border:1px solid rgba(45,90,27,.07); border-radius:18px; box-shadow:var(--zs-sh-c); padding:26px 18px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:7px; transition:all .25s var(--zs-ease); color:inherit; text-decoration:none; }
.zaki-v03-home .zs-fp:hover { transform:translateY(-5px); box-shadow:var(--zs-sh-h); border-color:rgba(200,146,26,.2); }
.zaki-v03-home .zs-fp .zs-ico { margin-bottom:6px; }
.zaki-v03-home .zs-fp__name { font-weight:700; font-size:15px; color:var(--zs-t); }
.zaki-v03-home .zs-fp__desc { font-size:12.5px; color:var(--zs-tb); line-height:1.7; }
.zaki-v03-home .zs-fp__use { font-size:12px; color:var(--zs-tm); line-height:1.6; background:var(--zs-p-pale); border-radius:10px; padding:6px 10px; margin-top:2px; }
.zaki-v03-home .zs-fp__go { font-size:13px; font-weight:700; color:var(--zs-g); margin-top:8px; }

/* PRODUCT SHOWCASE (مكوّن سلة الأصلي) */
.zaki-v03-home .zs-prods-sec { background:var(--zs-bg-s); padding:44px 0; }
.zaki-v03-home .zs-prods-hd { display:flex; align-items:center; justify-content:space-between; padding:0 24px 24px; max-width:1200px; margin:0 auto; }
.zaki-v03-home .zs-prods-hd h2 { font-size:clamp(18px,2.4vw,24px); font-weight:800; color:var(--zs-t); padding-right:16px; position:relative; }
.zaki-v03-home .zs-prods-hd h2::before { content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:4px; height:70%; border-radius:9999px; background:linear-gradient(180deg,var(--zs-g),var(--zs-p)); }
.zaki-v03-home .zs-prods-hd a { font-size:13px; font-weight:600; color:var(--zs-p); }
.zaki-v03-home .zs-prods-hd a:hover { color: var(--zs-g); }
.zaki-v03-home .zs-prods-wrap { max-width:1200px; margin:0 auto; padding:0 16px; }
.zaki-v03-home salla-product-card, .zaki-v03-home custom-salla-product-card { --sp-btn-bg: linear-gradient(135deg,#E8C97A 0%,#C8921A 100%); --sp-price-color:#C8921A; }

/* BRAND STORY */
.zaki-v03-home .zs-story-sec { background:#3D6B2E; padding:80px 24px; text-align:center; position:relative; overflow:hidden; }
.zaki-v03-home .zs-story-sec::before { content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(ellipse 500px 340px at 8% 55%, rgba(45,90,27,.35) 0%, transparent 60%), radial-gradient(ellipse 400px 260px at 92% 60%, rgba(200,146,26,.07) 0%, transparent 60%); }
.zaki-v03-home .zs-story-in { position:relative; z-index:1; max-width:680px; margin:0 auto; }
.zaki-v03-home .zs-story-lbl { display:block; font-size:11px; font-weight:700; letter-spacing:2px; color:var(--zs-g-lt); text-transform:uppercase; margin-bottom:18px; }
.zaki-v03-home .zs-story-ttl { font-size:clamp(24px,4vw,40px); font-weight:800; color:var(--zs-tl); line-height:1.28; margin-bottom:32px; }
.zaki-v03-home .zs-story-rule { width:52px; height:2px; margin:0 auto 28px; background:linear-gradient(90deg, transparent, var(--zs-g), transparent); border-radius:9999px; }
.zaki-v03-home .zs-story-q { position:relative; padding:0 32px; font-size:clamp(16px,2.2vw,21px); color:rgba(250,246,238,.86); line-height:2; margin-bottom:22px; }
.zaki-v03-home .zs-story-q .zs-qm { position:absolute; right:2px; top:-16px; font-size:80px; color:var(--zs-g); opacity:.25; font-family:Georgia, serif; line-height:1; }
.zaki-v03-home .zs-story-auth { font-size:14px; color:var(--zs-g-lt); font-weight:600; margin-bottom:38px; }

/* FADE-IN */
.zaki-v03-home .zs-fi { opacity:0; transform:translateY(22px); transition:opacity .55s var(--zs-ease), transform .55s var(--zs-ease); }
.zaki-v03-home .zs-fi.on { opacity:1; transform:none; }

/* ════════════════════════════════════════════════════════════════
   8) تنسيق فوتر سلة الأصلي فقط — ترتيب ووضوح (الهوم فقط)
   • لا فوتر محقون. لا إخفاء للفوتر الأصلي. لا تغيير لأي رابط/href.
   • تنسيق بصري + ترتيب الجوال فقط — بلا display:none للفوتر.
   • لا يُلمس فوتر صفحات المنتج/السلة/الدفع (مشروط بكلاس الهوم).
   ════════════════════════════════════════════════════════════════ */
body.zs-v03-home-active footer,
body.zs-v03-home-active .s-footer,
body.zs-v03-home-active .store-footer {
  background-color: #FAF6EE !important;
  color: #1C3A10 !important;
  border-top: 3px solid var(--zs-g);
}

/* نصوص واضحة + إلغاء أي شفافية منخفضة على كل عناصر الفوتر */
body.zs-v03-home-active footer *,
body.zs-v03-home-active .s-footer *,
body.zs-v03-home-active .store-footer * {
  color: #1C3A10 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* العناوين أخضر داكن قوي وواضح */
body.zs-v03-home-active footer h2, body.zs-v03-home-active footer h3, body.zs-v03-home-active footer h4, body.zs-v03-home-active footer h5,
body.zs-v03-home-active .s-footer h2, body.zs-v03-home-active .s-footer h3, body.zs-v03-home-active .s-footer h4,
body.zs-v03-home-active .store-footer h2, body.zs-v03-home-active .store-footer h3, body.zs-v03-home-active .store-footer h4 {
  color: #1C3A10 !important; font-weight: 800 !important;
}

/* الروابط واضحة (بنّي ذهبي) + أخضر عند المرور — بلا تغيير href، بلا إخفاء */
body.zs-v03-home-active footer a,
body.zs-v03-home-active .s-footer a,
body.zs-v03-home-active .store-footer a {
  color: #8A4B16 !important; text-decoration: none !important; opacity: 1 !important;
}
body.zs-v03-home-active footer a:hover,
body.zs-v03-home-active .s-footer a:hover,
body.zs-v03-home-active .store-footer a:hover { color: #2D5A1B !important; }
body.zs-v03-home-active .zs-footer-tagline { color: #8A4B16 !important; }

/* السجل التجاري والرقم الضريبي واضحين وبارزين */
body.zs-v03-home-active footer [class*="commercial"],
body.zs-v03-home-active footer [class*="registration"],
body.zs-v03-home-active footer [class*="tax"],
body.zs-v03-home-active footer [class*="vat"],
body.zs-v03-home-active footer [class*="copyright"],
body.zs-v03-home-active .s-footer [class*="commercial"],
body.zs-v03-home-active .s-footer [class*="tax"],
body.zs-v03-home-active .store-footer [class*="commercial"],
body.zs-v03-home-active .store-footer [class*="tax"] {
  color: #1C3A10 !important; font-weight: 600 !important; opacity: 1 !important;
}

/* الحدود/الفواصل ذهبية خفيفة */
body.zs-v03-home-active footer hr, body.zs-v03-home-active .store-footer hr, body.zs-v03-home-active .s-footer hr,
body.zs-v03-home-active .store-footer [class*="border"], body.zs-v03-home-active .s-footer [class*="border"] { border-color: rgba(200,146,26,.30) !important; }

/* أيقونات الدفع والتوثيق والتواصل واضحة وكاملة الإضاءة */
body.zs-v03-home-active footer img, body.zs-v03-home-active .store-footer img, body.zs-v03-home-active .s-footer img,
body.zs-v03-home-active footer svg, body.zs-v03-home-active .store-footer svg, body.zs-v03-home-active .s-footer svg,
body.zs-v03-home-active .store-footer salla-trust-badges,
body.zs-v03-home-active footer [class*="payment"] *,
body.zs-v03-home-active footer [class*="social"] * { opacity: 1 !important; filter: none !important; }

/* صفوف الأيقونات (تواصل/دفع) مرتّبة وملتفّة بدل التلخبط */
body.zs-v03-home-active footer [class*="social"],
body.zs-v03-home-active footer [class*="payment"],
body.zs-v03-home-active footer salla-social,
body.zs-v03-home-active .s-footer [class*="social"],
body.zs-v03-home-active .s-footer [class*="payment"],
body.zs-v03-home-active .store-footer [class*="social"],
body.zs-v03-home-active .store-footer [class*="payment"] {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
}

/* ترتيب الفوتر على الجوال (CSS فقط — بلا إخفاء، بلا position absolute) */
@media (max-width: 768px) {
  /* توسيط عام + مسافة سفلية فوق زر واتساب العائم */
  body.zs-v03-home-active footer,
  body.zs-v03-home-active .s-footer,
  body.zs-v03-home-active .store-footer { text-align: center; padding-bottom: 48px; }
  body.zs-v03-home-active .store-footer .container,
  body.zs-v03-home-active .s-footer .container { text-align: center; }

  /* الأعمدة تتراص عمودياً بعرض كامل بدل التداخل */
  body.zs-v03-home-active .s-footer .row > [class*="col"],
  body.zs-v03-home-active .store-footer .row > [class*="col"] {
    flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; margin-bottom: 18px;
  }

  /* قوائم روابط الفوتر بعمودين مرتبين وموسّطين */
  body.zs-v03-home-active footer salla-menu ul,
  body.zs-v03-home-active footer .salla-menu ul,
  body.zs-v03-home-active .store-footer salla-menu ul,
  body.zs-v03-home-active .s-footer salla-menu ul {
    display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; justify-items: center; padding: 0; list-style: none;
  }

  /* أيقونات التواصل والدفع موسّطة وملتفّة */
  body.zs-v03-home-active footer [class*="social"],
  body.zs-v03-home-active footer [class*="payment"],
  body.zs-v03-home-active footer salla-social,
  body.zs-v03-home-active .store-footer [class*="social"],
  body.zs-v03-home-active .store-footer [class*="payment"],
  body.zs-v03-home-active .s-footer [class*="social"],
  body.zs-v03-home-active .s-footer [class*="payment"] {
    justify-content: center;
  }
}

/* ════════════════════════════════════════════════════════════════
   9) إخفاء بلوكات الهوم القديمة — في الصفحة الرئيسية فقط
   • مشروط بـ body.zs-v03-home-active (يضيفه ملف JS). لو فشل JS لا يُطبّق.
   • البلوك المنقول (.zs-kept-products) يبقى ظاهراً.
   • فوتر سلة الأصلي يبقى ظاهراً ويُنسّق فقط (راجع القسم 8).
   ════════════════════════════════════════════════════════════════ */
body.zs-v03-home-active main .s-block:not(.zs-kept-products):not(.zs-kept-banner) { display: none !important; }
/* البنر العريض المنقول لأعلى الهيرو: مُظهر بعرض كامل (بلا تعديل للبنر نفسه) */
body.zs-v03-home-active .zaki-v03-home .zs-kept-banner { display: block !important; margin: 0 !important; }
body.zs-v03-home-active main > salla-slider,
body.zs-v03-home-active main > .home-slider { display: none !important; }

/* أبقِ بلوك المنتجات المنقول ظاهراً + أخفِ عنوانه الأصلي لتفادي التكرار */
body.zs-v03-home-active .zaki-v03-home .zs-kept-products { display: block !important; }
.zaki-v03-home .zs-prods-wrap .s-block__title,
.zaki-v03-home .zs-prods-wrap .s-slider-block__title { display: none !important; }
.zaki-v03-home .zs-prods-wrap .s-block { margin-top: 0 !important; }

/* ════ بلوك المنتجات المنقول: إجباره شبكة واضحة بدل كاروسيل مقصوص ════ */
.zaki-v03-home .zs-kept-products .s-block__nav,
.zaki-v03-home .zs-kept-products .s-slider-block__title-nav,
.zaki-v03-home .zs-kept-products .s-slider-prev,
.zaki-v03-home .zs-kept-products .s-slider-next,
.zaki-v03-home .zs-kept-products .swiper-button-next,
.zaki-v03-home .zs-kept-products .swiper-button-prev,
.zaki-v03-home .zs-kept-products .swiper-pagination { display: none !important; }
.zaki-v03-home .zs-kept-products .swiper,
.zaki-v03-home .zs-kept-products .swiper-container { overflow: visible !important; }
.zaki-v03-home .zs-kept-products .swiper-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  transform: none !important;
  width: 100% !important;
}
.zaki-v03-home .zs-kept-products .swiper-slide {
  width: auto !important;
  margin: 0 !important;
  flex-shrink: 1 !important;
}
/* لو لم يكن swiper: شبّك أي حاوية بطاقات مباشرة */
.zaki-v03-home .zs-kept-products .s-block__inner > .products-list,
.zaki-v03-home .zs-kept-products salla-products-list {
  display: block !important;
}

/* ════════════════════════════════════════════════════════════════
   10) الجوال — ترتيب نظيف، بلا سحب، بطاقات غير ضخمة
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .zaki-v03-home .zs-hero__inner { grid-template-columns:1fr; padding:32px 20px 56px; gap:24px; }
  .zaki-v03-home .zs-hero__btns { max-width:100%; }
  .zaki-v03-home .zs-feat-in { grid-template-columns:1fr; gap:28px; }
  .zaki-v03-home .zs-feat-side { aspect-ratio:16/9; }
  .zaki-v03-home .zs-feat-body { border-right:none; border-top:4px solid var(--zs-g); padding-right:0; padding-top:24px; }
  .zaki-v03-home .zs-cats-g--4 { grid-template-columns:repeat(2,1fr); }
  .zaki-v03-home .zs-featp-g { grid-template-columns:repeat(2,1fr); }
  .zaki-v03-home .zs-kept-products .swiper-wrapper { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width: 640px) {
  .zaki-v03-home .zs-hero__text h1 { font-size:24px; }
  /* شريط الثقة: 3 مربعات في صف واحد (أيقونة فوق النص) — بلا سحب */
  .zaki-v03-home .zs-trust-strip { padding:22px 12px; }
  .zaki-v03-home .zs-trust-inner { grid-template-columns:repeat(3,1fr); gap:8px; }
  .zaki-v03-home .zs-ts-item { flex-direction:column; text-align:center; gap:8px; padding:14px 8px; }
  .zaki-v03-home .zs-ts-tx { align-items:center; }
  .zaki-v03-home .zs-ts-title { font-size:12px; }
  .zaki-v03-home .zs-ts-desc { font-size:10.5px; }
  .zaki-v03-home .zs-cta { padding:20px 16px 4px; gap:10px; }
  .zaki-v03-home .zs-cta .zs-btn--sm { flex:1; min-width:140px; }
  .zaki-v03-home .zs-cats-sec { padding:44px 16px; }
  .zaki-v03-home .zs-cat { padding:20px 12px; }
  .zaki-v03-home .zs-feat-sec { padding:20px 16px 44px; }
  .zaki-v03-home .zs-featp-sec { padding:44px 16px; }
  .zaki-v03-home .zs-story-sec { padding:56px 16px; }
  .zaki-v03-home .zs-sec-hd { margin-bottom:28px; }
  .zaki-v03-home .zs-prods-wrap salla-products-list { --sp-columns: 2; }
  /* المنتجات المنقولة: 3 بطاقات بكل صف على الجوال */
  .zaki-v03-home .zs-kept-products .swiper-wrapper { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; }
}
@media (max-width: 460px) {
  .zaki-v03-home .zs-cats-g--4 { grid-template-columns:1fr 1fr; }
  .zaki-v03-home .zs-featp-g { grid-template-columns:1fr; }
}

/* ════════════════════════════════════════════════════════════════
   11) تحسينات أمان ووصولية ونعومة (أقسام V03 فقط — لا سلة/دفع/سعر)
   ════════════════════════════════════════════════════════════════ */

/* نعومة الخط داخل أقسام الهوم لمظهر أكثر فخامة */
.zaki-v03-home { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

/* حالة تركيز واضحة للوحة المفاتيح على العناصر التفاعلية المخصصة */
.zaki-v03-home .zs-btn:focus-visible,
.zaki-v03-home .zs-htile:focus-visible,
.zaki-v03-home .zs-cat:focus-visible,
.zaki-v03-home .zs-fp:focus-visible,
.zaki-v03-home .zs-prods-hd a:focus-visible,
.zaki-v03-home .zs-sec-hd a:focus-visible {
  outline: 3px solid var(--zs-g);
  outline-offset: 3px;
  border-radius: 14px;
}

/* خلفية الهيرو كريمية فاتحة بدل الأخضر + جملة الوصف أخضر داكن واضح */
.zaki-v03-home .zs-hero { background: #F7F1E6; }
.zaki-v03-home .zs-hero__desc { color: #174F24; }

/* بعد نقل البطاقات أسفل المنتجات: الهيرو عمود واحد (إزالة العمود الفارغ) */
.zaki-v03-home .zs-hero__inner { grid-template-columns: 1fr; }
/* صورة البنر بدل الكروت الثلاثة — نفس مكان الكروت السابق بالضبط */
.zaki-v03-home .zs-category-banner { max-width: 680px; margin: 0 auto; padding: 4px 16px 44px; }
.zaki-v03-home .zs-category-banner img { width: 100%; height: auto; display: block; border-radius: 18px; overflow: hidden; object-fit: contain; }

/* أجهزة اللمس لا تملك hover: أظهر سهم "تسوّق" في بطاقات التصنيفات دائماً */
@media (hover: none) {
  .zaki-v03-home .zs-cat-arr { opacity: 1; transform: none; }
}

/* شبكة أمان: لو تعطّل JS أو فُضّلت حركة أقل، يبقى المحتوى ظاهراً دائماً */
@media (prefers-reduced-motion: reduce) {
  .zaki-v03-home .zs-fi { opacity: 1 !important; transform: none !important; transition: none !important; }
  .zaki-v03-home .zs-htile:hover,
  .zaki-v03-home .zs-cat:hover,
  .zaki-v03-home .zs-fp:hover,
  .zaki-v03-home .zs-btn:hover { transform: none !important; }
}

/* ════════════════════════════════════════════════════════════════
   12) لمسة فخامة لبطاقات المنتجات المنقولة فقط (.zs-kept-products)
   • CSS بحت — لا يلمس وظائف/أحداث/data لأزرار السلة. لا display:none لمنتج.
   • محصور داخل .zs-kept-products فقط — لا يؤثر على صفحة المنتج/السلة/الدفع.
   ════════════════════════════════════════════════════════════════ */

/* السماح للبطاقات بالانكماش داخل الشبكة (يمنع كسر الأسماء الطويلة) */
.zaki-v03-home .zs-kept-products .swiper-slide { min-width: 0 !important; height: auto !important; }

/* إزالة "بروز" الكاروسيل (padding/margin) الذي يترك فراغاً يسار — تملأ الشبكة العرض كاملاً */
.zaki-v03-home .zs-kept-products .swiper.s-slider-container,
.zaki-v03-home .zs-kept-products .swiper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.zaki-v03-home .zs-kept-products .product-block { width: 100% !important; }

/* البطاقة: كريمية نظيفة، حواف ناعمة، ظل خفيف، حد ذهبي شفاف */
.zaki-v03-home .zs-kept-products .product-block {
  background: #FFFDF8;
  border: 1px solid rgba(200,146,26,.18);
  border-radius: 18px;
  box-shadow: 0 2px 14px rgba(45,90,27,.06);
  overflow: hidden;
  height: 100%;
  transition: transform .25s var(--zs-ease), box-shadow .25s var(--zs-ease), border-color .25s var(--zs-ease);
}
@media (hover: hover) {
  .zaki-v03-home .zs-kept-products .product-block:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(45,90,27,.12);
    border-color: rgba(200,146,26,.34);
  }
}

/* الصورة: مربعة موحدة 1:1 بخلفية كريمية — بلا تشويه ولا قص غريب */
.zaki-v03-home .zs-kept-products .product-block__thumb {
  aspect-ratio: 1 / 1;
  background: #FAF6EE;
  overflow: hidden;
}
.zaki-v03-home .zs-kept-products .product-block__thumb .thumb-wrapper,
.zaki-v03-home .zs-kept-products .product-block__thumb > a { display: block; width: 100%; height: 100%; }
.zaki-v03-home .zs-kept-products .product-block__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

/* اسم المنتج: أخضر داكن، وزن قوي، سطران كحد أقصى */
.zaki-v03-home .zs-kept-products .product-title .title,
.zaki-v03-home .zs-kept-products h3.title {
  color: #1C3A10 !important;
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* السعر: ذهبي واضح وأكبر قليلاً */
.zaki-v03-home .zs-kept-products .price-wrapper,
.zaki-v03-home .zs-kept-products .price-wrapper .pc-t,
.zaki-v03-home .zs-kept-products .price-wrapper i.sicon-sar {
  color: #C8921A !important;
  font-weight: 800;
}

/* زر "أضف للسلة": أنحف + ذهبي متدرّج + نص أبيض (بصري فقط — بلا أي تغيير وظيفي) */
.zaki-v03-home .zs-kept-products salla-add-product-button .s-button-element,
.zaki-v03-home .zs-kept-products salla-add-product-button .s-button-btn {
  background: linear-gradient(135deg,#1C3A10 0%,#2D5A1B 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(200,146,26,.35) !important;
  border-radius: 9999px !important;
  min-height: 44px !important;
  font-weight: 700 !important;
  box-shadow: 0 3px 12px rgba(28,58,16,.22);
  transition: transform .2s var(--zs-ease), box-shadow .2s var(--zs-ease), background .2s var(--zs-ease);
}
.zaki-v03-home .zs-kept-products salla-add-product-button .s-button-text { color: #fff !important; }
@media (hover: hover) {
  .zaki-v03-home .zs-kept-products salla-add-product-button .s-button-element:hover {
    background: linear-gradient(135deg,#152C0A 0%,#244915 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(28,58,16,.30);
  }
}

/* "عرض الكل" واضح بلا مزاحمة للعنوان */
.zaki-v03-home .zs-prods-hd a { color: #1C3A10; font-weight: 700; }
.zaki-v03-home .zs-prods-hd a:hover { color: #C8921A; }

/* مقاسات الجوال عند 3 بطاقات بالصف (محصور في .zs-kept-products فقط) */
@media (max-width: 640px) {
  .zaki-v03-home .zs-kept-products .product-block { border-radius: 14px; }
  .zaki-v03-home .zs-kept-products .product-block__info { padding-left: 6px !important; padding-right: 6px !important; }
  .zaki-v03-home .zs-kept-products .product-title { padding-left: 6px !important; padding-right: 6px !important; }
  .zaki-v03-home .zs-kept-products .product-title .title,
  .zaki-v03-home .zs-kept-products h3.title { font-size: 11px !important; line-height: 1.35 !important; }
  .zaki-v03-home .zs-kept-products .price-wrapper,
  .zaki-v03-home .zs-kept-products .price-wrapper .pc-t { font-size: 12px !important; }
  .zaki-v03-home .zs-kept-products salla-add-product-button .s-button-element,
  .zaki-v03-home .zs-kept-products salla-add-product-button .s-button-btn {
    min-height: 32px !important; font-size: 11px !important; padding: 4px 8px !important;
  }
}

/* نهاية الملف النهائي — CSS فقط */