/* =========================================================
   PGP Product Card Master v204
   مسؤول واحد لتصميم كروت المنتجات مبدئياً:
   - الصفحة الرئيسية: منتجات الصفحة الرئيسية فقط
   - صفحات البارتات: كل صفحات البارتات performance
   المطلوب: صورة + سعر + قلب حب، بدون اسم المنتج داخل الكارت
   ========================================================= */

/* -------- shared product card target -------- */
html body :is(
  .pgp-parts-wrap .pgp-product-row .pgp-product-card,
  .pgp-most-products-card .pgp-most-row .pgp-most-product,
  .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
){
  position:relative!important;
  display:block!important;
  background:#fff!important;
  color:#111!important;
  border:1px solid rgba(0,0,0,.16)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  text-decoration:none!important;
  box-shadow:0 10px 26px rgba(0,0,0,.055)!important;
  text-shadow:none!important;
  transition:border-color .18s ease, box-shadow .18s ease!important;
}

html body :is(
  .pgp-parts-wrap .pgp-product-row .pgp-product-card,
  .pgp-most-products-card .pgp-most-row .pgp-most-product,
  .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
):hover{
  transform:none!important;
  border-color:rgba(225,53,83,.26)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.075)!important;
}

/* -------- image area / image sizing -------- */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-media,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-media,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-media{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  display:block!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:0!important;
}

html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-media img,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-media img,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
}

/* remove homepage dark gradient overlay */
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-media::after,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-media::after{
  content:none!important;
  display:none!important;
}

/* -------- hide product names/details on target cards -------- */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card :is(
  .pgp-product-title,
  .pgp-product-sub,
  .pgp-auto-card-title,
  .pgp-parts-title-frame-v183,
  .pgp-parts-title-frame-v184,
  .pgp-parts-title-frame-v185,
  .pgp-parts-title-below-v186,
  .pgp-parts-title-below-v187,
  .pgp-parts-title-overlay-v188,
  .pgp-parts-title-overlay-v189,
  .pgp-parts-title-overlay-v190,
  .pgp-parts-title-overlay-v191
),
html body :is(
  .pgp-most-products-card .pgp-most-row .pgp-most-product,
  .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
) .pgp-most-info{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  max-height:0!important;
  overflow:hidden!important;
}

/* parts product body becomes only a price holder */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-body{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:4!important;
  display:block!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  pointer-events:none!important;
}

html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-bottom{
  position:absolute!important;
  left:8px!important;
  bottom:8px!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}

/* old top price/view badges hidden on parts because master price is bottom-left */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card > :is(.pgp-price-tag,.pgp-view-tag){
  display:none!important;
}

/* -------- price style -------- */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
html body :is(
  .pgp-most-products-card .pgp-most-row .pgp-most-product,
  .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
) .pgp-most-price{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#d23d3d!important;
  border:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.12)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-shadow:none!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}

/* force homepage price into bottom-left like parts cards */
html body :is(
  .pgp-most-products-card .pgp-most-row .pgp-most-product,
  .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
) .pgp-most-price{
  position:absolute!important;
  top:auto!important;
  left:8px!important;
  bottom:8px!important;
  z-index:5!important;
}

html body :is(.pgp-product-price,.pgp-most-price) s{
  display:none!important;
}

/* hide view counter on product cards only to keep the design clean */
html body :is(
  .pgp-most-products-card .pgp-most-row .pgp-most-product,
  .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
) .pgp-most-views{
  display:none!important;
}

/* -------- heart style -------- */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-heart,
html body :is(
  .pgp-most-products-card .pgp-most-row .pgp-most-product,
  .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
) .pgp-card-master-heart{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  z-index:8!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  color:#ea3b67!important;
  box-shadow:0 6px 18px rgba(0,0,0,.12)!important;
  font-size:22px!important;
  line-height:1!important;
  text-decoration:none!important;
  cursor:pointer!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}

html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-heart span,
html body :is(
  .pgp-most-products-card .pgp-most-row .pgp-most-product,
  .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
) .pgp-card-master-heart span{
  display:block!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}

html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-heart.active,
html body :is(
  .pgp-most-products-card .pgp-most-row .pgp-most-product,
  .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
) .pgp-card-master-heart.is-active{
  background:rgba(255,255,255,.96)!important;
  color:#ee154e!important;
}

/* -------- row/card sizing: parts + homepage products -------- */
html body .pgp-parts-wrap .pgp-product-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}

html body .pgp-parts-wrap .pgp-product-row::-webkit-scrollbar{display:none!important;}

