/* ===================== Mozzat — Products Page ===================== */
:root{
  --p-green:#628185; --p-green-dark:#46625f; --p-clay:#c08a6f; --p-clay-dark:#ad7355;
  --p-line:#e8e6e1; --p-sub:#7c8a89; --p-bg:#f4f3f0; --p-card:#ffffff;
}
.pg-wrap{ font-family:'Cairo','Poppins','29LTZaridSans',Segoe UI,Tahoma,sans-serif;
  max-width:1360px; margin:0 auto; padding:18px 20px 40px; color:var(--p-green-dark); }
html[dir="rtl"] .pg-wrap{ direction:rtl; }

/* ---------- category tabs bar ---------- */
.pg-tabs{ display:flex; gap:0; background:#fff; border:1px solid #eceae4;
  border-radius:22px; box-shadow:0 14px 34px rgba(70,98,95,.10); overflow:hidden; margin-bottom:18px;
  position:relative; }
.pg-tab{ flex:1; display:flex; align-items:center; justify-content:center;
  padding:20px 12px; cursor:pointer; text-decoration:none;
  transition:color .2s ease; position:relative; z-index:2; }
/* فواصل مستقيمة دائمة بين كل التبويبات (خط عمودي رفيع، ثابت في كل الحالات) */
.pg-tab::after{ content:""; position:absolute; top:50%; right:0; transform:translateY(-50%);
  height:46px; width:1px; background:#e4e2dc; }
html[dir="rtl"] .pg-tab::after{ right:auto; left:0; }
.pg-tab:last-child::after{ display:none; }
html[dir="rtl"] .pg-tab:first-child::after{ display:none; }
html[dir="rtl"] .pg-tab:last-child::after{ display:block; }
/* تظليل خفيف عند مرور الماوس على تبويب غير نشط */
.pg-tab::before{ content:""; position:absolute; inset:6px 5px; border-radius:14px;
  background:transparent; transition:background .2s ease; }
.pg-tab:not(.active):hover::before{ background:rgba(98,129,133,.10); }

.pg-tab .pg-ico{ width:42px; height:42px; background-color:var(--p-green);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain; transition:background-color .2s ease; }
.pg-tab .pg-tab-name{ font-size:1rem; font-weight:600; color:var(--p-green-dark); letter-spacing:.2px;
  white-space:nowrap; transition:color .2s ease; }
.pg-tab:not(.active):hover .pg-tab-name{ color:var(--p-green); }
/* التبويب النشط: أيقونة ونص أبيض (فوق التظليل) */
.pg-tab.active .pg-ico{ background-color:#fff; }
.pg-tab.active .pg-tab-name{ color:#fff; }

/* ===== التظليل المنزلق: مستطيل أخضر بحواف مستديرة ينزلق بسلاسة =====
   بدون ميلان وبدون أي لون برتقالي — فقط انزلاق أفقي ناعم بين التصنيفات. */
.pg-highlight{ position:absolute; top:0; height:100%; z-index:1; pointer-events:none;
  transition:left .40s cubic-bezier(.34,.02,.16,1), width .40s cubic-bezier(.34,.02,.16,1); }
.pg-highlight-clay{ display:none; }
.pg-highlight-green{ position:absolute; inset:6px 4px; background:var(--p-green-dark);
  border-radius:16px; box-shadow:0 6px 16px rgba(70,98,95,.22); }

/* store tab (غير مستخدم في شريط التصنيفات لكن نُبقيه) */
.pg-tab.pg-tab-store{ flex-direction:row; gap:12px; background:#faf6f3; }
.pg-tab.pg-tab-store::after{ display:none; }
.pg-tab.pg-tab-store:hover{ background:#f6ede7; }
.pg-tab.pg-tab-store .pg-store-ico{ width:34px;height:34px;color:var(--p-clay); }
.pg-tab.pg-tab-store .pg-tab-name{ color:var(--p-clay); font-weight:700; line-height:1.25; text-align:left; }
html[dir="rtl"] .pg-tab.pg-tab-store .pg-tab-name{ text-align:right; }

/* ---------- انتقالات سلسة عند تبديل المحتوى ---------- */
@keyframes pgFadeUp{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
@keyframes pgFadeIn{ from{ opacity:0; } to{ opacity:1; } }
@media (prefers-reduced-motion: no-preference){
  .pg-hero{ animation:pgFadeIn .45s ease both; }
  .pg-content-head{ animation:pgFadeUp .4s ease both; }
  /* البطاقات تظهر تِباعًا (staggered) لإحساس أنعم */
  .pg-grid .pg-card{ animation:pgFadeUp .42s ease both; }
  .pg-grid .pg-card:nth-child(1){ animation-delay:.02s; }
  .pg-grid .pg-card:nth-child(2){ animation-delay:.05s; }
  .pg-grid .pg-card:nth-child(3){ animation-delay:.08s; }
  .pg-grid .pg-card:nth-child(4){ animation-delay:.11s; }
  .pg-grid .pg-card:nth-child(5){ animation-delay:.14s; }
  .pg-grid .pg-card:nth-child(6){ animation-delay:.17s; }
  .pg-grid .pg-card:nth-child(7){ animation-delay:.20s; }
  .pg-grid .pg-card:nth-child(8){ animation-delay:.23s; }
}

/* ---------- hero banner ---------- */
/* ====== البانر (hero) — مطابق للتصاميم الجاهزة ======
   الصورة تملأ الجانب وتذوب حافتها في خلفية النص عبر تدرّج.
   النص فوق الصورة (z-index) على الجهة المقابلة لاتجاه اللغة. */
.pg-hero{ position:relative; display:block; background:#f1efe9; border-radius:16px;
  overflow:hidden; margin-bottom:22px; min-height:250px; }
/* زوم آوت: ارتفاع أكبر للبانر → قصّ أقل للصورة فتظهر أوسع (بلا فراغ) */
.pg-hero.hero-zoomout{ min-height:290px; }
.pg-hero.hero-zoomout .pg-hero-text{ min-height:290px; }
/* طبقة الصورة (خلفية): تملأ الجانب الأيمن (LTR) / الأيسر (RTL) بلا إطار.
   background-size: cover دائمًا (يملأ بلا فراغ)، والموضع يدفع المنتج نحو الطرف الخارجي. */
.pg-hero-img{ position:absolute; top:0; bottom:0; right:0; width:64%;
  overflow:hidden; z-index:1; }
html[dir="rtl"] .pg-hero-img{ right:auto; left:0; }
/* طبقة الخلفية (الصورة) — تُقلب أفقيًا في العربية فقط بلا ملف إضافي */
.pg-hero-bg{ position:absolute; inset:0; z-index:0;
  background-repeat:no-repeat; background-size:cover;
  background-position:75% center;   /* المنتج نحو الطرف الأيمن (الخارجي) في LTR */ }
html[dir="rtl"] .pg-hero-bg{ transform:scaleX(-1); }
.pg-hero-photo{ display:none; }
.pg-hero-ico{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;
  width:120px; height:120px; background-color:var(--p-green); opacity:.22;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain; }
/* تدرّج يذوّب حافة الصورة الملاصقة للنص. */
.pg-hero-img::before{ content:""; position:absolute; top:0; bottom:0; left:0; width:38%;
  background:linear-gradient(to right, #f1efe9 0%, rgba(241,239,233,.85) 30%, rgba(241,239,233,0) 100%);
  z-index:2; pointer-events:none; }
html[dir="rtl"] .pg-hero-img::before{ left:auto; right:0;
  background:linear-gradient(to left, #f1efe9 0%, rgba(241,239,233,.85) 30%, rgba(241,239,233,0) 100%); }
/* البانرات الفاتحة (خلفية صورة فاتحة) — تدرّج أعرض وأنعم */
.pg-hero.hero-light .pg-hero-img::before{ width:46%;
  background:linear-gradient(to right, #f1efe9 0%, rgba(241,239,233,.9) 42%, rgba(241,239,233,0) 100%); }
html[dir="rtl"] .pg-hero.hero-light .pg-hero-img::before{
  background:linear-gradient(to left, #f1efe9 0%, rgba(241,239,233,.9) 42%, rgba(241,239,233,0) 100%); }
/* طبقة النص فوق الصورة */
.pg-hero-text{ position:relative; z-index:3; width:52%; padding:36px 40px;
  display:flex; flex-direction:column; justify-content:center; min-height:250px; }
.pg-hero-text h1{ font-size:2.5rem; font-weight:800; color:var(--p-green-dark); margin:0 0 14px; line-height:1.1; }
.pg-hero-text p{ font-size:1rem; line-height:1.65; color:#5c6b6a; margin:0 0 18px; max-width:440px; }
.pg-divider{ display:flex; align-items:center; gap:6px; margin-bottom:16px; }
.pg-divider::before{ content:""; width:52px; height:2px; background:var(--p-clay); border-radius:2px; }
.pg-divider::after{ content:""; width:6px; height:6px; border-radius:50%; background:var(--p-clay); }
.pg-origin{ display:flex; align-items:center; gap:9px; font-size:.95rem; color:var(--p-green-dark); font-weight:600; }
.pg-origin svg{ width:20px; height:20px; color:var(--p-sub); flex:0 0 auto; }

/* ---------- body: sidebar + grid ---------- */
.pg-body{ display:grid; grid-template-columns:250px 1fr; gap:26px; align-items:start; }
.pg-side > div{ background:#fff; border:1px solid var(--p-line); border-radius:14px; margin-bottom:18px; overflow:hidden; }
.pg-side-head{ background:var(--p-green-dark); color:#fff; font-size:1rem; font-weight:700; padding:13px 18px; }
.pg-cat-list{ list-style:none; margin:0; padding:8px 6px; position:relative; }
/* التظليل المنزلق: ينزلق بنعومة أسفل العنصر النشط بدل تغيّر لون ثابت */
.pg-side-hl{ position:absolute; left:6px; right:6px; top:0; height:0; opacity:0; z-index:0;
  background:var(--p-clay); border-radius:9px; pointer-events:none;
  box-shadow:0 4px 12px rgba(192,138,111,.28);
  transition:top .34s cubic-bezier(.34,.02,.16,1), height .34s cubic-bezier(.34,.02,.16,1), opacity .2s ease; }
.pg-cat-list li{ display:flex; align-items:center; justify-content:space-between; gap:8px;
  position:relative; z-index:1; padding:9px 12px; border-radius:9px; font-size:.92rem;
  color:var(--p-green-dark); cursor:pointer;
  transition:background .28s ease, color .28s ease, transform .22s cubic-bezier(.2,.7,.2,1); }
.pg-cat-list li:hover{ background:rgba(98,129,133,.10); transform:translateX(4px); }
html[dir="rtl"] .pg-cat-list li:hover{ transform:translateX(-4px); }
.pg-cat-list li.active{ background:transparent; color:#fff; font-weight:600; transform:none; }
.pg-cat-list li .pg-count{ font-size:.8rem; background:rgba(98,129,133,.14); color:var(--p-green-dark);
  min-width:22px; text-align:center; padding:1px 7px; border-radius:20px;
  transition:background .28s ease, color .28s ease; }
.pg-cat-list li.active .pg-count{ background:rgba(255,255,255,.28); color:#fff; }

.pg-filters{ padding:16px 18px 20px; }
.pg-filters h3{ font-size:1rem; font-weight:700; margin:0 0 12px; color:var(--p-green-dark); }
.pg-filter-grp{ margin-bottom:14px; }
.pg-filter-grp > span{ display:block; font-size:.82rem; font-weight:700; color:var(--p-green-dark);
  margin:0 0 8px; }
.pg-check{ display:flex; align-items:center; gap:9px; font-size:.86rem; color:#5c6b6a; padding:4px 0; cursor:pointer;
  transition:color .2s ease, transform .18s ease; }
.pg-check:hover{ color:var(--p-green-dark); transform:translateX(3px); }
html[dir="rtl"] .pg-check:hover{ transform:translateX(-3px); }
.pg-check input{ width:15px; height:15px; accent-color:var(--p-clay); cursor:pointer; }
/* إعادة تشغيل ظهور الشبكة عند تبديل نمط العرض (شبكي/مكبّر/قائمة) */
.pg-grid.pg-anim{ animation:pgFadeIn .38s ease both; }
.pg-view button{ transition:background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease; }
.pg-view button:hover{ transform:translateY(-1px); }
/* الأرقام بين الأقواس في الفلاتر: مستقيمة لا مائلة */
.pg-check em{ font-style:normal; color:var(--p-sub); }

/* ---------- content ---------- */
.pg-content-head{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
.pg-content-head h2{ font-size:1.5rem; font-weight:800; color:var(--p-green-dark); margin:0 0 6px; }
.pg-content-head .pg-title-wrap .pg-divider{ margin-bottom:0; }
.pg-tools{ display:flex; align-items:center; gap:12px; }
.pg-sort{ display:flex; align-items:center; gap:8px; font-size:.88rem; color:var(--p-sub); }
.pg-sort select{ font-family:inherit; font-size:.88rem; color:var(--p-green-dark); border:1px solid var(--p-line);
  border-radius:9px; padding:7px 12px; background:#fff; cursor:pointer; }
.pg-view{ display:flex; gap:6px; }
.pg-view button{ width:36px; height:36px; border:1px solid var(--p-line); background:#fff; border-radius:9px;
  color:var(--p-sub); cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:background .15s ease, color .15s ease; }
.pg-view button.active{ background:var(--p-green-dark); color:#fff; border-color:var(--p-green-dark); }
.pg-view svg{ width:17px; height:17px; }

/* grid */
.pg-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.pg-grid.list{ grid-template-columns:1fr; }
/* نمط العرض المكبّر: بطاقات أكبر بعمودين وصور أطول */
/* عرض مصغّر (أصغر من الافتراضي): أعمدة أكثر وبطاقات أصغر */
.pg-grid.compact{ grid-template-columns:repeat(6,1fr); gap:12px; }
.pg-grid.compact .pg-card-img{ height:104px; }
.pg-grid.compact .pg-card-body{ padding:10px 12px 12px; }
.pg-grid.compact .pg-card-body h4{ font-size:.88rem; }
.pg-grid.compact .pg-card-origin{ font-size:.76rem; }
.pg-grid.compact .pg-card-badges{ display:none; }
@media (max-width:1100px){ .pg-grid.compact{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:720px){ .pg-grid.compact{ grid-template-columns:repeat(3,1fr); } }
.pg-card{ background:#fff; border:1px solid var(--p-line); border-radius:14px; overflow:hidden;
  transition:box-shadow .2s ease, transform .2s ease; cursor:pointer; }
.pg-card:hover{ box-shadow:0 14px 34px rgba(70,98,95,.14); transform:translateY(-3px); }
.pg-card-img{ height:150px; background:#fff; position:relative;
  display:flex; align-items:center; justify-content:center; background-size:cover; background-position:center;
  overflow:hidden; border-bottom:1px solid var(--p-line); }
.pg-card-img .pg-ph{ width:52px; height:52px; background-color:var(--p-green); opacity:.32;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain; }
/* صورة المنتج الفعلية داخل البطاقة + زوم خفيف احترافي عند مرور الماوس */
.pg-card-photo{ width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .5s cubic-bezier(.2,.7,.2,1); will-change:transform; }
@media (prefers-reduced-motion: no-preference){
  .pg-card:hover .pg-card-photo{ transform:scale(1.07); }
}
.pg-card-body{ padding:14px 16px 16px; }
.pg-card-body h4{ font-size:1rem; font-weight:700; color:var(--p-green-dark); margin:0 0 6px; line-height:1.3; }
.pg-card-origin{ font-size:.84rem; color:var(--p-sub); margin:0; }
.pg-badges{ display:flex; flex-wrap:wrap; gap:7px; margin-top:11px; padding-top:11px; border-top:1px solid var(--p-line); }
.pg-badge{ display:inline-flex; align-items:center; gap:5px; font-size:.76rem; color:var(--p-green-dark); }
.pg-badge svg{ width:14px; height:14px; color:var(--p-clay); }
.pg-badge.clay{ color:var(--p-clay); font-weight:600; }
/* list mode */
.pg-grid.list .pg-card{ display:flex; align-items:stretch; }
.pg-grid.list .pg-card-img{ width:180px; height:auto; min-height:140px; flex:0 0 180px; align-self:stretch; }
.pg-grid.list .pg-card-body{ flex:1; }

/* ---------- bottom features bar ---------- */
.pg-features{ display:flex; justify-content:center; gap:0; background:#fff; border:1px solid var(--p-line);
  border-radius:16px; margin-top:26px; padding:22px 20px; box-shadow:0 12px 30px rgba(70,98,95,.06); }
.pg-feat{ display:flex; align-items:center; gap:14px; padding:0 34px; }
.pg-feat + .pg-feat{ border-inline-start:1px solid var(--p-line); }
.pg-feat-ico{ width:46px; height:46px; border-radius:50%; background:rgba(192,138,111,.10);
  display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
.pg-feat-ico svg{ width:24px; height:24px; color:var(--p-clay); }
.pg-feat-txt b{ display:block; font-size:.95rem; color:var(--p-green-dark); }
.pg-feat-txt span{ font-size:.82rem; color:var(--p-sub); }
html[dir="rtl"] .pg-feat-txt{ text-align:right; }

/* ---------- responsive ---------- */
@media (max-width:1050px){
  .pg-grid{ grid-template-columns:repeat(3,1fr); }
  .pg-body{ grid-template-columns:210px 1fr; }
}
@media (max-width:820px){
  .pg-tabs{ flex-wrap:wrap; }
  .pg-tab{ flex:1 1 25%; }
  /* الموبايل: البانر يتكدّس عموديًا — صورة أعلى، نص أسفل */
  .pg-hero{ min-height:0; }
  .pg-hero-img{ position:relative; width:100%; height:180px; }
  .pg-hero-img::before{ display:none; }
  .pg-hero-text{ width:100%; min-height:0; padding:24px 26px; }
  .pg-body{ grid-template-columns:1fr; }
  .pg-grid{ grid-template-columns:repeat(2,1fr); }
  .pg-grid.large{ grid-template-columns:1fr; }
  .pg-features{ flex-wrap:wrap; gap:18px; }
  .pg-feat{ flex:1 1 40%; border:none !important; padding:6px 12px; }
}
@media (max-width:520px){
  .pg-grid{ grid-template-columns:1fr; }
  .pg-grid.large .pg-card-img{ height:220px; }
  .pg-hero-text h1{ font-size:2rem; }
}

/* ---------- content tools ---------- */
.pg-count-lbl{ font-size:.85rem; color:var(--p-sub); }
.pg-empty{ grid-column:1/-1; padding:50px 20px; text-align:center; color:var(--p-sub); font-size:1rem; }

/* ---------- product view (luxury, B2B showcase) ---------- */
.pv-overlay{ position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center;
  background:rgba(35,48,47,.55); backdrop-filter:blur(4px); opacity:0; transition:opacity .22s ease; padding:24px; }
.pv-overlay.show{ opacity:1; }
.pv-card{ position:relative; display:flex; width:min(940px,94vw); max-height:90vh; background:#fff;
  border-radius:22px; overflow:hidden; box-shadow:0 40px 90px rgba(20,35,34,.4);
  transform:translateY(18px) scale(.97); transition:transform .28s cubic-bezier(.2,.8,.25,1); }
.pv-overlay.show .pv-card{ transform:none; }
html[dir="rtl"] .pv-card{ direction:rtl; }
/* عمود الصورة: صورة رئيسية + شريط مصغّرات */
.pv-media{ flex:1 1 46%; display:flex; flex-direction:column; gap:12px; padding:18px; background:#f4f3ee; }
.pv-main{ position:relative; flex:1; aspect-ratio:1/1; width:100%; border-radius:16px; overflow:hidden;
  background:#fff; display:flex; align-items:center; justify-content:center; }
/* أسهم التنقّل بين صور المنتج */
.pv-nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:3;
  width:42px; height:42px; border:none; border-radius:50%; cursor:pointer;
  background:rgba(255,255,255,.92); color:var(--p-green-dark);
  display:flex; align-items:center; justify-content:center; padding:0;
  box-shadow:0 6px 18px rgba(20,35,34,.28); transition:background .18s ease, transform .18s ease; }
.pv-nav svg{ width:22px; height:22px; }
.pv-nav:hover{ background:#fff; }
.pv-prev{ left:12px; } .pv-next{ right:12px; }
html[dir="rtl"] .pv-prev{ left:auto; right:12px; transform:translateY(-50%) scaleX(-1); }
html[dir="rtl"] .pv-next{ right:auto; left:12px; transform:translateY(-50%) scaleX(-1); }
.pv-ico{ width:130px; height:130px; background-color:#fff; opacity:.9;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain; }
.pv-photo{ width:100%; height:100%; object-fit:contain; display:block; }
.pv-thumbs{ display:flex; gap:10px; justify-content:center; }
.pv-thumb{ width:60px; height:60px; border-radius:12px; overflow:hidden; border:2px solid transparent;
  cursor:pointer; background:#fff; transition:border-color .15s ease; }
.pv-thumb.active{ border-color:var(--p-clay); }
.pv-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pv-info{ flex:1 1 54%; padding:38px 36px; display:flex; flex-direction:column; justify-content:flex-start;
  overflow:auto; }
.pv-sub{ font-size:.78rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--p-clay); margin-bottom:12px; }
.pv-title{ font-size:2rem; font-weight:800; color:var(--p-green-dark); margin:0 0 14px; line-height:1.15; }
.pv-info .pg-divider{ margin-bottom:18px; }
.pv-origin{ font-size:1rem; color:#5c6b6a; margin:0 0 14px; }
.pv-origin b{ color:var(--p-green-dark); }
.pv-desc{ font-size:.92rem; line-height:1.8; color:#5c6b6a; margin:0 0 22px; }
.pv-features{ margin-bottom:22px; }
.pv-features-title{ font-size:1rem; font-weight:700; color:var(--p-green-dark); margin:0 0 12px; }
.pv-features-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; }
.pv-features-list li{ display:flex; align-items:center; gap:9px; font-size:.9rem; color:#5c6b6a; }
.pv-feat-dot{ width:7px; height:7px; border-radius:50%; background:var(--p-clay); flex:0 0 auto; }
.pv-note{ border-top:1px solid var(--p-line); padding-top:18px; margin-top:auto; }
.pv-wholesale{ display:block; font-size:.95rem; font-weight:700; color:var(--p-green-dark); margin-bottom:5px; }
.pv-inq{ display:block; font-size:.85rem; color:var(--p-sub); }
.pv-close{ position:absolute; top:14px; right:14px; z-index:3; width:40px; height:40px; border-radius:50%;
  border:none; background:rgba(255,255,255,.9); color:var(--p-green-dark); cursor:pointer;
  display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(0,0,0,.18); transition:background .15s, transform .15s; }
html[dir="rtl"] .pv-close{ right:auto; left:14px; }
.pv-close:hover{ background:var(--p-clay); color:#fff; transform:scale(1.05); }
.pv-close svg{ width:20px; height:20px; }
@media (max-width:720px){
  .pv-card{ flex-direction:column; max-height:92vh; overflow:auto; }
  .pv-main{ min-height:200px; }
  .pv-title{ font-size:1.6rem; }
  .pv-features-list{ grid-template-columns:1fr; }
}

/* ===================== v33: بحث/فرز + بطاقة المنتج الموسّعة + الجوال ===================== */
.pg-tools{ flex-wrap:wrap; }
.pg-search{ position:relative; flex:1 1 220px; max-width:340px; }
.pg-search input{ width:100%; padding:9px 14px 9px 38px; border:1px solid var(--p-line); border-radius:10px;
  font-family:inherit; font-size:.9rem; color:var(--p-green-dark); background:#fff; transition:border-color .2s ease, box-shadow .2s ease; }
html[dir="rtl"] .pg-search input{ padding:9px 38px 9px 14px; }
.pg-search input:focus{ outline:none; border-color:var(--p-green); box-shadow:0 0 0 3px rgba(98,129,133,.14); }
.pg-search-ico{ position:absolute; left:12px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--p-sub); pointer-events:none; }
html[dir="rtl"] .pg-search-ico{ left:auto; right:12px; }
.pg-count-lbl{ margin-inline-start:auto; }

/* مسار التنقّل داخل النافذة */
.pv-crumbs{ font-size:.78rem; color:var(--p-sub); margin-bottom:12px; display:flex; flex-wrap:wrap; gap:5px; align-items:center; }
.pv-crumbs i{ font-style:normal; opacity:.5; }
.pv-crumbs b{ color:var(--p-green-dark); }

/* بيانات الجملة */
.pv-specs{ list-style:none; margin:0 0 20px; padding:14px 16px; background:#f6f5f0; border-radius:12px;
  display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; }
.pv-specs li{ display:flex; flex-direction:column; gap:2px; font-size:.9rem; }
.pv-specs li span{ font-size:.74rem; color:var(--p-sub); }
.pv-specs li b{ color:var(--p-green-dark); font-weight:600; }
.pv-avail{ color:#2e7d51 !important; }

/* أزرار عرض السعر / المشاركة */
.pv-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px; }
.pv-btn{ display:inline-flex; align-items:center; gap:8px; font-family:inherit; font-size:.92rem; font-weight:600;
  border-radius:11px; padding:11px 18px; cursor:pointer; border:1px solid transparent; text-decoration:none;
  transition:transform .15s ease, background .2s ease, box-shadow .2s ease, color .2s ease; }
.pv-btn:hover{ transform:translateY(-1px); }
.pv-btn svg{ width:18px; height:18px; flex:none; }
.pv-wa{ background:var(--p-green-dark); color:#fff; box-shadow:0 6px 16px rgba(70,98,95,.28); flex:1 1 auto; justify-content:center; }
.pv-wa:hover{ background:#3a534f; }
.pv-mail{ background:#fff; color:var(--p-green-dark); border-color:var(--p-line); }
.pv-mail:hover{ border-color:var(--p-green); }
.pv-share{ background:#fff; color:var(--p-clay); border-color:var(--p-line); }
.pv-share:hover{ border-color:var(--p-clay); }

/* منتجات ذات صلة */
.pv-related h4{ font-size:1rem; font-weight:700; color:var(--p-green-dark); margin:0 0 12px; }
.pv-related-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.pv-rel{ display:flex; flex-direction:column; gap:6px; border:1px solid var(--p-line); background:#fff;
  border-radius:12px; padding:8px; cursor:pointer; text-align:center; font-family:inherit;
  transition:border-color .2s ease, transform .15s ease, box-shadow .2s ease; }
.pv-rel:hover{ border-color:var(--p-green); transform:translateY(-2px); box-shadow:0 8px 18px rgba(20,35,34,.10); }
.pv-rel-img{ position:relative; height:60px; border-radius:8px; overflow:hidden; background:linear-gradient(135deg,#f0efe9,#e7e5df);
  display:flex; align-items:center; justify-content:center; }
.pv-rel-img img{ width:100%; height:100%; object-fit:cover; }
.pv-rel-ico{ width:26px; height:26px; background-color:var(--p-green); opacity:.5;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain; }
.pv-rel-name{ font-size:.76rem; color:var(--p-green-dark); font-weight:600; line-height:1.3;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

/* شريط التصنيفات على الجوال: تمرير أفقي بدل الانضغاط */
@media (max-width:720px){
  .pg-tabs{ overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .pg-tabs::-webkit-scrollbar{ display:none; }
  .pg-tab{ min-width:96px; flex:0 0 auto; }
  .pv-related-grid{ grid-template-columns:repeat(2,1fr); }
  .pv-specs{ grid-template-columns:1fr; }
  .pg-search{ max-width:none; order:3; flex:1 1 100%; }
  .pg-count-lbl{ order:1; margin-inline-start:0; }
  .pg-sort{ order:2; }
}

/* ===================== v34: أدوات محسّنة (بحث/فرز/عرض) ===================== */
.pg-tools{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.pg-count-lbl{ display:none; } /* أُزيل عدّاد المنتجات بجانب البحث */
.pg-search{ flex:1 1 240px; max-width:420px; }
.pg-tools-right{ margin-inline-start:auto; display:flex; align-items:center; gap:12px; }

/* قائمة الفرز الفخمة (custom dropdown) */
.pg-sort2{ position:relative; }
.pg-sort-btn{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--p-line);
  border-radius:12px; padding:10px 15px; cursor:pointer; font-family:inherit; font-size:.9rem; color:var(--p-green-dark);
  min-width:200px; transition:border-color .2s ease, box-shadow .2s ease; }
.pg-sort-btn:hover{ border-color:var(--p-green); }
.pg-sort2.open .pg-sort-btn{ border-color:var(--p-green); box-shadow:0 0 0 3px rgba(98,129,133,.12); }
.pg-sort-lbl{ color:var(--p-sub); font-size:.8rem; white-space:nowrap; }
.pg-sort-cur{ font-weight:600; margin-inline-start:auto; white-space:nowrap; }
.pg-sort-chev{ width:16px; height:16px; color:var(--p-sub); transition:transform .25s ease; flex:none; }
.pg-sort2.open .pg-sort-chev{ transform:rotate(180deg); }
.pg-sort-menu{ position:absolute; top:calc(100% + 8px); inset-inline-end:0; min-width:100%; list-style:none; margin:0; padding:6px;
  background:#fff; border:1px solid var(--p-line); border-radius:14px; box-shadow:0 16px 40px rgba(20,35,34,.16);
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease; z-index:30; }
.pg-sort2.open .pg-sort-menu{ opacity:1; visibility:visible; transform:none; }
.pg-sort-menu li{ padding:10px 14px; border-radius:9px; cursor:pointer; font-size:.9rem; color:var(--p-green-dark);
  white-space:nowrap; transition:background .18s ease, color .18s ease; }
.pg-sort-menu li:hover{ background:rgba(98,129,133,.10); }
.pg-sort-menu li.sel{ background:var(--p-green-dark); color:#fff; font-weight:600; }

@media (max-width:720px){
  .pg-search{ order:1; flex:1 1 100%; max-width:none; }
  .pg-tools-right{ order:2; margin-inline-start:0; width:100%; justify-content:space-between; }
  .pg-sort-btn{ min-width:0; flex:1; }
}

/* ===================== v34: نموذج طلب عرض السعر + أزرار CTA ===================== */
/* أدوار الأزرار الجديدة: RFQ أساسي، واتساب ثانوي */
.pv-rfq{ background:var(--p-green-dark); color:#fff; box-shadow:0 6px 16px rgba(70,98,95,.28); flex:1 1 auto; justify-content:center; }
.pv-rfq:hover{ background:#3a534f; }
.pv-wa{ background:#fff; color:#1f8a4c; border-color:var(--p-line); }
.pv-wa:hover{ border-color:#25D366; color:#128C3E; }

/* نافذة النموذج */
.rfq-overlay{ position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center;
  padding:20px; background:rgba(24,32,31,.55); backdrop-filter:blur(3px);
  opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease; }
.rfq-overlay.show{ opacity:1; visibility:visible; }
.rfq-card{ position:relative; width:100%; max-width:560px; max-height:92vh; overflow:auto; background:#fff;
  border-radius:20px; padding:30px 30px 26px; box-shadow:0 30px 80px rgba(15,25,24,.4);
  transform:translateY(14px) scale(.98); transition:transform .28s cubic-bezier(.2,.8,.2,1); }
.rfq-overlay.show .rfq-card{ transform:none; }
.rfq-close{ position:absolute; top:16px; inset-inline-end:16px; width:38px; height:38px; border-radius:50%;
  border:none; background:#f2f0ea; color:var(--p-green-dark); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.rfq-close:hover{ background:#e7e4dc; }
.rfq-close svg{ width:18px; height:18px; }
.rfq-head h3{ font-size:1.4rem; font-weight:700; color:var(--p-green-dark); margin:0 0 4px; }
.rfq-prod{ font-size:.86rem; color:var(--p-clay); font-weight:600; margin:0 0 20px; }
.rfq-form{ display:flex; flex-direction:column; gap:14px; }
.rfq-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.rfq-field{ display:flex; flex-direction:column; gap:6px; }
.rfq-field>span{ font-size:.8rem; color:var(--p-green-dark); font-weight:600; }
.rfq-field input, .rfq-field textarea, .rfq-select select{ width:100%; font-family:inherit; font-size:.92rem;
  color:var(--p-green-dark); background:#faf9f6; border:1px solid var(--p-line); border-radius:11px; padding:11px 13px;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.rfq-field input:focus, .rfq-field textarea:focus, .rfq-select select:focus{ outline:none; background:#fff;
  border-color:var(--p-green); box-shadow:0 0 0 3px rgba(98,129,133,.14); }
.rfq-field textarea{ resize:vertical; min-height:96px; }
.rfq-select{ position:relative; }
.rfq-select select{ appearance:none; -webkit-appearance:none; cursor:pointer; padding-inline-end:38px; }
.rfq-select .pg-sort-chev{ position:absolute; inset-inline-end:13px; top:50%; transform:translateY(-50%); pointer-events:none; color:var(--p-sub); }
.rfq-err{ color:#c0392b; font-size:.82rem; margin:-4px 0 0; }
.rfq-submit{ display:inline-flex; align-items:center; justify-content:center; gap:9px; margin-top:4px;
  background:var(--p-clay); color:#fff; border:none; border-radius:12px; padding:13px 18px; font-family:inherit;
  font-size:1rem; font-weight:700; cursor:pointer; box-shadow:0 8px 20px rgba(192,138,111,.3); transition:transform .15s ease, background .2s ease; }
.rfq-submit:hover{ transform:translateY(-1px); background:#b07a5f; }
.rfq-submit svg{ width:20px; height:20px; }
.rfq-via{ text-align:center; font-size:.78rem; color:var(--p-sub); margin:2px 0 0; }
@media (max-width:560px){ .rfq-row{ grid-template-columns:1fr; } .rfq-card{ padding:24px 20px; } }