/* ===== ألوان العنصر ===== */
:root{
  --gc-primary:#2f9597;
  --gc-primary-dark:#237577;
  --gc-primary-light:#e6f5f5;
  --gc-badge-green:#3fae4a;
  --gc-star-yellow:#ffb800;
  --gc-sold-red:#e53935;
  --gc-text-dark:#1c2b2b;
  --gc-text-muted:#7c8a8a;
  --gc-border:#eef2f2;
}

.gc-wrapper{
  width:100%;
  display:flex;
  justify-content:center;
  font-family:'Tajawal','Segoe UI',Tahoma,Arial,sans-serif;
}

.gc-card{
  width:100%;
  max-width:300px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 2px 10px rgba(20,40,40,.06), 0 1px 2px rgba(20,40,40,.04);
  overflow:hidden;
  position:relative;
  direction:rtl;
  border:1px solid var(--gc-border);
  box-sizing:border-box;
}
.gc-card *{ box-sizing:border-box; }

/* ===== منطقة الصورة ===== */
.gc-media{
  position:relative;
  background:#fff;
  padding:14px 14px 0;
}

.gc-badge{
  position:absolute;
  top:16px;
  left:0;
  z-index:5;
  background:var(--gc-badge-green);
  color:#fff;
  font-size:13px;
  font-weight:700;
  padding:7px 22px 7px 14px;
  box-shadow:0 3px 8px rgba(63,174,74,.35);
  clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
}

.gc-main-img{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:10px;
}
.gc-main-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:opacity .25s ease;
}

.gc-thumbs{
  display:flex;
  gap:8px;
  margin-top:10px;
  padding-bottom:12px;
}
.gc-thumb{
  flex:1;
  aspect-ratio:1/1;
  border-radius:8px;
  border:1.5px solid var(--gc-border);
  overflow:hidden;
  cursor:pointer;
  background:#fafcfc;
  transition:border-color .15s ease, box-shadow .15s ease;
  padding:4px;
}
.gc-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
}
.gc-thumb.active{
  border-color:var(--gc-primary);
  box-shadow:0 0 0 2px var(--gc-primary-light);
}

/* ===== الشريط الأخضر المتحرك ===== */
.gc-marquee{
  background:var(--gc-badge-green);
  overflow:hidden;
  position:relative;
  white-space:nowrap;
  direction:ltr;
}
.gc-marquee-track{
  display:inline-flex;
  direction:ltr;
  width:max-content;
  animation:gc-scroll 60s linear infinite;
  will-change:transform;
}
.gc-marquee-group{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
}
.gc-marquee-track span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:7px 18px;
  white-space:nowrap;
  flex-shrink:0;
}
.gc-marquee-track span svg{ width:12px; height:12px; fill:#ffe27a; flex-shrink:0; }

@keyframes gc-scroll{
  0%{ transform:translateX(-50%); }
  100%{ transform:translateX(0%); }
}

/* ===== معلومات المنتج ===== */
.gc-body{ padding:14px 16px 16px; }

.gc-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:12px;
  color:var(--gc-text-muted);
  margin-bottom:10px;
  flex-wrap:nowrap;
  gap:10px;
}
.gc-meta .gc-rating,
.gc-meta .gc-sold{
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.gc-rating-text{
  display:flex;
  flex-direction:column;
  line-height:1.3;
}
.gc-rating-text .gc-rating-main{
  font-size:12px;
  color:var(--gc-text-dark);
  font-weight:700;
}
.gc-rating-text .gc-rating-sub{
  font-size:10px;
  color:var(--gc-text-muted);
  font-weight:500;
}
.gc-meta svg{ width:15px; height:15px; flex-shrink:0; }
.gc-meta .gc-rating svg{ fill:var(--gc-star-yellow); }
.gc-meta .gc-sold svg{ fill:var(--gc-sold-red); }
.gc-meta b{ color:var(--gc-text-dark); font-weight:700; }
.gc-sold-text{ font-size:12px; color:var(--gc-text-dark); }

.gc-title{
  font-size:15px;
  font-weight:700;
  color:var(--gc-text-dark);
  margin:0 0 8px;
  line-height:1.4;
}

.gc-price-row{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-bottom:12px;
}
.gc-price{
  font-size:20px;
  font-weight:800;
  color:var(--gc-primary-dark);
}
.gc-price-old{
  font-size:13px;
  color:var(--gc-text-muted);
  text-decoration:line-through;
}

.gc-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:14px;
}
.gc-tag{
  font-size:11px;
  font-weight:600;
  color:var(--gc-primary-dark);
  background:var(--gc-primary-light);
  border:1px solid rgba(47,149,151,.2);
  padding:4px 10px;
  border-radius:20px;
}

/* ===== إضافة للسلة ===== */
.gc-actions{
  display:flex;
  align-items:stretch;
}
.gc-add-btn{
  flex:1;
  background:var(--gc-primary);
  color:#fff;
  border:none;
  border-radius:12px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 12px;
  height:46px;
  transition:background .2s ease, transform .1s ease;
  text-decoration:none;
}
.gc-add-btn:hover{ background:var(--gc-primary-dark); color:#fff; }
.gc-add-btn:active{ transform:scale(.98); }
.gc-add-btn svg{ width:18px; height:18px; fill:#fff; flex-shrink:0; }

@media (max-width:360px){
  .gc-card{ max-width:100%; }
}
/* ===== ألوان العنصر ===== */
:root{
  --pc-primary:#2f9597;
  --pc-primary-dark:#237577;
  --pc-primary-light:#e6f5f5;
  --pc-badge-green:#3fae4a;
  --pc-star-yellow:#ffb800;
  --pc-sold-red:#e53935;
  --pc-discount-red:#e5393530;
  --pc-text-dark:#1c2b2b;
  --pc-text-muted:#8a9797;
  --pc-border:#eef2f2;
  --pc-bg-tag:#f4f7f7;
}

/* ===================== البطاقة ===================== */
.pc-wrapper{
  width:100%;
  display:flex;
  justify-content:center;
  font-family:'Tajawal','Segoe UI',Tahoma,Arial,sans-serif;
}

.pc-card{
  width:100% !important;
  max-width:280px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 2px 10px rgba(20,40,40,.06), 0 1px 2px rgba(20,40,40,.04);
  overflow:hidden !important;
  position:relative !important;
  direction:rtl;
  border:1px solid var(--pc-border);
  box-sizing:border-box !important;
  display:flex;
  flex-direction:column;
  isolation:isolate;
}
.pc-card *{ box-sizing:border-box; }

/* ===== منطقة الصور ===== */
.pc-media{
  position:relative !important;
  background:#fff;
  padding:12px 12px 0;
  z-index:0;
  overflow:visible;
}

.pc-top-badges{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  left:12px !important;
  margin:0 !important;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  z-index:6;
  pointer-events:none;
}
.pc-badges-stack{
  display:flex;
  flex-direction:column;
  gap:6px;
  pointer-events:none;
}

.pc-badge{
  font-size:11px;
  font-weight:700;
  padding:5px 12px;
  border-radius:20px;
  color:#fff;
  white-space:nowrap;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.pc-badge-shipping{ background:var(--pc-badge-green); }
.pc-badge-discount{ background:var(--pc-sold-red); }

/* شارة "جديد" بشكل الشريط (ribbon) الملتصقة بحافة البطاقة */
.pc-badge-ribbon{
  position:absolute !important;
  top:16px;
  left:0;
  z-index:7;
  background:var(--pc-badge-green);
  color:#fff;
  font-size:13px;
  font-weight:700;
  padding:7px 18px 7px 14px;
  box-shadow:0 3px 8px rgba(63,174,74,.35);
  clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  white-space:nowrap;
  pointer-events:none;
}

.pc-wishlist{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
  cursor:pointer;
  border:none;
  pointer-events:all;
  flex-shrink:0;
}
.pc-wishlist svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:var(--pc-text-muted);
  stroke-width:2;
  transition:fill .15s ease, stroke .15s ease;
}
.pc-wishlist.active svg{ fill:var(--pc-sold-red); stroke:var(--pc-sold-red); }

.pc-slider{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:10px;
}
.pc-slider-track{
  display:flex;
  height:100%;
  transition:transform .35s ease;
}
.pc-slide{
  min-width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
}
.pc-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.pc-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  padding:10px 0 12px;
}
.pc-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d6dede;
  cursor:pointer;
  transition:background .15s ease, transform .15s ease;
}
.pc-dot.active{ background:var(--pc-primary); transform:scale(1.3); }

/* ===== معلومات المنتج ===== */
.pc-body{ padding:2px 16px 14px; flex:1; display:flex; flex-direction:column; }

.pc-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:12px;
  color:var(--pc-text-muted);
  margin-bottom:8px;
  gap:10px;
}
.pc-rating,.pc-sold{
  display:flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}
.pc-rating-text{ display:flex; flex-direction:column; line-height:1.25; }
.pc-rating-main{ font-size:12px; color:var(--pc-badge-green); font-weight:700; }
.pc-rating-sub{ font-size:10px; color:var(--pc-text-muted); }
.pc-meta svg{ width:14px; height:14px; flex-shrink:0; }
.pc-rating svg{ fill:var(--pc-star-yellow); }
.pc-sold svg{ fill:var(--pc-sold-red); }
.pc-sold-text{ font-size:12px; color:var(--pc-text-dark); }
.pc-sold-text b{ font-weight:700; }

.pc-title{
  font-size:14px;
  font-weight:700;
  color:var(--pc-text-dark);
  margin:0 0 8px;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.pc-desc{
  font-size:12px;
  color:var(--pc-text-muted);
  line-height:1.6;
  margin:0 0 10px;
}

.pc-price-row{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-bottom:10px;
  flex-wrap:wrap;
}
.pc-price{ font-size:18px; font-weight:800; color:var(--pc-primary-dark); }
.pc-price-old{ font-size:12px; color:var(--pc-text-muted); text-decoration:line-through; }
.pc-price-save{
  font-size:11px;
  font-weight:700;
  color:var(--pc-sold-red);
  background:var(--pc-discount-red);
  padding:2px 8px;
  border-radius:20px;
}

.pc-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:12px;
}
.pc-tag{
  font-size:10.5px;
  font-weight:600;
  color:var(--pc-primary-dark);
  background:var(--pc-primary-light);
  border:1px solid rgba(47,149,151,.2);
  padding:4px 10px;
  border-radius:20px;
  white-space:nowrap;
}

/* ===== الإجراءات ===== */
.pc-actions{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:8px;
}