html body .pgp-parts-wrap .pgp-product-row .pgp-product-card{
  flex:0 0 calc((100% - 48px)/5)!important;
  width:calc((100% - 48px)/5)!important;
  min-width:calc((100% - 48px)/5)!important;
  max-width:calc((100% - 48px)/5)!important;
  height:170px!important;
  scroll-snap-align:start!important;
}

@media(max-width:1100px){
  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card{
    flex-basis:calc((100% - 24px)/3)!important;
    width:calc((100% - 24px)/3)!important;
    min-width:calc((100% - 24px)/3)!important;
    max-width:calc((100% - 24px)/3)!important;
  }
}

@media(max-width:768px){
  html body .pgp-parts-wrap .pgp-product-row{
    gap:8px!important;
  }

  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card{
    flex:0 0 calc((100% - 16px)/3)!important;
    width:calc((100% - 16px)/3)!important;
    min-width:calc((100% - 16px)/3)!important;
    max-width:calc((100% - 16px)/3)!important;
    height:150px!important;
    border-radius:14px!important;
  }

  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-bottom,
  html body :is(
    .pgp-most-products-card .pgp-most-row .pgp-most-product,
    .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
  ) .pgp-most-price{
    left:6px!important;
    bottom:6px!important;
  }

  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
  html body :is(
    .pgp-most-products-card .pgp-most-row .pgp-most-product,
    .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
  ) .pgp-most-price{
    min-height:20px!important;
    max-width:calc(100% - 48px)!important;
    padding:3px 7px!important;
    font-size:8.4px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-heart,
  html body :is(
    .pgp-most-products-card .pgp-most-row .pgp-most-product,
    .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
  ) .pgp-card-master-heart{
    right:6px!important;
    bottom:6px!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    font-size:20px!important;
  }
}

/* grid mode: hide arrows and make same card system work */
html body :is(.pgp-view-grid,.pgp-layout-grid,.is-grid,.view-grid) :is(.pgp-row-arrow,.pgp-most-arrow){
  display:none!important;
}



/* =========================================================
   PGP Product Card Master v204 — single heart fix
   - صفحة الرئيسية: إزالة القلب الإضافي الذي أضافه master v193
   - القلب الوحيد يبقى من pgp-hearts-final.js
   - إزالة الإطار/الدائرة من قلب الصفحة الرئيسية والبارتات
   ========================================================= */

/* remove the extra master heart from homepage products */
html body .pgp-card-master-heart{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  overflow:hidden!important;
}

/* keep only the real site heart, without any circular frame */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-heart,
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-heart.pgp-home-card-heart,
html body #home #products article .pgp-heart.pgp-home-card-heart{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  top:auto!important;
  left:auto!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  z-index:140!important;
}

/* price stays bottom-left; heart stays bottom-right */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-bottom,
html body :is(
  .pgp-most-products-card .pgp-most-row .pgp-most-product,
  .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage)
) .pgp-most-price{
  left:8px!important;
  bottom:8px!important;
}

@media(max-width:768px){
  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-heart,
  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-heart.pgp-home-card-heart,
  html body #home #products article .pgp-heart.pgp-home-card-heart{
    right:6px!important;
    bottom:6px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    border:0!important;
    border-radius:0!important;
    background-color:transparent!important;
    box-shadow:none!important;
  }
}



/* =========================================================
   PGP v195 — price badge exact match on homepage + parts
   المطلوب:
   - السعر بصفحة البارتات يطلع مثل الصفحة الرئيسية 100%
   - إطار السعر #fcff00
   - لون السعر أسود
   - يبقى قلب واحد بدون إطار
   ========================================================= */

/* make product-card itself the positioning parent */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card{
  position:relative!important;
}

/* remove body/bottom interference that clipped parts-page prices */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-body,
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-bottom{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  overflow:visible!important;
  pointer-events:none!important;
}

/* one shared price badge style for homepage products + parts products */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  left:8px!important;
  bottom:8px!important;
  z-index:145!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 50px)!important;
  height:auto!important;
  min-height:22px!important;
  max-height:26px!important;

  padding:3px 9px!important;
  border-radius:999px!important;
  border:1.5px solid #fcff00!important;
  outline:0!important;
  background:rgba(255,255,255,.96)!important;
  background-image:none!important;
  color:#ffffff!important;

  box-shadow:0 6px 18px rgba(0,0,0,.12)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;

  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-indent:0!important;
  text-shadow:none!important;
}

