/* Add custom CSS styles below */ 
/* ========== متغيرات عامة قابلة للتعديل ========== */
:root{
  --pc-bg: #141e30;              /* خلفية البطاقة (داكن يناسب متجرك) */
  --pc-fg: #ffffff;              /* نص */
  --pc-muted:#a9b3c1;            /* نص ثانوي */
  --pc-brand:#7b5cff;            /* لون أساسي */
  --pc-accent:#d8b887;           /* لون ثانوي ذهبي */
  --pc-border:1px solid rgba(255,255,255,.07);
  --pc-r:18px;                   /* نصف القطر */
  --pc-shadow-sm:0 10px 24px rgba(0,0,0,.18);
  --pc-shadow:0 18px 44px rgba(0,0,0,.24);
}

/* ========== بطاقة المنتج الأساسية ========== */
.product-card, .product-item, .product{
  position:relative;
  background:var(--pc-bg);
  color:var(--pc-fg);
  border:var(--pc-border);
  border-radius:var(--pc-r);
  overflow:hidden;
  box-shadow:var(--pc-shadow-sm);
  transition:transform .22s ease, box-shadow .25s ease, border-color .2s;
  isolation:isolate;
}
.product-card:hover{ transform:translateY(-6px); box-shadow:var(--pc-shadow); border-color:rgba(123,92,255,.35); }

/* الصورة بنسبة 1:1 مع اقتصاص أنيق */
.product-card img, .product-item img{
  width:100%; aspect-ratio:1/1; object-fit:cover; display:block;
  transition:transform .6s ease;
}
.product-card:hover img{ transform:scale(1.06); }

/* مساحة تفاصيل منظمة */
.product-card .pc-body{
  padding:.85rem .9rem 1rem; display:grid; gap:.45rem;
}

/* العنوان (سطرين كحد أقصى) */
.product-card .product-title, 
.product-card .product-title a,
.product .product-title{
  color:var(--pc-fg); font-weight:800; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  text-decoration:none;
}

/* السعر الحالي + القديم + الشحن المجاني */
.product-card .pc-price{ display:flex; align-items:baseline; gap:.45rem; }
.product-card .pc-price .now{ font-size:1.15rem; font-weight:900; }
.product-card .pc-price .old{ color:var(--pc-muted); text-decoration:line-through; font-weight:600; }
.product-card .pc-badge-free{ 
  margin-inline-start:auto; font-size:.75rem; font-weight:800;
  background:linear-gradient(135deg,var(--pc-accent),var(--pc-brand));
  color:#111; padding:.15rem .5rem; border-radius:999px;
}