.pc-add-btn{
  flex:1;
  background:var(--pc-primary);
  color:#fff;
  border:none;
  border-radius:12px;
  font-size:13.5px;
  font-weight:700;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 10px;
  height:44px;
  transition:background .2s ease, transform .1s ease;
}
.pc-add-btn:hover{ background:var(--pc-primary-dark); }
.pc-add-btn:active{ transform:scale(.98); }
.pc-add-btn svg{ width:16px; height:16px; fill:#fff; flex-shrink:0; }

.pc-eye-btn{
  width:44px;
  height:44px;
  min-width:44px;
  border-radius:12px;
  border:1.5px solid var(--pc-border);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:border-color .15s ease, background .15s ease;
}
.pc-eye-btn:hover{ border-color:var(--pc-primary); background:var(--pc-primary-light); }
.pc-eye-btn svg{ width:19px; height:19px; stroke:var(--pc-text-dark); fill:none; stroke-width:1.8; }

/* عداد الكمية (يظهر بدل زر الإضافة بعد الضغط) */
.pc-qty{
  display:none;
  flex:1;
  align-items:center;
  justify-content:space-between;
  background:var(--pc-primary);
  border-radius:12px;
  height:44px;
  padding:0 6px;
}
.pc-qty.show{ display:flex; }
.pc-qty button{
  width:32px;
  height:32px;
  border:none;
  background:rgba(255,255,255,.15);
  color:#fff;
  border-radius:8px;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pc-qty button:hover{ background:rgba(255,255,255,.28); }
.pc-qty span{ color:#fff; font-weight:700; font-size:14px; min-width:20px; text-align:center; }

@media (max-width:360px){
  .pc-card{ max-width:100%; }
}

/* ===================== المعاينة السريعة (Quick View) ===================== */
.pc-qv-overlay{
  position:fixed;
  inset:0;
  background:rgba(20,30,30,.55);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
  padding:16px;
}
.pc-qv-overlay.open{ display:flex; }

.pc-qv-modal{
  background:#fff;
  border-radius:20px;
  width:100%;
  max-width:920px;
  max-height:92vh;
  overflow:auto;
  position:relative;
  direction:rtl;
  font-family:'Tajawal','Segoe UI',Tahoma,Arial,sans-serif;
  display:flex;
  flex-wrap:wrap;
}
.pc-qv-modal *{ box-sizing:border-box; }

.pc-qv-close, .pc-qv-wishlist{
  position:absolute;
  top:16px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#fff;
  border:1px solid var(--pc-border);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:5;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.pc-qv-close{ right:16px; }
.pc-qv-wishlist{ left:16px; }
.pc-qv-close svg{ width:15px; height:15px; stroke:var(--pc-text-dark); stroke-width:2; fill:none; }
.pc-qv-wishlist svg{ width:16px; height:16px; fill:none; stroke:var(--pc-text-muted); stroke-width:2; }
.pc-qv-wishlist.active svg{ fill:var(--pc-sold-red); stroke:var(--pc-sold-red); }

.pc-qv-media{
  flex:1 1 380px;
  min-width:280px;
  padding:56px 32px 32px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.pc-qv-slider{
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:12px;
  position:relative;
}
.pc-qv-track{ display:flex; height:100%; transition:transform .35s ease; }
.pc-qv-slide{ min-width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.pc-qv-slide img{ width:100%; height:100%; object-fit:contain; }

.pc-qv-info{
  flex:1 1 320px;
  min-width:280px;
  padding:56px 32px 32px;
  display:flex;
  flex-direction:column;
}
.pc-qv-meta{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:13px;
  color:var(--pc-text-muted);
  margin-bottom:14px;
}
.pc-qv-rating{ display:flex; align-items:center; gap:6px; }
.pc-qv-rating svg{ width:15px; height:15px; fill:var(--pc-star-yellow); }
.pc-qv-rating b{ color:var(--pc-badge-green); font-weight:700; }
.pc-qv-sold{ display:flex; align-items:center; gap:6px; }
.pc-qv-sold svg{ width:15px; height:15px; fill:var(--pc-sold-red); }

.pc-qv-title{ font-size:19px; font-weight:800; color:var(--pc-text-dark); margin:0 0 10px; }
.pc-qv-desc{ font-size:13px; color:var(--pc-text-muted); line-height:1.8; margin:0 0 16px; }

.pc-qv-price-row{ display:flex; align-items:baseline; gap:10px; margin-bottom:18px; flex-wrap:wrap; }
.pc-qv-price{ font-size:24px; font-weight:800; color:var(--pc-primary-dark); }
.pc-qv-price-old{ font-size:14px; color:var(--pc-text-muted); text-decoration:line-through; }
.pc-qv-price-save{ font-size:12px; font-weight:700; color:var(--pc-sold-red); background:var(--pc-discount-red); padding:3px 10px; border-radius:20px; }

.pc-qv-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }

.pc-qv-actions{ margin-top:auto; display:flex; align-items:center; gap:10px; }
.pc-qv-add-btn{
  flex:1;
  background:var(--pc-primary);
  color:#fff;
  border:none;
  border-radius:12px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.pc-qv-add-btn:hover{ background:var(--pc-primary-dark); }
.pc-qv-add-btn svg{ width:18px; height:18px; fill:#fff; }

.pc-qv-qty{
  display:flex;
  align-items:center;
  gap:14px;
  border:1.5px solid var(--pc-border);
  border-radius:12px;
  height:50px;
  padding:0 14px;
}
.pc-qv-qty button{
  width:24px; height:24px; border:none; background:none; font-size:18px;
  font-weight:700; color:var(--pc-primary-dark); cursor:pointer;
}
.pc-qv-qty span{ font-weight:700; font-size:14px; min-width:16px; text-align:center; }

@media (max-width:640px){
  .pc-qv-media,.pc-qv-info{ padding:56px 20px 20px; }
}

/* ===================== قسم صفحة المنتجات ===================== */
.ph-section{
  padding:32px 16px;
  font-family:'Tajawal','Segoe UI',Tahoma,Arial,sans-serif;
  direction:rtl;
  background:#f4f6f6;
}
.ph-heading{
  text-align:center;
  font-size:20px;
  font-weight:800;
  color:var(--pc-text-dark);
  margin:0 0 24px;
}
.ph-section{
  overflow-x:hidden;
}
.ph-grid{
  max-width:640px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  justify-items:stretch;
  min-width:0;
}
.pc-wrapper{ min-width:0; }
.pc-card{ min-width:0; }
.pc-tag{ white-space:normal; }

@media (max-width:480px){
  .ph-grid{ gap:8px; }
  .pc-card{ max-width:100%; }
  .pc-title{ font-size:12.5px; }
  .pc-price{ font-size:16px; }
  .pc-add-btn{ font-size:11.5px; padding:0 6px; gap:4px; }
  .pc-add-btn svg{ width:13px; height:13px; }
  .pc-eye-btn{ width:38px; min-width:38px; height:38px; }
  .pc-eye-btn svg{ width:16px; height:16px; }
  .pc-tag{ font-size:9.5px; padding:3px 7px; }

  .pc-meta{
    flex-wrap:nowrap;
    gap:4px;
    font-size:9px;
  }
  .pc-rating,.pc-sold{
    white-space:nowrap;
    gap:2px;
    min-width:0;
  }
  .pc-rating-main{ font-size:9.5px; }
  .pc-rating-sub{ font-size:8px; }
  .pc-sold-text{ font-size:9.5px; }
  .pc-meta svg{ width:10px; height:10px; }
}

@media (max-width:340px){
  .ph-grid{ grid-template-columns:1fr; max-width:280px; }
}

/* زر "أضف للسلة" أصبح رابط <a> بهذي الصفحة */
.pc-add-btn{ text-decoration:none; }

/* ============================================
   إخفاء عداد "تم شراءه" (عدد مرات الشراء) في صفحة المنتج
   ============================================ */
.inner-info-item:has(.sicon-fire) {
  display: none !important;
}
/* ============================================
   الكود 1: CSS - تنسيق بوب اب "الضمان الذهبي"
   حط هذا الكود في مكان الـ Custom CSS بالثيم
   ============================================ */

#goldWarrantyOverlay{
  display:flex;
  position:fixed;
  inset:0;
  background:rgba(15,30,28,.55);
  z-index:99999;
  align-items:center;
  justify-content:center;
  padding:16px;
  font-family:'Tajawal', sans-serif;
}
#goldWarrantyOverlay .gw-box{
  position:relative;
  background:#fff;
  max-width:480px;
  width:100%;
  max-height:85vh;
  overflow-y:auto;
  border-radius:20px;
  padding:38px 26px 26px;
  text-align:right;
  direction:rtl;
  box-shadow:0 20px 50px rgba(0,0,0,.3);
}
#goldWarrantyOverlay .gw-close{
  position:absolute;
  top:14px;
  left:14px;
  width:32px;
  height:32px;
  border:none;
  border-radius:50%;
  background:#f2f4f4;
  color:#173430;
  font-size:16px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .25s ease;
}
#goldWarrantyOverlay .gw-close:hover{background:#e2e7e6;}

/* الأيقونة الذهبية مع تأثير التوميض */
#goldWarrantyOverlay .gw-icon-wrap{
  width:74px;height:74px;
  border-radius:50%;
  background:radial-gradient(circle,#fff8e6 0%,#ffe9a8 100%);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 16px;
  position:relative;
  box-shadow:0 0 0 6px rgba(255,201,64,.18);
}
#goldWarrantyOverlay .gw-icon-wrap::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:2px solid #f2b705;
  opacity:.5;
  animation:gwPulse 2s ease-out infinite;
}
#goldWarrantyOverlay .gw-icon-wrap svg{
  width:34px;height:34px;
  animation:gwShine 2.2s ease-in-out infinite;
}
@keyframes gwPulse{
  0%{transform:scale(1);opacity:.6;}
  70%{transform:scale(1.35);opacity:0;}
  100%{transform:scale(1.35);opacity:0;}
}
@keyframes gwShine{
  0%, 100%{filter:drop-shadow(0 0 0px #f2b705);}
  50%{filter:drop-shadow(0 0 6px #ffd54a);}
}

#goldWarrantyOverlay h2{
  font-size:19px;font-weight:800;color:#173430;text-align:center;margin-bottom:6px;
}
#goldWarrantyOverlay .gw-sub{
  font-size:13px;color:#5a716e;text-align:center;margin-bottom:18px;line-height:1.9;
}
#goldWarrantyOverlay p{
  font-size:13px;color:#173430;line-height:2;margin-bottom:14px;
}
#goldWarrantyOverlay h3{
  font-size:14.5px;font-weight:800;color:#a37a00;margin-bottom:10px;
}
#goldWarrantyOverlay ol{
  font-size:12.5px;color:#173430;line-height:2.1;padding-right:18px;margin-bottom:16px;
}
#goldWarrantyOverlay .gw-note{
  font-size:12.5px;color:#5a716e;line-height:2;margin-bottom:16px;
}
#goldWarrantyOverlay .gw-ok{
  width:100%;
  padding:12px 0;
  border:none;
  border-radius:24px;
  background:linear-gradient(135deg,#f2c94c,#c9960c);
  color:#3a2a00;
  font-family:'Tajawal', sans-serif;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease;
}
#goldWarrantyOverlay .gw-ok:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(201,150,12,.35);
}


/* ============================================
   الكود 1: CSS - تنسيق بوب اب "الضمان الذهبي"
   ============================================ */

#goldWarrantyOverlay{
  display:flex;
  position:fixed;
  inset:0;
  background:rgba(15,30,28,.55);
  z-index:99999;
  align-items:center;
  justify-content:center;
  padding:16px;
  font-family:'Tajawal', sans-serif;
}
#goldWarrantyOverlay .gw-box{
  position:relative;
  background:#fff;
  max-width:480px;
  width:100%;
  max-height:85vh;
  overflow-y:auto;
  border-radius:20px;
  padding:38px 26px 26px;
  text-align:right;
  direction:rtl;
  box-shadow:0 20px 50px rgba(0,0,0,.3);
}
#goldWarrantyOverlay .gw-close{
  position:absolute;
  top:14px;
  left:14px;
  width:32px;
  height:32px;
  border:none;
  border-radius:50%;
  background:#f2f4f4;
  color:#173430;
  font-size:16px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .25s ease;
}
#goldWarrantyOverlay .gw-close:hover{background:#e2e7e6;}

