/* ═══════════════════════════════════════════════════════════════════
   ChinaHub PDP — boost layer (assets/css/pdp-boost.css)
   بيشتغل فوق pdp-v2.css: صف الكمية · الدفع السريع (Apple Pay) · شريط الثقة
   ═══════════════════════════════════════════════════════════════════ */

/* ── صف الكمية: الاسم على جنب، والعدّاد صغير ومرتب على الجنب الثاني ── */
html body .pdp2-card .pb-qrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #F1F1F3}
.pb-qrow .pb-ql{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.pb-qrow .pb-ql b{font-size:14px;font-weight:800;color:var(--pdp2-ink,#16181D);line-height:1.2}
.pb-qrow .pb-ql small{font-size:12px;color:var(--pdp2-ink3,#7A7F8A);line-height:1.2}
.pb-qrow .pb-ql small.lo{color:#C2410C;font-weight:700}
.pb-qrow .pb-ql .pb-tot{font-size:12.5px;color:var(--pdp2-ink,#16181D);font-weight:700}
.pb-qrow .pb-ql .pb-tot[hidden]{display:none}
html body .pdp2-card .pb-qrow .qty{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:0!important;justify-content:center!important;grid-column:auto!important;height:40px!important;min-height:0!important;padding:0!important;margin:0!important;
  border:1.5px solid #E4E4E7!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;overflow:hidden}
html body .pdp2-card .pb-qrow .qty-btn{width:40px!important;height:40px!important;min-height:0!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;
  border:0!important;background:none!important;font-size:20px!important;line-height:1!important;font-weight:600!important;color:var(--pdp2-ink,#16181D)!important;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:background .12s}
@media (hover:hover){html body .pdp2-card .pb-qrow .qty-btn:hover{background:#F6F6F7!important}}
html body .pdp2-card .pb-qrow .qty-btn:active{background:#EFEFF1!important}
html body .pdp2-card .pb-qrow .qty-btn:disabled,html body .pdp2-card .pb-qrow .qty-btn.pb-off{color:#C7C9CF!important;cursor:default;background:none!important}
html body .pdp2-card .pb-qrow .qty-num{min-width:34px!important;height:40px!important;line-height:40px!important;margin:0!important;padding:0 2px!important;text-align:center!important;
  font-size:15px!important;font-weight:800!important;font-variant-numeric:tabular-nums;color:var(--pdp2-ink,#16181D)!important;border:0!important;background:none!important;display:block!important}
html body .pdp2-card .pb-qrow .qty-num.pb-bump{animation:pbBump .22s ease}
@keyframes pbBump{50%{transform:scale(1.18)}}
/* الاسم القديم جوّا صف الأزرار ما عاد إله لزوم */
html body .pdp2-card .pdp2-buyrow .pdp2-qlbl{display:none!important}
/* بالكمبيوتر: صف الأزرار تحت صف الكمية، زرّين بعرض كامل */
@media (min-width:981px){
  html body .pdp2-card .pdp2-buyrow.pb-noqty{display:grid!important;grid-template-columns:1fr 1.25fr!important;margin-top:12px!important}
}
/* بالموبايل: الأزرار بالشريط السفلي، فصف الأزرار الفاضي بيختفي */
@media (max-width:980px){
  html body .pdp2-card .pdp2-buyrow.pb-noqty{display:none!important}
  html body .pdp2-card .pb-qrow{margin-top:12px;padding-top:12px}
}

/* ── الدفع السريع (Apple Pay / Google Pay) ── */
html body .pdp2-card .pdp2-xp.pb-xp{margin:14px 0 0!important;padding:12px!important;border:1px solid #EDEDF0!important;border-radius:14px!important;background:#FAFAFB!important}
.pb-xp .pdp2-xp-h{display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px!important;font-size:13px!important;color:var(--pdp2-ink,#16181D)!important;font-weight:800}
.pb-xp .pdp2-xp-h::before,.pb-xp .pdp2-xp-h::after{display:none!important}
.pb-xp .pdp2-xp-h span{display:inline-flex;align-items:center;gap:6px}
.pb-xp .pb-wl{display:inline-flex;gap:5px;align-items:center}
.pb-xp .pb-wl i{font-style:normal;font-size:10.5px;font-weight:800;line-height:1;padding:4px 7px;border-radius:6px;background:#fff;border:1px solid #E4E4E7;color:#111;letter-spacing:.1px;white-space:nowrap}
.pb-xp .pdp2-xp-btn{border-radius:10px!important}
.pb-xp .pdp2-xp-n{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px!important;font-size:11.5px!important;color:var(--pdp2-ink3,#7A7F8A)!important;line-height:1.4}
.pb-xp .pdp2-xp-n::before{content:"";flex:none;width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 9V7a5 5 0 0 0-10 0v2H5v13h14V9zm-8 0V7a3 3 0 0 1 6 0v2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 9V7a5 5 0 0 0-10 0v2H5v13h14V9zm-8 0V7a3 3 0 0 1 6 0v2z'/%3E%3C/svg%3E") center/contain no-repeat}

/* ── شريط الثقة تحت الشراء ── */
.pb-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 2px}
.pb-trust div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:10px 6px;border-radius:12px;background:#F7FBF8;border:1px solid #E3F2E8}
.pb-trust svg{width:20px;height:20px;fill:none;stroke:#067647;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pb-trust b{font-size:12px;font-weight:800;color:#0B3B24;line-height:1.25}
.pb-trust small{font-size:11px;color:#4B6B58;line-height:1.3}
@media (max-width:380px){.pb-trust small{display:none}}

/* ── نافذة الاختيار بوضع «دفع سريع» ── */
.pb-xpnote{margin:2px 16px 0;padding:8px 12px;border-radius:10px;background:#111;color:#fff;font-size:13px;font-weight:700;text-align:center}
.pdp2-sh-wrap:not(.pb-xpmode) .pb-xpnote{display:none}
html body .pdp2-sh-go.pb-gopay{background:#000!important;color:#fff!important;border-color:#000!important}

/* ── الشريط السفلي بالموبايل: ثابت تماماً، ما بيتحرك ولا بينزلق ── */
@media (max-width:980px){
  html body #ch-cbar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
    transform:translate3d(0,0,0)!important;transition:none!important;animation:none!important;will-change:auto!important;
    -webkit-backface-visibility:hidden;backface-visibility:hidden}
  html body #ch-cbar.pdp2-cbar-hide{transform:translate3d(0,0,0)!important}
  /* شريط الشحن جوّا الشريط بيظهر بدون ما يهزّ الأزرار */
  html body #ch-cbar .ch-cbar-ship{transition:none!important}
  /* مساحة تحت الصفحة بقدّ الشريط، فما في محتوى بيختفي تحته */
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
}
/* آيفون: overflow-x:hidden على html و body بيخلّي العناصر الثابتة «ترجف» مع السكرول — clip نفس الشكل بدون هالمشكلة */
@supports (overflow-x:clip){
  @media (max-width:980px){ html,body{overflow-x:clip!important} }
}

/* نافذة الاختيار: سطر الكوبون تحت السعر */
.pdp2-sh-was .pb-shcpn{display:inline-block;margin-inline-start:4px;padding:1px 7px;border-radius:6px;background:#ECFDF3;color:#067647;font-size:11.5px;font-weight:800}