/* أزرار الإجراء */
.product-card .pc-actions{ display:grid; gap:.5rem; }
.product-card .pc-btn{
  display:grid; place-items:center; text-align:center;
  border-radius:12px; padding:.7rem .8rem; font-weight:800; cursor:pointer;
  transition:transform .15s, box-shadow .2s, background .2s;
}
.product-card .pc-btn.add{ background:linear-gradient(135deg,var(--pc-brand),var(--pc-accent)); color:#111; }
.product-card .pc-btn.add:hover{ transform:translateY(-2px); box-shadow:var(--pc-shadow); }
.product-card .pc-btn.outline{ background:transparent; border:2px solid var(--pc-accent); color:var(--pc-accent); }
.product-card .pc-btn.outline:hover{ background:var(--pc-accent); color:#111; }

/* شارة خصم / جديد أعلى اليسار */
.product-card .pc-badge{
  position:absolute; inset-block-start:.6rem; inset-inline-start:.6rem; z-index:2;
  background:linear-gradient(135deg,var(--pc-brand),var(--pc-accent));
  color:#111; font-weight:900; border-radius:999px; padding:.22rem .6rem; box-shadow:var(--pc-shadow-sm);
}

/* أزرار سريعة عائمة (مفضلة، مقارنة، عرض سريع) */
.product-card .pc-quick{
  position:absolute; inset-block-start:.6rem; inset-inline-end:.6rem; z-index:2;
  display:flex; flex-direction:column; gap:.4rem;
}
.product-card .pc-quick .icon{
  width:38px; height:38px; border-radius:999px; background:rgba(0,0,0,.55);
  color:#fff; display:grid; place-items:center; backdrop-filter:blur(6px);
  opacity:0; transform:translateY(-6px);
  transition:opacity .2s, transform .2s;
}
.product-card:hover .pc-quick .icon{ opacity:1; transform:translateY(0); }

/* نقاط ألوان للمتوفر من المتغيرات */
.product-card .pc-swatches{ display:flex; flex-wrap:wrap; gap:6px; margin-top:.2rem; }
.product-card .pc-swatch{
  width:16px; height:16px; border-radius:999px; border:2px solid rgba(255,255,255,.6);
  box-shadow:0 2px 6px rgba(0,0,0,.2);
}
.product-card .pc-swatch[aria-selected="true"]{ outline:2px solid var(--pc-accent); }

/* مؤشر المخزون */
.product-card .pc-stock{ font-size:.8rem; color:var(--pc-muted); }
.product-card .pc-stock.low{ color:#ff9099; font-weight:800; }

/* تقييم النجوم */
.product-card .pc-stars{ display:inline-flex; gap:2px; vertical-align:middle; }
.product-card .pc-stars svg{ width:16px; height:16px; }

/* ميكرو-تفاعل عند الإضافة للسلة */
.product-card .pc-btn.add:active{ transform:scale(.98); }

/* وصولية: تركيز واضح */
.product-card a:focus-visible, .product-card button:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(216,184,135,.35); border-radius:12px; }

/* موبايل */
@media (max-width:768px){
  .product-card .pc-badge-free{ display:none; }
}
/* ======= إعدادات عامة للبطاقة (قابلة للتعديل) ======= */
:root{
  --pc-bg:#111a2a;
  --pc-surface:#16243a;
  --pc-text:#eef2f7;
  --pc-muted:#98a2b3;
  --pc-brand:#7b5cff;
  --pc-accent:#d8b887;
  --pc-danger:#ff6b81;
  --pc-success:#22c55e;
  --pc-r:18px;
  --pc-shadow-sm:0 10px 26px rgba(0,0,0,.18);
  --pc-shadow-lg:0 26px 60px rgba(0,0,0,.32);
}

/* نحافظ على توافق أسماء القوالب الشائعة */
.product-card,.product,.product-item{
  position:relative; background:linear-gradient(180deg,var(--pc-surface),#0e1726);
  border:1px solid rgba(255,255,255,.06); color:var(--pc-text);
  border-radius:var(--pc-r); overflow:hidden; box-shadow:var(--pc-shadow-sm);
  transform-style:preserve-3d; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  isolation:isolate;
}
.product-card:hover{ box-shadow:var(--pc-shadow-lg); border-color:rgba(123,92,255,.35); }

/* طبقة منظور خفيفة لبارالاكس */
.product-card .pc-tilt{ perspective:900px; }

/* الصورة: مربّع، اقتصاص أنيق، مع Zoom on hover */
.product-card img,.product-item img{
  width:100%; aspect-ratio:1/1; object-fit:cover; display:block; will-change:transform;
  transform:translateZ(0);
  transition:transform .65s cubic-bezier(.2,.7,.2,1), filter .3s;
}
.product-card:hover img{ transform:scale(1.06) rotateZ(.0001deg); }

/* جسم البطاقة */
.product-card .pc-body{ padding:.9rem 1rem 1.05rem; display:grid; gap:.55rem; }

/* العنوان (سطران) */
.product-card .product-title,.product-card .product-title a,.product .product-title{
  color:var(--pc-text); font-weight:900; line-height:1.35; text-decoration:none;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* السعر */
.product-card .pc-price{ display:flex; align-items:baseline; gap:.5rem; flex-wrap:wrap; }
.product-card .pc-price .now{ font-size:1.15rem; font-weight:900; }
.product-card .pc-price .old{ color:var(--pc-muted); text-decoration:line-through; font-weight:700; }
.product-card .pc-badge-free{ margin-inline-start:auto; font-size:.75rem; font-weight:800;
  background:linear-gradient(135deg,var(--pc-accent),var(--pc-brand)); color:#111; padding:.18rem .55rem; border-radius:999px; }

/* شريط المخزون */
.product-card .pc-stockbar{ height:7px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
.product-card .pc-stockbar > i{ display:block; height:100%; width:0%;
  background:linear-gradient(90deg,var(--pc-danger),var(--pc-accent),var(--pc-success));
  transition:width .6s cubic-bezier(.2,.7,.2,1);
}
.product-card .pc-stocktxt{ font-size:.8rem; color:var(--pc-muted); }

/* نجوم التقييم */
.product-card .pc-stars{ display:inline-flex; gap:2px; vertical-align:middle; }
.product-card .pc-stars svg{ width:16px; height:16px; }

/* شارات أعلى يسار (تكديس) */
.product-card .pc-badges{ position:absolute; inset-block-start:.65rem; inset-inline-start:.65rem; display:flex; gap:.35rem; z-index:2; }
.product-card .pc-badge{
  background:linear-gradient(135deg,var(--pc-brand),var(--pc-accent)); color:#111; font-weight:900;
  padding:.22rem .55rem; border-radius:999px; box-shadow:var(--pc-shadow-sm); font-size:.78rem;
}

/* أزرار سريعة أعلى يمين */
.product-card .pc-quick{
  position:absolute; inset-block-start:.65rem; inset-inline-end:.65rem; z-index:2;
  display:flex; flex-direction:column; gap:.4rem;
}
.product-card .pc-quick .icon{
  width:38px; height:38px; border-radius:50%; display:grid; place-items:center;
  background:rgba(0,0,0,.55); color:#fff; backdrop-filter:blur(6px);
  opacity:0; transform:translateY(-8px); transition:opacity .22s, transform .22s;
}
.product-card:hover .pc-quick .icon{ opacity:1; transform:translateY(0); }

/* Quick-Add (مقاسات/ألوان) */
.product-card .pc-swatches{ display:flex; gap:6px; flex-wrap:wrap; }
.product-card .pc-swatch{ width:18px; height:18px; border-radius:50%;
  border:2px solid rgba(255,255,255,.65); box-shadow:0 2px 6px rgba(0,0,0,.25); cursor:pointer; }
.product-card .pc-swatch[aria-selected="true"]{ outline:2px solid var(--pc-accent); }

/* الأزرار الأساسية */
.product-card .pc-actions{ display:grid; gap:.55rem; margin-top:.2rem; }
.product-card .pc-btn{
  display:grid; place-items:center; text-align:center; border-radius:12px; padding:.75rem .9rem;
  font-weight:900; cursor:pointer; transition:transform .14s, box-shadow .22s, background .2s;
}
.product-card .pc-btn.add{ background:linear-gradient(135deg,var(--pc-brand),var(--pc-accent)); color:#111; }
.product-card .pc-btn.add:hover{ transform:translateY(-2px); box-shadow:var(--pc-shadow-lg); }
.product-card .pc-btn.more{ background:transparent; border:2px solid var(--pc-accent); color:var(--pc-accent); }
.product-card .pc-btn.more:hover{ background:var(--pc-accent); color:#111; }

/* تركيز واضح للوصولية */
.product-card a:focus-visible,.product-card button:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(216,184,135,.35); border-radius:12px; }

/* سكليتون تحميل */
.skel{ background:linear-gradient(90deg,#26354f,#2f4463 40%,#26354f 60%); background-size:200% 100%;
  animation:shimmer 1.1s linear infinite; }
@keyframes shimmer{ to{ background-position:-200% 0; } }

/* تحسينات شاشة صغيرة */
@media(max-width:768px){
  .product-card .pc-badge-free{ display:none; }
}