#goldWarrantyOverlay .gw-icon-wrap{
  width:74px;height:74px;
  border-radius:50%;
  background:radial-gradient(circle,#fff8e6 0%,#ffe9a8 100%);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 16px;
  position:relative;
  box-shadow:0 0 0 6px rgba(255,201,64,.18);
}
#goldWarrantyOverlay .gw-icon-wrap::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:2px solid #f2b705;
  opacity:.5;
  animation:gwPulse 2s ease-out infinite;
}
#goldWarrantyOverlay .gw-icon-wrap svg{
  width:34px;height:34px;
  animation:gwShine 2.2s ease-in-out infinite;
}
@keyframes gwPulse{
  0%{transform:scale(1);opacity:.6;}
  70%{transform:scale(1.35);opacity:0;}
  100%{transform:scale(1.35);opacity:0;}
}
@keyframes gwShine{
  0%, 100%{filter:drop-shadow(0 0 0px #f2b705);}
  50%{filter:drop-shadow(0 0 6px #ffd54a);}
}

#goldWarrantyOverlay h2{
  font-size:19px;font-weight:800;color:#173430;text-align:center;margin-bottom:6px;
}
#goldWarrantyOverlay .gw-sub{
  font-size:13px;color:#5a716e;text-align:center;margin-bottom:18px;line-height:1.9;
}
#goldWarrantyOverlay p{
  font-size:13px;color:#173430;line-height:2;margin-bottom:14px;
}
#goldWarrantyOverlay h3{
  font-size:14.5px;font-weight:800;color:#a37a00;margin-bottom:10px;
}
#goldWarrantyOverlay ol{
  font-size:12.5px;color:#173430;line-height:2.1;padding-right:18px;margin-bottom:16px;
}
#goldWarrantyOverlay .gw-note{
  font-size:12.5px;color:#5a716e;line-height:2;margin-bottom:16px;
}
#goldWarrantyOverlay .gw-ok{
  width:100%;
  padding:12px 0;
  border:none;
  border-radius:24px;
  background:linear-gradient(135deg,#f2c94c,#c9960c);
  color:#3a2a00;
  font-family:'Tajawal', sans-serif;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease;
}
#goldWarrantyOverlay .gw-ok:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(201,150,12,.35);
}
.gg-promo-bar {
  position: relative;
  background-color: #2f9597;
  color: #ffffff;
  padding: 10px 0;
  width: 100%;
  z-index: 999;
}
.gg-promo-bar .gg-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.gg-promo-bar .gg-content-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gg-promo-bar .gg-banner-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.gg-promo-bar .gg-icon {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  flex-shrink: 0;
}
.gg-promo-bar .gg-icon.gg-animated {
  animation: gg-blinker 1s ease infinite;
}
@keyframes gg-blinker {
  from { opacity: .3; }
  to   { opacity: 1; }
}
.gg-promo-bar .gg-banner-text {
  display: flex;
  flex-direction: column;
}
.gg-promo-bar .gg-title {
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  margin: 0;
}
.gg-promo-bar .gg-subtitle {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  font-style: italic;
  margin: 0;
}
.gg-promo-bar .gg-banner-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  color: #2f9597;
  border: 0;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px 6px;
  white-space: nowrap;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
}
.gg-promo-bar .gg-banner-btn.gg-animated {
  animation: gg-pulse 1s ease-in-out infinite alternate;
}
@keyframes gg-pulse {
  100% { transform: scale(1.08); }
}
@media (max-width: 767px) {
  .gg-promo-bar .gg-container { flex-wrap: wrap; padding: 0 10px; }
}
.gg-promo-bar .gg-icon.gg-badge-icon {
  width: 32px;
  height: 32px;
  background: none;
  color: #d4af37;
  flex-shrink: 0;
}
.gg-promo-bar .gg-icon.gg-badge-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
/* ============================================
   الكود 1: CSS - تنسيق بوب اب "الضمان الذهبي"
   ============================================ */

#goldWarrantyOverlay{
  display:flex;
  position:fixed;
  inset:0;
  background:rgba(15,30,28,.55);
  z-index:99999;
  align-items:center;
  justify-content:center;
  padding:16px;
  font-family:'Tajawal', sans-serif;
}
#goldWarrantyOverlay .gw-box{
  position:relative;
  background:#fff;
  max-width:480px;
  width:100%;
  max-height:85vh;
  overflow-y:auto;
  border-radius:20px;
  padding:38px 26px 26px;
  text-align:right;
  direction:rtl;
  box-shadow:0 20px 50px rgba(0,0,0,.3);
}
#goldWarrantyOverlay .gw-close{
  position:absolute;
  top:14px;
  left:14px;
  width:32px;
  height:32px;
  border:none;
  border-radius:50%;
  background:#f2f4f4;
  color:#173430;
  font-size:16px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .25s ease;
}
#goldWarrantyOverlay .gw-close:hover{background:#e2e7e6;}

#goldWarrantyOverlay .gw-icon-wrap{
  width:74px;height:74px;
  border-radius:50%;
  background:radial-gradient(circle,#fff8e6 0%,#ffe9a8 100%);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 16px;
  position:relative;
  box-shadow:0 0 0 6px rgba(255,201,64,.18);
}
#goldWarrantyOverlay .gw-icon-wrap::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:2px solid #f2b705;
  opacity:.5;
  animation:gwPulse 2s ease-out infinite;
}
#goldWarrantyOverlay .gw-icon-wrap svg{
  width:34px;height:34px;
  animation:gwShine 2.2s ease-in-out infinite;
}
@keyframes gwPulse{
  0%{transform:scale(1);opacity:.6;}
  70%{transform:scale(1.35);opacity:0;}
  100%{transform:scale(1.35);opacity:0;}
}
@keyframes gwShine{
  0%, 100%{filter:drop-shadow(0 0 0px #f2b705);}
  50%{filter:drop-shadow(0 0 6px #ffd54a);}
}

#goldWarrantyOverlay h2{
  font-size:19px;font-weight:800;color:#173430;text-align:center;margin-bottom:6px;
}
#goldWarrantyOverlay .gw-sub{
  font-size:13px;color:#5a716e;text-align:center;margin-bottom:18px;line-height:1.9;
}
#goldWarrantyOverlay p{
  font-size:13px;color:#173430;line-height:2;margin-bottom:14px;
}
#goldWarrantyOverlay h3{
  font-size:14.5px;font-weight:800;color:#a37a00;margin-bottom:10px;
}
#goldWarrantyOverlay ol{
  font-size:12.5px;color:#173430;line-height:2.1;padding-right:18px;margin-bottom:16px;
}
#goldWarrantyOverlay .gw-note{
  font-size:12.5px;color:#5a716e;line-height:2;margin-bottom:16px;
}
#goldWarrantyOverlay .gw-ok{
  width:100%;
  padding:12px 0;
  border:none;
  border-radius:24px;
  background:linear-gradient(135deg,#f2c94c,#c9960c);
  color:#3a2a00;
  font-family:'Tajawal', sans-serif;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease;
}
#goldWarrantyOverlay .gw-ok:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(201,150,12,.35);
}

/* ============================================
   الكود 3: CSS - إخفاء قسم التوثيق (وثيقة العمل الحر + موثّق في منصة الأعمال)
   ============================================ */

.gov-details-section {
  display: none !important;
}

/* ============================================
   الكود 4: CSS - إعادة تصميم الفوتر بالكامل بشكل احترافي
   يستهدف كلاسات سلة الأصلية للفوتر مباشرة (بدون تعديل HTML)
   ============================================ */

/* الخلفية والحاوية الرئيسية للفوتر */
.store-footer__inner{
  background:linear-gradient(155deg,#0a3634 0%, #0f4a44 55%, #0a3634 100%) !important;
  border-radius:28px 28px 0 0;
  padding:48px 0 0;
  color:#fff !important;
  position:relative;
  overflow:hidden;
}
.store-footer__inner::before{
  content:"";
  position:absolute;
  width:280px;height:280px;
  background:radial-gradient(circle,rgba(15,156,134,.35),transparent 70%);
  border-radius:50%;
  top:-100px;
  left:-80px;
  pointer-events:none;
}
.store-footer__inner::after{
  content:"";
  position:absolute;
  width:220px;height:220px;
  background:radial-gradient(circle,rgba(126,230,200,.18),transparent 70%);
  border-radius:50%;
  bottom:-60px;
  right:-60px;
  pointer-events:none;
}

/* عنوان "روابط مهمة" (ديسكتوب) */
.footer-menu-title{
  color:#fff !important;
  font-size:16px !important;
  font-weight:800 !important;
  margin-bottom:18px !important;
  position:relative;
  z-index:1;
}

/* روابط الفوتر */
.s-menu-footer-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.s-menu-footer-item{
  color:rgba(255,255,255,.75) !important;
  font-size:14px !important;
  transition:color .25s ease, transform .25s ease;
  display:inline-block;
  width:fit-content;
}
.s-menu-footer-item:hover{
  color:#7ee6c8 !important;
  transform:translateX(-4px);
}

/* أكورديون الفوتر بالجوال */
#footer-menu .tab-inner{
  background:rgba(255,255,255,.06) !important;
  border-radius:12px !important;
  color:#fff !important;
}
#footer-menu .tab-inner span{color:#fff !important;}
#footer-menu .tab-icon,
#footer-menu .sicon-add{color:#7ee6c8 !important;}
#footer-menu .tab-content{
  background:transparent !important;
}
#footer-menu .s-menu-footer-item{color:rgba(255,255,255,.75) !important;padding:6px 14px;}

/* عنوان "تواصل معنا" */
.footer-title{
  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;
  position:relative;
  z-index:1;
}

/* أيقونات التواصل الاجتماعي */
.s-social-list{
  display:flex;
  gap:12px;
}
.s-social-link a{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.1) !important;
  border:1px solid rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .3s ease;
}
.s-social-link a:hover{
  background:#0f9c86 !important;
  transform:translateY(-4px);
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}
.s-social-icon svg{
  width:18px !important;
  height:18px !important;
  fill:#fff !important;
}

/* قسم التوثيق (موثق في منصة الأعمال + وثيقة العمل الحر) */
.gov-details-section{
  gap:10px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  margin-top:20px;
  padding-top:20px !important;
}
.sbc-wrapper{
  background:rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  color:#fff !important;
  transition:background .3s ease;
}
.sbc-wrapper:hover{background:rgba(255,255,255,.14) !important;}
.sbc-wrapper p{color:rgba(255,255,255,.8) !important;font-size:12.5px !important;}

.s-trust-badges-wrapper{
  background:rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  padding:8px 12px !important;
  display:flex;
  align-items:center;
  gap:8px;
}
.s-trust-badges-label{color:rgba(255,255,255,.7) !important;font-size:11px !important;}
.s-trust-badges-number{color:#7ee6c8 !important;font-size:12.5px !important;}

/* طرق الدفع */
.s-payments-list{
  display:flex !important;
  flex-wrap:wrap;
  gap:8px !important;
  background:#fff;
  padding:10px 14px;
  border-radius:14px;
  box-shadow:0 8px 20px rgba(0,0,0,.15);
}
.s-payments-list-item{
  transition:transform .25s ease;
}
.s-payments-list-item:hover{
  transform:translateY(-3px);
}

/* الشريط السفلي (الحقوق) */
.new-footer-bottom-wrapper{
  background:rgba(0,0,0,.15) !important;
  margin-top:30px;
  border-radius:0 !important;
}
.new-footer-bottom{
  border-color:rgba(255,255,255,.1) !important;
}
.copyright-text,
.copyright-text p{
  color:rgba(255,255,255,.6) !important;
  font-size:12.5px !important;
}
.copyright-text a{
  color:#7ee6c8 !important;
  font-weight:700 !important;
  transition:color .25s ease;
}
.copyright-text a:hover{
  color:#fff !important;
}

@media(max-width:1024px){
  .store-footer__inner{border-radius:20px 20px 0 0;padding:28px 0 0;}
  .s-payments-list{justify-content:center;}
}

/* ============================================
   الكود 5: CSS - تصحيحات على الفوتر
   1) إخفاء قسم التوثيق نهائياً (موثّق في منصة الأعمال + وثيقة العمل الحر)
   2) إصلاح صندوق "تواصل معنا" الأبيض الفاضي (كان خلفيته بيضاء والنص أبيض فوقها)
   ============================================ */

.gov-details-section{
  display:none !important;
}

.new-social-wrapper{
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
}
.contact-social{
  background:transparent !important;
}

/* ============================================
   الكود 6: CSS - تثبيت "روابط مهمة" ظاهرة دائماً + شكل مرتب (شبكة مربعات)
   + تأكيد إخفاء قسم التوثيق + تنسيق شريط الحقوق السفلي
   ============================================ */

/* تثبيت قسم "روابط مهمة" مفتوح دائماً بالجوال (بدون أكورديون قابل للطي) */
#footer-menu .tab-content{
  max-height:none !important;
  opacity:1 !important;
  transform:none !important;
  overflow:visible !important;
}
/* إخفاء زر + الخاص بالفتح/الطي لأنه صار غير ضروري */
#footer-menu .tab-inner__left{
  display:none !important;
}
#footer-menu .tab-inner{
  cursor:default !important;
  pointer-events:none;
}

