/* =====================================================================
   Phizz – تصميم صفحة المنتج
   يُلصق في: لوحة سلة → تصميم المتجر → CSS مخصص (بآخر الملف)
   يعمل مع phizz.js (يضيف class="phz-pdp" على body بصفحات المنتج)
   ===================================================================== */

/* ---------- 1) الألوان والأساسيات ---------- */
body.phz-pdp,
body.phz-cart {
  --pz-ink: #111111;
  --pz-paper: #ffffff;
  --pz-soft: #f4f3ef;
  --pz-muted: #6b6864;
  --pz-line: rgba(17, 17, 17, 0.09);
  --pz-amber: #ffb649;
  --pz-orange: #f7941d;
  --pz-green: #1f8a2e;
  --pz-radius: 22px;
}

body.phz-pdp {
  background: var(--pz-soft) !important;
}
  
body.phz-pdp .product-details-col,
body.phz-pdp .phz-sections,
.phz-ship {
  font-family: "Cairo", sans-serif;
}

.phz-ic {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ---------- 2) الصور ---------- */
/* الصور مربعة 1000×1000 بخلفية سودا — نلغي الخلفية الفاتحة للقالب ونخليها تعبّي الإطار */
html body.phz-pdp {
  --pz-img-max: 540px;   /* عرض الصورة الرئيسية على الكمبيوتر */
  --pz-thumb-w: 86px;    /* عرض عمود المصغّرات */
  --pz-thumb-gap: 12px;
}

body.phz-pdp .product-slider-wrap,
body.phz-pdp .images-wrapper,
body.phz-pdp .details-slider,
body.phz-pdp .details-slider .s-slider-container,
body.phz-pdp .details-slider .swiper-slide {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.phz-pdp .details-slider {
  margin-bottom: 14px !important;
  overflow: hidden;
}

body.phz-pdp .details-slider .s-slider-container {
  width: 100% !important;
  aspect-ratio: 1 / 1;
  height: auto !important;
  border-radius: 24px;
  overflow: hidden;
}

body.phz-pdp .details-slider .s-slider-swiper-wrapper {
  height: 100% !important;
  align-items: stretch;
}

body.phz-pdp .details-slider .swiper-slide {
  height: 100% !important;
  border-radius: 24px;
  overflow: hidden;
}

html body.phz-pdp .details-slider .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 24px !important;
}

/* المصغّرات: مربعة، بلا إطار — النشطة واضحة والباقي أخفت */
body.phz-pdp .details-slider .slide--one-fifth {
  aspect-ratio: 1 / 1;
  height: auto !important;
}

html body.phz-pdp .details-slider [slot="thumbs"] img,
html body.phz-pdp .details-slider .slide--one-fifth img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 14px !important;
  background: transparent !important;
  opacity: 0.55;
  transition: opacity 0.2s ease;
}

body.phz-pdp .details-slider .swiper-slide-thumb-active img,
body.phz-pdp .details-slider .slide--one-fifth:hover img {
  opacity: 1;
}

body.phz-pdp .details-slider .slide--one-fifth::before,
body.phz-pdp .details-slider .slide--one-fifth::after {
  content: none !important;
  display: none !important;
}

/* الكمبيوتر: المصغّرات عمود على اليمين + الصور بتنزل مع السكرول */
@media (min-width: 1024px) {
  body.phz-pdp .product-slider-wrap {
    position: sticky !important;
    top: 96px;
    align-self: flex-start;
    flex: 0 0 auto !important;
    width: calc(var(--pz-img-max) + var(--pz-thumb-w) + var(--pz-thumb-gap)) !important;
    overflow: visible !important;
  }

  body.phz-pdp .product-details-col {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    position: static !important;
  }

  body.phz-pdp .product-elems > div:has(> .product-slider-wrap) {
    gap: 28px !important;
    align-items: flex-start !important;
  }

  html body.phz-pdp .details-slider > .s-slider-block__title {
    display: none !important;
  }

  body.phz-pdp .details-slider {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: var(--pz-thumb-gap);
    overflow: visible !important;
    margin-bottom: 0 !important;
  }

  body.phz-pdp .details-slider .s-slider-container {
    flex: 0 0 var(--pz-img-max);
    width: var(--pz-img-max) !important;
    max-width: 100%;
  }

  body.phz-pdp .details-slider .s-slider-thumbs {
    flex: 0 0 var(--pz-thumb-w);
    width: var(--pz-thumb-w);
    margin: 0 !important;
    max-height: var(--pz-img-max);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
  }

  body.phz-pdp .details-slider .s-slider-thumbs::-webkit-scrollbar {
    width: 0;
    display: none;
  }

  body.phz-pdp .details-slider .s-slider-thumbs-container {
    height: auto !important;
    overflow: visible !important;
  }

  body.phz-pdp .details-slider .s-slider-thumbs .swiper-wrapper {
    display: flex !important;
    flex-direction: column !important;
    transform: none !important;
    height: auto !important;
    gap: 10px;
  }

  body.phz-pdp .details-slider .s-slider-thumbs .slide--one-fifth {
    width: 100% !important;
    margin: 0 !important;
    flex: 0 0 auto;
  }

  body.phz-pdp .details-slider .s-slider-thumbs .s-slider-nav {
    display: none !important;
  }
}

/* شاشات الكمبيوتر الصغيرة: الصورة أصغر شوي */
@media (min-width: 1024px) and (max-width: 1279px) {
  html body.phz-pdp {
    --pz-img-max: 440px;
    --pz-thumb-w: 76px;
  }
}

/* ---------- 3) عمود المعلومات ككرت ---------- */
body.phz-pdp .product-details-col {
  padding: clamp(18px, 2.4vw, 30px);
  border-radius: 28px;
  background: var(--pz-paper);
  border: 1px solid var(--pz-line);
  box-shadow: 0 20px 44px rgba(17, 17, 17, 0.06);
}

.phz-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 6px 13px;
  border-radius: 999px;
  background: var(--pz-ink);
  color: #fff;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.3;
}

.phz-eyebrow i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--pz-amber);
  box-shadow: 0 0 0 4px rgba(255, 182, 73, 0.25);
}

body.phz-pdp .product-details-col h1 {
  margin: 0 0 4px;
  font-size: clamp(26px, 3vw, 38px) !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em;
  color: var(--pz-ink);
}

/* السعر */
body.phz-pdp .product-details-col .regular-or-normal-price,
body.phz-pdp .product-details-col .on-sale-price {
  font-size: clamp(30px, 3vw, 40px) !important;
  font-weight: 900 !important;
  color: var(--pz-ink) !important;
}

body.phz-pdp .product-details-col .regular-price {
  color: var(--pz-muted) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.phz-save-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 7px 12px;
  border-radius: 12px;
  background: rgba(60, 180, 74, 0.13);
  color: var(--pz-green);
  font-size: 13.5px;
  font-weight: 900;
}

.phz-save-badge .phz-ic {
  width: 18px;
  height: 18px;
}

.phz-save-badge b {
  padding: 1px 7px;
  border-radius: 7px;
  background: var(--pz-green);
  color: #fff;
  font-size: 12px;
}

/* نقاط القوة */
.phz-usps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 6px 0 14px;
}

.phz-usp {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 8px;
  border-radius: 16px;
  background: var(--pz-soft);
  color: var(--pz-ink);
  text-align: center;
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 800;
}

.phz-usp .phz-ic {
  width: 22px;
  height: 22px;
  color: var(--pz-orange);
}


/* ---------- 4) الخيارات ---------- */
body.phz-pdp salla-product-options .s-product-options-option-label,
body.phz-pdp salla-product-options label.s-form-label,
body.phz-pdp salla-product-options .s-product-options-option-title {
  font-weight: 900 !important;
  color: var(--pz-ink);
}

/* صور النكهات */
body.phz-pdp .s-product-options-thumbnails-wrapper > * {
  border-radius: 18px !important;
  overflow: hidden;
  transition: transform 0.25s, box-shadow 0.25s;
}

body.phz-pdp .s-product-options-thumbnails-wrapper > *:hover {
  transform: translateY(-3px);
}