/* hide old top price/view badges on parts so only the master badge shows */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card > .pgp-price-tag,
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card > .pgp-view-tag{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* keep only one clean heart, no circle/frame */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-heart,
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-heart.pgp-home-card-heart,
html body #home #products article .pgp-heart.pgp-home-card-heart{
  right:8px!important;
  bottom:8px!important;
  top:auto!important;
  left:auto!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  z-index:150!important;
}

/* make sure old extra master heart never appears */
html body .pgp-card-master-heart{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* mobile: same badge, just smaller but complete */
@media(max-width:768px){
  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
  html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
  html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
    left:6px!important;
    bottom:6px!important;
    min-height:21px!important;
    max-height:24px!important;
    max-width:calc(100% - 46px)!important;
    padding:3px 8px!important;
    border:1.5px solid #fcff00!important;
    color:#ffffff!important;
    font-size:9px!important;
  }

  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-heart,
  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-heart.pgp-home-card-heart,
  html body #home #products article .pgp-heart.pgp-home-card-heart{
    right:6px!important;
    bottom:6px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
  }
}


/* =========================================================
   PGP v196 — sporty yellow filled price tag
   - same style for homepage + parts page
   - fill color #fcff00
   - black text
   - not pill/rounded, instead sporty slanted tag
   ========================================================= */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  left:8px!important;
  bottom:8px!important;
  z-index:145!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 52px)!important;
  height:auto!important;
  min-height:21px!important;
  max-height:24px!important;

  padding:4px 10px!important;
  border:1.5px solid #fcff00!important;
  border-radius:4px!important;
  background:#fcff00!important;
  background-image:none!important;
  color:#ffffff!important;
  box-shadow:0 4px 10px rgba(0,0,0,.12)!important;

  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-indent:0!important;
  text-shadow:none!important;

  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;

  /* sporty tag shape instead of pill */
  -webkit-clip-path:polygon(10px 0,100% 0,100% calc(100% - 8px),calc(100% - 10px) 100%,0 100%,0 8px)!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 8px),calc(100% - 10px) 100%,0 100%,0 8px)!important;
}

/* slight size tune on mobile */
@media(max-width:768px){
  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
  html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
  html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
    left:6px!important;
    bottom:6px!important;
    max-width:calc(100% - 46px)!important;
    min-height:20px!important;
    max-height:23px!important;
    padding:3px 9px!important;
    font-size:9px!important;
    border-width:1.25px!important;
    border-radius:3px!important;
    -webkit-clip-path:polygon(8px 0,100% 0,100% calc(100% - 7px),calc(100% - 8px) 100%,0 100%,0 7px)!important;
    clip-path:polygon(8px 0,100% 0,100% calc(100% - 7px),calc(100% - 8px) 100%,0 100%,0 7px)!important;
  }
}


/* =========================================================
   PGP v197 — exact sporty yellow price tag for website
   Applies to homepage product cards + parts page product cards
   ========================================================= */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
  position:absolute!important;
  left:8px!important;
  bottom:8px!important;
  top:auto!important;
  right:auto!important;
  z-index:145!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:calc(100% - 54px)!important;
  min-width:0!important;
  min-height:22px!important;
  max-height:24px!important;
  padding:4px 11px!important;
  background:#fcff00!important;
  color:#ffffff!important;
  border:1px solid #fcff00!important;
  border-radius:0!important;
  box-shadow:0 4px 10px rgba(0,0,0,.14)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background-image:none!important;
  /* sporty / signature-like edges */
  -webkit-clip-path:polygon(10px 0,100% 0,100% calc(100% - 7px),calc(100% - 10px) 100%,0 100%,0 7px)!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 7px),calc(100% - 10px) 100%,0 100%,0 7px)!important;
}
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price s,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price s,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price s{
  display:none!important;
}
@media(max-width:768px){
  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
  html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
  html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
    left:6px!important;
    bottom:6px!important;
    max-width:calc(100% - 46px)!important;
    min-height:20px!important;
    max-height:22px!important;
    padding:3px 9px!important;
    font-size:9px!important;
    -webkit-clip-path:polygon(8px 0,100% 0,100% calc(100% - 6px),calc(100% - 8px) 100%,0 100%,0 6px)!important;
    clip-path:polygon(8px 0,100% 0,100% calc(100% - 6px),calc(100% - 8px) 100%,0 100%,0 6px)!important;
  }
}