/* شكل شبكة مرتبة للروابط (مربعات بحدود) */
#footer-menu .s-menu-footer-list,
.new-footer-menu-desktop .s-menu-footer-list{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  gap:10px !important;
}
#footer-menu .s-menu-footer-item,
.new-footer-menu-desktop .s-menu-footer-item{
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:10px !important;
  padding:12px 10px !important;
  text-align:center !important;
  font-size:12.5px !important;
  line-height:1.5;
}
#footer-menu .s-menu-footer-item:hover,
.new-footer-menu-desktop .s-menu-footer-item:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:#7ee6c8 !important;
}

/* تأكيد إخفاء قسم التوثيق (موثّق في منصة الأعمال + وثيقة العمل الحر) */
.gov-details-section,
.sbc-wrapper,
salla-trust-badges,
.s-trust-badges-wrapper{
  display:none !important;
}

/* تنسيق شريط الحقوق السفلي (آخر شي بالفوتر) */
.copyright-desktop-outer,
.copyright-text{
  width:100%;
  text-align:center !important;
  margin-top:16px;
}
.copyright-text,
.copyright-text p{
  background:transparent !important;
  color:rgba(255,255,255,.65) !important;
  font-size:12.5px !important;
  padding:14px 0 !important;
  border-top:1px solid rgba(255,255,255,.12);
}
.copyright-text a{
  color:#7ee6c8 !important;
  font-weight:800 !important;
}
.copyright-text a:hover{
  color:#fff !important;
}

/* ============================================
   الكود 7: CSS - تصحيحات إضافية على الفوتر
   1) إخفاء "وثيقة العمل الحر" نهائياً بكل الاحتمالات
   2) ترتيب شبكة "روابط مهمة" بشكل أنظف (آخر رابط فردي ياخذ العرض كامل)
   3) طرق الدفع بصف واحد فقط بدل صفين
   ============================================ */

/* إخفاء شارة وثيقة العمل الحر نهائياً - استهداف قوي بكل الطرق الممكنة */
salla-trust-badges,
.s-trust-badges-wrapper,
.s-trust-badges-content,
[class*="trust-badges"]{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  width:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* لو الرابط الأخير فردي (عدد الروابط فردي) خليه ياخذ الصف كامل ويتوسط */
#footer-menu .s-menu-footer-list .s-menu-footer-item:last-child:nth-child(odd),
.new-footer-menu-desktop .s-menu-footer-list .s-menu-footer-item:last-child:nth-child(odd){
  grid-column:1 / -1 !important;
}

/* طرق الدفع بصف واحد فقط */
.s-payments-list{
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  justify-content:flex-start !important;
  scrollbar-width:none !important;
}
.s-payments-list::-webkit-scrollbar{
  display:none !important;
}
.s-payments-list-item{
  flex-shrink:0 !important;
}
.s-payments-list-item img{
  width:36px !important;
  height:auto !important;
}
#gwc-cleaner-grid, #gwc-cleaner-grid *{box-sizing:border-box;}
#gwc-cleaner-grid{
  font-family:'Tajawal',sans-serif;
  max-width:1300px;
  margin:0 auto;
  padding:20px 16px;
  background:#fafafa;
}
#gwc-cleaner-grid .ph-heading{
  text-align:center;
  font-size:24px;
  font-weight:800;
  color:#173430;
  margin:0 0 24px;
}
#gwc-cleaner-grid .ph-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:20px !important;
}
#gwc-cleaner-grid .pc-wrapper{width:100%;}
#gwc-cleaner-grid .pc-card{
  background:#ffffff;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #eef1f0;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  display:flex;
  flex-direction:column;
  height:100%;
  transition:transform .25s ease, box-shadow .25s ease;
}
#gwc-cleaner-grid .pc-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 30px rgba(0,0,0,.09);
}
#gwc-cleaner-grid .pc-media{
  position:relative !important;
  background:#ffffff !important;
  padding:20px 16px 8px !important;
  overflow:visible !important;
}
#gwc-cleaner-grid .pc-badge-ribbon{
  position:absolute !important;
  top:12px !important;
  right:0 !important;
  left:auto !important;
  background:#22c55e !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
  padding:6px 16px 6px 22px !important;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,12px 50%) !important;
  z-index:5 !important;
  border:none !important;
}
#gwc-cleaner-grid .pc-slider-track{display:flex !important;width:100% !important;}
#gwc-cleaner-grid .pc-slide{width:100% !important;display:flex !important;align-items:center;justify-content:center;}
#gwc-cleaner-grid .pc-slide img{width:100% !important;height:auto !important;max-height:230px !important;max-width:100% !important;object-fit:contain !important;object-position:center !important;display:block !important;margin:0 auto !important;}

#gwc-cleaner-grid .pc-body{padding:6px 18px 20px;display:flex;flex-direction:column;flex:1;}
#gwc-cleaner-grid .pc-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  font-size:12.5px;
  color:#173430;
}
#gwc-cleaner-grid .pc-rating{display:flex;align-items:center;gap:5px;color:#4caf50;font-weight:600;}
#gwc-cleaner-grid .pc-rating svg{width:14px;height:14px;stroke:#f2b705;fill:#f2b705;}
#gwc-cleaner-grid .pc-rating-main{color:#4caf50;font-weight:800;}
#gwc-cleaner-grid .pc-sold{display:flex;align-items:center;gap:4px;color:#173430;}
#gwc-cleaner-grid .pc-sold svg{width:14px;height:14px;stroke:#e8590c;fill:#e8590c;}

#gwc-cleaner-grid .pc-title{
  font-size:15.5px;
  font-weight:700;
  color:#173430;
  margin:0 0 10px;
  line-height:1.4;
  min-height:44px;
}
#gwc-cleaner-grid .pc-price-row{margin-bottom:12px;}
#gwc-cleaner-grid .pc-price{font-size:18px;font-weight:800;color:#173430;}

#gwc-cleaner-grid .pc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
#gwc-cleaner-grid .pc-tag{
  background:#eaf6f5;
  color:#0a6e5f;
  font-size:11.5px;
  font-weight:600;
  padding:6px 14px;
  border-radius:20px;
}









#gwc-cleaner-grid, #gwc-cleaner-grid *{box-sizing:border-box;}
#gwc-cleaner-grid{
  font-family:'Tajawal',sans-serif;
  max-width:1300px;
  margin:0 auto;
  padding:20px 16px;
  background:#fafafa;
}
#gwc-cleaner-grid .ph-heading{
  text-align:center;
  font-size:24px;
  font-weight:800;
  color:#173430;
  margin:0 0 24px;
}
#gwc-cleaner-grid .ph-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:20px !important;
}
#gwc-cleaner-grid .pc-wrapper{width:100%;}
#gwc-cleaner-grid .pc-card{
  background:#ffffff;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #eef1f0;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  display:flex;
  flex-direction:column;
  height:100%;
  transition:transform .25s ease, box-shadow .25s ease;
}
#gwc-cleaner-grid .pc-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 30px rgba(0,0,0,.09);
}
#gwc-cleaner-grid .pc-media{
  position:relative !important;
  background:#ffffff !important;
  padding:20px 16px 8px !important;
  overflow:visible !important;
}
#gwc-cleaner-grid .pc-badge-ribbon{
  position:absolute !important;
  top:12px !important;
  right:0 !important;
  left:auto !important;
  background:#22c55e !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
  padding:6px 16px 6px 22px !important;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,12px 50%) !important;
  z-index:5 !important;
  border:none !important;
}
#gwc-cleaner-grid .pc-slider-track{display:flex !important;width:100% !important;}
#gwc-cleaner-grid .pc-slide{width:100% !important;display:flex !important;align-items:center;justify-content:center;}
#gwc-cleaner-grid .pc-slide img{width:100% !important;height:auto !important;max-height:230px !important;max-width:100% !important;object-fit:contain !important;object-position:center !important;display:block !important;margin:0 auto !important;}

#gwc-cleaner-grid .pc-body{padding:6px 18px 20px;display:flex;flex-direction:column;flex:1;}
#gwc-cleaner-grid .pc-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  font-size:12.5px;
  color:#173430;
}
#gwc-cleaner-grid .pc-rating{display:flex;align-items:center;gap:5px;color:#4caf50;font-weight:600;}
#gwc-cleaner-grid .pc-rating svg{width:14px;height:14px;stroke:#f2b705;fill:#f2b705;}
#gwc-cleaner-grid .pc-rating-main{color:#4caf50;font-weight:800;}
#gwc-cleaner-grid .pc-sold{display:flex;align-items:center;gap:4px;color:#173430;}
#gwc-cleaner-grid .pc-sold svg{width:14px;height:14px;stroke:#e8590c;fill:#e8590c;}

#gwc-cleaner-grid .pc-title{
  font-size:15.5px;
  font-weight:700;
  color:#173430;
  margin:0 0 10px;
  line-height:1.4;
  min-height:44px;
}
#gwc-cleaner-grid .pc-price-row{margin-bottom:12px;}
#gwc-cleaner-grid .pc-price{font-size:18px;font-weight:800;color:#173430;}

#gwc-cleaner-grid .pc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
#gwc-cleaner-grid .pc-tag{
  background:#eaf6f5;
  color:#0a6e5f;
  font-size:11.5px;
  font-weight:600;
  padding:6px 14px;
  border-radius:20px;
}

#gwc-cleaner-grid .pc-actions{display:flex !important;flex-direction:row !important;gap:10px !important;margin-top:auto;}
#gwc-cleaner-grid .pc-eye-btn{
  width:44px !important;
  flex-shrink:0 !important;
  order:1 !important;
  background:#fff !important;
  border:1.5px solid #e3e7e6 !important;
  border-radius:12px !important;
  display:flex !important;align-items:center;justify-content:center;
  cursor:pointer;
}
#gwc-cleaner-grid .pc-eye-btn svg{width:18px;height:18px;stroke:#173430;fill:none;stroke-width:1.6;}
#gwc-cleaner-grid .pc-add-btn{
  flex:1 !important;
  order:2 !important;
  display:flex !important;align-items:center;justify-content:center;gap:8px;
  background:#0a6e5f !important;
  color:#fff !important;
  text-decoration:none;
  padding:12px 0;
  border-radius:12px;
  font-size:14px;
  font-weight:700;
  transition:background .25s ease;
}
#gwc-cleaner-grid .pc-add-btn:hover{background:#0f9c86;}
#gwc-cleaner-grid .pc-add-btn svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:1.8;}