/* المختارة: بلا إطار — علامة الصح تبع القالب كافية */
body.phz-pdp .s-product-options-thumbnails-wrapper > *,
body.phz-pdp .s-product-options-thumbnails-wrapper > *:has(input:checked),
body.phz-pdp .s-product-options-thumbnails-wrapper label,
body.phz-pdp .s-product-options-thumbnails-wrapper input:checked + * {
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.phz-pdp .s-product-options-thumbnails-wrapper img {
  border-radius: 14px !important;
}

/* أزرار بدل القائمة */
body.phz-pdp .phz-has-chips select,
body.phz-pdp .phz-has-chips .s-form-control {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.phz-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}

.phz-chip {
  min-height: 44px;
  padding: 8px 18px;
  border: 2px solid var(--pz-line);
  border-radius: 14px;
  background: #fff;
  color: var(--pz-ink);
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 800;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s, transform 0.2s;
}

.phz-chip:hover {
  border-color: var(--pz-amber);
  transform: translateY(-2px);
}

.phz-chip[aria-pressed="true"] {
  border-color: var(--pz-ink);
  background: var(--pz-ink);
  color: #fff;
}

.phz-chip[data-out] {
  opacity: 0.4;
  text-decoration: line-through;
  cursor: not-allowed;
}

/* ---------- 5) شريط الشحن المجاني ---------- */
.phz-ship {
  margin: 14px 0 10px;
  padding: 14px 16px;
  border-radius: 18px;
  background: linear-gradient(120deg, #fff6e6, #ffecc8);
  border: 1px solid rgba(247, 148, 29, 0.28);
  color: var(--pz-ink, #111);
}

.phz-ship-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.phz-ship-row .phz-ic {
  width: 38px;
  height: 38px;
  padding: 8px;
  border-radius: 12px;
  background: var(--pz-ink, #111);
  color: var(--pz-amber, #ffb649);
}

.phz-ship-row b {
  display: block;
  font-size: 14.5px;
  line-height: 1.4;
  font-weight: 900;
}

.phz-ship-row small {
  display: block;
  color: var(--pz-muted, #6b6864);
  font-size: 12px;
  font-weight: 700;
}

.phz-ship-track {
  height: 8px;
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.08);
  overflow: hidden;
}

.phz-ship-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--pz-orange, #f7941d), var(--pz-amber, #ffb649));
  transition: width 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* لما يصير الشحن مجاني */
.phz-ship.is-free {
  background: linear-gradient(120deg, #e8f8ec, #d3f2dc);
  border-color: rgba(31, 138, 46, 0.3);
}

.phz-ship.is-free .phz-ship-row .phz-ic {
  background: var(--pz-green, #1f8a2e);
  color: #fff;
  animation: phz-pop 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.phz-ship.is-free b {
  color: var(--pz-green, #1f8a2e);
}

.phz-ship.is-free .phz-ship-track i {
  background: linear-gradient(90deg, #3cb44a, #7de38a);
}

/* صفحة السلة + اللوحة الجانبية */
.phz-ship--cart {
  margin: 0 0 16px;
}

.phz-ship--panel {
  margin: 0;
  padding: 11px 12px;
}

.phz-ship--panel .phz-ship-row {
  margin-bottom: 8px;
}

.phz-ship--panel .phz-ship-row .phz-ic {
  width: 32px;
  height: 32px;
  padding: 7px;
}

.phz-ship--panel .phz-ship-row b {
  font-size: 13px;
}

.phz-ship[hidden] {
  display: none;
}

/* ---------- 6) التقسيط ---------- */
.phz-installments {
  margin: 8px 0;
  border-radius: 18px;
  border: 1px solid var(--pz-line);
  background: #fff;
  overflow: hidden;
}

.phz-installments summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
}

.phz-installments summary::-webkit-details-marker {
  display: none;
}

.phz-inst-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.phz-inst-title b {
  display: block;
  font-size: 14px;
  font-weight: 900;
}

.phz-inst-title small {
  display: block;
  color: var(--pz-muted);
  font-size: 12px;
  font-weight: 700;
}

.phz-inst-logos {
  display: flex;
  align-items: center;
  gap: 6px;
}

.phz-inst-logos em {
  padding: 3px 8px;
  border-radius: 7px;
  font-style: normal;
  font-size: 11.5px;
  font-weight: 900;
}

.phz-inst-logos .tm { background: #fdf2f8; color: #9d174d; }
.phz-inst-logos .tb { background: #e6fff5; color: #0f7a4a; }

.phz-chev {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s;
}

.phz-installments[open] .phz-chev {
  transform: rotate(180deg);
}

.phz-installments salla-installment {
  display: block;
  padding: 6px 14px 12px;
  border-top: 1px dashed var(--pz-line);
}

.phz-installments:not([open]) salla-installment {
  display: none;
}

body.phz-pdp salla-installment .mb-5 {
  margin-bottom: 10px !important;
}

/* بطاقات تمارا وتابي من سلة: بدون إطار مكرر، ونص أهدأ */
body.phz-pdp salla-installment [class*="tamara"],
body.phz-pdp salla-installment [class*="tabby"] {
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* ---------- 7) زر الإضافة للسلة ---------- */
body.phz-pdp .product-details-col salla-add-product-button button,
body.phz-pdp .product-details-col salla-add-product-button .s-button-element {
  min-height: 56px !important;
  border-radius: 16px !important;
  background: var(--pz-ink) !important;
  border-color: var(--pz-ink) !important;
  color: #fff !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  transition: transform 0.2s, background 0.2s !important;
}

body.phz-pdp .product-details-col salla-add-product-button button:hover {
  transform: translateY(-2px);
  background: #000 !important;
}

/* ---------- 8) ضمانات الشراء ---------- */
.phz-assure {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 14px;
}

.phz-assure-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 8px;
  border-radius: 16px;
  border: 1px solid var(--pz-line);
  text-align: center;
}

.phz-assure-ic {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--pz-soft);
  color: var(--pz-orange);
}

.phz-assure-item b {
  display: block;
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 900;
}

.phz-assure-item small {
  display: block;
  color: var(--pz-muted);
  font-size: 11.5px;
  font-weight: 700;
}

/* ---------- 10) الأقسام تحت الشراء ---------- */
body.phz-pdp .phz-sections {
  display: grid;
  gap: clamp(28px, 4vw, 48px);
  margin: clamp(32px, 5vw, 64px) 0;
  color: var(--pz-ink);
}

body.phz-pdp .phz-kick {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 6px 13px;
  border-radius: 999px;
  background: var(--pz-ink);
  color: #fff;
  font-size: 12.5px;
  font-weight: 800;
}

body.phz-pdp .phz-kick i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--pz-amber);
}

body.phz-pdp .phz-kick--light {
  background: #fff;
  color: var(--pz-ink);
}

body.phz-pdp .phz-sec-title {
  margin: 0 0 18px;
  font-size: clamp(26px, 3.4vw, 40px);
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.01em;
}

/* الفوائد */
body.phz-pdp .phz-benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

body.phz-pdp .phz-benefit {
  padding: 22px 18px;
  border-radius: var(--pz-radius);
  background: #fff;
  border: 1px solid var(--pz-line);
  transition: transform 0.35s, border-color 0.35s, box-shadow 0.35s;
}

body.phz-pdp .phz-benefit:hover {
  transform: translateY(-5px);
  border-color: var(--pz-orange);
  box-shadow: 0 20px 40px rgba(17, 17, 17, 0.08);
}

body.phz-pdp .phz-benefit-ic {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
  border-radius: 15px;
  background: linear-gradient(135deg, var(--pz-amber), var(--pz-orange));
  color: var(--pz-ink);
}

body.phz-pdp .phz-benefit-ic .phz-ic {
  width: 24px;
  height: 24px;
}

body.phz-pdp .phz-benefit b {
  display: block;
  margin-bottom: 6px;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 900;
}

body.phz-pdp .phz-benefit p {
  margin: 0;
  color: var(--pz-muted);
  font-size: 14px;
  line-height: 1.8;
  font-weight: 600;
}

/* طريقة الاستخدام */
body.phz-pdp .phz-how {
  padding: clamp(22px, 3.4vw, 40px);
  border-radius: 32px;
  background:
    radial-gradient(circle at 85% 20%, rgba(247, 148, 29, 0.35), transparent 42%),
    var(--pz-ink);
  color: #fff;
}

body.phz-pdp .phz-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: phz-step;
}

body.phz-pdp .phz-steps li {
  position: relative;
  padding: 20px 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  counter-increment: phz-step;
}

body.phz-pdp .phz-steps li::after {
  content: counter(phz-step);
  position: absolute;
  top: 14px;
  inset-inline-end: 16px;
  color: rgba(255, 255, 255, 0.14);
  font-size: 44px;
  line-height: 1;
  font-weight: 900;
}

body.phz-pdp .phz-step-ic {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 12px;
  border-radius: 14px;
  background: var(--pz-amber);
  color: var(--pz-ink);
}

body.phz-pdp .phz-steps b {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 900;
}

body.phz-pdp .phz-steps p {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  line-height: 1.7;
  font-weight: 600;
}

/* الأسئلة (قسم مستقل بعد تفاصيل المنتج) */
body.phz-pdp .phz-faq-wrap {
  display: block;
  margin-top: clamp(32px, 5vw, 56px);
}

/* سؤالين بكل صف (الجوال: سؤال بكل صف) */
body.phz-pdp .phz-faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
}

body.phz-pdp .phz-faq details {
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--pz-line);
  overflow: hidden;
  transition: border-color 0.3s, box-shadow 0.3s;
}

body.phz-pdp .phz-faq details[open] {
  border-color: var(--pz-ink);
  box-shadow: 0 18px 36px rgba(17, 17, 17, 0.1);
}

body.phz-pdp .phz-faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  cursor: pointer;
  list-style: none;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 800;
  transition: background 0.3s, color 0.3s;
}

body.phz-pdp .phz-faq summary::-webkit-details-marker {
  display: none;
}

body.phz-pdp .phz-faq details[open] summary {
  background: var(--pz-ink);
  color: #fff;
}

body.phz-pdp .phz-pm {
  position: relative;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1.5px solid var(--pz-line);
  transition: transform 0.35s, background 0.3s, border-color 0.3s;
}

body.phz-pdp .phz-pm::before,
body.phz-pdp .phz-pm::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
  border-radius: 2px;
  background: currentColor;
}

body.phz-pdp .phz-pm::after {
  transform: rotate(90deg);
}

body.phz-pdp .phz-faq details[open] .phz-pm {
  transform: rotate(135deg);
  background: var(--pz-amber);
  border-color: var(--pz-amber);
  color: var(--pz-ink);
}

body.phz-pdp .phz-a {
  padding: 16px 18px 18px;
  color: #333;
  font-size: 15px;
  line-height: 1.9;
  font-weight: 600;
  animation: phz-in 0.4s ease;
}

/* ---------- 11) شريط الشراء الثابت (جوال) ---------- */
body.phz-pdp .sticky-product-bar.fixed,
body.phz-pdp .sticky-product-bar.is-sticky {
  border-radius: 20px 20px 0 0 !important;
  box-shadow: 0 -12px 30px rgba(17, 17, 17, 0.12) !important;
}

/* ---------- 12) الحركات ---------- */
@keyframes phz-pop {
  0% { transform: scale(0.6) rotate(-12deg); }
  60% { transform: scale(1.15) rotate(6deg); }
  100% { transform: scale(1) rotate(0); }
}

@keyframes phz-in {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  body.phz-pdp *,
  .phz-ship * {
    animation: none !important;
    transition: none !important;
  }
}

/* ---------- 14) كوبون بدرج السلة الجانبي ---------- */
.phz-dcoupon {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  width: calc(100% - 4px);
  margin: 14px 2px 10px;
  padding: 10px;
  padding-inline-end: 12px;
  border: 0;
  border-radius: 18px;
  background:
    radial-gradient(circle at 90% 0%, rgba(247, 148, 29, 0.45), transparent 50%),
    #111;
  color: #fff;
  font-family: "Cairo", sans-serif;
  text-align: start;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(17, 17, 17, 0.18);
  transition: transform 0.25s;
}

.phz-dcoupon[hidden] {
  display: none;
}

.phz-dcoupon:hover {
  transform: translateY(-2px);
}

.phz-dcoupon-stub {
  display: grid;
  place-items: center;
  align-content: center;
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ffb649, #f7941d);
  color: #111;
  line-height: 1;
  transform: rotate(-5deg);
}

.phz-dcoupon-stub b {
  font-size: 19px;
  font-weight: 900;
}

.phz-dcoupon-stub small {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 900;
}

.phz-dcoupon-body b {
  display: block;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 900;
}

.phz-dcoupon-body small {
  display: block;
  color: rgba(255, 255, 255, 0.65);
  font-size: 11.5px;
  line-height: 1.5;
  font-weight: 700;
}

.phz-dcoupon-code {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 6px 8px;
  border: 1.5px dashed rgba(255, 182, 73, 0.75);
  border-radius: 12px;
  direction: ltr;
}

.phz-dcoupon-code code {
  color: #ffb649;
  font-family: "Cairo", monospace;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.06em;
}

.phz-dcoupon-code em {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: #ffb649;
  color: #111;
  font-style: normal;
}

.phz-dcoupon-code .phz-ic {
  width: 15px;
  height: 15px;
}

/* بعد النسخ */
.phz-dcoupon.is-done {
  background:
    radial-gradient(circle at 90% 0%, rgba(125, 227, 138, 0.35), transparent 50%),
    #111;
}

.phz-dcoupon.is-done .phz-dcoupon-body small {
  color: #7de38a;
}

.phz-dcoupon.is-done .phz-dcoupon-code em {
  background: #7de38a;
  animation: phz-pop 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* ---------- 13) التجاوب ---------- */
@media (max-width: 980px) {
  body.phz-pdp .phz-benefits {
    grid-template-columns: repeat(2, 1fr);
  }

  body.phz-pdp .phz-steps {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body.phz-pdp .product-details-col {
    padding: 16px;
    border-radius: 22px;
  }

  .phz-usp,
  .phz-assure-item {
    padding: 10px 4px;
    font-size: 11.5px;
  }

  .phz-assure-item small {
    display: none;
  }

  .phz-installments summary {
    padding: 11px 12px;
  }

  .phz-inst-title b {
    font-size: 13px;
  }

  .phz-inst-title small {
    font-size: 11.5px;
  }

  .phz-inst-logos {
    gap: 5px;
  }

  .phz-inst-logos em {
    padding: 3px 6px;
    font-size: 10px;
  }

  body.phz-pdp .phz-benefits {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.phz-pdp .phz-benefit {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 14px;
    padding: 16px;
  }

  body.phz-pdp .phz-benefit-ic {
    grid-row: span 2;
    margin: 0;
  }

  body.phz-pdp .phz-steps li {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 14px;
    padding: 16px;
  }

  body.phz-pdp .phz-step-ic {
    grid-row: span 2;
    margin: 0;
  }

  body.phz-pdp .phz-faq {
    grid-template-columns: 1fr;
  }

  body.phz-pdp .phz-faq summary {
    padding: 14px;
    font-size: 15px;
  }

  body.phz-pdp .phz-a {
    padding: 14px;
  }
}

/* ---------- وصف المنتج: كارد واحد فيه كل الشرح ---------- */
body.phz-pdp .phz-desc {
  display: block;
  padding: clamp(20px, 3vw, 34px) !important;
  border-radius: 24px;
  background: var(--pz-paper);
  border: 1px solid var(--pz-line);
  box-shadow: 0 14px 34px rgba(17, 17, 17, 0.06);
}

body.phz-pdp .phz-desc-title {
  margin: 0 0 6px;
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 900;
  color: var(--pz-ink);
  line-height: 1.4;
}

body.phz-pdp .phz-desc-grid {
  display: block;
}

/* كل فقرة: عنوان + شرح، وبينها خط فاصل */
body.phz-pdp .phz-desc-card {
  padding: 18px 0;
  border-bottom: 1px solid var(--pz-line);
}

body.phz-pdp .phz-desc-card:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

body.phz-pdp .phz-desc-card h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 900;
  color: var(--pz-ink);
  line-height: 1.5;
}

body.phz-pdp .phz-desc-card h3::before {
  content: "";
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--pz-amber);
  box-shadow: 0 0 0 5px rgba(247, 148, 29, 0.18);
}

body.phz-pdp .phz-desc-card p,
body.phz-pdp .phz-desc-card li {
  margin: 0 0 4px;
  font-size: 14.5px;
  line-height: 1.9;
  color: var(--pz-muted);
  text-align: start !important;
}

body.phz-pdp .phz-desc-card p:last-child {
  margin-bottom: 0;
}

body.phz-pdp .phz-desc-media {
  margin: 14px 0;
}

body.phz-pdp .phz-desc-media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
}

/* ---------- إخفاء تبويب «تقييمات المنتج» ---------- */
body.phz-pdp .accordion-item:has(#product-comments-content),
body.phz-pdp #product-comments-content,
body.phz-pdp .s-comments-product {
  display: none !important;
}

/* ---------- شريط ثابت تحت الهيدر: المنتج + النكهة + السعر ---------- */
.phz-stick {
  position: fixed;
  top: 0;
  inset-inline: 0;
  z-index: 40;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--pz-line);
  box-shadow: 0 10px 24px rgba(17, 17, 17, 0.08);
  font-family: "Cairo", sans-serif;
  color: var(--pz-ink);
  transform: translateY(-120%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.phz-stick.is-on {
  transform: none;
  opacity: 1;
  pointer-events: auto;
}

.phz-stick-in {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 1280px;
  margin: 0 auto;
}

.phz-stick-img {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  object-fit: cover;
  background: #111;
}

.phz-stick-img[hidden] {
  display: none;
}

.phz-stick-info {
  flex: 1 1 auto;
  min-width: 0;
}

.phz-stick-title {
  display: block;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.phz-stick-opt {
  display: inline-block;
  margin-top: 2px;
  padding: 1px 9px;
  border-radius: 999px;
  background: var(--pz-soft);
  color: var(--pz-muted);
  font-size: 12px;
  font-weight: 800;
}

.phz-stick-opt[hidden],
.phz-stick-old[hidden] {
  display: none;
}

.phz-stick-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 0 0 auto;
  line-height: 1.2;
}

.phz-stick-now {
  font-size: 19px;
  font-weight: 900;
  white-space: nowrap;
}

.phz-stick-old {
  color: var(--pz-muted);
  font-size: 12.5px;
  font-weight: 700;
  white-space: nowrap;
}

.phz-stick-btn {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 22px;
  border: 0;
  border-radius: 14px;
  background: var(--pz-ink);
  color: #fff;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 900;
  cursor: pointer;
  transition: transform 0.2s;
}

.phz-stick-btn:hover {
  transform: translateY(-2px);
}

@media (max-width: 640px) {
  .phz-stick {
    padding: 7px 12px;
  }

  .phz-stick-in {
    gap: 9px;
  }

  .phz-stick-img {
    width: 40px;
    height: 40px;
  }

  .phz-stick-title {
    font-size: 13.5px;
  }

  .phz-stick-now {
    font-size: 16px;
  }

  .phz-stick-btn {
    min-height: 40px;
    padding: 0 14px;
    font-size: 13px;
  }
}
.customers-also-bought__container {
    width: 100%;
    display: none;
}
.customers-also-viewed__container {
    width: 100%;
    display: none;
}
/* البلوك نفسه كان يضل ظاهر فاضي (padding 32px) ويعمل فراغ فوق «المنتجات التي تمت مشاهدتها مؤخراً» */
.s-block--bundle-customers-also-bought,
.s-block--bundle-customers-also-viewed,
#recently-viewed-section,
.recently-viewed-products-section,
#viewed-section {
    display: none !important;
}
/* ===================== خطة التعديلات: صفحة المنتج ===================== */

/* تنبيه الكافيين قرب زر الشراء */
.phz-caffeine {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 10px 0;
  padding: 11px 14px;
  border-radius: 14px;
  background: #fff4e5;
  border: 1px solid rgba(247, 148, 29, 0.35);
  color: var(--pz-ink);
  font-size: 13px;
  line-height: 1.7;
  font-weight: 700;
}

.phz-caffeine .phz-ic {
  margin-top: 2px;
  color: var(--pz-orange);
}

/* العبوة التجريبية + خصم 10٪ */
.phz-trial {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  background: var(--pz-ink);
  color: #fff;
}

.phz-trial > .phz-ic {
  width: 36px;
  height: 36px;
  padding: 8px;
  border-radius: 12px;
  background: var(--pz-amber);
  color: var(--pz-ink);
}

.phz-trial b {
  display: block;
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 900;
}

.phz-trial p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  line-height: 1.7;
  font-weight: 600;
}

.phz-trial code {
  padding: 1px 7px;
  border-radius: 6px;
  background: rgba(255, 182, 73, 0.15);
  color: var(--pz-amber);
  font-family: "Cairo", monospace;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.phz-trial-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.phz-trial-links a {
  padding: 7px 12px;
  border-radius: 10px;
  background: var(--pz-amber);
  color: var(--pz-ink) !important;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.phz-trial-links a + a {
  background: transparent;
  border: 1.5px solid rgba(255, 255, 255, 0.3);
  color: #fff !important;
}

/* متى تستخدمه؟ */
body.phz-pdp .phz-when {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

body.phz-pdp .phz-when-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 12px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid var(--pz-line);
  text-align: center;
}

body.phz-pdp .phz-when-item .phz-ic {
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 14px;
  background: var(--pz-soft);
  color: var(--pz-orange);
}

body.phz-pdp .phz-when-item b {
  font-size: 15px;
  font-weight: 900;
}

/* اقتراح المنتج التاني */
body.phz-pdp .phz-cross {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--pz-line);
}

body.phz-pdp .phz-cross img {
  flex: 0 0 auto;
  width: 110px;
  height: 110px;
  object-fit: cover;
  border-radius: 18px;
}

body.phz-pdp .phz-cross b {
  display: block;
  margin-bottom: 4px;
  font-size: 19px;
  font-weight: 900;
}

body.phz-pdp .phz-cross p {
  margin: 0 0 12px;
  color: var(--pz-muted);
  font-size: 14px;
  line-height: 1.8;
  font-weight: 600;
}

body.phz-pdp .phz-cross-btn {
  display: inline-flex;
  padding: 10px 18px;
  border-radius: 12px;
  background: var(--pz-ink);
  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
}

@media (max-width: 980px) {
  body.phz-pdp .phz-when {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* الجوال: شريط الشراء الثابت ينزل لتحت الشاشة (بعد ما يتخطى الزائر منطقة الشراء) */
@media (max-width: 640px) {
  .phz-stick {
    top: auto !important;
    bottom: 0;
    padding-bottom: calc(8px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--pz-line);
    border-bottom: 0;
    box-shadow: 0 -10px 24px rgba(17, 17, 17, 0.1);
    transform: translateY(120%);
  }

  .phz-stick.is-on {
    transform: none;
  }

  .phz-stick-opt {
    display: none;
  }

  /* أيقونات التواصل العايمة ترتفع فوق الشريط حتى ما يغطيها */
  body.phz-stick-on [class*="floating-contact"],
  body.phz-stick-on .whatsapp-btn,
  body.phz-stick-on [class*="whatsapp-float"] {
    bottom: 84px !important;
  }

  body.phz-pdp .phz-cross {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ---------- 14) دليل المحتوى: سعر القرص · داخل التركيبة · المكوّنات · الموية · القيمة ---------- */

/* تحت السعر: عدد الأقراص + سعر القرص */
body.phz-pdp .phz-pertab {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 8px 0 4px;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--pz-soft);
  color: var(--pz-ink);
  font-size: 13px;
  font-weight: 700;
}
body.phz-pdp .phz-pertab b { font-weight: 900; }
body.phz-pdp .phz-pertab i { width: 4px; height: 4px; border-radius: 50%; background: var(--pz-muted); }
body.phz-pdp .phz-pertab[hidden] { display: none; }

/* 3 فوائد بالكتير */
body.phz-pdp .phz-benefits { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 980px) and (min-width: 641px) {
  body.phz-pdp .phz-benefits { grid-template-columns: repeat(3, 1fr); }
}

body.phz-pdp .phz-sec-lead {
  margin: -8px 0 16px;
  color: var(--pz-muted);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}

/* داخل تركيبة فيزز */
body.phz-pdp .phz-sys {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  align-items: start;
}
body.phz-pdp .phz-sys-card {
  border-radius: var(--pz-radius);
  background: #fff;
  border: 1px solid var(--pz-line);
  transition: border-color 0.3s, box-shadow 0.3s;
}
body.phz-pdp .phz-sys-card:hover,
body.phz-pdp .phz-sys-card[open] { border-color: var(--pz-orange); }
body.phz-pdp .phz-sys-card[open] { box-shadow: 0 14px 34px rgba(17, 17, 17, 0.07); }
body.phz-pdp .phz-sys-card summary {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px;
  list-style: none;
  cursor: pointer;
}
body.phz-pdp .phz-sys-card summary::-webkit-details-marker { display: none; }
body.phz-pdp .phz-sys-top { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
body.phz-pdp .phz-sys-n {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--pz-ink);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
body.phz-pdp .phz-sys-ic {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--pz-amber), var(--pz-orange));
  color: var(--pz-ink);
}
body.phz-pdp .phz-sys-card--energy .phz-sys-ic { background: linear-gradient(135deg, #ff7a59, #c8102e); color: #fff; }
body.phz-pdp .phz-sys-card b { font-size: 17px; font-weight: 900; }
body.phz-pdp .phz-sys-card em { font-style: normal; color: var(--pz-orange); font-size: 13px; font-weight: 900; }
body.phz-pdp .phz-sys-short { color: var(--pz-muted); font-size: 14px; font-weight: 600; line-height: 1.8; }
body.phz-pdp .phz-sys-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 900;
  border-bottom: 2px solid var(--pz-amber);
}
body.phz-pdp .phz-sys-more i {
  width: 8px;
  height: 8px;
  border-inline-end: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform 0.3s;
}
body.phz-pdp .phz-sys-card[open] .phz-sys-more i { transform: translateY(2px) rotate(-135deg); }
body.phz-pdp .phz-sys-body {
  margin: 0 18px 18px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--pz-soft);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.85;
}

/* جدول المكوّنات + جدول سعر القرص */
body.phz-pdp .phz-nutri-table {
  overflow: hidden;
  border-radius: var(--pz-radius);
  background: #fff;
  border: 1px solid var(--pz-line);
}
body.phz-pdp .phz-nutri-table table { width: 100%; border-collapse: collapse; font-size: 14px; }
body.phz-pdp .phz-nutri-table th,
body.phz-pdp .phz-nutri-table td {
  padding: 11px 14px;
  border-bottom: 1px solid var(--pz-line);
  text-align: start;
  vertical-align: middle;
}
body.phz-pdp .phz-nutri-table tr:last-child > * { border-bottom: 0; }
body.phz-pdp .phz-nutri-table thead th { background: var(--pz-ink); color: #fff; font-weight: 900; }
body.phz-pdp .phz-nutri-table td { font-weight: 800; white-space: nowrap; }
body.phz-pdp .phz-nutri-table tbody th b { display: block; font-weight: 900; }
body.phz-pdp .phz-nutri-table tbody th small { display: block; color: var(--pz-muted); font-size: 12.5px; font-weight: 600; line-height: 1.6; }
body.phz-pdp .phz-nutri-group th {
  background: var(--pz-soft);
  color: var(--pz-orange);
  font-size: 13px;
  font-weight: 900;
}
body.phz-pdp .phz-nutri-typical {
  margin: 14px 0 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}
body.phz-pdp .phz-ingr {
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--pz-line);
}
body.phz-pdp .phz-ingr summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  list-style: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 900;
}
body.phz-pdp .phz-ingr summary::-webkit-details-marker { display: none; }
body.phz-pdp .phz-ingr[open] .phz-pm { transform: rotate(135deg); background: var(--pz-amber); border-color: var(--pz-amber); }
body.phz-pdp .phz-ingr p { margin: 0; padding: 0 18px 10px; font-size: 13.5px; font-weight: 600; line-height: 1.9; }
body.phz-pdp .phz-ingr small { display: block; padding: 0 18px 16px; color: var(--pz-muted); font-size: 12px; font-weight: 600; }
body.phz-pdp .phz-nutri-note {
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fff7ea;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.8;
}

/* الموية وفيزز */
body.phz-pdp .phz-water {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 22px;
  border-radius: var(--pz-radius);
  background: #eaf4ff;
}
body.phz-pdp .phz-water-ic {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: #fff;
  color: #1c6fd1;
}
body.phz-pdp .phz-water b { display: block; margin-bottom: 4px; font-size: 18px; font-weight: 900; }
body.phz-pdp .phz-water p { margin: 0; color: #334; font-size: 14px; font-weight: 600; line-height: 1.8; }

/* القيمة */
body.phz-pdp .phz-value .phz-nutri-table th a { color: var(--pz-ink); text-decoration: underline; text-decoration-color: var(--pz-amber); text-underline-offset: 3px; }
body.phz-pdp .phz-value s { color: var(--pz-muted); font-weight: 600; font-size: 12.5px; }
body.phz-pdp .phz-value-pp b { color: var(--pz-green); font-weight: 900; }
body.phz-pdp .phz-value-note { display: block; margin-top: 8px; color: var(--pz-muted); font-size: 12px; font-weight: 600; }

/* الشحن والاسترجاع تحت الأسئلة */
body.phz-pdp .phz-policy {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
body.phz-pdp .phz-policy > * {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--pz-line);
  color: var(--pz-ink);
  font-size: 13px;
}
body.phz-pdp .phz-policy a { border-color: var(--pz-ink); }
body.phz-pdp .phz-policy b { font-weight: 800; }

@media (max-width: 640px) {
  body.phz-pdp .phz-nutri-table th,
  body.phz-pdp .phz-nutri-table td { padding: 10px 8px; font-size: 13px; }
  body.phz-pdp .phz-water { padding: 18px; }
}

/* ---------- 15) روح وحدة: كل الأقسام كروت بيضا على نفس الخلفية، لونين (أسود + برتقالي) ---------- */
body.phz-pdp .phz-how {
  background: #fff;
  border: 1px solid var(--pz-line);
  color: var(--pz-ink);
}
body.phz-pdp .phz-steps li { background: var(--pz-soft); border-color: transparent; }
body.phz-pdp .phz-steps li::after { color: rgba(17, 17, 17, 0.08); }
body.phz-pdp .phz-steps p { color: var(--pz-muted); }
body.phz-pdp .phz-water { background: #fff; border: 1px solid var(--pz-line); }
body.phz-pdp .phz-water-ic { background: var(--pz-soft); color: var(--pz-orange); }
body.phz-pdp .phz-water p { color: var(--pz-muted); }
body.phz-pdp .phz-nutri-note { background: #fff; border: 1px solid var(--pz-line); color: var(--pz-muted); }
body.phz-pdp .phz-value-pp b { color: var(--pz-ink); }

/* كروت المكوّنات: الاسم والوظيفة، والكمية بتنفتح بضغطة */
body.phz-pdp .phz-nut-group {
  margin: 18px 0 10px;
  color: var(--pz-orange);
  font-size: 14px;
  font-weight: 900;
}
body.phz-pdp .phz-nut-group:first-of-type { margin-top: 0; }
body.phz-pdp .phz-nut-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 10px;
  align-items: start;
}
body.phz-pdp .phz-nut {
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--pz-line);
  transition: border-color 0.3s;
}
body.phz-pdp .phz-nut[open] { border-color: var(--pz-orange); }
body.phz-pdp .phz-nut summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 14px;
  list-style: none;
  cursor: pointer;
}
body.phz-pdp .phz-nut summary::-webkit-details-marker { display: none; }
body.phz-pdp .phz-nut summary b { display: block; font-size: 15px; font-weight: 900; }
body.phz-pdp .phz-nut summary small { display: block; color: var(--pz-muted); font-size: 12.5px; font-weight: 600; line-height: 1.6; }
body.phz-pdp .phz-nut .phz-pm { width: 26px; height: 26px; }
body.phz-pdp .phz-nut[open] .phz-pm { transform: rotate(135deg); background: var(--pz-amber); border-color: var(--pz-amber); }
body.phz-pdp .phz-nut-body { display: grid; gap: 6px; padding: 0 14px 14px; font-size: 13.5px; font-weight: 700; }
body.phz-pdp .phz-nut-body b { font-weight: 900; }
body.phz-pdp .phz-nut-bar { display: block; height: 6px; border-radius: 99px; background: rgba(17, 17, 17, 0.08); overflow: hidden; }
body.phz-pdp .phz-nut-bar i { display: block; height: 100%; border-radius: 99px; background: var(--pz-orange); }
body.phz-pdp .phz-nut-body small { color: var(--pz-muted); font-size: 12px; font-weight: 600; }
body.phz-pdp .phz-nutri-typical { margin-top: 18px; }

/* ---------- 16) بلوك المعلومات: قائمة جانبية ثابتة + قسم واحد ظاهر (بدل 9 بلوكات ورا بعض) ---------- */
body.phz-pdp .phz-info {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  margin: clamp(28px, 4vw, 48px) 0 18px;
  font-family: "Cairo", sans-serif;
  color: var(--pz-ink);
}
body.phz-pdp .phz-tabs {
  position: sticky;
  top: 140px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid var(--pz-line);
}
body.phz-pdp .phz-tab {
  padding: 12px 16px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: var(--pz-muted);
  font-family: inherit;
  font-size: 15px;
  font-weight: 800;
  text-align: start;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
body.phz-pdp .phz-tab:hover { background: var(--pz-soft); color: var(--pz-ink); }
body.phz-pdp .phz-tab[aria-selected="true"] { background: var(--pz-ink); color: #fff; }
body.phz-pdp .phz-panels {
  min-height: 320px;
  padding: clamp(18px, 2.6vw, 30px);
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--pz-line);
}
body.phz-pdp .phz-panel[hidden] { display: none; }
body.phz-pdp .phz-panel { animation: phz-in 0.3s ease; }
body.phz-pdp .phz-p-title { margin: 22px 0 12px; font-size: 18px; font-weight: 900; }
body.phz-pdp .phz-p-title:first-child { margin-top: 0; }
body.phz-pdp .phz-p-lead { margin: 0 0 14px; color: var(--pz-muted); font-size: 14px; font-weight: 600; }

/* وصف سلة داخل التبويب: بلا إطار تاني */
body.phz-pdp .phz-panel #product-details-content {
  display: block !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.phz-pdp .phz-panel .phz-desc {
  padding: 0 !important;
  border: 0;
  box-shadow: none;
  background: transparent;
}


/* وصف سلة داخل تبويب «التفاصيل»: كروت صغيرة بعمودين، أيقونة + عنوان + شرح */
body.phz-pdp .phz-panel .phz-desc-title {
  margin: 0 0 14px;
  font-size: clamp(20px, 2.2vw, 24px);
}
body.phz-pdp .phz-panel .phz-desc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
body.phz-pdp .phz-panel .phz-desc-card {
  padding: 18px;
  border: 0;
  border-radius: 18px;
  background: var(--pz-soft);
}
body.phz-pdp .phz-panel .phz-desc-card:last-child { padding-bottom: 18px; }
body.phz-pdp .phz-panel .phz-desc-card h3 { gap: 12px; margin-bottom: 8px; font-size: 16px; }
body.phz-pdp .phz-panel .phz-desc-card.has-ic h3::before { content: none; }
body.phz-pdp .phz-desc-ic {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #fff;
  color: var(--pz-orange);
}
body.phz-pdp .phz-desc-ic .phz-ic { width: 20px; height: 20px; }
body.phz-pdp .phz-panel .phz-desc-card p,
body.phz-pdp .phz-panel .phz-desc-card li { font-size: 14px; line-height: 1.85; }
body.phz-pdp .phz-panel .phz-desc-card:last-child:nth-child(odd) { grid-column: 1 / -1; }   /* الكرت الأخير لحالو بياخد العرض كامل */
@media (max-width: 760px) {
  body.phz-pdp .phz-panel .phz-desc-grid { grid-template-columns: 1fr; }
}


/* كروت المكوّنات: كلها بنفس الحجم (شبكة مرتبة) — الوصف سطرين بالكتير */
body.phz-pdp .phz-nut-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; }
body.phz-pdp .phz-nut { display: flex; flex-direction: column; }
body.phz-pdp .phz-nut summary { flex: 1; min-height: 96px; }
body.phz-pdp .phz-nut summary > span:first-child { flex: 1; min-width: 0; }
body.phz-pdp .phz-nut summary small {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.phz-pdp .phz-nut[open] summary small { display: block; -webkit-line-clamp: unset; }
body.phz-pdp .phz-panel summary:focus { outline: none; }
body.phz-pdp .phz-panel summary:focus-visible { outline: 2px solid var(--pz-orange); outline-offset: 2px; border-radius: 16px; }
@media (max-width: 1279px) { body.phz-pdp .phz-nut-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1023px) { body.phz-pdp .phz-nut-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px)  { body.phz-pdp .phz-nut-grid { grid-template-columns: 1fr; } body.phz-pdp .phz-nut summary { min-height: 0; } }

/* سطور: أيقونة + عنوان + سطر */
body.phz-pdp .phz-rows { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
body.phz-pdp .phz-rows li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--pz-line);
}
body.phz-pdp .phz-rows li:last-child { border-bottom: 0; }
body.phz-pdp .phz-rows b { display: block; font-size: 16px; font-weight: 900; }
body.phz-pdp .phz-rows p { margin: 2px 0 0; color: var(--pz-muted); font-size: 14px; font-weight: 600; line-height: 1.8; }
body.phz-pdp .phz-row-ic {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--pz-soft);
  color: var(--pz-orange);
}
body.phz-pdp .phz-row-ic .phz-ic { width: 20px; height: 20px; }

/* قوائم بتنفتح (داخل التركيبة + الأسئلة) */
body.phz-pdp .phz-acc { display: grid; gap: 8px; }
body.phz-pdp .phz-acc details {
  border-radius: 16px;
  background: var(--pz-soft);
  transition: background 0.2s;
}
body.phz-pdp .phz-acc details[open] { background: #fff; box-shadow: inset 0 0 0 1px var(--pz-line); }
body.phz-pdp .phz-acc summary {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  list-style: none;
  cursor: pointer;
}
body.phz-pdp .phz-acc summary::-webkit-details-marker { display: none; }
body.phz-pdp .phz-acc summary > span:not(.phz-row-ic):not(.phz-pm) { flex: 1; min-width: 0; }
body.phz-pdp .phz-acc summary b { display: block; font-size: 15px; font-weight: 900; }
body.phz-pdp .phz-acc summary small { display: block; color: var(--pz-muted); font-size: 13px; font-weight: 600; line-height: 1.6; }
body.phz-pdp .phz-acc summary .phz-row-ic { background: #fff; }
body.phz-pdp .phz-acc details.is-energy .phz-row-ic { color: #c8102e; }
body.phz-pdp .phz-acc .phz-pm { width: 28px; height: 28px; }
body.phz-pdp .phz-acc details[open] .phz-pm { transform: rotate(135deg); background: var(--pz-amber); border-color: var(--pz-amber); }
body.phz-pdp .phz-acc details > p { margin: 0; padding: 0 14px 14px; color: #333; font-size: 14.5px; font-weight: 600; line-height: 1.85; }

/* متى تستخدمه: شارات هادية */
body.phz-pdp .phz-chips-row { display: flex; flex-wrap: wrap; gap: 8px; }
body.phz-pdp .phz-chips-row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 999px;
  background: var(--pz-soft);
  font-size: 14px;
  font-weight: 800;
}
body.phz-pdp .phz-chips-row .phz-ic { width: 18px; height: 18px; color: var(--pz-orange); }

/* اقتراح المنتج التاني: سطر واحد */
body.phz-pdp .phz-cross {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 clamp(28px, 4vw, 48px);
  padding: 14px 16px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid var(--pz-line);
}
body.phz-pdp .phz-cross img { width: 64px; height: 64px; border-radius: 14px; }
body.phz-pdp .phz-cross > div { flex: 1; min-width: 0; }
body.phz-pdp .phz-cross b { margin: 0; font-size: 16px; }
body.phz-pdp .phz-cross p { margin: 0; font-size: 13.5px; }
body.phz-pdp .phz-cross-btn { flex: 0 0 auto; }

/* عبوة التجربة + الكوبون تحت الشراء: سطر فاتح بدل بلوك أسود */
body.phz-pdp .phz-trial { background: var(--pz-soft); color: var(--pz-ink); }
body.phz-pdp .phz-trial > .phz-ic { background: #fff; color: var(--pz-orange); }
body.phz-pdp .phz-trial p { color: var(--pz-muted); }
body.phz-pdp .phz-trial code { background: #fff; color: var(--pz-ink); }
body.phz-pdp .phz-trial-links a { background: transparent; padding: 0; color: var(--pz-ink) !important; text-decoration: underline; text-decoration-color: var(--pz-amber); text-underline-offset: 3px; }
body.phz-pdp .phz-trial-links a + a { border: 0; color: var(--pz-ink) !important; }

/* الجوال والتابلت: القائمة شارات فوق، تنسحب جانبياً */
@media (max-width: 1023px) {
  body.phz-pdp .phz-info { grid-template-columns: 1fr; gap: 12px; }
  body.phz-pdp .phz-tabs {
    position: static;
    flex-direction: row;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 6px;
    border-radius: 999px;
  }
  body.phz-pdp .phz-tabs::-webkit-scrollbar { display: none; }
  body.phz-pdp .phz-tab { flex: 0 0 auto; padding: 9px 16px; border-radius: 999px; font-size: 14px; white-space: nowrap; }
  body.phz-pdp .phz-panels { min-height: 0; padding: 18px 16px; }
  body.phz-pdp .phz-cross { flex-wrap: wrap; }
  body.phz-pdp .phz-cross-btn { width: 100%; justify-content: center; }
}

/* ===== صفحة «تواصل معنا» (صفحة تعريفية بسلة — HTML بـcontact-page.html، لغتين بملف واحد) =====
   محرر صفحات سلة بيحذف <style> و<form> و<svg>، لهيك الستايل هون والأيقونات صور data. */
.phz-contact { max-width: 980px; margin: 24px auto 64px; color: #111; font-family: inherit; }
.phz-contact__head { text-align: center; margin-bottom: 32px; }
.phz-contact__head h2 { font-size: 32px; font-weight: 800; line-height: 1.3; margin: 0 0 10px; }
.phz-contact__head p { color: #666; font-size: 16px; line-height: 1.7; margin: 0 auto; max-width: 520px; }
.phz-contact__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.phz-contact__card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 32px 20px 26px; background: #fff; border: 1px solid #ececec; border-radius: 22px; color: #111 !important; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.phz-contact__card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(0,0,0,.08); border-color: #ddd; }
.phz-contact__ico { width: 60px; height: 60px; border-radius: 50%; margin-bottom: 10px; background: #f3f3f3 center / 26px no-repeat; }
.phz-contact__ico--phone { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); }
.phz-contact__ico--mail { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E"); }
.phz-contact__ico--wa { background-color: #e6f7ee; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318a957' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22z'/%3E%3C/svg%3E"); }
.phz-contact__card strong { font-size: 18px; font-weight: 800; }
.phz-contact__val { color: #555; font-size: 15px; unicode-bidi: isolate; }
.phz-contact__cta { margin-top: 14px; padding: 10px 22px; border-radius: 999px; background: #111; color: #fff; font-size: 14px; font-weight: 700; }
.phz-contact__card--wa .phz-contact__cta { background: #18a957; }
/* اللغة: الصفحة بتاخدها من <html lang> وبتخبّي التانية */
html:not([lang^="en"]) .phz-contact [data-lang="en"],
html[lang^="en"] .phz-contact [data-lang="ar"] { display: none !important; }
@media (max-width: 760px) {
  .phz-contact { margin: 12px auto 40px; }
  .phz-contact__head h2 { font-size: 26px; }
  .phz-contact__grid { grid-template-columns: 1fr; gap: 12px; }
  .phz-contact__card { padding: 22px 16px; }
}

/* ===== صفحة «لماذا فيزز؟» (صفحة تعريفية بسلة — HTML بـwhy-phizz-page.html، لغتين بملف واحد)
   نفس روح الموقع: كروت بيضا بنفس الشكل، أسود + برتقالي، والأحمر للكافيين بس ===== */
.phz-why { max-width: 880px; margin: 24px auto 64px; color: #111; font-family: inherit; }
.phz-why__head { text-align: center; margin-bottom: 26px; }
.phz-why__head h1 { font-size: 36px; font-weight: 800; line-height: 1.25; margin: 0 0 10px; }
.phz-why__head p { color: #6b6864; font-size: 16px; line-height: 1.8; margin: 0 auto; max-width: 600px; }
.phz-why__sec { margin-bottom: 14px; padding: 26px 26px 22px; background: #fff; border: 1px solid rgba(17,17,17,.09); border-radius: 24px; }
.phz-why__n { display: inline-block; margin-bottom: 8px; color: #f7941d; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.phz-why__sec h2 { font-size: 22px; font-weight: 800; line-height: 1.35; margin: 0 0 10px; }
.phz-why__sec p { color: #444; font-size: 15px; line-height: 1.85; margin: 0 0 8px; }
.phz-why__note { padding: 10px 14px; border-radius: 14px; background: #f4f3ef; color: #6b6864 !important; font-size: 13.5px !important; }
.phz-why__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: s; }
.phz-why__steps li { counter-increment: s; padding: 14px; border-radius: 16px; background: #f4f3ef; font-size: 14px; line-height: 1.7; }
.phz-why__steps li::before { content: counter(s); display: inline-grid; place-items: center; width: 24px; height: 24px; margin-inline-end: 8px; border-radius: 50%; background: #111; color: #fff; font-size: 12px; font-weight: 800; }
.phz-why__list { margin: 0 0 10px; padding: 0; list-style: none; }
.phz-why__list li { padding: 9px 0; border-bottom: 1px dashed rgba(17,17,17,.12); font-size: 15px; line-height: 1.75; }
.phz-why__list li:last-child { border-bottom: 0; }
.phz-why__cmp { border-radius: 16px; overflow: hidden; border: 1px solid rgba(17,17,17,.09); }
.phz-why__row { display: grid; grid-template-columns: 1fr 1.3fr 1.3fr; gap: 10px; padding: 11px 14px; border-top: 1px solid rgba(17,17,17,.07); font-size: 14px; }
.phz-why__row:first-child { border-top: 0; }
.phz-why__row span { color: #6b6864; font-weight: 700; }
.phz-why__row b { font-weight: 800; }
.phz-why__row--head { background: #f4f3ef; }
.phz-why__pick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.phz-why__pick > div { padding: 16px; border-radius: 16px; background: #f4f3ef; border-inline-start: 4px solid #f7941d; }
.phz-why__pick > div.is-energy { border-inline-start-color: #c8102e; }
.phz-why__pick b { display: block; margin-bottom: 4px; font-size: 16px; }
.phz-why__pick p { margin: 0; font-size: 14px; }
.phz-why__refs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 18px; margin: 8px 0 0; padding: 0; list-style: none; }
.phz-why__refs a { color: #111 !important; font-size: 14px; font-weight: 700; text-decoration: underline !important; text-decoration-color: #ffb649 !important; text-underline-offset: 3px; }
.phz-why__qa { margin: 0; }
.phz-why__qa dt { margin-top: 12px; font-size: 15.5px; font-weight: 800; }
.phz-why__qa dt:first-child { margin-top: 0; }
.phz-why__qa dd { margin: 4px 0 0; color: #444; font-size: 14.5px; line-height: 1.8; }
.phz-why__cta { display: flex; flex-wrap: wrap; gap: 10px; }
.phz-why__cta a { padding: 12px 22px; border-radius: 999px; background: #111; color: #fff !important; font-size: 15px; font-weight: 800; text-decoration: none !important; }
.phz-why__cta a.is-energy { background: #c8102e; }
.phz-why__cta a.is-ghost { background: transparent; color: #111 !important; box-shadow: inset 0 0 0 1.5px #111; }
html:not([lang^="en"]) .phz-why [data-lang="en"],
html[lang^="en"] .phz-why [data-lang="ar"] { display: none !important; }
@media (max-width: 700px) {
  .phz-why__head h1 { font-size: 28px; }
  .phz-why__sec { padding: 20px 18px 16px; }
  .phz-why__steps, .phz-why__pick, .phz-why__refs { grid-template-columns: 1fr; }
  .phz-why__row { grid-template-columns: 1fr 1fr 1fr; font-size: 13px; padding: 10px; }
}

/* ===== الهيدر بباقي الصفحات (غير الرئيسية): أبيض بنص أسود =====
   لون الهيدر الغامق من إعدادات الثيم كان بيخلّي النص والأيقونات السودا تختفي.
   الرئيسية مستثناة لأن الهيدر فيها شفاف فوق السلايدر (ستايله ببلوك الرئيسية). */
body:not(:has(.phz-shop)) .store-header,
body:not(:has(.phz-shop)) .store-header #main-nav,
body:not(:has(.phz-shop)) .store-header .main-nav,
body:not(:has(.phz-shop)) .store-header .top-nav {
  background-color: #fff !important;
  background-image: none !important;
}
body:not(:has(.phz-shop)) .store-header .top-nav {
  border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
}
body:not(:has(.phz-shop)) .store-header #main-nav a,
body:not(:has(.phz-shop)) .store-header #main-nav button,
body:not(:has(.phz-shop)) .store-header #main-nav i,
body:not(:has(.phz-shop)) .store-header #main-nav span,
body:not(:has(.phz-shop)) .store-header .top-nav a,
body:not(:has(.phz-shop)) .store-header .top-nav button,
body:not(:has(.phz-shop)) .store-header .top-nav span,
body:not(:has(.phz-shop)) .store-header .top-nav i {
  color: #111 !important;
}
body:not(:has(.phz-shop)) .store-header .mburger span { background-color: #111 !important; }
body:not(:has(.phz-shop)) .store-header .navbar-brand img { filter: none !important; }
/* رقم السلة يضل بلونه */
body:not(:has(.phz-shop)) .store-header [class*="badge"],
body:not(:has(.phz-shop)) .store-header .s-cart-summary-count,
body:not(:has(.phz-shop)) .store-header .cart-products-count { color: #fff !important; }

/* ===== صفحة «عن فيزز» (صفحة تعريفية بسلة — HTML بـabout-page.html، لغتين بملف واحد)
   نفس روح الموقع: خلفية فاتحة، كروت بيضا، أسود + برتقالي، والأحمر للطاقة بس ===== */
.phz-about { max-width: 1100px; margin: 24px auto 64px; color: #111; font-family: inherit; }
.phz-about__kick { display: inline-block; margin-bottom: 10px; padding: 5px 12px; border-radius: 999px; background: #111; color: #fff; font-size: 12.5px; font-weight: 800; }
.phz-about__head { max-width: 680px; margin: 0 auto 40px; text-align: center; }
.phz-about__head h1 { margin: 0 0 12px; font-size: clamp(30px, 4.4vw, 46px); font-weight: 800; line-height: 1.2; }
.phz-about__head p { margin: 0; color: #6b6864; font-size: 17px; line-height: 1.8; }
.phz-about__sec { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(24px, 4vw, 56px); align-items: center; margin-bottom: 28px; padding: clamp(18px, 2.4vw, 28px); border-radius: 28px; background: #fff; border: 1px solid rgba(17,17,17,.08); }
.phz-about__sec.is-flip .phz-about__media { order: 2; }
.phz-about__media img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 22px; }
.phz-about__text h2 { margin: 0 0 12px; font-size: clamp(24px, 2.8vw, 32px); font-weight: 800; line-height: 1.3; }
.phz-about__text p { margin: 0 0 12px; color: #444; font-size: 16px; line-height: 1.9; }
.phz-about__link { display: inline-block; margin-top: 4px; color: #111 !important; font-weight: 800; text-decoration: underline !important; text-decoration-color: #ffb649 !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px; }
.phz-about__values { margin: 44px 0 28px; }
.phz-about__values h2 { margin: 0 0 16px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; text-align: center; }
.phz-about__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.phz-about__card { padding: 22px; border-radius: 22px; background: #fff; border: 1px solid rgba(17,17,17,.08); }
.phz-about__n { display: block; margin-bottom: 8px; color: #f7941d; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.phz-about__card b { display: block; margin-bottom: 6px; font-size: 18px; font-weight: 800; }
.phz-about__card p { margin: 0; color: #6b6864; font-size: 14.5px; line-height: 1.8; }
.phz-about__cta { padding: clamp(28px, 4vw, 44px) 20px; border-radius: 28px; background: #111; color: #fff; text-align: center; }
.phz-about__cta h2 { margin: 0 0 18px; font-size: clamp(24px, 3vw, 34px); font-weight: 800; }
.phz-about__cta div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.phz-about__cta a { padding: 12px 24px; border-radius: 999px; background: #ffb649; color: #111 !important; font-size: 15px; font-weight: 800; text-decoration: none !important; }
.phz-about__cta a.is-energy { background: transparent; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.4); }
html:not([lang^="en"]) .phz-about [data-lang="en"],
html[lang^="en"] .phz-about [data-lang="ar"] { display: none !important; }
@media (max-width: 800px) {
  .phz-about__sec { grid-template-columns: 1fr; }
  .phz-about__sec.is-flip .phz-about__media { order: 0; }
  .phz-about__media img { aspect-ratio: 4 / 3; }
  .phz-about__cards { grid-template-columns: 1fr; }
}

/* ===== صفحة «الاستدامة» (HTML بـsustainability-page.html) — نفس كلاسات «عن فيزز» + إضافات ===== */
.phz-sus__hero { position: relative; margin-bottom: 28px; border-radius: 28px; overflow: hidden; min-height: 340px; display: grid; place-items: center; text-align: center; }
.phz-sus__hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.phz-sus__hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55)); }
.phz-sus__hero > div { position: relative; z-index: 1; max-width: 640px; padding: 40px 20px; color: #fff; }
.phz-sus__hero .phz-about__kick { background: #fff; color: #111; }
.phz-sus__hero h1 { margin: 0 0 10px; font-size: clamp(28px, 4.2vw, 44px); font-weight: 800; line-height: 1.2; }
.phz-sus__hero p { margin: 0; font-size: 17px; line-height: 1.8; color: rgba(255,255,255,.9); }
.phz-sus__list { margin: 0; padding: 0; list-style: none; }
.phz-sus__list li { padding: 12px 0; border-bottom: 1px dashed rgba(17,17,17,.12); }
.phz-sus__list li:last-child { border-bottom: 0; }
.phz-sus__list b { display: block; margin-bottom: 2px; font-size: 16px; font-weight: 800; color: #f7941d; }
.phz-sus__list span { color: #444; font-size: 15px; line-height: 1.8; }
.phz-sus__faq { padding: clamp(20px, 3vw, 32px); border-radius: 28px; background: #fff; border: 1px solid rgba(17,17,17,.08); }
.phz-sus__faq h2 { margin: 0 0 12px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; }
.phz-sus__faq dl { margin: 0; }
.phz-sus__faq dt { margin-top: 16px; font-size: 16px; font-weight: 800; }
.phz-sus__faq dt:first-child { margin-top: 0; }
.phz-sus__faq dd { margin: 4px 0 0; padding-bottom: 14px; border-bottom: 1px solid rgba(17,17,17,.07); color: #444; font-size: 15px; line-height: 1.85; }
.phz-sus__faq dd:last-child { border-bottom: 0; padding-bottom: 0; }

/* ===== صفحة «الأسئلة الشائعة» (HTML بـfaq-page.html، لغتين بملف واحد) — نفس روح صفحة «لماذا فيزز؟» ===== */
.phz-faqp { max-width: 880px; margin: 24px auto 64px; color: #111; font-family: inherit; scroll-behavior: smooth; }
.phz-faqp__head { text-align: center; margin-bottom: 20px; }
.phz-faqp__head h1 { margin: 0 0 10px; font-size: clamp(28px, 4vw, 40px); font-weight: 800; line-height: 1.25; }
.phz-faqp__head p { margin: 0 auto; max-width: 560px; color: #6b6864; font-size: 16px; line-height: 1.8; }
.phz-faqp__nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 22px; }
.phz-faqp__nav a { padding: 8px 16px; border-radius: 999px; background: #fff; border: 1px solid rgba(17,17,17,.09); color: #111 !important; font-size: 14px; font-weight: 800; text-decoration: none !important; transition: background .2s, color .2s; }
.phz-faqp__nav a:hover { background: #111; color: #fff !important; }
.phz-faqp__sec { margin-bottom: 14px; padding: 24px 26px; background: #fff; border: 1px solid rgba(17,17,17,.09); border-radius: 24px; scroll-margin-top: 120px; }
.phz-faqp__sec h2 { margin: 0 0 6px; font-size: 22px; font-weight: 800; line-height: 1.35; }
.phz-faqp__sec h2::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-inline-end: 10px; border-radius: 50%; background: #f7941d; vertical-align: middle; }
.phz-faqp__sec dl { margin: 0; }
.phz-faqp__sec dt { margin-top: 16px; font-size: 16px; font-weight: 800; line-height: 1.5; }
.phz-faqp__sec dd { margin: 4px 0 0; padding-bottom: 14px; border-bottom: 1px solid rgba(17,17,17,.07); color: #444; font-size: 15px; line-height: 1.85; }
.phz-faqp__sec dd:last-child { border-bottom: 0; padding-bottom: 0; }
.phz-faqp__sec dd a { color: #111 !important; font-weight: 800; text-decoration: underline !important; text-decoration-color: #ffb649 !important; text-underline-offset: 3px; unicode-bidi: isolate; }
html:not([lang^="en"]) .phz-faqp [data-lang="en"],
html[lang^="en"] .phz-faqp [data-lang="ar"] { display: none !important; }
@media (max-width: 700px) {
  .phz-faqp__nav { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; }
  .phz-faqp__nav a { flex: 0 0 auto; white-space: nowrap; }
  .phz-faqp__sec { padding: 20px 18px; }
  .phz-faqp__sec h2 { font-size: 20px; }
}

/* كود الخصم بصفحة المنتج: زر بينسخ بضغطة */
body.phz-pdp .phz-copy-code { display: inline-flex; align-items: center; gap: 6px; margin: 0 2px; padding: 2px 4px 2px 8px; border: 1.5px dashed var(--pz-ink); border-radius: 10px; background: #fff; color: var(--pz-ink); font: inherit; line-height: 1.5; vertical-align: middle; cursor: pointer; direction: ltr; transition: border-color .2s; }
body.phz-pdp .phz-copy-code:hover { border-color: var(--pz-orange); }
body.phz-pdp .phz-trial .phz-copy-code code { padding: 0; background: none; color: var(--pz-ink); letter-spacing: .05em; }
body.phz-pdp .phz-copy-code em { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 7px; background: var(--pz-ink); color: #fff; font-style: normal; font-size: 12px; font-weight: 800; }
body.phz-pdp .phz-copy-code em .phz-ic { width: 13px; height: 13px; }
body.phz-pdp .phz-copy-code.is-done { border-color: var(--pz-green); }
body.phz-pdp .phz-copy-code.is-done em { background: var(--pz-green); }

/* خيارات النكهات (أزرار): العنوان فوق، والنكهات بشبكة متساوية مع نقطة لون — بالباقات كل أنبوب بسطر مرتّب */
body.phz-pdp .phz-has-chips { display: block !important; padding: 12px 0; border-bottom: 1px solid var(--pz-line); }
body.phz-pdp .phz-has-chips:last-of-type { border-bottom: 0; }
body.phz-pdp .phz-has-chips .s-product-options-option-label { display: block !important; width: auto !important; margin: 0 0 8px !important; }
body.phz-pdp .phz-has-chips .s-product-options-option-label small { display: none !important; }   /* «اختر» تحت العنوان */
body.phz-pdp .phz-has-chips .s-product-options-option-label b { font-size: 15px; }
body.phz-pdp .phz-has-chips .s-product-options-option-content { width: 100% !important; }
body.phz-pdp .phz-chips { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin-top: 0; }
body.phz-pdp .phz-chip { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 8px 10px; border-width: 1.5px; border-radius: 12px; font-size: 13.5px; line-height: 1.3; text-align: center; }
body.phz-pdp .phz-chip:hover { transform: none; }
body.phz-pdp .phz-chip-dot { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; box-shadow: 0 0 0 2px #fff; }
body.phz-pdp .phz-chip[aria-pressed="true"] .phz-chip-dot { box-shadow: 0 0 0 2px var(--pz-ink), 0 0 0 3px rgba(255,255,255,.6); }
@media (max-width: 640px) {
  body.phz-pdp .phz-chips { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ===================================================================
   17) لون لكل منتج + كروت ملوّنة + فوائد ومكوّنات بصرية
   phizz.js بيحط phz-t-daily (3 في 1 والباقات) أو phz-t-energy (الطاقة) على body
   =================================================================== */

/* 3 في 1: برتقالي دافي — الطاقة: كرزي على أسود */
body.phz-pdp.phz-t-daily {
  --pz-accent: #f7941d;
  --pz-accent-soft: #fff1de;
  background:
    radial-gradient(1100px 620px at 88% -8%, rgba(247, 148, 29, 0.30), transparent 62%),
    radial-gradient(900px 560px at -5% 35%, rgba(255, 182, 73, 0.24), transparent 60%),
    #fff6ea !important;
}
body.phz-pdp.phz-t-energy {
  --pz-accent: #c8102e;
  --pz-accent-soft: #fdeaee;
  background:
    radial-gradient(1100px 640px at 88% -8%, rgba(200, 16, 46, 0.55), transparent 62%),
    radial-gradient(900px 620px at -5% 45%, rgba(122, 8, 30, 0.55), transparent 62%),
    #0c0809 !important;
}
/* على الأسود: الكروت بتضل بيضا، والنص اللي برّا الكروت أبيض */
body.phz-pdp.phz-t-energy salla-breadcrumb,
body.phz-pdp.phz-t-energy salla-breadcrumb *,
body.phz-pdp.phz-t-energy .breadcrumbs,
body.phz-pdp.phz-t-energy .breadcrumbs * { color: rgba(255, 255, 255, 0.72) !important; }
body.phz-pdp.phz-t-energy .product-details-col,
body.phz-pdp.phz-t-energy .phz-panels,
body.phz-pdp.phz-t-energy .phz-tabs,
body.phz-pdp.phz-t-energy .phz-cross { border-color: transparent; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45); }

/* لون المنتج بالتفاصيل الصغيرة */
body.phz-pdp .phz-tab[aria-selected="true"] { background: var(--pz-accent, var(--pz-ink)); }
body.phz-pdp.phz-t-daily .phz-tab[aria-selected="true"] { background: var(--pz-ink); }
body.phz-pdp .phz-row-ic,
body.phz-pdp .phz-desc-ic,
body.phz-pdp .phz-chips-row .phz-ic { color: var(--pz-accent, var(--pz-orange)); }
body.phz-pdp.phz-t-energy .phz-caffeine { background: var(--pz-accent-soft); border-color: rgba(200, 16, 46, 0.3); }
body.phz-pdp.phz-t-energy .phz-caffeine .phz-ic { color: var(--pz-accent); }

/* كروت نقاط القوة والضمانات: كل كرت بلون */
[data-tone="blue"]   { --tone: #1c6fd1; --tone-bg: #eaf3ff; }
[data-tone="amber"]  { --tone: #d97706; --tone-bg: #fff3dc; }
[data-tone="green"]  { --tone: #1f8a2e; --tone-bg: #e8f7eb; }
[data-tone="cherry"] { --tone: #c8102e; --tone-bg: #fdeaee; }
[data-tone="violet"] { --tone: #7c3aed; --tone-bg: #f1ebff; }
body.phz-pdp .phz-usp[data-tone] { background: var(--tone-bg); }
body.phz-pdp .phz-usp[data-tone] .phz-ic { color: var(--tone); }
body.phz-pdp .phz-assure-item[data-tone] { background: var(--tone-bg); border-color: transparent; }
body.phz-pdp .phz-assure-item[data-tone] .phz-assure-ic { background: #fff; color: var(--tone); }

/* باقة 3+2 تحت «أول مرة تجرّب فيزز؟» (3 في 1 بس) */
body.phz-pdp .phz-upsell {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 18px;
  background: linear-gradient(120deg, #fff1de, #ffe2b8);
  border: 1.5px solid rgba(247, 148, 29, 0.45);
  color: var(--pz-ink) !important;
  text-decoration: none !important;
  transition: transform 0.2s, box-shadow 0.2s;
}
body.phz-pdp .phz-upsell:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(247, 148, 29, 0.22); }
body.phz-pdp .phz-upsell-packs { display: flex; flex: 0 0 auto; direction: ltr; }
body.phz-pdp .phz-upsell-packs img { width: 42px; height: 42px; margin-inline: -6px; border: 2px solid #fff; border-radius: 12px; object-fit: cover; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); }
body.phz-pdp .phz-upsell-packs img:nth-child(2) { position: relative; z-index: 1; transform: translateY(-3px); }
body.phz-pdp .phz-upsell-txt { flex: 1; min-width: 0; padding-inline-start: 6px; }
body.phz-pdp .phz-upsell-txt b { display: block; font-size: 15px; font-weight: 900; }
body.phz-pdp .phz-upsell-txt small { display: block; color: var(--pz-muted); font-size: 12.5px; font-weight: 700; }
body.phz-pdp .phz-upsell-off { flex: 0 0 auto; padding: 6px 10px; border-radius: 10px; background: var(--pz-ink); color: #fff; font-size: 12.5px; font-weight: 900; white-space: nowrap; }

/* تبويب الفوائد: 3 كروت قصيرة */
body.phz-pdp .phz-bcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
body.phz-pdp .phz-bcard { padding: 18px 16px; border-radius: 18px; background: var(--pz-accent-soft, var(--pz-soft)); }
body.phz-pdp .phz-bcard-ic { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 10px; border-radius: 14px; background: #fff; color: var(--pz-accent, var(--pz-orange)); }
body.phz-pdp .phz-bcard-ic .phz-ic { width: 22px; height: 22px; }
body.phz-pdp .phz-bcard b { display: block; margin-bottom: 4px; font-size: 16px; font-weight: 900; }
body.phz-pdp .phz-bcard p { margin: 0; color: var(--pz-muted); font-size: 14px; font-weight: 600; line-height: 1.7; }
/* داخل التركيبة: بلاطات صغيرة */
body.phz-pdp .phz-stiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; }
body.phz-pdp .phz-stile { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 14px; border: 1px solid var(--pz-line); }
body.phz-pdp .phz-stile-ic { display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 11px; background: var(--pz-soft); color: var(--pz-orange); }
body.phz-pdp .phz-stile.is-energy .phz-stile-ic { background: #fdeaee; color: #c8102e; }
body.phz-pdp .phz-stile-ic .phz-ic { width: 18px; height: 18px; }
body.phz-pdp .phz-stile b { display: block; font-size: 14px; font-weight: 900; }
body.phz-pdp .phz-stile small { display: block; color: var(--pz-muted); font-size: 12.5px; font-weight: 700; }

/* تبويب المكوّنات: أرقام القرص + بلاطات */
body.phz-pdp .phz-nstats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 18px; }
body.phz-pdp .phz-nstats span { display: grid; place-items: center; padding: 12px 6px; border-radius: 16px; background: var(--pz-accent-soft, var(--pz-soft)); text-align: center; }
body.phz-pdp .phz-nstats b { font-size: 20px; font-weight: 900; line-height: 1.2; }
body.phz-pdp .phz-nstats small { color: var(--pz-muted); font-size: 12.5px; font-weight: 700; }
body.phz-pdp .phz-nut-group { display: flex; align-items: center; gap: 8px; color: var(--pz-ink); font-size: 15px; }
body.phz-pdp .phz-nut-group .phz-ic { width: 18px; height: 18px; color: var(--pz-accent, var(--pz-orange)); }
body.phz-pdp .phz-nut-group small { padding: 1px 8px; border-radius: 999px; background: var(--pz-soft); color: var(--pz-muted); font-size: 12px; }
body.phz-pdp .phz-ntiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; margin-bottom: 6px; }
body.phz-pdp .phz-ntile { display: grid; gap: 3px; padding: 12px; border-radius: 14px; background: var(--pz-soft); cursor: help; }
body.phz-pdp .phz-ntile-name { overflow: hidden; color: var(--pz-muted); font-size: 12.5px; font-weight: 800; white-space: nowrap; text-overflow: ellipsis; }
body.phz-pdp .phz-ntile b { font-size: 16px; font-weight: 900; line-height: 1.3; }
body.phz-pdp .phz-ntile .phz-nut-bar { margin-top: 4px; }
body.phz-pdp .phz-ntile .phz-nut-bar i { background: var(--pz-accent, var(--pz-orange)); }
body.phz-pdp .phz-ntile small { color: var(--pz-muted); font-size: 11.5px; font-weight: 700; }
body.phz-pdp .phz-ntile.is-energy { background: #fdeaee; }
body.phz-pdp .phz-ingr { margin-top: 16px; }

@media (max-width: 640px) {
  body.phz-pdp .phz-bcards { grid-template-columns: 1fr; }
  body.phz-pdp .phz-bcard { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; padding: 14px; }
  body.phz-pdp .phz-bcard-ic { grid-row: span 2; margin: 0; }
  body.phz-pdp .phz-nstats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.phz-pdp .phz-ntiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.phz-pdp .phz-upsell-packs img { width: 36px; height: 36px; }
}

/* صفحة الطاقة (خلفية سودا): عناوين الأقسام تحت المنتج ونصوص كروت المنتجات بالأبيض
   — بصفحة المنتج بس (phz-t-energy)، والأزرار البيضا وكروت الآراء بتضل متل ما هي */
body.phz-pdp.phz-t-energy .s-block__title h2,
body.phz-pdp.phz-t-energy .s-block__title h3,
body.phz-pdp.phz-t-energy .s-block__title p { color: #fff !important; }
body.phz-pdp.phz-t-energy :is(salla-products-slider, recently-viewed-products, salla-custom-component, .s-block--bundle-customers-also-bought)
  :is(h2, h3, h4, p, a, span, div, del, s, small):not(:is(button, salla-button, salla-add-product-button, .s-button-element, [class*="badge"], [class*="promotion"]) *):not(button) {
  color: rgba(255, 255, 255, 0.92) !important;
}
body.phz-pdp.phz-t-energy :is(salla-products-slider, recently-viewed-products, salla-custom-component) :is(del, s, [class*="before"], [class*="regular"]) {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* الشريط الثابت (المنتج + السعر + أضف للسلة): تحت الشاشة على الكمبيوتر كمان، مش فوق */
.phz-stick {
  top: auto !important;
  bottom: 0;
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--pz-line);
  border-bottom: 0;
  box-shadow: 0 -10px 24px rgba(17, 17, 17, 0.1);
  transform: translateY(120%);
}
.phz-stick.is-on { transform: none; }
body.phz-stick-on [class*="floating-contact"],
body.phz-stick-on .whatsapp-btn,
body.phz-stick-on [class*="whatsapp-float"] { bottom: 84px !important; }

/* المكوّنات: سطور مرتّبة بدل بلاطات مكبوسة — الاسم يمين، الكمية + النسبة يسار، وشريط رفيع تحت */
body.phz-pdp .phz-nut-group { align-items: center; margin: 22px 0 10px; line-height: 1.3; }
body.phz-pdp .phz-nut-group small { padding: 0; background: none; color: var(--pz-muted); font-size: 13px; font-weight: 800; }
body.phz-pdp .phz-nut-group small::before { content: "· "; }
body.phz-pdp .phz-ntiles { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
body.phz-pdp .phz-ntile {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 10px;
  padding: 12px 14px;
  border: 1px solid var(--pz-line);
  border-radius: 14px;
  background: #fff;
}
body.phz-pdp .phz-ntile-name { color: var(--pz-ink); font-size: 14px; font-weight: 800; }
body.phz-pdp .phz-ntile-val { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
body.phz-pdp .phz-ntile-val b { font-size: 15px; font-weight: 900; }
body.phz-pdp .phz-ntile-val em { padding: 2px 7px; border-radius: 999px; background: var(--pz-accent-soft, var(--pz-soft)); color: var(--pz-accent, var(--pz-orange)); font-style: normal; font-size: 11.5px; font-weight: 900; }
body.phz-pdp .phz-ntile .phz-nut-bar { grid-column: 1 / -1; height: 4px; margin: 0; background: rgba(17, 17, 17, 0.06); }
body.phz-pdp .phz-ntile .phz-nut-bar i { opacity: 0.75; }
body.phz-pdp .phz-ntile.is-energy { background: #fff; border-color: rgba(200, 16, 46, 0.25); }
@media (max-width: 640px) {
  body.phz-pdp .phz-ntiles { grid-template-columns: 1fr; gap: 6px; }
  body.phz-pdp .phz-ntile { padding: 10px 12px; }
}

/* الشرح القصير فوق: «قرص واحد بكاسة موية =» + كلمة بتتبدّل كل 3 ثواني */
body.phz-pdp .phz-intro { margin: 6px 0 14px; }
body.phz-pdp .phz-intro-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin: 0; color: var(--pz-ink); font-size: 17px; font-weight: 800; line-height: 1.6; }
body.phz-pdp .phz-rot { display: inline-grid; min-width: 7em; }
body.phz-pdp .phz-rot span {
  grid-area: 1 / 1;
  color: var(--pz-accent, var(--pz-orange));
  font-weight: 900;
  opacity: 0;
  animation: phz-rot 9s infinite;
  animation-delay: calc(var(--i) * 3s);
}
@keyframes phz-rot {
  0%        { opacity: 0; transform: translateY(60%); }
  4%, 30%   { opacity: 1; transform: none; }
  34%, 100% { opacity: 0; transform: translateY(-60%); }
}
body.phz-pdp .phz-intro-sub { margin: 2px 0 6px; color: var(--pz-muted); font-size: 14.5px; font-weight: 600; line-height: 1.8; animation: phz-in 0.6s ease both; }
body.phz-pdp .phz-intro-more { display: inline-flex; align-items: center; gap: 4px; color: var(--pz-ink) !important; font-size: 14px; font-weight: 800; text-decoration: none !important; border-bottom: 2px solid var(--pz-accent, var(--pz-amber)); }
body.phz-pdp .phz-intro-more svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; animation: phz-nudge 1.6s ease-in-out infinite; }
@keyframes phz-nudge { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(3px); } }
@media (prefers-reduced-motion: reduce) {
  body.phz-pdp .phz-rot span { animation: none; }
  body.phz-pdp .phz-rot span:first-child { opacity: 1; }
}

/* صفحة الطاقة: كل البرتقالي بيصير كرزي (الهوفر، الإطارات، الأيقونات، الأشرطة) */
body.phz-pdp.phz-t-energy {
  --pz-orange: #c8102e;
  --pz-amber: #e0405c;
  --color-primary: #c8102e;
  --color-primary-dark: #9e0b24;
  --color-primary-light: #fdeaee;
}
body.phz-pdp.phz-t-energy .phz-ship { background: linear-gradient(120deg, #fff0f2, #fde0e5); border-color: rgba(200, 16, 46, 0.25); }
body.phz-pdp.phz-t-energy .phz-ship-row .phz-ic { color: #ff8095; }
body.phz-pdp.phz-t-energy .phz-desc-card h3::before { box-shadow: 0 0 0 5px rgba(200, 16, 46, 0.15); }
body.phz-pdp.phz-t-energy .phz-chip:hover { border-color: var(--pz-orange); }
body.phz-pdp.phz-t-energy .phz-stile-ic { background: #fdeaee; color: #c8102e; }
body.phz-pdp.phz-t-energy ::selection { background: #fdd5dc; }

/* صفحة الطاقة: خلفية وحدة كرزي على أسود للصفحة كلها — ثابتة ورا المحتوى، وأقسام سلة شفافة فوقها
   (قبل: كل قسم كان إلو خلفيته فبتبيّن الصفحة قطع) */
html:has(body.phz-pdp.phz-t-energy) { background: #0c0809; }
body.phz-pdp.phz-t-energy { background-attachment: fixed !important; }
body.phz-pdp.phz-t-energy :is(main, #app, .app-inner, .main-content, .s-block, .s-block--full-bg, .recently-viewed-products-section, salla-products-slider, [class*="product-single"], .product-elems) {
  background-color: transparent !important;
  background-image: none !important;
}

/* المكوّنات: بلا مؤشر «؟» — الكرت ما بينضغط */
body.phz-pdp .phz-ntile { cursor: default; }

/* صفحة 3 في 1 (والباقات): نفس الفكرة — خلفية برتقالية وحدة للصفحة كلها، ثابتة ورا المحتوى، وأقسام سلة شفافة فوقها */
html:has(body.phz-pdp.phz-t-daily) { background: #fff6ea; }
body.phz-pdp.phz-t-daily { background-attachment: fixed !important; }
body.phz-pdp.phz-t-daily :is(main, #app, .app-inner, .main-content, .s-block, .s-block--full-bg, .recently-viewed-products-section, salla-products-slider, [class*="product-single"], .product-elems) {
  background-color: transparent !important;
  background-image: none !important;
}

/* ===================================================================
   18) صفحة التصنيف (كل المنتجات) — phizz.js بيحط phz-cat على body
   خلفية فاتحة وحدة، عنوان مرتّب مع فلترة، وكروت بيضا بنفس روح الموقع
   =================================================================== */
body.phz-cat {
  --pz-ink: #111111;
  --pz-soft: #f4f3ef;
  --pz-muted: #6b6864;
  --pz-line: rgba(17, 17, 17, 0.09);
  /* فاتح بتدرّج ألوان هادي: برتقالي فوق، وردي كرزي عالطرف، أخضر نعناعي تحت */
  background:
    radial-gradient(900px 600px at 95% -5%, rgba(247, 148, 29, 0.26), transparent 62%),
    radial-gradient(800px 620px at -5% 35%, rgba(228, 23, 62, 0.13), transparent 60%),
    radial-gradient(900px 640px at 80% 105%, rgba(60, 180, 74, 0.14), transparent 60%),
    linear-gradient(160deg, #fff6ea 0%, #fbf4f2 45%, #f3f8f1 100%) !important;
  background-attachment: fixed !important;
}
html:has(body.phz-cat) { background: #fbf4f2; }
body.phz-cat :is(main, .main-content, .s-block, .s-block--full-bg) { background-color: transparent !important; background-image: none !important; }
body.phz-cat .phz-cat-oldtitle { display: none !important; }

/* العنوان */
.phz-cat-hero { margin: 0 0 22px; font-family: "Cairo", sans-serif; color: #111; }
.phz-cat-kick { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 10px; padding: 6px 13px; border-radius: 999px; background: #111; color: #fff; font-size: 12.5px; font-weight: 800; }
.phz-cat-kick i { width: 8px; height: 8px; border-radius: 50%; background: #ffb649; }
.phz-cat-hero h2 { margin: 0 0 6px; font-size: clamp(28px, 4vw, 44px); font-weight: 900; line-height: 1.15; letter-spacing: -0.01em; }
.phz-cat-hero p { margin: 0 0 16px; max-width: 560px; color: #6b6864; font-size: 15.5px; font-weight: 600; line-height: 1.8; }
.phz-cat-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.phz-cat-chip { padding: 9px 18px; border: 1px solid rgba(17, 17, 17, 0.12); border-radius: 999px; background: #fff; color: #111; font-family: inherit; font-size: 14px; font-weight: 800; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s; }
.phz-cat-chip:hover { border-color: #111; }
.phz-cat-chip[aria-pressed="true"] { background: #111; border-color: #111; color: #fff; }

/* الكروت */
body.phz-cat :is(custom-salla-product-card, salla-product-card) {
  position: relative;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  padding: 10px 10px 14px !important;
  border: 1px solid rgba(17, 17, 17, 0.08) !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(17, 17, 17, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
body.phz-cat :is(custom-salla-product-card, salla-product-card):hover { transform: translateY(-4px); box-shadow: 0 22px 44px rgba(17, 17, 17, 0.1); }
body.phz-cat :is(custom-salla-product-card, salla-product-card) img { border-radius: 18px !important; }
body.phz-cat :is(custom-salla-product-card, salla-product-card) :is(h3, h2, [class*="title"], [class*="title"] a) {
  color: #111 !important;
  font-family: "Cairo", sans-serif;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}
body.phz-cat :is(custom-salla-product-card, salla-product-card) :is([class*="price"]) { color: #111 !important; font-weight: 900 !important; }
body.phz-cat :is(custom-salla-product-card, salla-product-card) :is(del, s, [class*="regular-price"], [class*="before"]) { color: #6b6864 !important; font-weight: 700 !important; }
body.phz-cat :is(custom-salla-product-card, salla-product-card) salla-add-product-button :is(button, .s-button-element) {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #111 !important;
  color: #fff !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 800 !important;
}
body.phz-cat :is(custom-salla-product-card, salla-product-card) salla-add-product-button :is(button, .s-button-element):hover { background: #000 !important; }
body.phz-cat :is(custom-salla-product-card, salla-product-card) salla-add-product-button :is(button, .s-button-element) * { color: #fff !important; }
body.phz-cat .phz-cat-hide { display: none !important; }

/* شارة المنتج (فوق الصورة، بجهة البداية — القلب بالجهة التانية) */
.phz-cat-tag {
  position: absolute;
  top: 20px;
  inset-inline-start: 20px;
  z-index: 3;
  padding: 5px 11px;
  border-radius: 999px;
  background: var(--tone-bg, #fff);
  color: var(--tone, #111);
  font-family: "Cairo", sans-serif;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  pointer-events: none;
}

@media (max-width: 640px) {
  .phz-cat-filters { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; }
  .phz-cat-filters::-webkit-scrollbar { display: none; }
  .phz-cat-chip { flex: 0 0 auto; white-space: nowrap; }
  body.phz-cat :is(custom-salla-product-card, salla-product-card) { border-radius: 18px !important; padding: 8px 8px 12px !important; }
  .phz-cat-tag { top: 14px; inset-inline-start: 14px; font-size: 11px; padding: 4px 9px; }
}

/* صفحة «عن فيزز»: الفرق بين التركيبتين (انتقل من الرئيسية) — صفوف: الفروق بس، والمشترك بسطر تحت */
.phz-about__cmp { margin: 44px 0 28px; padding: clamp(18px, 2.6vw, 30px); border-radius: 28px; background: #fff; border: 1px solid rgba(17,17,17,.08); scroll-margin-top: 120px; }
.phz-about__cmp h2 { margin: 0 0 16px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; }
.phz-about .phz-cmp { border-radius: 20px; border: 1px solid rgba(17,17,17,.09); overflow: hidden; }
.phz-about .phz-cmp-row { display: grid; grid-template-columns: 150px 1fr 1fr; gap: 16px; align-items: center; padding: 14px 18px; border-top: 1px solid rgba(17,17,17,.09); }
.phz-about .phz-cmp-row:first-child { border-top: 0; }
.phz-about .phz-cmp-row--head { background: #f4f3ef; }
.phz-about .phz-cmp-label { color: #6b6864; font-size: 14px; font-weight: 800; }
.phz-about .phz-cmp-row > div { font-size: 14.5px; font-weight: 700; line-height: 1.6; }
.phz-about .phz-cmp-row > div > b { margin-inline-end: 6px; font-size: 22px; font-weight: 900; }
.phz-about .phz-cmp-row small { display: block; color: #6b6864; font-size: 13px; font-weight: 600; }
.phz-about .phz-cmp-row > div > b + small { display: inline; }
.phz-about .phz-cmp-prod { display: flex; align-items: center; gap: 10px; }
.phz-about .phz-cmp-prod img { width: 44px; height: 44px; border-radius: 12px; object-fit: cover; }
.phz-about .phz-cmp-prod b { font-size: 16px; font-weight: 900; }
.phz-about .phz-cmp-pill { display: inline-block; padding: 4px 12px; border-radius: 999px; background: #f4f3ef; font-size: 13.5px; font-weight: 900; }
.phz-about .phz-cmp-pill--caf { background: #fdeaee; color: #c8102e; }
.phz-about .phz-cmp-pill + small { margin-top: 4px; }
.phz-about .phz-cmp-dots { display: flex; gap: 4px; margin-bottom: 4px; }
.phz-about .phz-cmp-dots i { width: 14px; height: 14px; border-radius: 50%; }
.phz-about .phz-cmp-dots .is-orange { background: #f7941d; }
.phz-about .phz-cmp-dots .is-mango  { background: #f5b800; }
.phz-about .phz-cmp-dots .is-berry  { background: #e4173e; }
.phz-about .phz-cmp-dots .is-apple  { background: #5b2169; }
.phz-about .phz-cmp-dots .is-cherry { background: #c8102e; }
.phz-about .phz-cmp-same { margin: 14px 0 0; color: #6b6864; font-size: 14px; font-weight: 600; line-height: 1.9; }
.phz-about .phz-cmp-same b { color: #111; font-weight: 900; }
.phz-about .phz-cmp-same a { margin-inline-start: 6px; color: #111 !important; font-weight: 800; text-decoration: underline !important; text-decoration-color: #ffb649 !important; text-underline-offset: 3px; }
@media (max-width: 640px) {
  .phz-about .phz-cmp-row { grid-template-columns: 1fr 1fr; gap: 6px 12px; padding: 12px 14px; }
  .phz-about .phz-cmp-row > span { grid-column: 1 / -1; }
  .phz-about .phz-cmp-row--head > span { display: none; }
  .phz-about .phz-cmp-prod { flex-direction: column; align-items: flex-start; gap: 6px; }
  .phz-about .phz-cmp-prod b { font-size: 14px; }
}

/* زر «أضف للسلة»: تدرّج بلون المنتج بدل الأسود — برتقالي لـ3 في 1 والعروض، كرزي للطاقة
   (نفس الشي لزر الشريط الثابت تحت) + لمعة خفيفة بتمرق لما تمرّر الماوس */
body.phz-pdp { --pz-btn: linear-gradient(135deg, #ffc15e 0%, #f7941d 55%, #e2700a 100%); --pz-btn-ink: #111; --pz-btn-glow: rgba(247, 148, 29, 0.38); }
body.phz-pdp.phz-t-energy { --pz-btn: linear-gradient(135deg, #ff5a76 0%, #c8102e 55%, #8e0b22 100%); --pz-btn-ink: #fff; --pz-btn-glow: rgba(200, 16, 46, 0.42); }
body.phz-pdp .product-details-col salla-add-product-button button,
body.phz-pdp .product-details-col salla-add-product-button .s-button-element,
body.phz-pdp .phz-stick-btn {
  position: relative;
  overflow: hidden;
  border: 0 !important;
  background: var(--pz-btn) !important;
  background-size: 140% 140% !important;
  background-position: 0% 50% !important;
  color: var(--pz-btn-ink) !important;
  box-shadow: 0 12px 26px var(--pz-btn-glow) !important;
  transition: transform 0.2s ease, box-shadow 0.25s ease, background-position 0.5s ease !important;
}
body.phz-pdp .product-details-col salla-add-product-button button *,
body.phz-pdp .product-details-col salla-add-product-button .s-button-element * { color: var(--pz-btn-ink) !important; fill: currentColor; }
body.phz-pdp .product-details-col salla-add-product-button button:hover,
body.phz-pdp .product-details-col salla-add-product-button .s-button-element:hover,
body.phz-pdp .phz-stick-btn:hover {
  transform: translateY(-2px);
  background: var(--pz-btn) !important;
  background-size: 140% 140% !important;
  background-position: 100% 50% !important;
  box-shadow: 0 18px 34px var(--pz-btn-glow) !important;
}
body.phz-pdp .product-details-col salla-add-product-button button::after,
body.phz-pdp .phz-stick-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -70%;
  width: 45%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.45), transparent);
  transform: skewX(-20deg);
  transition: left 0.6s ease;
  pointer-events: none;
}
body.phz-pdp .product-details-col salla-add-product-button button:hover::after,
body.phz-pdp .phz-stick-btn:hover::after { left: 130%; }
body.phz-pdp .product-details-col salla-add-product-button button:active,
body.phz-pdp .phz-stick-btn:active { transform: translateY(0) scale(0.99); }
@media (prefers-reduced-motion: reduce) {
  body.phz-pdp .product-details-col salla-add-product-button button::after,
  body.phz-pdp .phz-stick-btn::after { display: none; }
}

/* لوغو الفوتر: أصغر (كان لحد 200px) — بكل الموقع */
.store-footer a > img[class*="max-w-"] { max-width: 120px !important; width: 120px; height: auto; }
@media (max-width: 640px) { .store-footer a > img[class*="max-w-"] { max-width: 100px !important; width: 100px; } }

/* «لماذا فيزز؟» صارت جزء من صفحة «عن فيزز» (عنوانها h2 بدل h1) */
.phz-about .phz-why { margin: 44px auto 28px; scroll-margin-top: 120px; }
.phz-why__head h2 { font-size: clamp(26px, 3.4vw, 36px); font-weight: 800; line-height: 1.25; margin: 0 0 10px; }

/* ===================================================================
   19) صفحة «عن فيزز» — التصميم الجديد (about-page.html، الغلاف .phz-about.phz-ab)
   هيرو غامق بإحصاءات · قصة كخط زمني · شركاء · بطاقات ملوّنة · بنتو «لماذا فيزز» · منتجين · دعوة أخيرة
   كل الأيقونات صور data (محرّر سلة بيحذف <svg>)، والحركة بس لما المتصفح بيدعمها
   =================================================================== */
.phz-ab { --ab-ink: #111; --ab-soft: #f4f3ef; --ab-muted: #6b6864; --ab-line: rgba(17,17,17,.08); --ab-amber: #ffb649; --ab-orange: #f7941d; --ab-cherry: #c8102e; max-width: 1140px; }
.phz-ab h2 { margin: 0; font-size: clamp(26px, 3.6vw, 40px); font-weight: 900; line-height: 1.2; letter-spacing: -0.01em; }
.phz-ab .phz-ab-title { max-width: 680px; margin: 0 auto 26px; text-align: center; }
.phz-ab .phz-ab-title p { margin: 10px 0 0; color: var(--ab-muted); font-size: 16px; line-height: 1.8; }
.phz-ab .phz-ab-grad { background: linear-gradient(90deg, #ffb649, #f7941d, #ff5a7a); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* أزرار */
.phz-ab .phz-ab-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 12px 24px; border-radius: 999px; font-size: 15px; font-weight: 900; text-decoration: none !important; transition: transform .2s, box-shadow .2s; }
.phz-ab .phz-ab-btn:hover { transform: translateY(-2px); }
.phz-ab .phz-ab-btn--light { background: #fff; color: #111 !important; }
.phz-ab .phz-ab-btn--ghost { color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.4); }
.phz-ab .phz-ab-btn--dark { background: #111; color: #fff !important; }
.phz-ab .phz-ab-btn--amber { background: linear-gradient(135deg, #ffc15e, #f7941d); color: #111 !important; box-shadow: 0 12px 26px rgba(247,148,29,.35); }
.phz-ab .phz-ab-btn--cherry { background: linear-gradient(135deg, #ff5a76, #c8102e); color: #fff !important; box-shadow: 0 12px 26px rgba(200,16,46,.35); }

/* 1) الهيرو */
.phz-ab .phz-ab-hero { position: relative; overflow: hidden; margin-bottom: 64px; padding: clamp(40px, 7vw, 90px) clamp(22px, 5vw, 64px) 0; border-radius: 36px; background: #0b0b12; color: #fff; isolation: isolate; }
.phz-ab .phz-ab-hero__bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; opacity: .35; }
.phz-ab .phz-ab-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 85% 20%, rgba(247,148,29,.45), transparent 45%), radial-gradient(circle at 5% 100%, rgba(1,33,105,.6), transparent 50%), linear-gradient(180deg, rgba(11,11,18,.35), rgba(11,11,18,.9)); }
.phz-ab .phz-ab-hero__in { max-width: 640px; }
.phz-ab .phz-ab-flag { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; padding: 7px 14px 7px 12px; border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); font-size: 13px; font-weight: 800; }
.phz-ab .phz-ab-flag::before { content: ""; width: 26px; height: 14px; border-radius: 3px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3CclipPath id='t'%3E%3Cpath d='M30,15h30v15zv15h-30zh-30v-15zv-15h30z'/%3E%3C/clipPath%3E%3Cpath d='M0,0v30h60v-30z' fill='%23012169'/%3E%3Cpath d='M0,0L60,30M60,0L0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0L60,30M60,0L0,30' clip-path='url(%23t)' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E") center / cover; }
.phz-ab .phz-ab-hero h1 { margin: 0 0 16px; font-size: clamp(38px, 6.4vw, 76px); font-weight: 900; line-height: 1.05; letter-spacing: -0.02em; }
.phz-ab .phz-ab-hero p { margin: 0 0 26px; color: rgba(255,255,255,.78); font-size: clamp(16px, 1.6vw, 19px); line-height: 1.8; }
.phz-ab .phz-ab-hero__cta { display: flex; flex-wrap: wrap; gap: 10px; }
.phz-ab .phz-ab-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: clamp(36px, 6vw, 70px) calc(-1 * clamp(22px, 5vw, 64px)) 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.12); }
.phz-ab .phz-ab-stats li { display: grid; gap: 2px; padding: 22px 16px; text-align: center; color: rgba(255,255,255,.7); font-size: 13.5px; font-weight: 700; }
.phz-ab .phz-ab-stats li + li { border-inline-start: 1px solid rgba(255,255,255,.12); }
.phz-ab .phz-ab-stats b { color: #fff; font-size: clamp(30px, 3.6vw, 46px); font-weight: 900; line-height: 1; }

/* 2) القصة: خط زمني */
.phz-ab .phz-ab-journey { position: relative; margin-bottom: 64px; }
.phz-ab .phz-ab-step { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 72px); align-items: center; padding: 26px 0; }
.phz-ab .phz-ab-step::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: linear-gradient(var(--ab-line), var(--ab-orange), var(--ab-line)); transform: translateX(-50%); }
.phz-ab .phz-ab-step__dot { position: absolute; top: 50%; left: 50%; z-index: 1; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #111; color: var(--ab-amber); font-size: 15px; font-weight: 900; box-shadow: 0 0 0 8px #fff; transform: translate(-50%, -50%); }
.phz-ab .phz-ab-step.is-flip .phz-ab-step__media { order: 2; }
.phz-ab .phz-ab-step__media { position: relative; }
.phz-ab .phz-ab-step__media img { display: block; width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; border-radius: 28px; box-shadow: 0 24px 50px rgba(17,17,17,.12); }
.phz-ab .phz-ab-step__tag { position: absolute; bottom: 16px; inset-inline-start: 16px; padding: 7px 14px; border-radius: 999px; background: rgba(255,255,255,.95); color: #111; font-size: 13px; font-weight: 900; box-shadow: 0 10px 20px rgba(0,0,0,.12); }
.phz-ab .phz-ab-step__kick { display: inline-block; margin-bottom: 6px; color: var(--ab-orange); font-size: 13px; font-weight: 900; letter-spacing: .06em; }
.phz-ab .phz-ab-step__text h3 { margin: 0 0 12px; font-size: clamp(24px, 2.8vw, 32px); font-weight: 900; line-height: 1.25; }
.phz-ab .phz-ab-step__text p { margin: 0 0 10px; color: #444; font-size: 16px; line-height: 1.9; }

/* 3) الشركاء */
.phz-ab .phz-ab-trust { display: grid; justify-items: center; gap: 16px; margin-bottom: 64px; padding: 34px 20px; border-radius: 32px; background: linear-gradient(135deg, #fff5e8, #fff); border: 1px solid var(--ab-line); }
.phz-ab .phz-ab-trust__cap { color: var(--ab-muted); font-size: 13px; font-weight: 900; letter-spacing: .08em; }
.phz-ab .phz-ab-trust__logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.phz-ab .phz-ab-trust__logos figure { display: grid; justify-items: center; gap: 8px; margin: 0; }
.phz-ab .phz-ab-trust__logos img { width: 150px; aspect-ratio: 1; object-fit: cover; border-radius: 26px; box-shadow: 0 16px 34px rgba(17,17,17,.12); }
.phz-ab .phz-ab-trust__logos figcaption { color: var(--ab-muted); font-size: 13px; font-weight: 800; }
.phz-ab .phz-ab-trust__shops { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 18px; color: var(--ab-muted); font-size: 14px; font-weight: 700; }
.phz-ab .phz-ab-trust__shops b { color: #111; font-size: 20px; font-weight: 900; letter-spacing: -.01em; }

/* 4) لماذا أقراص فوّارة */
.phz-ab .phz-ab-fizzy { margin-bottom: 64px; }
.phz-ab .phz-ab-fizzy__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.phz-ab .phz-ab-card { --c: #f7941d; --bg: #fff3e3; padding: 26px 22px; border-radius: 26px; background: linear-gradient(160deg, var(--bg), #fff 80%); border: 1px solid var(--ab-line); transition: transform .3s, box-shadow .3s; }
.phz-ab .phz-ab-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(17,17,17,.08); }
.phz-ab .phz-ab-card.is-blue { --c: #1c6fd1; --bg: #e8f2ff; }
.phz-ab .phz-ab-card.is-amber { --c: #e08a00; --bg: #fff4dc; }
.phz-ab .phz-ab-card.is-green { --c: #1f8a2e; --bg: #e6f6e9; }
.phz-ab .phz-ab-card b { display: block; margin: 14px 0 6px; font-size: 20px; font-weight: 900; }
.phz-ab .phz-ab-card p { margin: 0; color: var(--ab-muted); font-size: 15px; line-height: 1.8; }
.phz-ab .phz-ab-ic { display: block; width: 54px; height: 54px; border-radius: 17px; background: var(--c) center / 28px no-repeat; box-shadow: 0 10px 22px rgba(0,0,0,.12); }
.phz-ab .phz-ab-ic--glass { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l-1.5 17a2 2 0 0 1-2 1.8h-5A2 2 0 0 1 7.5 20L6 3Z'/%3E%3Cpath d='M6.5 9h11'/%3E%3C/svg%3E"); }
.phz-ab .phz-ab-ic--drop { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s6 6.4 6 11a6 6 0 0 1-12 0c0-4.6 6-11 6-11Z'/%3E%3C/svg%3E"); }
.phz-ab .phz-ab-ic--leaf { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20c0-9 5-15 15-15 0 10-6 15-15 15Z'/%3E%3Cpath d='M5 20c3-4.5 6.5-7.5 10.5-10'/%3E%3C/svg%3E"); }

/* 5) لماذا فيزز: بنتو */
.phz-ab .phz-ab-why { margin-bottom: 64px; scroll-margin-top: 120px; }
.phz-ab .phz-ab-bento { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.phz-ab .phz-ab-tile { position: relative; padding: 24px 22px; border-radius: 26px; background: #fff; border: 1px solid var(--ab-line); }
.phz-ab .phz-ab-tile.is-hero { grid-row: span 2; display: flex; flex-direction: column; justify-content: flex-end; min-height: 320px; background: radial-gradient(circle at 80% 15%, rgba(247,148,29,.55), transparent 50%), #111; color: #fff; border: 0; }
.phz-ab .phz-ab-tile.is-hero p { color: rgba(255,255,255,.78); }
.phz-ab .phz-ab-tile.is-wide { grid-column: span 2; }
.phz-ab .phz-ab-tile__n { position: absolute; top: 18px; inset-inline-end: 20px; color: rgba(17,17,17,.12); font-size: 40px; font-weight: 900; line-height: 1; }
.phz-ab .phz-ab-tile.is-hero .phz-ab-tile__n { color: rgba(255,255,255,.18); }
.phz-ab .phz-ab-tile h3 { margin: 0 0 12px; max-width: 88%; font-size: 20px; font-weight: 900; line-height: 1.35; }
.phz-ab .phz-ab-tile.is-hero h3 { font-size: clamp(24px, 2.6vw, 30px); }
.phz-ab .phz-ab-tile p { margin: 0 0 10px; color: #444; font-size: 15px; line-height: 1.85; }
.phz-ab .phz-ab-tile__em { padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.1); font-weight: 800; }
.phz-ab .phz-ab-tile__small { color: var(--ab-muted) !important; font-size: 13.5px !important; }
.phz-ab .phz-ab-steps { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: s; }
.phz-ab .phz-ab-steps li { position: relative; padding-inline-start: 40px; font-size: 15px; line-height: 1.7; counter-increment: s; }
.phz-ab .phz-ab-steps li::before { content: counter(s); position: absolute; inset-inline-start: 0; top: 0; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, #ffc15e, #f7941d); color: #111; font-size: 13px; font-weight: 900; }
.phz-ab .phz-ab-els { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 12px; direction: ltr; }
.phz-ab .phz-ab-els b { display: grid; place-items: center; min-width: 40px; height: 40px; border-radius: 12px; background: var(--ab-soft); color: var(--ab-orange); font-size: 15px; font-weight: 900; }
.phz-ab .phz-ab-eq { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 2px 0 12px; }
.phz-ab .phz-ab-eq span { padding: 7px 12px; border-radius: 12px; background: #fff3e3; color: #b35f00; font-size: 14px; font-weight: 900; }
.phz-ab .phz-ab-eq span.is-water { background: #e8f2ff; color: #1c6fd1; }
.phz-ab .phz-ab-eq em { color: var(--ab-muted); font-style: normal; font-weight: 900; }
.phz-ab .phz-ab-vits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 12px; padding: 0; list-style: none; }
.phz-ab .phz-ab-vits li { --c: #f7941d; padding: 14px 16px; border-radius: 16px; background: var(--ab-soft); border-inline-start: 4px solid var(--c); font-size: 14.5px; line-height: 1.75; }
.phz-ab .phz-ab-vits li.is-amber { --c: #e08a00; } .phz-ab .phz-ab-vits li.is-orange { --c: #f7941d; } .phz-ab .phz-ab-vits li.is-violet { --c: #7c3aed; } .phz-ab .phz-ab-vits li.is-green { --c: #1f8a2e; }

/* 6) المقارنة (موجودة) — مسافة */
.phz-ab .phz-about__cmp { margin: 0 0 64px; }

/* 7) منتجين */
.phz-ab .phz-ab-pick { margin-bottom: 64px; }
.phz-ab .phz-ab-pick__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.phz-ab .phz-ab-prod { display: grid; grid-template-columns: 150px 1fr; gap: 20px; align-items: center; padding: 22px; border-radius: 30px; background: linear-gradient(135deg, #ffe0b0, #fff3e3); }
.phz-ab .phz-ab-prod.is-energy { background: radial-gradient(circle at 85% 15%, rgba(255,90,118,.5), transparent 50%), #140709; color: #fff; }
.phz-ab .phz-ab-prod img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 22px; box-shadow: 0 18px 36px rgba(0,0,0,.18); }
.phz-ab .phz-ab-prod b { display: block; margin-bottom: 6px; font-size: 24px; font-weight: 900; }
.phz-ab .phz-ab-prod p { margin: 0 0 14px; color: #444; font-size: 15px; line-height: 1.8; }
.phz-ab .phz-ab-prod.is-energy p { color: rgba(255,255,255,.75); }

/* 8) الأدلة + الأسئلة */
.phz-ab .phz-ab-two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 64px; }
.phz-ab .phz-ab-box { padding: 26px 24px; border-radius: 28px; background: #fff; border: 1px solid var(--ab-line); }
.phz-ab .phz-ab-box h2 { margin: 6px 0 12px; font-size: 24px; }
.phz-ab .phz-ab-box > p { color: #444; font-size: 15px; line-height: 1.85; }

/* 9) الدعوة الأخيرة */
.phz-ab .phz-ab-cta { position: relative; overflow: hidden; padding: clamp(40px, 6vw, 70px) 20px; border-radius: 36px; background: radial-gradient(circle at 20% 20%, rgba(247,148,29,.5), transparent 45%), radial-gradient(circle at 85% 90%, rgba(200,16,46,.55), transparent 45%), #0b0b12; color: #fff; text-align: center; isolation: isolate; }
.phz-ab .phz-ab-cta h2 { margin-bottom: 10px; }
.phz-ab .phz-ab-cta p { margin: 0 0 24px; color: rgba(255,255,255,.75); font-size: 16px; }
.phz-ab .phz-ab-cta > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.phz-ab .phz-ab-cta img { position: absolute; z-index: -1; width: clamp(110px, 14vw, 170px); aspect-ratio: 1; object-fit: cover; border-radius: 28px; box-shadow: 0 24px 44px rgba(0,0,0,.45); opacity: .9; }
.phz-ab .phz-ab-cta__p1 { top: 18%; inset-inline-start: 4%; transform: rotate(-10deg); }
.phz-ab .phz-ab-cta__p2 { bottom: 12%; inset-inline-end: 4%; transform: rotate(9deg); }

/* ظهور ناعم أثناء النزول (بالمتصفحات اللي بتدعمه بس) */
@supports (animation-timeline: view()) {
  .phz-ab :is(.phz-ab-step, .phz-ab-card, .phz-ab-tile, .phz-ab-prod, .phz-ab-box, .phz-about__cmp, .phz-ab-trust) {
    animation: phz-ab-rise linear both;
    animation-timeline: view();
    animation-range: entry 0% cover 22%;
  }
  @keyframes phz-ab-rise { from { opacity: 0; transform: translateY(36px); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) { .phz-ab * { animation: none !important; } }

/* الجوال والتابلت */
@media (max-width: 900px) {
  .phz-ab .phz-ab-bento { grid-template-columns: 1fr 1fr; }
  .phz-ab .phz-ab-tile.is-hero { grid-row: auto; grid-column: 1 / -1; min-height: 0; }
  .phz-ab .phz-ab-tile.is-wide { grid-column: 1 / -1; }
  .phz-ab .phz-ab-pick__grid, .phz-ab .phz-ab-two { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .phz-ab .phz-ab-hero { border-radius: 26px; }
  .phz-ab .phz-ab-stats { grid-template-columns: 1fr 1fr; }
  .phz-ab .phz-ab-stats li:nth-child(3) { border-inline-start: 0; }
  .phz-ab .phz-ab-stats li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.12); }
  .phz-ab .phz-ab-step { grid-template-columns: 1fr; gap: 16px; padding: 18px 0 18px 0; padding-inline-start: 46px; }
  .phz-ab .phz-ab-step::before { left: auto; inset-inline-start: 18px; transform: none; }
  .phz-ab .phz-ab-step__dot { top: 18px; left: auto; inset-inline-start: 0; width: 38px; height: 38px; font-size: 13px; transform: none; }
  .phz-ab .phz-ab-step.is-flip .phz-ab-step__media { order: 0; }
  .phz-ab .phz-ab-fizzy__grid, .phz-ab .phz-ab-bento, .phz-ab .phz-ab-vits { grid-template-columns: 1fr; }
  .phz-ab .phz-ab-prod { grid-template-columns: 100px 1fr; gap: 14px; padding: 16px; }
  .phz-ab .phz-ab-prod b { font-size: 20px; }
  .phz-ab .phz-ab-cta img { display: none; }
  .phz-ab .phz-ab-trust__logos img { width: 120px; }
  .phz-ab :is(.phz-ab-hero, .phz-ab-journey, .phz-ab-trust, .phz-ab-fizzy, .phz-ab-why, .phz-ab-pick, .phz-ab-two, .phz-about__cmp) { margin-bottom: 44px; }
}

/* صفحة الأسئلة الشائعة: سؤالين بكل صف، كل سؤال كرت مسكّر بينفتح بضغطة (phizz.js بيضيف phz-faqp--js) */
.phz-faqp__sec dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; margin-top: 14px; }
.phz-faqp__q { border-radius: 18px; background: #f7f5f0; transition: background .2s, box-shadow .2s; }
.phz-faqp__q dt { margin: 0 !important; padding: 15px 16px; font-size: 15.5px !important; }
.phz-faqp__q dd { margin: 0 !important; padding: 0 16px 16px !important; border-bottom: 0 !important; }
.phz-faqp--js .phz-faqp__q dt { position: relative; padding-inline-end: 52px; cursor: pointer; user-select: none; }
.phz-faqp--js .phz-faqp__q dt::after {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-end: 14px;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  border-radius: 50%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 14px no-repeat;
  transition: transform .3s, background-color .3s;
}
.phz-faqp--js .phz-faqp__q dd { display: none; }
.phz-faqp--js .phz-faqp__q.is-open { background: #fff; box-shadow: inset 0 0 0 1.5px #111, 0 14px 30px rgba(17,17,17,.08); }
.phz-faqp--js .phz-faqp__q.is-open dt::after { transform: rotate(45deg); background-color: #ffb649; }
.phz-faqp--js .phz-faqp__q.is-open dd { display: block; animation: phz-faqp-in .3s ease; }
.phz-faqp--js .phz-faqp__q dt:focus-visible { outline: 2px solid #f7941d; outline-offset: 2px; border-radius: 16px; }
@keyframes phz-faqp-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (max-width: 700px) { .phz-faqp__sec dl { grid-template-columns: 1fr; } }

/* ===================== الفوتر: مرتّب ومضغوط (بكل الموقع) =====================
   اللوغو والسوشال بأول عمود، الروابط بالنص، التواصل بالآخر.
   الشهادات والدفع والحقوق بسطر رفيع تحت، بلا الكبسولة البيضا الكبيرة. */
.store-footer-wrap { border-top: 1px solid rgba(17, 17, 17, 0.07); }
.store-footer { padding-top: 44px !important; padding-bottom: 20px !important; }
.store-footer > .grid { grid-template-columns: 1.1fr 1.3fr 1fr !important; gap: 32px 48px !important; align-items: start; }
.store-footer > .grid > div:nth-child(2) { order: -1; align-items: flex-start !important; text-align: start !important; }
.store-footer > .grid > div:nth-child(2) > a { margin-bottom: 16px !important; }
.store-footer .mobile-apps-wrap { align-items: flex-start !important; }

/* العناوين */
.store-footer .widget h3,
.store-footer salla-contacts .s-contacts-title,
.store-footer salla-contacts h3 { margin: 0 0 14px !important; font-size: 15px !important; font-weight: 800 !important; }
.store-footer .widget { border: 0 !important; }

/* الروابط: عمودين قريبين */
.store-footer .footer-menu { gap: 10px 24px !important; }
.store-footer .footer-menu a { font-size: 14px !important; color: #444 !important; transition: color 0.2s; }
.store-footer .footer-menu a:hover { color: #f7941d !important; }

/* التواصل: سطور أقرب وأيقونات أصغر */
.store-footer salla-contacts .s-contacts-list { gap: 10px !important; }
.store-footer salla-contacts .s-contacts-item { margin: 0 !important; font-size: 14px; }
.store-footer salla-contacts .s-contacts-icon { width: 34px !important; height: 34px !important; }

/* السوشال: دواير أصغر */
.store-footer salla-social a,
.store-footer salla-social .s-social-link { width: 38px !important; height: 38px !important; }

/* الشهادات: سطر رفيع تحت الأعمدة */
.store-footer .footer-certificates { margin-top: 28px !important; padding-top: 20px; border-top: 1px solid rgba(17, 17, 17, 0.07); justify-content: flex-start !important; }
.store-footer .footer-certificates > div { gap: 20px !important; }
.store-footer .footer-certificates img { height: 32px !important; width: auto !important; }

/* الشريط الأخير (الحقوق + اللغة + الدفع): بلا كبسولة */
.store-footer-wrap > .container:last-child { padding-top: 0 !important; padding-bottom: 20px !important; }
.store-footer__bottom-bar { padding: 16px 0 0 !important; border: 0 !important; border-top: 1px solid rgba(17, 17, 17, 0.07) !important; border-radius: 0 !important; background: transparent !important; }
.store-footer__bottom-bar .copyright-text p { margin: 0 !important; font-size: 13px; }

@media (max-width: 767px) {
  .store-footer { padding-top: 32px !important; }
  .store-footer > .grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  .store-footer > .grid > div:nth-child(2) { align-items: center !important; text-align: center !important; }
  .store-footer .mobile-apps-wrap { align-items: center !important; }
  .store-footer .footer-certificates { justify-content: center !important; }
  .store-footer__bottom-bar { text-align: center; }
}

/* صفحة «عن فيزز»: بلوك «العرق ليس ماءً فقط» (انتقل من الرئيسية) */
.phz-ab .phz-ab-sweat { display: grid; grid-template-columns: 1.2fr 0.8fr; align-items: center; gap: clamp(20px, 4vw, 56px); margin-bottom: 64px; padding: clamp(22px, 3.4vw, 44px); border-radius: 32px; background: #fff; border: 1px solid var(--ab-line); scroll-margin-top: 120px; }
.phz-ab .phz-ab-sweat__copy p { margin: 12px 0 0; max-width: 560px; color: var(--ab-muted); font-size: 16px; line-height: 1.85; }
.phz-ab .phz-ab-sweat__viz { display: grid; justify-items: center; gap: 14px; text-align: center; }
.phz-ab .phz-ab-sweat__drop { display: grid; place-items: center; width: 130px; height: 130px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; background: linear-gradient(160deg, #9fd8ff, #3b9ce0); color: #0b2a44; font-size: 18px; font-weight: 900; }
.phz-ab .phz-ab-sweat__parts { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; direction: ltr; }
.phz-ab .phz-ab-sweat__parts b { display: grid; place-items: center; min-width: 46px; height: 46px; padding: 0 8px; border-radius: 14px; background: var(--ab-soft); border: 1px solid var(--ab-line); color: var(--ab-orange); font-size: 16px; font-weight: 900; }
.phz-ab .phz-ab-sweat__parts b:first-child { background: #3b9ce0; border-color: #3b9ce0; color: #fff; }
.phz-ab .phz-ab-sweat__viz p { margin: 0; color: var(--ab-muted); font-size: 14px; font-weight: 700; }
@media (max-width: 860px) {
  .phz-ab .phz-ab-sweat { grid-template-columns: 1fr; margin-bottom: 44px; text-align: center; }
  .phz-ab .phz-ab-sweat__copy p { margin-inline: auto; }
  .phz-ab .phz-ab-sweat__drop { width: 100px; height: 100px; font-size: 15px; }
}

/* صفحة «عن فيزز»: صورة د. بول بخطوة «التركيبة» — الوجه بيضل ظاهر لما تنقص الصورة */
.phz-ab .phz-ab-step__media img.is-person { object-position: center 20%; }

/* صفحة «عن فيزز»: قسم «تعرّف على فيزز» (البنتو + بلوك العرق) · زرّي التسوق تحت المقارنة · المصادر العلمية */
.phz-ab .phz-ab-why .phz-ab-sweat { margin: 14px 0 0; }
.phz-ab .phz-ab-cmp-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 18px; }
.phz-ab .phz-ab-box .phz-why__refs { grid-template-columns: 1fr; gap: 10px; }
.phz-ab .phz-ab-box .phz-why__refs a { text-decoration: none !important; font-weight: 600; color: #444 !important; }
.phz-ab .phz-ab-box .phz-why__refs a b { color: #111; font-weight: 900; text-decoration: underline; text-decoration-color: #ffb649; text-underline-offset: 3px; }

/* صفحة المنتج: «التفاصيل» كروت مختصرة (4 بـ3 في 1 = شبكة 2×2) · الكود بسطر لحالو تحت التجربة */
body.phz-pdp .phz-bcards.is-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 640px) { body.phz-pdp .phz-bcards.is-4 { grid-template-columns: 1fr; } }
body.phz-pdp .phz-trial .phz-trial-code { margin: 10px 0 0; padding-top: 10px; border-top: 1px dashed rgba(17, 17, 17, 0.15); font-size: 13px; }

/* المكوّنات بصفحة المنتج: كل مجموعة بلون — الإلكترولايتات أزرق (ماء)، الفيتامينات برتقالي، الطاقة أحمر */
body.phz-pdp .phz-ng-0 { --pz-accent: #1c6fd1; --pz-accent-soft: #e8f2ff; }
body.phz-pdp .phz-ng-1 { --pz-accent: #e07f00; --pz-accent-soft: #fff1dc; }
body.phz-pdp .phz-ng-2 { --pz-accent: #c8102e; --pz-accent-soft: #fdeaee; }
body.phz-pdp .phz-ntiles.phz-ng-0 .phz-ntile { background: #f5f9ff; border-color: rgba(28, 111, 209, 0.16); }
body.phz-pdp .phz-ntiles.phz-ng-1 .phz-ntile { background: #fffaf2; border-color: rgba(224, 127, 0, 0.18); }
body.phz-pdp .phz-ntiles .phz-ntile .phz-nut-bar i { opacity: 1; }

/* ===================== قائمة الجوال (الدرج الجانبي) =====================
   خلفية فاتحة متدرّجة · زر إغلاق دائري واحد (كان يطلع X مكرر) · كل رابط كرت بسهم
   · روابط الفوتر المكررة مخفية وبدالها بطاقتين للمنتجين + كود أول طلب (phizz.js بيبنيهم) */
#storemenu-panel {
  background:
    radial-gradient(420px 320px at 100% 0%, rgba(247, 148, 29, 0.2), transparent 65%),
    radial-gradient(380px 360px at 0% 100%, rgba(228, 23, 62, 0.1), transparent 65%),
    #fbf6ef !important;
  font-family: "Cairo", sans-serif;
}
#storemenu-panel .secondary-menu-wrap { display: none !important; }
#storemenu-panel .close-button { width: 42px !important; height: 42px !important; border-radius: 50%; background: #fff !important; box-shadow: 0 6px 16px rgba(17, 17, 17, 0.1); }
#storemenu-panel .close-button .in,
#storemenu-panel .close-button .out { display: none !important; }
#storemenu-panel .close-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / 18px no-repeat;
}
#storemenu-panel .main-menu { display: grid; gap: 8px; margin: 0; padding: 0; }
#storemenu-panel .main-menu > li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
#storemenu-panel .main-menu > li > a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px !important;
  border: 0 !important;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.05);
  color: #111 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: background 0.2s, transform 0.2s;
}
#storemenu-panel .main-menu > li > a span { border: 0 !important; text-decoration: none !important; }
#storemenu-panel .main-menu > li > a::before,
#storemenu-panel .main-menu > li > a span::before,
#storemenu-panel .main-menu > li > a span::after { content: none !important; display: none !important; }
#storemenu-panel .main-menu > li > a::after {
  content: "" !important;
  position: static !important;
  flex: 0 0 auto;
  width: 18px !important;
  height: 18px !important;
  border: 0 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center / contain no-repeat !important;
  opacity: 1 !important;
  transform: none;
}
html[lang^="en"] #storemenu-panel .main-menu > li > a::after { transform: scaleX(-1); }
#storemenu-panel .main-menu > li > a:active { transform: scale(0.98); background: #fff3e3; }

.phz-mnav { display: grid; gap: 8px; margin: 18px 0 8px; }
.phz-mnav-cap { color: #6b6864; font-size: 13px; font-weight: 800; }
.phz-mnav-card { display: flex; align-items: center; gap: 12px; padding: 10px; border: 1px solid rgba(247, 148, 29, 0.25); border-radius: 18px; background: linear-gradient(135deg, #fff1de, #fff 80%); color: #111 !important; text-decoration: none !important; }
.phz-mnav-card.is-energy { border-color: rgba(200, 16, 46, 0.22); background: linear-gradient(135deg, #fdeaee, #fff 80%); }
.phz-mnav-card img { flex: 0 0 auto; width: 56px; height: 56px; border-radius: 14px; object-fit: cover; }
.phz-mnav-card b { display: block; font-size: 15px; font-weight: 900; line-height: 1.4; }
.phz-mnav-card small { display: block; color: #6b6864; font-size: 12.5px; font-weight: 700; }
.phz-mnav-coupon { display: flex; align-items: center; gap: 8px; width: 100%; padding: 10px 12px; border: 1.5px dashed #c8102e; border-radius: 16px; background: rgba(200, 16, 46, 0.05); color: #c8102e; font-family: inherit; font-size: 13.5px; font-weight: 800; text-align: start; cursor: pointer; }
.phz-mnav-coupon span { flex: 1; }
.phz-mnav-coupon code { font-family: inherit; font-weight: 900; letter-spacing: 0.06em; direction: ltr; }
.phz-mnav-coupon em { padding: 3px 10px; border-radius: 8px; background: #c8102e; color: #fff; font-style: normal; font-size: 12px; font-weight: 800; }
.phz-mnav-coupon.is-done em { background: #1f8a2e; }

/* ===================== صفحة «عن فيزز» بعرض الشاشة =====================
   الغلاف بيطلع من حاوية الثيم لعرض الشاشة كامل، والمحتوى لحد 1320px بالنص،
   والهيرو والشركاء والدعوة الأخيرة شرائط من طرف لطرف */
html:has(.phz-ab), body:has(.phz-ab) { overflow-x: clip; }
.content--single-page:has(.phz-ab) { background: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }
.phz-about.phz-ab {
  --ab-gut: max(16px, calc((100vw - 1320px) / 2));
  --ab-pad: max(clamp(22px, 5vw, 64px), var(--ab-gut));
  box-sizing: border-box;
  width: 100vw;
  max-width: none;
  margin: 0 calc(50% - 50vw) 0;
  padding-inline: var(--ab-gut);
}
.phz-ab :is(.phz-ab-hero, .phz-ab-trust, .phz-ab-cta) { margin-inline: calc(-1 * var(--ab-gut)); border-radius: 0; border-inline: 0; }
.phz-ab .phz-ab-hero { padding-inline: var(--ab-pad); }
.phz-ab .phz-ab-hero__in { max-width: 720px; }
.phz-ab .phz-ab-stats { margin-inline: calc(-1 * var(--ab-pad)); padding-inline: var(--ab-pad); }
.phz-ab .phz-ab-cta { margin-bottom: 0; }
.phz-ab .phz-ab-trust { padding-inline: var(--ab-gut); }
@media (max-width: 700px) { .phz-ab .phz-ab-hero { border-radius: 0; } }
/* «كيف يُحضّر» صار بعرض سطرين بالبنتو: الخطوات الثلاث جنب بعض */
@media (min-width: 901px) { .phz-ab .phz-ab-tile.is-wide .phz-ab-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }

/* ===================== «كيف تعمل تركيبة الترطيب؟» تفاعلية =====================
   رسم: فوق الأمعاء، بالنص جدار فيه «الناقل»، تحت الجسم.
   خطوة 1: الصوديوم والجلوكوز والماء بالأمعاء · 2: الصوديوم والجلوكوز بيمرقوا من الناقل · 3: الماء بيلحقهم.
   phizz.js بيشغّل الخطوات لحالها لما يوصل القسم للشاشة، وضغطة على خطوة بتعرضها. بلا JS: بتضل الخطوة 3 */
.phz-ab .phz-ab-how {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  grid-template-areas: "head stage" "steps stage" "note stage";
  grid-template-rows: auto auto 1fr;
  gap: 18px clamp(24px, 4vw, 56px);
  margin: 14px 0 0;
  padding: clamp(22px, 3.4vw, 44px);
  border-radius: 32px;
  background: radial-gradient(circle at 0% 0%, rgba(247,148,29,.14), transparent 45%), radial-gradient(circle at 100% 100%, rgba(28,111,209,.12), transparent 45%), #fff;
  border: 1px solid var(--ab-line);
  scroll-margin-top: 120px;
}
.phz-ab .phz-ab-how__head { grid-area: head; }
.phz-ab .phz-ab-how__head p { margin: 10px 0 0; color: var(--ab-muted); font-size: 15px; font-weight: 700; }
.phz-ab .phz-ab-how__stage { grid-area: stage; align-self: center; }
.phz-ab .phz-ab-how__steps { grid-area: steps; display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: phz-how; }
.phz-ab .phz-ab-how__note { grid-area: note; margin: 0; color: var(--ab-muted); font-size: 13.5px; line-height: 1.8; }

/* الخطوات */
.phz-ab .phz-ab-how__steps li {
  --c: #f7941d;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 18px;
  background: var(--ab-soft);
  border: 1.5px solid transparent;
  overflow: hidden;
  counter-increment: phz-how;
  transition: background .3s, border-color .3s, box-shadow .3s, transform .3s;
}
.phz-ab .phz-ab-how__steps li:nth-child(2) { --c: #e08a00; }
.phz-ab .phz-ab-how__steps li:nth-child(3) { --c: #1c6fd1; }
.phz-ab .phz-ab-how__steps li::before { content: counter(phz-how); grid-row: span 2; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: #fff; color: var(--c); font-size: 16px; font-weight: 900; transition: background .3s, color .3s; }
.phz-ab .phz-ab-how__steps b { font-size: 17px; font-weight: 900; line-height: 1.4; }
.phz-ab .phz-ab-how__steps li > span { color: var(--ab-muted); font-size: 14.5px; font-weight: 600; line-height: 1.6; }
.phz-ab .phz-ab-how.is-js .phz-ab-how__steps li { cursor: pointer; }
.phz-ab .phz-ab-how.is-js .phz-ab-how__steps li:hover { transform: translateX(0) translateY(-2px); }
.phz-ab .phz-ab-how.is-js .phz-ab-how__steps li:focus-visible { outline: 2px solid var(--c); outline-offset: 2px; }
.phz-ab .phz-ab-how.is-js .phz-ab-how__steps li.is-on { background: #fff; border-color: var(--c); box-shadow: 0 14px 30px rgba(17,17,17,.08); }
.phz-ab .phz-ab-how.is-js .phz-ab-how__steps li.is-on::before { background: var(--c); color: #fff; }
.phz-ab .phz-ab-how.is-js .phz-ab-how__steps li.is-on b { color: var(--c); }
/* شريط تقدّم تحت الخطوة الشغّالة (بالتشغيل التلقائي بس) */
.phz-ab .phz-ab-how.is-auto .phz-ab-how__steps li.is-on::after { content: ""; position: absolute; bottom: 0; inset-inline-start: 0; height: 3px; background: var(--c); animation: phz-how-bar var(--phz-how-dur, 2.6s) linear both; }
@keyframes phz-how-bar { from { width: 0; } to { width: 100%; } }

/* الرسم */
.phz-ab .phz-ab-how__viz { position: relative; aspect-ratio: 5 / 4; border-radius: 28px; overflow: hidden; background: #fff; border: 1px solid var(--ab-line); box-shadow: 0 24px 50px rgba(17,17,17,.08); }
.phz-ab .phz-ab-how__zone { position: absolute; left: 0; right: 0; display: flex; padding: 12px 16px; font-size: 13px; font-weight: 900; transition: background .6s; }
.phz-ab .phz-ab-how__zone.is-gut { top: 0; height: 45%; align-items: flex-start; background: linear-gradient(180deg, #fff1dc, #ffe4bf); color: #a85600; }
.phz-ab .phz-ab-how__zone.is-body { bottom: 0; height: 45%; align-items: flex-end; background: linear-gradient(180deg, #e3efff, #f2f8ff); color: #1c6fd1; }
.phz-ab .phz-ab-how.is-s3 .phz-ab-how__zone.is-body { background: linear-gradient(180deg, #cfe3ff, #e6f1ff); }
.phz-ab .phz-ab-how__wall { position: absolute; left: 0; right: 0; top: 45%; height: 10%; background: repeating-linear-gradient(90deg, #f3c89c 0 26px, #e9b584 26px 29px); box-shadow: inset 0 3px 0 rgba(0,0,0,.05), inset 0 -3px 0 rgba(0,0,0,.05); }
.phz-ab .phz-ab-how__gate { position: absolute; top: 43%; left: 50%; z-index: 1; display: grid; place-items: center; width: 24%; height: 14%; border-radius: 14px; background: #111; color: #ffb649; font-size: 12.5px; font-weight: 900; transform: translateX(-50%); transition: box-shadow .4s; }
.phz-ab .phz-ab-how.is-s2 .phz-ab-how__gate { animation: phz-how-glow 1s ease-in-out infinite alternate; }
@keyframes phz-how-glow { from { box-shadow: 0 0 0 4px rgba(255,182,73,.25); } to { box-shadow: 0 0 0 9px rgba(255,182,73,.35), 0 0 34px rgba(255,182,73,.7); } }

/* الجزيئات: مكانها بالأمعاء (x0,y0)، وبالجسم (x1,y1)، وبتمرق من الناقل (50%,50%) */
.phz-ab .phz-ab-how__p {
  position: absolute;
  z-index: 2;
  left: var(--x0);
  top: var(--y0);
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  transform: translate(-50%, -50%);
  box-shadow: 0 8px 16px rgba(17,17,17,.15);
}
.phz-ab .phz-ab-how__p.is-na { background: #f7941d; color: #fff; }
.phz-ab .phz-ab-how__p.is-glu { background: #ffc15e; color: #111; }
.phz-ab .phz-ab-how__p.is-h2o { background: #3b9ce0; color: #fff; font-size: 11px; }
.phz-ab .phz-ab-how__p.p1 { --x0: 28%; --y0: 17%; --x1: 32%; --y1: 70%; --d: 0s; }
.phz-ab .phz-ab-how__p.p2 { --x0: 45%; --y0: 30%; --x1: 48%; --y1: 84%; --d: .22s; }
.phz-ab .phz-ab-how__p.p3 { --x0: 64%; --y0: 24%; --x1: 64%; --y1: 72%; --d: .44s; }
.phz-ab .phz-ab-how__p.p4 { --x0: 82%; --y0: 13%; --x1: 80%; --y1: 86%; --d: .66s; }
.phz-ab .phz-ab-how__p.w1 { --x0: 12%; --y0: 30%; --x1: 16%; --y1: 80%; --d: 0s; }
.phz-ab .phz-ab-how__p.w2 { --x0: 55%; --y0: 11%; --x1: 70%; --y1: 64%; --d: .3s; }
.phz-ab .phz-ab-how__p.w3 { --x0: 88%; --y0: 34%; --x1: 90%; --y1: 72%; --d: .6s; }

/* خطوة 1: كلّو بالأمعاء وبيطفو */
.phz-ab .phz-ab-how.is-s1 .phz-ab-how__p { animation: phz-how-bob 2.4s ease-in-out var(--d) infinite alternate; }
/* خطوة 2: الصوديوم والجلوكوز بيمرقوا من الناقل */
.phz-ab .phz-ab-how.is-s2 .phz-ab-how__p:is(.is-na, .is-glu) { animation: phz-how-go 1.4s cubic-bezier(.5, 0, .3, 1) var(--d) both; }
.phz-ab .phz-ab-how.is-s2 .phz-ab-how__p.is-h2o { animation: phz-how-bob 2.4s ease-in-out var(--d) infinite alternate; }
/* خطوة 3: الماء بيلحقهم */
.phz-ab .phz-ab-how.is-s3 .phz-ab-how__p:is(.is-na, .is-glu) { left: var(--x1); top: var(--y1); }
.phz-ab .phz-ab-how.is-s3 .phz-ab-how__p.is-h2o { animation: phz-how-go 1.5s cubic-bezier(.5, 0, .3, 1) calc(var(--d) + .15s) both; }
@keyframes phz-how-bob { from { transform: translate(-50%, -50%); } to { transform: translate(-50%, calc(-50% - 7px)); } }
@keyframes phz-how-go {
  0% { left: var(--x0); top: var(--y0); }
  45%, 55% { left: 50%; top: 50%; }
  100% { left: var(--x1); top: var(--y1); }
}

/* زر «أعد الحركة» (phizz.js بيضيفه) */
.phz-ab .phz-ab-how__play { position: absolute; top: 10px; inset-inline-end: 10px; z-index: 3; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px 7px 10px; border: 0; border-radius: 999px; background: rgba(255,255,255,.92); color: #111; font: inherit; font-size: 12.5px; font-weight: 900; cursor: pointer; box-shadow: 0 6px 16px rgba(17,17,17,.12); }
.phz-ab .phz-ab-how__play::before { content: ""; width: 14px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E") center / contain no-repeat; }
.phz-ab .phz-ab-how__play:hover { background: #ffb649; }

/* المفتاح تحت الرسم */
.phz-ab .phz-ab-how__key { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; margin: 14px 0 0; color: var(--ab-muted); font-size: 13.5px; font-weight: 800; }
.phz-ab .phz-ab-how__key > span { display: inline-flex; align-items: center; gap: 7px; }
.phz-ab .phz-ab-how__key i { display: grid; place-items: center; min-width: 30px; height: 30px; padding: 0 5px; border-radius: 999px; font-style: normal; font-size: 10.5px; font-weight: 900; }
.phz-ab .phz-ab-how__key i.is-na { background: #f7941d; color: #fff; }
.phz-ab .phz-ab-how__key i.is-glu { background: #ffc15e; color: #111; }
.phz-ab .phz-ab-how__key i.is-h2o { background: #3b9ce0; color: #fff; }

@media (max-width: 900px) {
  .phz-ab .phz-ab-how { grid-template-columns: 1fr; grid-template-areas: "head" "stage" "steps" "note"; grid-template-rows: none; }
}
@media (max-width: 520px) {
  .phz-ab .phz-ab-how { padding: 18px 14px; border-radius: 26px; }
  .phz-ab .phz-ab-how__p { width: 34px; height: 34px; font-size: 10.5px; }
  .phz-ab .phz-ab-how__p.is-h2o { font-size: 9.5px; }
  .phz-ab .phz-ab-how__gate { font-size: 11px; border-radius: 10px; }
  .phz-ab .phz-ab-how__zone { padding: 10px 12px; font-size: 12px; }
  .phz-ab .phz-ab-how__steps b { font-size: 15.5px; }
  .phz-ab .phz-ab-how__steps li > span { font-size: 13.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .phz-ab .phz-ab-how .phz-ab-how__p { animation: none !important; }
  .phz-ab .phz-ab-how.is-s2 .phz-ab-how__p:is(.is-na, .is-glu) { left: var(--x1); top: var(--y1); }
  .phz-ab .phz-ab-how.is-s3 .phz-ab-how__p { left: var(--x1); top: var(--y1); }
}

/* «الفرق بين التركيبتين» (عن فيزز): عمود الطاقة اليومية بألوان صفحة منتج الطاقة (غامق مع كرزي)، عمود واحد متصل من فوق لتحت */
.phz-about .phz-cmp-row > div:nth-child(3) {
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  margin-block: -14px;
  padding: 14px 16px;
  background:
    radial-gradient(260px 160px at 90% 0%, rgba(200, 16, 46, 0.5), transparent 70%),
    radial-gradient(220px 160px at 0% 100%, rgba(122, 8, 30, 0.5), transparent 70%),
    #0c0809;
  color: #fff;
}
.phz-about .phz-cmp-row > div:nth-child(3) > :is(small, .phz-cmp-dots) { flex-basis: 100%; }
.phz-about .phz-cmp-row > div:nth-child(3) > b + small { flex-basis: auto; }
.phz-about .phz-cmp-row:first-child > div:nth-child(3) { border-start-start-radius: 18px; border-start-end-radius: 18px; }
.phz-about .phz-cmp-row:last-child > div:nth-child(3) { border-end-start-radius: 18px; border-end-end-radius: 18px; }
.phz-about .phz-cmp-row > div:nth-child(3) small { color: rgba(255, 255, 255, 0.7); }
.phz-about .phz-cmp-row > div:nth-child(3) .phz-cmp-pill--caf { background: #c8102e; color: #fff; }
.phz-about .phz-cmp-row > div:nth-child(3) .phz-cmp-dots i { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85); }
@media (max-width: 640px) {
  .phz-about .phz-cmp-row > div:nth-child(3) { margin-block: 0; padding: 10px 12px; border-radius: 14px; }
}