/* =========================================================
   PGP v198 — force a clearly sporty / angular yellow price tag
   الهدف: التاغ يبان متغيّر شكله فعلاً، مو مستطيل عادي
   ========================================================= */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
  position:absolute!important;
  left:8px!important;
  bottom:8px!important;
  right:auto!important;
  top:auto!important;
  z-index:200!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:calc(100% - 54px)!important;
  min-width:0!important;
  min-height:24px!important;
  height:24px!important;
  max-height:24px!important;
  padding:0 12px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:#fcff00!important;
  background-image:none!important;
  color:#ffffff!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  font-size:10px!important;
  line-height:24px!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
  /* visibly angular tag */
  -webkit-clip-path:polygon(14px 0, calc(100% - 18px) 0, 100% 20%, 100% 76%, calc(100% - 12px) 100%, 10px 100%, 0 78%, 0 24%)!important;
  clip-path:polygon(14px 0, calc(100% - 18px) 0, 100% 20%, 100% 76%, calc(100% - 12px) 100%, 10px 100%, 0 78%, 0 24%)!important;
}
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price::before,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price::before,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:12px!important;
  height:100%!important;
  background:#fcff00!important;
  -webkit-clip-path:polygon(100% 0,100% 100%,0 78%,0 24%)!important;
  clip-path:polygon(100% 0,100% 100%,0 78%,0 24%)!important;
  pointer-events:none!important;
}
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price::after,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price::after,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:0!important;
  width:18px!important;
  height:100%!important;
  background:#fcff00!important;
  -webkit-clip-path:polygon(0 0,100% 20%,100% 76%,35% 100%,0 100%)!important;
  clip-path:polygon(0 0,100% 20%,100% 76%,35% 100%,0 100%)!important;
  pointer-events:none!important;
}
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price s,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price s,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price s{
  display:none!important;
}
@media(max-width:768px){
  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
  html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
  html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
    left:6px!important;
    bottom:6px!important;
    max-width:calc(100% - 46px)!important;
    min-height:22px!important;
    height:22px!important;
    max-height:22px!important;
    padding:0 10px!important;
    font-size:9px!important;
    line-height:22px!important;
    -webkit-clip-path:polygon(12px 0, calc(100% - 16px) 0, 100% 20%, 100% 76%, calc(100% - 11px) 100%, 9px 100%, 0 78%, 0 24%)!important;
    clip-path:polygon(12px 0, calc(100% - 16px) 0, 100% 20%, 100% 76%, calc(100% - 11px) 100%, 9px 100%, 0 78%, 0 24%)!important;
  }
  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price::before,
  html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price::before,
  html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price::before{
    width:10px!important;
  }
  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price::after,
  html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price::after,
  html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price::after{
    width:16px!important;
  }
}


/* =========================================================
   PGP v204 — exact sporty SVG-backed price tag
   الهدف: التاغ يصير أقرب بكثير للصورة المرجعية وبشكل واضح جداً
   ========================================================= */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
  position:absolute!important;
  left:8px!important;
  bottom:8px!important;
  right:auto!important;
  top:auto!important;
  z-index:240!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:84px!important;
  max-width:calc(100% - 56px)!important;
  height:26px!important;
  min-height:26px!important;
  padding:0 16px 0 16px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url('/pgp-price-tag-sport-v204.svg') no-repeat center/100% 100%!important;
  background-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:#ffffff!important;
  font-size:11px!important;
  line-height:26px!important;
  font-weight:950!important;
  font-style:normal!important;
  letter-spacing:-0.01em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-family:inherit!important;
}
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price::before,
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price::after,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price::before,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price::after,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price::before,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price::after{
  display:none!important;
  content:none!important;
}
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price s,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price s,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price s{
  display:none!important;
}
@media (max-width:768px){
  html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
  html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
  html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
    left:7px!important;
    bottom:7px!important;
    min-width:72px!important;
    max-width:calc(100% - 48px)!important;
    height:24px!important;
    min-height:24px!important;
    padding:0 14px 0 14px!important;
    font-size:10px!important;
    line-height:24px!important;
  }
}

/* v204 tweak: remove top black lines and keep cleaner top profile */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{ bottom:7px!important; }

/* v204 tweak: cleaner tag with no black underside and flatter top-right */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
}

/* v204: flat top/bottom, symmetric side cuts */
html body .pgp-parts-wrap .pgp-product-row .pgp-product-card .pgp-product-price,
html body .pgp-most-products-card .pgp-most-row .pgp-most-product .pgp-most-price,
html body .pgp-home-managed-section .pgp-most-row .pgp-most-product:not(.pgp-most-garage) .pgp-most-price{
  background-image:url("/pgp-price-tag-sport-v204.svg")!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
}