@media(max-width:820px){
  #gwc-cleaner-grid .ph-heading{font-size:18px;margin-bottom:16px;}
  #gwc-cleaner-grid .ph-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  #gwc-cleaner-grid .pc-card{border-radius:14px;}
  #gwc-cleaner-grid .pc-media{padding:10px 8px 4px;}
  #gwc-cleaner-grid .pc-slide img{max-height:110px;}
  #gwc-cleaner-grid .pc-badge-ribbon{font-size:8.5px;padding:4px 10px 4px 14px;top:8px;}
  #gwc-cleaner-grid .pc-body{padding:4px 10px 12px;}
  #gwc-cleaner-grid .pc-meta{font-size:8.5px;margin-bottom:6px;}
  #gwc-cleaner-grid .pc-rating svg,#gwc-cleaner-grid .pc-sold svg{width:10px;height:10px;}
  #gwc-cleaner-grid .pc-title{font-size:10.5px;min-height:30px;margin-bottom:6px;}
  #gwc-cleaner-grid .pc-price{font-size:13.5px;}
  #gwc-cleaner-grid .pc-price-row{margin-bottom:8px;}
  #gwc-cleaner-grid .pc-tags{gap:5px;margin-bottom:10px;}
  #gwc-cleaner-grid .pc-tag{font-size:8.5px;padding:4px 9px;}
  #gwc-cleaner-grid .pc-actions{gap:5px;}
  #gwc-cleaner-grid .pc-eye-btn{width:32px;border-radius:8px;}
  #gwc-cleaner-grid .pc-eye-btn svg{width:13px;height:13px;}
  #gwc-cleaner-grid .pc-add-btn{font-size:10px;padding:9px 0;border-radius:8px;gap:4px;}
  #gwc-cleaner-grid .pc-add-btn svg{width:11px;height:11px;}
}


/* وصف المنتج يظهر فقط داخل نافذة المعاينة السريعة، مو على الكارد */
#gwc-quick-view-box #gwc-qv-desc{
  font-size:13.5px;
  color:#5a716e;
  line-height:1.9;
  margin:0 0 16px;
}
#gwc-cleaner-grid .pc-old-price{
  font-size:13px;
  color:#9aa5a3;
  text-decoration:line-through;
  margin-right:8px;
}
@media(max-width:820px){
  #gwc-cleaner-grid .pc-desc{font-size:9px;margin-bottom:6px;line-height:1.5;}
  #gwc-cleaner-grid .pc-old-price{font-size:9px;margin-right:5px;}
}


/* وصف المنتج يظهر فقط داخل نافذة المعاينة السريعة، مو على الكارد */
#gwc-quick-view-box #gwc-qv-desc{
  font-size:13.5px;
  color:#5a716e;
  line-height:1.9;
  margin:0 0 16px;
}
#gwc-cleaner-grid .pc-old-price{
  font-size:13px;
  color:#9aa5a3;
  text-decoration:line-through;
  margin-right:8px;
}
#gwc-cleaner-grid .pc-eye-btn{
  width:44px !important;
  flex-shrink:0 !important;
  order:1 !important;
  background:#fff !important;
  border:1.5px solid #e3e7e6 !important;
  border-radius:12px !important;
  display:flex !important;align-items:center;justify-content:center;
  cursor:pointer;
}
@media(max-width:820px){
  #gwc-cleaner-grid .pc-desc{font-size:9px;margin-bottom:6px;line-height:1.5;}
  #gwc-cleaner-grid .pc-old-price{font-size:9px;margin-right:5px;}
  #gwc-cleaner-grid .pc-eye-btn{width:26px !important;height:26px !important;top:8px !important;left:8px !important;}
  #gwc-cleaner-grid .pc-eye-btn svg{width:13px !important;height:13px !important;}
}

/* نافذة المعاينة السريعة المخصصة */
#gwc-quick-view-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(15,30,28,.6);
  z-index:99999;
  align-items:center;
  justify-content:center;
  padding:16px;
  font-family:'Tajawal',sans-serif;
}
#gwc-quick-view-overlay.active{display:flex;}
#gwc-quick-view-box{
  position:relative;
  background:#fff;
  max-width:520px;
  width:100%;
  max-height:88vh;
  overflow-y:auto;
  border-radius:20px;
  padding:28px 24px 24px;
  direction:rtl;
  text-align:right;
  box-shadow:0 20px 50px rgba(0,0,0,.3);
}
#gwc-quick-view-close{
  position:absolute;top:14px;left:14px;
  width:32px;height:32px;border:none;border-radius:50%;
  background:#f2f4f4;color:#173430;font-size:16px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
#gwc-qv-img{width:100%;max-height:260px;object-fit:contain;display:block;margin:0 auto 16px;}
#gwc-qv-title{font-size:19px;font-weight:800;color:#173430;margin-bottom:8px;}
#gwc-qv-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:#173430;margin-bottom:12px;}
#gwc-qv-desc{font-size:13.5px;color:#5a716e;line-height:1.9;margin-bottom:16px;}
#gwc-qv-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;}
#gwc-qv-price{font-size:24px;font-weight:800;color:#173430;}
#gwc-qv-old-price{font-size:14px;color:#9aa5a3;text-decoration:line-through;}
#gwc-qv-tag{display:inline-block;background:#eaf6f5;color:#0a6e5f;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:18px;}
#gwc-qv-add{
  display:flex;width:100%;align-items:center;justify-content:center;gap:8px;
  background:#0a6e5f;color:#fff;text-decoration:none;padding:13px 0;
  border-radius:12px;font-size:15px;font-weight:800;
}
#gwc-qv-add:hover{background:#0f9c86;}
#gwc-shine-grid, #gwc-shine-grid *{box-sizing:border-box;}
#gwc-shine-grid{
  font-family:'Tajawal',sans-serif;
  max-width:1300px;
  margin:0 auto;
  padding:20px 16px;
  background:#fafafa;
}
#gwc-shine-grid .ph-heading{
  text-align:center;
  font-size:24px;
  font-weight:800;
  color:#173430;
  margin:0 0 24px;
}
#gwc-shine-grid .ph-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:20px !important;
}
#gwc-shine-grid .pc-wrapper{width:100%;}
#gwc-shine-grid .pc-card{
  background:#ffffff;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #eef1f0;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  display:flex;
  flex-direction:column;
  height:100%;
  transition:transform .25s ease, box-shadow .25s ease;
}
#gwc-shine-grid .pc-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 30px rgba(0,0,0,.09);
}
#gwc-shine-grid .pc-media{
  position:relative !important;
  background:#ffffff !important;
  padding:20px 16px 8px !important;
  overflow:visible !important;
}
#gwc-shine-grid .pc-badge-ribbon{
  position:absolute !important;
  top:12px !important;
  right:0 !important;
  left:auto !important;
  background:#22c55e !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
  padding:6px 16px 6px 22px !important;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,12px 50%) !important;
  z-index:5 !important;
  border:none !important;
}
#gwc-shine-grid .pc-slider-track{display:flex !important;width:100% !important;}
#gwc-shine-grid .pc-slide{width:100% !important;display:flex !important;align-items:center;justify-content:center;}
#gwc-shine-grid .pc-slide img{width:100% !important;height:auto !important;max-height:230px !important;max-width:100% !important;object-fit:contain !important;object-position:center !important;display:block !important;margin:0 auto !important;}

#gwc-shine-grid .pc-body{padding:6px 18px 20px;display:flex;flex-direction:column;flex:1;}
#gwc-shine-grid .pc-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  font-size:12.5px;
  color:#173430;
}
#gwc-shine-grid .pc-rating{display:flex;align-items:center;gap:5px;color:#4caf50;font-weight:600;}
#gwc-shine-grid .pc-rating svg{width:14px;height:14px;stroke:#f2b705;fill:#f2b705;}
#gwc-shine-grid .pc-rating-main{color:#4caf50;font-weight:800;}
#gwc-shine-grid .pc-sold{display:flex;align-items:center;gap:4px;color:#173430;}
#gwc-shine-grid .pc-sold svg{width:14px;height:14px;stroke:#e8590c;fill:#e8590c;}

#gwc-shine-grid .pc-title{
  font-size:15.5px;
  font-weight:700;
  color:#173430;
  margin:0 0 10px;
  line-height:1.4;
  min-height:44px;
}
#gwc-shine-grid .pc-price-row{margin-bottom:12px;}
#gwc-shine-grid .pc-price{font-size:18px;font-weight:800;color:#173430;}

#gwc-shine-grid .pc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
#gwc-shine-grid .pc-tag{
  background:#eaf6f5;
  color:#0a6e5f;
  font-size:11.5px;
  font-weight:600;
  padding:6px 14px;
  border-radius:20px;
}

#gwc-shine-grid .pc-actions{display:flex !important;flex-direction:row !important;gap:10px !important;margin-top:auto;}
#gwc-shine-grid .pc-eye-btn{
  width:44px !important;
  flex-shrink:0 !important;
  order:1 !important;
  background:#fff !important;
  border:1.5px solid #e3e7e6 !important;
  border-radius:12px !important;
  display:flex !important;align-items:center;justify-content:center;
  cursor:pointer;
}
#gwc-shine-grid .pc-eye-btn svg{width:18px;height:18px;stroke:#173430;fill:none;stroke-width:1.6;}
#gwc-shine-grid .pc-add-btn{
  flex:1 !important;
  order:2 !important;
  display:flex !important;align-items:center;justify-content:center;gap:8px;
  background:#0a6e5f !important;
  color:#fff !important;
  text-decoration:none;
  padding:12px 0;
  border-radius:12px;
  font-size:14px;
  font-weight:700;
  transition:background .25s ease;
}
#gwc-shine-grid .pc-add-btn:hover{background:#0f9c86;}
#gwc-shine-grid .pc-add-btn svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:1.8;}

@media(max-width:820px){
  #gwc-shine-grid .ph-heading{font-size:18px;margin-bottom:16px;}
  #gwc-shine-grid .ph-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  #gwc-shine-grid .pc-card{border-radius:14px;}
  #gwc-shine-grid .pc-media{padding:10px 8px 4px;}
  #gwc-shine-grid .pc-slide img{max-height:110px;}
  #gwc-shine-grid .pc-badge-ribbon{font-size:8.5px;padding:4px 10px 4px 14px;top:8px;}
  #gwc-shine-grid .pc-body{padding:4px 10px 12px;}
  #gwc-shine-grid .pc-meta{font-size:8.5px;margin-bottom:6px;}
  #gwc-shine-grid .pc-rating svg,#gwc-shine-grid .pc-sold svg{width:10px;height:10px;}
  #gwc-shine-grid .pc-title{font-size:10.5px;min-height:30px;margin-bottom:6px;}
  #gwc-shine-grid .pc-price{font-size:13.5px;}
  #gwc-shine-grid .pc-price-row{margin-bottom:8px;}
  #gwc-shine-grid .pc-tags{gap:5px;margin-bottom:10px;}
  #gwc-shine-grid .pc-tag{font-size:8.5px;padding:4px 9px;}
  #gwc-shine-grid .pc-actions{gap:5px;}
  #gwc-shine-grid .pc-eye-btn{width:32px;border-radius:8px;}
  #gwc-shine-grid .pc-eye-btn svg{width:13px;height:13px;}
  #gwc-shine-grid .pc-add-btn{font-size:10px;padding:9px 0;border-radius:8px;gap:4px;}
  #gwc-shine-grid .pc-add-btn svg{width:11px;height:11px;}
}


/* وصف المنتج يظهر فقط داخل نافذة المعاينة السريعة، مو على الكارد */
#gws-quick-view-box #gws-qv-desc{
  font-size:13.5px;
  color:#5a716e;
  line-height:1.9;
  margin:0 0 16px;
}
#gwc-shine-grid .pc-old-price{
  font-size:13px;
  color:#9aa5a3;
  text-decoration:line-through;
  margin-right:8px;
}
@media(max-width:820px){
  #gwc-shine-grid .pc-desc{font-size:9px;margin-bottom:6px;line-height:1.5;}
  #gwc-shine-grid .pc-old-price{font-size:9px;margin-right:5px;}
}


/* وصف المنتج يظهر فقط داخل نافذة المعاينة السريعة، مو على الكارد */
#gws-quick-view-box #gws-qv-desc{
  font-size:13.5px;
  color:#5a716e;
  line-height:1.9;
  margin:0 0 16px;
}
#gwc-shine-grid .pc-old-price{
  font-size:13px;
  color:#9aa5a3;
  text-decoration:line-through;
  margin-right:8px;
}
#gwc-shine-grid .pc-eye-btn{
  width:44px !important;
  flex-shrink:0 !important;
  order:1 !important;
  background:#fff !important;
  border:1.5px solid #e3e7e6 !important;
  border-radius:12px !important;
  display:flex !important;align-items:center;justify-content:center;
  cursor:pointer;
}
@media(max-width:820px){
  #gwc-shine-grid .pc-desc{font-size:9px;margin-bottom:6px;line-height:1.5;}
  #gwc-shine-grid .pc-old-price{font-size:9px;margin-right:5px;}
  #gwc-shine-grid .pc-eye-btn{width:26px !important;height:26px !important;top:8px !important;left:8px !important;}
  #gwc-shine-grid .pc-eye-btn svg{width:13px !important;height:13px !important;}
}

/* نافذة المعاينة السريعة المخصصة */
#gws-quick-view-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(15,30,28,.6);
  z-index:99999;
  align-items:center;
  justify-content:center;
  padding:16px;
  font-family:'Tajawal',sans-serif;
}
#gws-quick-view-overlay.active{display:flex;}
#gws-quick-view-box{
  position:relative;
  background:#fff;
  max-width:520px;
  width:100%;
  max-height:88vh;
  overflow-y:auto;
  border-radius:20px;
  padding:28px 24px 24px;
  direction:rtl;
  text-align:right;
  box-shadow:0 20px 50px rgba(0,0,0,.3);
}
#gws-quick-view-close{
  position:absolute;top:14px;left:14px;
  width:32px;height:32px;border:none;border-radius:50%;
  background:#f2f4f4;color:#173430;font-size:16px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
#gws-qv-img{width:100%;max-height:260px;object-fit:contain;display:block;margin:0 auto 16px;}
#gws-qv-title{font-size:19px;font-weight:800;color:#173430;margin-bottom:8px;}
#gws-qv-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:#173430;margin-bottom:12px;}
#gws-qv-desc{font-size:13.5px;color:#5a716e;line-height:1.9;margin-bottom:16px;}
#gws-qv-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;}
#gws-qv-price{font-size:24px;font-weight:800;color:#173430;}
#gws-qv-old-price{font-size:14px;color:#9aa5a3;text-decoration:line-through;}
#gws-qv-tag{display:inline-block;background:#eaf6f5;color:#0a6e5f;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:18px;}
#gws-qv-add{
  display:flex;width:100%;align-items:center;justify-content:center;gap:8px;
  background:#0a6e5f;color:#fff;text-decoration:none;padding:13px 0;
  border-radius:12px;font-size:15px;font-weight:800;
}
#gws-qv-add:hover{background:#0f9c86;}

#gwc-bundles-grid, #gwc-bundles-grid *{box-sizing:border-box;}
#gwc-bundles-grid{
  font-family:'Tajawal',sans-serif;
  max-width:1300px;
  margin:0 auto;
  padding:20px 16px;
  background:#fafafa;
}
#gwc-bundles-grid .ph-heading{
  text-align:center;
  font-size:24px;
  font-weight:800;
  color:#173430;
  margin:0 0 24px;
}
#gwc-bundles-grid .ph-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:20px !important;
}
#gwc-bundles-grid .pc-wrapper{width:100%;}
#gwc-bundles-grid .pc-card{
  background:#ffffff;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #eef1f0;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  display:flex;
  flex-direction:column;
  height:100%;
  transition:transform .25s ease, box-shadow .25s ease;
}
#gwc-bundles-grid .pc-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 30px rgba(0,0,0,.09);
}
#gwc-bundles-grid .pc-media{
  position:relative !important;
  background:#ffffff !important;
  padding:20px 16px 8px !important;
  overflow:visible !important;
}
#gwc-bundles-grid .pc-badge-ribbon{
  position:absolute !important;
  top:12px !important;
  right:0 !important;
  left:auto !important;
  background:#22c55e !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
  padding:6px 16px 6px 22px !important;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,12px 50%) !important;
  z-index:5 !important;
  border:none !important;
}
#gwc-bundles-grid .pc-slider-track{display:flex !important;width:100% !important;}
#gwc-bundles-grid .pc-slide{width:100% !important;display:flex !important;align-items:center;justify-content:center;}
#gwc-bundles-grid .pc-slide img{width:100% !important;height:auto !important;max-height:230px !important;max-width:100% !important;object-fit:contain !important;object-position:center !important;display:block !important;margin:0 auto !important;}

#gwc-bundles-grid .pc-body{padding:6px 18px 20px;display:flex;flex-direction:column;flex:1;}
#gwc-bundles-grid .pc-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  font-size:12.5px;
  color:#173430;
}
#gwc-bundles-grid .pc-rating{display:flex;align-items:center;gap:5px;color:#4caf50;font-weight:600;}
#gwc-bundles-grid .pc-rating svg{width:14px;height:14px;stroke:#f2b705;fill:#f2b705;}
#gwc-bundles-grid .pc-rating-main{color:#4caf50;font-weight:800;}
#gwc-bundles-grid .pc-sold{display:flex;align-items:center;gap:4px;color:#173430;}
#gwc-bundles-grid .pc-sold svg{width:14px;height:14px;stroke:#e8590c;fill:#e8590c;}

#gwc-bundles-grid .pc-title{
  font-size:15.5px;
  font-weight:700;
  color:#173430;
  margin:0 0 10px;
  line-height:1.4;
  min-height:44px;
}
#gwc-bundles-grid .pc-price-row{margin-bottom:12px;}
#gwc-bundles-grid .pc-price{font-size:18px;font-weight:800;color:#173430;}

#gwc-bundles-grid .pc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
#gwc-bundles-grid .pc-tag{
  background:#eaf6f5;
  color:#0a6e5f;
  font-size:11.5px;
  font-weight:600;
  padding:6px 14px;
  border-radius:20px;
}

#gwc-bundles-grid .pc-actions{display:flex !important;flex-direction:row !important;gap:10px !important;margin-top:auto;}
#gwc-bundles-grid .pc-eye-btn{
  width:44px !important;
  flex-shrink:0 !important;
  order:1 !important;
  background:#fff !important;
  border:1.5px solid #e3e7e6 !important;
  border-radius:12px !important;
  display:flex !important;align-items:center;justify-content:center;
  cursor:pointer;
}
#gwc-bundles-grid .pc-eye-btn svg{width:18px;height:18px;stroke:#173430;fill:none;stroke-width:1.6;}
#gwc-bundles-grid .pc-add-btn{
  flex:1 !important;
  order:2 !important;
  display:flex !important;align-items:center;justify-content:center;gap:8px;
  background:#0a6e5f !important;
  color:#fff !important;
  text-decoration:none;
  padding:12px 0;
  border-radius:12px;
  font-size:14px;
  font-weight:700;
  transition:background .25s ease;
}
#gwc-bundles-grid .pc-add-btn:hover{background:#0f9c86;}
#gwc-bundles-grid .pc-add-btn svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:1.8;}

@media(max-width:820px){
  #gwc-bundles-grid .ph-heading{font-size:18px;margin-bottom:16px;}
  #gwc-bundles-grid .ph-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  #gwc-bundles-grid .pc-card{border-radius:14px;}
  #gwc-bundles-grid .pc-media{padding:10px 8px 4px;}
  #gwc-bundles-grid .pc-slide img{max-height:110px;}
  #gwc-bundles-grid .pc-badge-ribbon{font-size:8.5px;padding:4px 10px 4px 14px;top:8px;}
  #gwc-bundles-grid .pc-body{padding:4px 10px 12px;}
  #gwc-bundles-grid .pc-meta{font-size:8.5px;margin-bottom:6px;}
  #gwc-bundles-grid .pc-rating svg,#gwc-bundles-grid .pc-sold svg{width:10px;height:10px;}
  #gwc-bundles-grid .pc-title{font-size:10.5px;min-height:30px;margin-bottom:6px;}
  #gwc-bundles-grid .pc-price{font-size:13.5px;}
  #gwc-bundles-grid .pc-price-row{margin-bottom:8px;}
  #gwc-bundles-grid .pc-tags{gap:5px;margin-bottom:10px;}
  #gwc-bundles-grid .pc-tag{font-size:8.5px;padding:4px 9px;}
  #gwc-bundles-grid .pc-actions{gap:5px;}
  #gwc-bundles-grid .pc-eye-btn{width:32px;border-radius:8px;}
  #gwc-bundles-grid .pc-eye-btn svg{width:13px;height:13px;}
  #gwc-bundles-grid .pc-add-btn{font-size:10px;padding:9px 0;border-radius:8px;gap:4px;}
  #gwc-bundles-grid .pc-add-btn svg{width:11px;height:11px;}
}


/* وصف المنتج يظهر فقط داخل نافذة المعاينة السريعة، مو على الكارد */
#gwb-quick-view-box #gwb-qv-desc{
  font-size:13.5px;
  color:#5a716e;
  line-height:1.9;
  margin:0 0 16px;
}
#gwc-bundles-grid .pc-old-price{
  font-size:13px;
  color:#9aa5a3;
  text-decoration:line-through;
  margin-right:8px;
}
@media(max-width:820px){
  #gwc-bundles-grid .pc-desc{font-size:9px;margin-bottom:6px;line-height:1.5;}
  #gwc-bundles-grid .pc-old-price{font-size:9px;margin-right:5px;}
}


/* وصف المنتج يظهر فقط داخل نافذة المعاينة السريعة، مو على الكارد */
#gwb-quick-view-box #gwb-qv-desc{
  font-size:13.5px;
  color:#5a716e;
  line-height:1.9;
  margin:0 0 16px;
}
#gwc-bundles-grid .pc-old-price{
  font-size:13px;
  color:#9aa5a3;
  text-decoration:line-through;
  margin-right:8px;
}
#gwc-bundles-grid .pc-eye-btn{
  width:44px !important;
  flex-shrink:0 !important;
  order:1 !important;
  background:#fff !important;
  border:1.5px solid #e3e7e6 !important;
  border-radius:12px !important;
  display:flex !important;align-items:center;justify-content:center;
  cursor:pointer;
}
@media(max-width:820px){
  #gwc-bundles-grid .pc-desc{font-size:9px;margin-bottom:6px;line-height:1.5;}
  #gwc-bundles-grid .pc-old-price{font-size:9px;margin-right:5px;}
  #gwc-bundles-grid .pc-eye-btn{width:26px !important;height:26px !important;top:8px !important;left:8px !important;}
  #gwc-bundles-grid .pc-eye-btn svg{width:13px !important;height:13px !important;}
}

/* نافذة المعاينة السريعة المخصصة */
#gwb-quick-view-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(15,30,28,.6);
  z-index:99999;
  align-items:center;
  justify-content:center;
  padding:16px;
  font-family:'Tajawal',sans-serif;
}
#gwb-quick-view-overlay.active{display:flex;}
#gwb-quick-view-box{
  position:relative;
  background:#fff;
  max-width:520px;
  width:100%;
  max-height:88vh;
  overflow-y:auto;
  border-radius:20px;
  padding:28px 24px 24px;
  direction:rtl;
  text-align:right;
  box-shadow:0 20px 50px rgba(0,0,0,.3);
}
#gwb-quick-view-close{
  position:absolute;top:14px;left:14px;
  width:32px;height:32px;border:none;border-radius:50%;
  background:#f2f4f4;color:#173430;font-size:16px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
#gwb-qv-img{width:100%;max-height:260px;object-fit:contain;display:block;margin:0 auto 16px;}
#gwb-qv-title{font-size:19px;font-weight:800;color:#173430;margin-bottom:8px;}
#gwb-qv-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:#173430;margin-bottom:12px;}
#gwb-qv-desc{font-size:13.5px;color:#5a716e;line-height:1.9;margin-bottom:16px;}
#gwb-qv-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;}
#gwb-qv-price{font-size:24px;font-weight:800;color:#173430;}
#gwb-qv-old-price{font-size:14px;color:#9aa5a3;text-decoration:line-through;}
#gwb-qv-tag{display:inline-block;background:#eaf6f5;color:#0a6e5f;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:18px;}
#gwb-qv-add{
  display:flex;width:100%;align-items:center;justify-content:center;gap:8px;
  background:#0a6e5f;color:#fff;text-decoration:none;padding:13px 0;
  border-radius:12px;font-size:15px;font-weight:800;
}
#gwb-qv-add:hover{background:#0f9c86;}


#gwc-bundles-grid .pc-badge-hot{
  background:#b91c1c !important;
}
/* شبكة عمودين */
#gwc-bundles-grid .ph-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
/* بكج "5 حبات" يوضع في المنتصف بصف مستقل تحت البكجين الآخرين */
#gwc-bundles-grid .pc-wrapper-center{
  grid-column:1 / -1 !important;
  display:flex !important;
  justify-content:center !important;
}
#gwc-bundles-grid .pc-wrapper-center .pc-card{
  max-width:340px;
  width:100%;
}
@media(max-width:820px){
  #gwc-bundles-grid .ph-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #gwc-bundles-grid .pc-wrapper-center .pc-card{max-width:100%;}
}
/* ============================================================
   تصميم بطاقة المنتج الحقيقية بموقعك (ثيم Raed - سلة)
   ------------------------------------------------------------
   - إطار كامل حوالين الكارد بلون الهوية (تركوازي/أخضر غامق)
   - زوايا منحنية واضحة
   - زر "أضف للسلة" بتأثير لمعان متحرك (Shine)
   ============================================================ */

/* -------- 1) الكارد: إطار كامل بلون الهوية + زوايا منحنية -------- */
custom-salla-product-card.s-product-card-entry{
  position:relative !important;
  display:block !important;
  border-radius:22px !important;
  border:2px solid #0a6e5f !important;
  background:#ffffff !important;
  box-shadow:0 4px 14px rgba(10,110,95,.10) !important;
  transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease !important;
  overflow:hidden !important;
}
custom-salla-product-card.s-product-card-entry:hover{
  transform:translateY(-4px) !important;
  border-color:#22c55e !important;
  box-shadow:0 16px 30px rgba(10,110,95,.2) !important;
}

custom-salla-product-card .s-product-card-image,
custom-salla-product-card .s-product-card-content{
  background:#ffffff !important;
}

/* -------- 2) صورة المنتج -------- */
custom-salla-product-card .s-product-card-image{
  padding:16px 14px 8px !important;
  border-radius:20px 20px 0 0 !important;
}
custom-salla-product-card .s-product-card-image-contain{
  object-fit:contain !important;
  max-height:220px !important;
}

/* -------- 3) شارة "العرض الاوفر" -------- */
custom-salla-product-card .s-product-card-promotion-title{
  background:#b91c1c !important;
  color:#fff !important;
  font-weight:700 !important;
  border-radius:8px !important;
  padding:5px 12px !important;
}

/* -------- 4) زر القلب -------- */
custom-salla-product-card .s-product-card-wishlist-btn{
  background:#ffffff !important;
  border:1px solid #e3e7e6 !important;
  border-radius:50% !important;
  box-shadow:0 2px 6px rgba(0,0,0,.06) !important;
}

/* -------- 5) عنوان المنتج -------- */
custom-salla-product-card .s-product-card-content-title a{
  color:#173430 !important;
  font-weight:700 !important;
  font-size:15px !important;
}

/* -------- 6) السعر -------- */
custom-salla-product-card .s-product-card-sale-price h4{
  color:#173430 !important;
  font-weight:800 !important;
  font-size:18px !important;
}
custom-salla-product-card .s-product-card-sale-price span{
  color:#9aa5a3 !important;
  text-decoration:line-through !important;
  font-size:13px !important;
}

/* -------- 7) زر "أضف للسلة" - نلوّن الزر الحقيقي جوا مباشرة -------- */
/* السبب اللي كان يطلع "طبقتين": كنا نلوّن العنصر الخارجي
   (salla-add-product-button) والزر الحقيقي جواه (.s-button-element)
   يجيب لونه الافتراضي من سلة برضو -> يطلع مربع فوق مربع.
   الحل: نفرّغ العنصر الخارجي تماماً (بدون خلفية/حواف/ظل)،
   ونحط كل التنسيق على الزر الحقيقي .s-button-element نفسه. */

custom-salla-product-card salla-add-product-button,
custom-salla-product-card .pc-atc-button{
  background:none !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
}

custom-salla-product-card .s-button-element{
  background-color:#0a6e5f !important;
  background-image:linear-gradient(
    100deg,
    #0a6e5f 0%,
    #0a6e5f 40%,
    #3ecbb0 50%,
    #0a6e5f 60%,
    #0a6e5f 100%
  ) !important;
  background-size:250% 100% !important;
  background-repeat:no-repeat !important;
  color:#ffffff !important;
  border:none !important;
  border-radius:14px !important;
  font-weight:700 !important;
  box-shadow:0 4px 10px rgba(10,110,95,.25) !important;
  transition:box-shadow .25s ease !important;
  animation:gwcBtnShine 3.2s linear infinite !important;
}
@keyframes gwcBtnShine{
  0%   { background-position:100% 0; }
  100% { background-position:0% 0; }
}
custom-salla-product-card .s-button-element:hover{
  box-shadow:0 8px 18px rgba(10,110,95,.35) !important;
}

/* -------- 8) الجوال -------- */
@media(max-width:820px){
  custom-salla-product-card.s-product-card-entry{border-radius:16px !important;border-width:1.5px !important;}
  custom-salla-product-card .s-product-card-content-title a{font-size:11.5px !important;}
  custom-salla-product-card .s-product-card-sale-price h4{font-size:14px !important;}
  custom-salla-product-card .s-product-card-sale-price span{font-size:10px !important;}
  custom-salla-product-card .s-product-card-image{padding:8px !important;}
  custom-salla-product-card .s-product-card-image-contain{max-height:110px !important;}
}
/* ============================================================
   وسوم المنتج بصف واحد فعلياً بدون قص أو اختفاء
   ============================================================ */

.gc-tags{
  display:flex !important;
  flex-wrap:nowrap !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;
  width:100% !important;
  overflow:visible !important;
}

.gc-tag{
  flex-shrink:1 !important;
  min-width:0 !important;
  white-space:nowrap !important;
  font-size:8.5px !important;
  padding:4px 6px !important;
  line-height:1.4 !important;
}

@media(max-width:480px){
  .gc-tags{ gap:3px !important; }
  .gc-tag{
    font-size:7.5px !important;
    padding:3px 5px !important;
  }
}
/* ============================================
   التعديلات الجديدة للفوتر
   ============================================ */

/* 1) إلغاء المربعات والحدود من روابط مهمة وجعلها قائمة نصوص تحت بعضها */
#footer-menu .s-menu-footer-list,
.new-footer-menu-desktop .s-menu-footer-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  align-items: center !important; /* تتوسط العناصر بالجوال */
}

#footer-menu .s-menu-footer-item,
.new-footer-menu-desktop .s-menu-footer-item {
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 4px 0 !important;
  font-size: 14px !important;
  text-align: center !important;
  width: auto !important;
  box-shadow: none !important;
}

#footer-menu .s-menu-footer-item:hover,
.new-footer-menu-desktop .s-menu-footer-item:hover {
  background: transparent !important;
  color: #7ee6c8 !important;
  transform: translateX(-3px);
}

/* 2) إلغاء الفراغ والمساحة الفارغة المعلمة باللون الأحمر بالكامل */
#footer-menu .tab-inner,
.sbc-wrapper,
.gov-details-section,
.s-trust-badges-wrapper,
salla-trust-badges {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* ضبط المسافات بين قسم تواصل معنا وطرق الدفع مباشرة لعدم ترك فراغات */
.s-social-list {
  margin-bottom: 24px !important;
}

.s-payments-list {
  margin-top: 10px !important;
}
/* ============================================
   تغيير لون نجوم التقييم إلى اللون الأصفر الذهبي
   ============================================ */

/* استهداف نجوم التقييم المحددة مباشرة وتغيير لون التعبئة والحدود */
salla-reviews .s-rating-stars-selected svg,
salla-rating-stars .s-rating-stars-selected svg {
  fill: #f2b705 !important;
  stroke: #f2b705 !important;
  color: #f2b705 !important;
}

/* في حال كان تخصيص اللون يتم عبر الكلاس الداخلي للنجوم */
salla-reviews .s-rating-stars-selected,
salla-rating-stars .s-rating-stars-selected {
  color: #f2b705 !important;
}
document.querySelectorAll('#gwc-cleaner-grid .pc-card').forEach(card => {

    card.addEventListener('click', function(e){

        // لا ينفذ إذا ضغط على زر العين أو داخله
        if (e.target.closest('.pc-eye-btn')) return;

        // الرابط الموجود في زر أضف للسلة
        const link = card.querySelector('.pc-add-btn');

        if(link){
            window.location.href = link.href;
        }
    });

    // شكل اليد
    card.style.cursor = 'pointer';

});
#gwc-cleaner-grid .ph-grid{
    display:flex !important;
    gap:20px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    padding-bottom:10px;
}

#gwc-cleaner-grid .ph-grid::-webkit-scrollbar{
    display:none;
}

#gwc-cleaner-grid .pc-wrapper{
    flex:0 0 300px;
    width:300px;
}
/* ============================================
   إجبار سلايدر المنتجات على صف واحد فقط
   ============================================ */

/* 1. إجبار حاوية الشبكة الرئيسية على منع التجميع التلقائي وتفعيل السلايدر الأفقي */
#gwc-cleaner-grid .ph-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important; /* يمنع الالتفاف لسطر جديد بشكل قاطع */
  justify-content: flex-start !important;
  align-items: stretch !important;
  overflow-x: auto !important; /* تفعيل التمرير الأفقي */
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important; /* محاذاة تلقائية عند السحب */
  scroll-behavior: smooth !important;
  gap: 16px !important;
  padding: 10px 4px 16px 4px !important;
  -webkit-overflow-scrolling: touch !important; /* تمرير سلس جداً للجوال */
  width: 100% !important;
}

/* 2. إلغاء أي عرض شبكي أو نسب مئوية مفروضة من منصة سلة أو القالب */
#gwc-cleaner-grid .ph-grid > * {
  grid-column: auto !important;
  grid-row: auto !important;
}

/* 3. تحديد حجم الكارد ليكون ثابتاً ولا يتقلص أو يتمدد لتمرير الصف الواحد */
#gwc-cleaner-grid .pc-wrapper {
  flex: 0 0 260px !important; /* عرض كل منتج بالدسك توب */
  min-width: 260px !important;
  max-width: 260px !important;
  width: 260px !important;
  scroll-snap-align: start !important;
}

/* 4. إجبار بطاقة المنتج على شغل كامل عرض الـ wrapper */
#gwc-cleaner-grid .pc-card {
  width: 100% !important;
  height: 100% !important;
}

/* 5. تصميم وتنسيق شريط التمرير (Scrollbar) في الأسفل ليكون أنيقاً */
#gwc-cleaner-grid .ph-grid::-webkit-scrollbar {
  height: 6px !important;
  display: block !important;
}
#gwc-cleaner-grid .ph-grid::-webkit-scrollbar-track {
  background: #eef1f0 !important;
  border-radius: 10px !important;
}
#gwc-cleaner-grid .ph-grid::-webkit-scrollbar-thumb {
  background: #0a6e5f !important;
  border-radius: 10px !important;
}

/* 6. ضبط الاستجابة مع أجهزة الجوال والشاشات الصغيرة */
@media (max-width: 820px) {
  #gwc-cleaner-grid .ph-grid {
    gap: 10px !important;
    padding-bottom: 12px !important;
  }
  
  #gwc-cleaner-grid .pc-wrapper {
    flex: 0 0 190px !important; /* عرض مناسب جداً للجوال لعرض منتج وجزء من التالي */
    min-width: 190px !important;
    max-width: 190px !important;
    width: 190px !important;
  }
}
/* رفع طبقة زر العين وتأكيد فصلها عن طبقات الرابط */
#gwc-cleaner-grid .pc-eye-btn {
  position: relative !important;
  z-index: 100 !important;
  pointer-events: auto !important;
}

/* منع عناصر SVG داخل العين من التقاط النقاط بشكل مستقل */
#gwc-cleaner-grid .pc-eye-btn * {
  pointer-events: none !important;
}
/* إصلاح زر الإغلاق ليكون واضحاً وفي الواجهة تماماً */
#gwc-quick-view-close {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  width: 36px !important;
  height: 36px !important;
  border: none !important;
  border-radius: 50% !important;
  background: #eef1f0 !important;
  color: #173430 !important;
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 100000 !important;
  pointer-events: auto !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

#gwc-quick-view-close:hover {
  background: #d8dedc !important;
}
/* ============================================
   إخفاء نافذة المعاينة السريعة الافتراضية الخاصة بسلة
   ============================================ */

/* 1. إخفاء النافذة الخاصة بسلة نهائياً ومنع ظهورها */
.salla-quick-view,
div[class*="quick-view"],
.modal-quick-view,
.s-quick-view-modal {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 2. تأكيد ظهور النافذة المخصصة الخاصة بك أنت فقط فوق كل شيء */
#gwc-quick-view-overlay.active {
  display: flex !important;
  z-index: 999999 !important; /* رفعت الرتبة لتكون فوق الجميع */
}

/* ============================================
   سلايدر أفقي للجوال يسع منتجين مع شريط تمرير
   ============================================ */

/* 1. ضبط حاوية السلايدر الأفقي */
#gwc-cleaner-grid .ph-grid,
#gwc-shine-grid .ph-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important; /* صف واحد فقط */
  justify-content: flex-start !important;
  overflow-x: auto !important; /* تفعيل التمرير الأفقي */
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  gap: 12px !important;
  padding: 10px 4px 16px 4px !important;
  -webkit-overflow-scrolling: touch !important;
  width: 100% !important;
}

#gwc-cleaner-grid .ph-grid > *,
#gwc-shine-grid .ph-grid > * {
  grid-column: auto !important;
  grid-row: auto !important;
}

/* 2. عرض المنتجات على الشاشات الكبيرة (Desktop) */
#gwc-cleaner-grid .pc-wrapper,
#gwc-shine-grid .pc-wrapper {
  flex: 0 0 270px !important;
  min-width: 270px !important;
  max-width: 270px !important;
  width: 270px !important;
  scroll-snap-align: start !important;
}

/* 3. شريط التمرير الأخضر السفلي (مثل الصورة تماماً) */
#gwc-cleaner-grid .ph-grid::-webkit-scrollbar,
#gwc-shine-grid .ph-grid::-webkit-scrollbar {
  height: 6px !important;
  display: block !important;
}
#gwc-cleaner-grid .ph-grid::-webkit-scrollbar-track,
#gwc-shine-grid .ph-grid::-webkit-scrollbar-track {
  background: #eef1f0 !important;
  border-radius: 10px !important;
}
#gwc-cleaner-grid .ph-grid::-webkit-scrollbar-thumb,
#gwc-shine-grid .ph-grid::-webkit-scrollbar-thumb {
  background: #0a6e5f !important; /* لون شريط التمرير الأخضر */
  border-radius: 10px !important;
}

/* 4. الضبط الخاص بالجوال (Mobile): عرض كارد كامل + بداية الكارد الثاني */
@media (max-width: 820px) {
  #gwc-cleaner-grid .ph-grid,
  #gwc-shine-grid .ph-grid {
    gap: 8px !important;
    padding-bottom: 14px !important;
  }

  /* جعل عرض الكارد حوالي 45% من الشاشة ليظهر منتج ونصف على الجوال بالضبط */
  #gwc-cleaner-grid .pc-wrapper,
  #gwc-shine-grid .pc-wrapper {
    flex: 0 0 46% !important;
    min-width: 46% !important;
    max-width: 46% !important;
    width: 46% !important;
  }

  /* ضغط التنسيقات الداخلية للكارد لتبدو تماماً مثل الصورة */
  #gwc-cleaner-grid .pc-card,
  #gwc-shine-grid .pc-card {
    border-radius: 14px !important;
  }

  #gwc-cleaner-grid .pc-body,
  #gwc-shine-grid .pc-body {
    padding: 4px 8px 10px !important;
  }

  #gwc-cleaner-grid .pc-title,
  #gwc-shine-grid .pc-title {
    font-size: 11px !important;
    min-height: 28px !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
  }

  #gwc-cleaner-grid .pc-price,
  #gwc-shine-grid .pc-price {
    font-size: 13px !important;
  }

  #gwc-cleaner-grid .pc-old-price,
  #gwc-shine-grid .pc-old-price {
    font-size: 9px !important;
  }

  #gwc-cleaner-grid .pc-tag,
  #gwc-shine-grid .pc-tag {
    font-size: 8px !important;
    padding: 3px 7px !important;
  }

  #gwc-cleaner-grid .pc-add-btn,
  #gwc-shine-grid .pc-add-btn {
    font-size: 10px !important;
    padding: 7px 0 !important;
    border-radius: 8px !important;
  }

  #gwc-cleaner-grid .pc-eye-btn,
  #gwc-shine-grid .pc-eye-btn {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
  }
}
/* ============================================
   إصلاح زر الإغلاق والتفاعل للمعاينة السريعة
   ============================================ */

/* 1. تنسيق زر الإغلاق لقسم المنظف والملمع */
#gwc-quick-view-close,
#gws-quick-view-close {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  width: 38px !important;
  height: 38px !important;
  border: none !important;
  border-radius: 50% !important;
  background: #eef1f0 !important;
  color: #173430 !important; /* لون رمزي واضح */
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1000005 !important; /* رفع الزر فوق كل الطبقات */
  pointer-events: auto !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.15) !important;
}

#gwc-quick-view-close:hover,
#gws-quick-view-close:hover {
  background: #d4dedc !important;
  color: #000 !important;
}

/* 2. تفعيل المنطقة الشفافة الخارجية للنقر بالإصبع */
#gwc-quick-view-overlay,
#gws-quick-view-overlay {
  cursor: pointer !important;
  pointer-events: auto !important;
}

#gwc-quick-view-box,
#gws-quick-view-box {
  cursor: default !important; /* لمنع إغلاق النافذة عند النقر داخل الصندوق نفسه */
}
/* ============================================
   إخفاء نافذة سلة الافتراضية لقسم الملمع نهائياً
   ============================================ */
salla-quickview,
.salla-quickview,
div[class*="salla-quick-view"],
.s-quickview-modal,
.s-quick-view-modal {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -9999 !important;
}

/* رفع نافذة المعاينة المخصصة للملمع لتصبح بالقمة */
#gws-quick-view-overlay.active {
  display: flex !important;
  z-index: 9999999 !important;
}
/* ============================================
   إصلاح كافة الأقسام (المنظف + الملمع + البكجات)
   سلايدر إجباري صف واحد بـ عرض مخصص للجوال
   ============================================ */

/* 1. توحيد الحاويات وإلغاء أي Grid أو نزول لسطر جديد */
#gwc-cleaner-grid .ph-grid,
#gwc-shine-grid .ph-grid,
#gwc-bundles-grid .ph-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important; /* يمنع الالتفاف لسطر جديد بشكل قاطع */
  justify-content: flex-start !important;
  align-items: stretch !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  gap: 12px !important;
  padding: 10px 4px 16px 4px !important;
  -webkit-overflow-scrolling: touch !important;
  width: 100% !important;
}

/* إلغاء الـ Grid والتقسيمات القديمة وقوانين الصفوف المستقلة للبكجات */
#gwc-cleaner-grid .ph-grid > *,
#gwc-shine-grid .ph-grid > *,
#gwc-bundles-grid .ph-grid > *,
#gwc-bundles-grid .pc-wrapper-center {
  grid-column: auto !important;
  grid-row: auto !important;
  display: block !important;
}

/* 2. عرض الكروت في أجهزة الكمبيوتر (Desktop) */
#gwc-cleaner-grid .pc-wrapper,
#gwc-shine-grid .pc-wrapper,
#gwc-bundles-grid .pc-wrapper {
  flex: 0 0 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  width: 260px !important;
  scroll-snap-align: start !important;
}

#gwc-cleaner-grid .pc-card,
#gwc-shine-grid .pc-card,
#gwc-bundles-grid .pc-card,
#gwc-bundles-grid .pc-wrapper-center .pc-card {
  width: 100% !important;
  max-width: 100% !important;
}

/* 3. شريط التمرير الأخضر السفلي الموحد */
#gwc-cleaner-grid .ph-grid::-webkit-scrollbar,
#gwc-shine-grid .ph-grid::-webkit-scrollbar,
#gwc-bundles-grid .ph-grid::-webkit-scrollbar {
  height: 6px !important;
  display: block !important;
}
#gwc-cleaner-grid .ph-grid::-webkit-scrollbar-track,
#gwc-shine-grid .ph-grid::-webkit-scrollbar-track,
#gwc-bundles-grid .ph-grid::-webkit-scrollbar-track {
  background: #eef1f0 !important;
  border-radius: 10px !important;
}
#gwc-cleaner-grid .ph-grid::-webkit-scrollbar-thumb,
#gwc-shine-grid .ph-grid::-webkit-scrollbar-thumb,
#gwc-bundles-grid .ph-grid::-webkit-scrollbar-thumb {
  background: #0a6e5f !important;
  border-radius: 10px !important;
}

/* 4. الضبط الخاص بالجوال (Mobile): عرض ثوابت بحجم (vw) يضمن ظهور منتجين جنب بعض متراصين */
@media (max-width: 820px) {
  #gwc-cleaner-grid .ph-grid,
  #gwc-shine-grid .ph-grid,
  #gwc-bundles-grid .ph-grid {
    gap: 8px !important;
    padding-bottom: 14px !important;
  }

  /* تحديد عرض كل كارد بـ 44% من عرض الشاشة لظهور منتجين جنب بعض تماماً */
  #gwc-cleaner-grid .pc-wrapper,
  #gwc-shine-grid .pc-wrapper,
  #gwc-bundles-grid .pc-wrapper {
    flex: 0 0 44vw !important;
    min-width: 44vw !important;
    max-width: 44vw !important;
    width: 44vw !important;
  }

  /* ضغط الخطوط والتنسيقات لتقعد مضبوطة داخل عرض الجوال */
  #gwc-cleaner-grid .pc-body,
  #gwc-shine-grid .pc-body,
  #gwc-bundles-grid .pc-body {
    padding: 6px 6px 10px !important;
  }

  #gwc-cleaner-grid .pc-title,
  #gwc-shine-grid .pc-title,
  #gwc-bundles-grid .pc-title {
    font-size: 11px !important;
    min-height: 30px !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
  }

  #gwc-cleaner-grid .pc-price,
  #gwc-shine-grid .pc-price,
  #gwc-bundles-grid .pc-price {
    font-size: 13px !important;
  }

  #gwc-cleaner-grid .pc-old-price,
  #gwc-shine-grid .pc-old-price,
  #gwc-bundles-grid .pc-old-price {
    font-size: 9px !important;
  }

  #gwc-cleaner-grid .pc-add-btn,
  #gwc-shine-grid .pc-add-btn,
  #gwc-bundles-grid .pc-add-btn {
    font-size: 10px !important;
    padding: 7px 0 !important;
    border-radius: 8px !important;
  }

  #gwc-cleaner-grid .pc-eye-btn,
  #gwc-shine-grid .pc-eye-btn,
  #gwc-bundles-grid .pc-eye-btn {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
  }
}