/*
 * PGP v805 first-paint stylesheet.
 *
 * Mechanically extracted from the active <style> blocks that site-ui.php used
 * to emit at the end of every page. Loading this once from shared-head.php
 * prevents the visible late restyle and lets browsers cache the CSS.
 */

/* Extracted from site-ui.php: pgp-v251-search-full-click-black60-frame */
/* =========================================================
   PGP v251 — Search full-click + thin black 60% frame
   - أي ضغط داخل خانة البحث يفعّل الكتابة، خصوصاً على اللابتوب.
   - الإطار الخارجي الأبيض/الغامض يصير أسود 60% بسمك خفيف.
   - بدون تغيير حجم البحث.
   - بدون سكربتات حجم.
   ========================================================= */

/* make the whole search box behave as a text field */
html body .pgp-app-header .pgp-header-search-wrap,
html body .pgp-header-search-wrap{
  pointer-events:auto!important;
  overflow:visible!important;
  z-index:9990!important;
}

html body .pgp-app-header .pgp-header-search-form,
html body .pgp-header-search-form{
  position:relative!important;
  pointer-events:auto!important;
  overflow:visible!important;
  cursor:text!important;

  border:1px solid rgba(0,0,0,.60)!important;
  outline:0!important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.070),
    0 0 0 1px rgba(0,0,0,.60)!important;

  transition:none!important;
  animation:none!important;
}

/* keep the same frame on focus */
html body .pgp-app-header .pgp-header-search-form:focus-within,
html body .pgp-header-search-form:focus-within{
  border:1px solid rgba(0,0,0,.60)!important;
  outline:0!important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.070),
    0 0 0 1px rgba(0,0,0,.60)!important;
}

/* remove old soft/white extra rings if injected */
html body .pgp-app-header .pgp-header-search-form::before,
html body .pgp-app-header .pgp-header-search-form::after,
html body .pgp-header-search-form::before,
html body .pgp-header-search-form::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  box-shadow:none!important;
  border:0!important;
}

/* input covers the whole bar so click anywhere starts typing */
html body .pgp-app-header .pgp-header-search-input,
html body .pgp-header-search-input{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;

  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;

  padding-left:12px!important;
  padding-right:calc(var(--pgp-search-final-btn, 30px) + 14px)!important;
  box-sizing:border-box!important;

  pointer-events:auto!important;
  cursor:text!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  caret-color:#111315!important;

  color:rgba(17,19,21,.72)!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-align:center!important;

  transition:none!important;
  animation:none!important;
}

html body .pgp-app-header .pgp-header-search-input::placeholder,
html body .pgp-header-search-input::placeholder{
  color:rgba(17,19,21,.56)!important;
  opacity:1!important;
}

/* the arrow remains clickable above the input */
html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-header-search-submit,
html body .pgp-header-search-submit:hover,
html body .pgp-header-search-submit:focus,
html body .pgp-header-search-submit:active,
html body .pgp-header-search-submit.pgp-unified-search-submit,
html body .pgp-header-search-submit.pgp-v40-normalized{
  z-index:8!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  border:0!important;
  outline:0!important;
}

/*
 * PGP v805 — static replacement for the old v208 JavaScript <style>
 * injection.  These are the same default homepage/parts card dimensions that
 * the layout switcher used to apply after parsing, now available for the
 * browser's first paint.
 */
html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-scroll-wrap{overflow:hidden!important}
html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-row{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:12px!important;
  grid-template-columns:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:0 0 4px!important;
  margin:0!important;
  -webkit-overflow-scrolling:touch!important;
}
html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-row::-webkit-scrollbar{display:none!important}
html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-row>.pgp-product-card{
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  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:240px!important;
  min-height:240px!important;
  max-height:240px!important;
  border-radius:22px!important;
  border:1px solid rgba(0,0,0,.16)!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:0 10px 26px rgba(0,0,0,.055)!important;
  scroll-snap-align:start!important;
  transition:none!important;
}
html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-row>.pgp-product-card .pgp-product-media{
  position:absolute!important;
  inset:0!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;
  transition:none!important;
  animation:none!important;
}
html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-row>.pgp-product-card .pgp-product-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!important;
  transition:none!important;
  animation:none!important;
  transform:none!important;
}
html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-row>.pgp-product-card :is(.pgp-product-title,.pgp-product-sub,.pgp-auto-card-title),
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;
}
html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-row>.pgp-product-card>:is(.pgp-price-tag,.pgp-view-tag),
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;
  visibility:hidden!important;
  opacity:0!important;
}
html body :is(.pgp-part-card,.pgp-parts-wrap) :is(.pgp-product-body,.pgp-product-bottom){
  position:static!important;
  display:block!important;
  width: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;
}
html body :is(.pgp-part-card,.pgp-parts-wrap) .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;
  min-width:72px!important;
  max-width:calc(100% - 56px)!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding:0 14px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20260%2072%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20fill%3D%27%236000ff%27%20d%3D%27M22%2014H228L244%2014L236%2024H252L240%2036L252%2048H236L244%2058H228H22L16%2058L24%2048H8L20%2036L8%2024H24L16%2014H22Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/100% 100%!important;
  color:#fff!important;
  box-shadow:none!important;
  outline:0!important;
  font-size:10px!important;
  line-height:24px!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-price::before,
html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-price::after,
html body .pgp-most-price::before,
html body .pgp-most-price::after{display:none!important;content:none!important}
html body :is(.pgp-product-price,.pgp-most-price) s{display:none!important}
html body :is(.pgp-part-card,.pgp-parts-wrap) .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;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  z-index:150!important;
}
@media(max-width:1100px){
  html body :is(.pgp-part-card,.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;
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
  }
}
@media(max-width:768px){
  html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-row{gap:8px!important;padding:0 0 4px!important}
  html body :is(.pgp-part-card,.pgp-parts-wrap) .pgp-product-row>.pgp-product-card{
    flex:0 0 calc((100% - 8px)/2)!important;
    width:calc((100% - 8px)/2)!important;
    min-width:calc((100% - 8px)/2)!important;
    max-width:calc((100% - 8px)/2)!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    border-radius:14px!important;
  }
  html body :is(.pgp-part-card,.pgp-parts-wrap) .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!important;
    font-size:10px!important;
    line-height:24px!important;
    color:#fff!important;
  }
  html body :is(.pgp-part-card,.pgp-parts-wrap) .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;
  }
}

/* PGP v126: static replacement for the Terms override that was after <body>. */
html body #terms,
html body #terms>div,
html body section#terms,
html body section#terms>div{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#050505!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body #terms>div{
  border:1.5px solid rgba(0,0,0,.14)!important;
  border-radius:28px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.040),0 8px 20px rgba(0,0,0,.026)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body #terms .pgp-terms-card,
html body #terms .rounded-\[2rem\]{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#050505!important;
}

/* Extracted from site-ui.php: pgp-v249-search-firstpaint-noresize */
/* =========================================================
   PGP v249 — Search static size / no resize flicker
   الهدف:
   - منع البحث يصغر/يكبر/يصغر أثناء التحميل.
   - تثبيت الحجم من أول paint.
   - إلغاء أي transition أو animation على البحث.
   - إبقاء الكورسر والضغط شغال.
   ========================================================= */

:root{
  --pgp-search-final-w:360px;
  --pgp-search-final-h:34px;
  --pgp-search-final-btn:30px;
  --pgp-search-final-font:12px;
  --pgp-search-final-pr:36px;
  --pgp-search-final-icon:15px;
}

html body .pgp-app-header .pgp-header-search-wrap,
html body .pgp-header-search-wrap{
  width:var(--pgp-search-final-w)!important;
  max-width:var(--pgp-search-final-w)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  pointer-events:auto!important;
  overflow:visible!important;
  z-index:9990!important;
  transition:none!important;
  animation:none!important;
}

html body .pgp-app-header .pgp-header-search-form,
html body .pgp-header-search-form{
  width:var(--pgp-search-final-w)!important;
  max-width:var(--pgp-search-final-w)!important;
  min-width:0!important;

  height:var(--pgp-search-final-h)!important;
  min-height:var(--pgp-search-final-h)!important;
  max-height:var(--pgp-search-final-h)!important;

  padding:2px 4px 2px 10px!important;
  box-sizing:border-box!important;
  pointer-events:auto!important;
  overflow:visible!important;
  z-index:9991!important;
  transition:none!important;
  animation:none!important;
  transform:none!important;
}

html body .pgp-app-header .pgp-header-search-input,
html body .pgp-header-search-input{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  font-size:var(--pgp-search-final-font)!important;
  line-height:1!important;
  padding:0 var(--pgp-search-final-pr) 0 0!important;
  pointer-events:auto!important;
  cursor:text!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  caret-color:#111315!important;
  transition:none!important;
  animation:none!important;
  transform:none!important;
}

html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-header-search-submit,
html body .pgp-header-search-submit:hover,
html body .pgp-header-search-submit:focus,
html body .pgp-header-search-submit:active,
html body .pgp-header-search-submit.pgp-unified-search-submit,
html body .pgp-header-search-submit.pgp-v40-normalized{
  position:absolute!important;
  width:var(--pgp-search-final-btn)!important;
  height:var(--pgp-search-final-btn)!important;
  min-width:var(--pgp-search-final-btn)!important;
  min-height:var(--pgp-search-final-btn)!important;
  max-width:var(--pgp-search-final-btn)!important;
  max-height:var(--pgp-search-final-btn)!important;
  flex:0 0 var(--pgp-search-final-btn)!important;
  flex-basis:var(--pgp-search-final-btn)!important;
  right:2px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  pointer-events:auto!important;
  z-index:9993!important;
  transition:none!important;
  animation:none!important;
}

html body .pgp-app-header .pgp-header-search-submit svg,
html body .pgp-header-search-submit svg,
html body .pgp-app-header .pgp-header-search-submit > svg,
html body .pgp-header-search-submit > svg,
html body .pgp-header-search-submit .pgp-header-search-submit-icon{
  width:var(--pgp-search-final-icon)!important;
  height:var(--pgp-search-final-icon)!important;
  transition:none!important;
  animation:none!important;
}

/* Laptop */
@media(min-width:769px) and (max-width:1366px){
  :root{
    --pgp-search-final-w:280px;
    --pgp-search-final-h:30px;
    --pgp-search-final-btn:26px;
    --pgp-search-final-font:11px;
    --pgp-search-final-pr:32px;
    --pgp-search-final-icon:13px;
  }
}

/* Mobile */
@media(max-width:768px){
  :root{
    --pgp-search-final-w:64vw;
    --pgp-search-final-h:36px;
    --pgp-search-final-btn:32px;
    --pgp-search-final-font:15px;
    --pgp-search-final-pr:40px;
    --pgp-search-final-icon:18px;
  }
}

@media(max-width:390px){
  :root{
    --pgp-search-final-w:62vw;
    --pgp-search-final-h:34px;
    --pgp-search-final-btn:30px;
    --pgp-search-final-font:13px;
    --pgp-search-final-pr:36px;
    --pgp-search-final-icon:16px;
  }
}

/* Extracted from site-ui.php: pgp-v233-route-first-paint-css */
/* PGP v233 — very early saved/liked first paint guard.
   Uses html class specificity so it beats later generic html,body dark rules. */
html.pgp-route-liked-firstpaint,
html.pgp-route-liked-firstpaint body{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  color:#141414!important;
}

html.pgp-route-liked-firstpaint body::before,
html.pgp-route-liked-firstpaint body::after{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
}

html.pgp-route-liked-firstpaint :is(
  body,
  main,
  .pgp-app-header,
  .pgp-app-header-inner,
  .saved-wrap,
  .saved-shell,
  .saved-hero,
  .wishlist-panel
){
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
}

html.pgp-route-liked-firstpaint :is(.saved-hero,.saved-card.empty-card){
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

html.pgp-route-liked-firstpaint :is(
  .saved-hero h1,
  .saved-hero p,
  .saved-count,
  #savedCount,
  #savedCountMobile,
  .wishlist-panel h1,
  .wishlist-panel h2,
  .wishlist-panel h3,
  .wishlist-panel p
){
  color:#141414!important;
  text-shadow:none!important;
}

html.pgp-route-liked-firstpaint :is(#savedNumber,#savedNumberMobile,.saved-count strong){
  color:#c4a800!important;
  text-shadow:none!important;
}

/* Extracted from site-ui.php: pgp-bottom-nav-v001-critical-no-flicker */
/* PGP v003 — critical first-paint lock: active item is red before any JS runs */
:root{
  --pgp-bottom-nav-v001-active:#fc3434 !important;
  --pgp-bottom-nav-v001-text:#dcdcdc !important;
  --pgp-bottom-nav-v001-icon:#ffffff !important;
  --pgp-bottom-nav-v001-bg:rgba(34,38,43,.90) !important;
}
html body .tc-bottom-bar,
html body .pgp-bottom-nav{
  background:rgba(34,38,43,.90)!important;
  background-color:rgba(34,38,43,.90)!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  color:#dcdcdc!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
}
html body .tc-bottom-bar::before,
html body .tc-bottom-bar::after,
html body .pgp-bottom-nav::before,
html body .pgp-bottom-nav::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .tc-bottom-btn,
html body .tc-bottom-btn.primary,
html body .tc-bottom-btn.account,
html body .pgp-bottom-nav a,
html body .pgp-bottom-nav button{
  color:#dcdcdc!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body .tc-bottom-btn span,
html body .pgp-bottom-nav span,
html body #tcBottomAuthText{
  color:#dcdcdc!important;
  text-decoration:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html body .tc-bottom-btn svg,
html body .tc-bottom-btn svg *,
html body .pgp-bottom-nav svg,
html body .pgp-bottom-nav svg *{
  color:#ffffff!important;
  stroke:#ffffff!important;
  fill:none!important;
  transition:none!important;
}
html body .tc-bottom-btn.is-active,
html body .tc-bottom-btn.active,
html body .tc-bottom-btn[data-pgp-bottom-active="1"],
html body .pgp-bottom-nav .is-active,
html body .pgp-bottom-nav [data-pgp-bottom-active="1"]{
  color:#fc3434!important;
  background:rgba(220,220,220,.08)!important;
  border:0!important;
  outline:0!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body .tc-bottom-btn.is-active span,
html body .tc-bottom-btn.active span,
html body .tc-bottom-btn[data-pgp-bottom-active="1"] span,
html body .pgp-bottom-nav .is-active span,
html body .pgp-bottom-nav [data-pgp-bottom-active="1"] span,
html body .tc-bottom-btn.is-active #tcBottomAuthText,
html body .tc-bottom-btn[data-pgp-bottom-active="1"] #tcBottomAuthText{
  color:#fc3434!important;
  text-decoration:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html body .tc-bottom-btn.is-active svg,
html body .tc-bottom-btn.active svg,
html body .tc-bottom-btn[data-pgp-bottom-active="1"] svg,
html body .tc-bottom-btn.is-active svg *,
html body .tc-bottom-btn.active svg *,
html body .tc-bottom-btn[data-pgp-bottom-active="1"] svg *,
html body .pgp-bottom-nav .is-active svg,
html body .pgp-bottom-nav .is-active svg *{
  color:#fc3434!important;
  stroke:#fc3434!important;
  fill:none!important;
  transition:none!important;
}
html body .tc-bottom-btn::after,
html body .tc-bottom-btn.active::after,
html body .tc-bottom-btn.is-active::after,
html body .tc-bottom-btn[data-pgp-bottom-active="1"]::after,
html body .pgp-bottom-nav .is-active::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #tcBottomAuthIcon{
  transform:none!important;
  will-change:auto!important;
}

html body #tcBottomAuthBtn #tcBottomAuthIcon,
html body #tcBottomAuthBtn #tcBottomAuthIcon *,
html body #tcBottomAuthIcon,
html body #tcBottomAuthIcon *{
  color:#ffffff!important;
  stroke:#ffffff!important;
  fill:none!important;
  transition:none!important;
  transform:none!important;
}
html body #tcBottomAuthBtn.is-active #tcBottomAuthIcon,
html body #tcBottomAuthBtn.is-active #tcBottomAuthIcon *,
html body #tcBottomAuthBtn[data-pgp-bottom-active="1"] #tcBottomAuthIcon,
html body #tcBottomAuthBtn[data-pgp-bottom-active="1"] #tcBottomAuthIcon *{
  color:#fc3434!important;
  stroke:#fc3434!important;
  fill:none!important;
}

/* Extracted from site-ui.php: pgp-v003-critical-account-icon-lock */
html body #tcBottomAuthBtn #tcBottomAuthIcon,
html body #tcBottomAuthBtn #tcBottomAuthIcon *,
html body #tcBottomAuthIcon,
html body #tcBottomAuthIcon *{
  color:#ffffff!important;
  stroke:#ffffff!important;
  fill:none!important;
  transition:none!important;
  transform:none!important;
}
html body #tcBottomAuthBtn.is-active #tcBottomAuthIcon,
html body #tcBottomAuthBtn.is-active #tcBottomAuthIcon *,
html body #tcBottomAuthBtn[data-pgp-bottom-active="1"] #tcBottomAuthIcon,
html body #tcBottomAuthBtn[data-pgp-bottom-active="1"] #tcBottomAuthIcon *{
  color:#fc3434!important;
  stroke:#fc3434!important;
  fill:none!important;
}

/* Extracted from site-ui.php: pgp-global-font-late-override */
/* PGP global font override
   English: Inter (same admin-panel style)
   Arabic / Kurdish Arabic script: Tajawal fallback
   This file changes fonts only and keeps icons untouched. */
:root{
  --pgp-admin-font: 'Inter','Tajawal',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
html,body{
  font-family:var(--pgp-admin-font) !important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class^="fa-"]):not([class*=" fa-"]),
body [class]:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class^="fa-"]):not([class*=" fa-"]) {
  font-family:var(--pgp-admin-font) !important;
}
input,button,select,textarea,option{
  font-family:var(--pgp-admin-font) !important;
}
[lang="ar"], [lang="ku"], .arabic, .kurdish{
  font-family:'Tajawal','Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif !important;
}
.fa,.fas,.far,.fab,.fal,.fad,
[class^="fa-"],[class*=" fa-"]{
  font-family:'Font Awesome 5 Free','Font Awesome 5 Brands' !important;
}
.fab{font-family:'Font Awesome 5 Brands' !important;}
.fa,.fas,.far,.fal,.fad{font-family:'Font Awesome 5 Free' !important;}



/* =========================================================
   PGP v67 — mobile brand visible + aligned icons + follow ring
   ========================================================= */
@media (max-width: 768px){
  html body .pgp-mobile-actionbar-root{
    position:relative!important;
    overflow:visible!important;
    min-height:74px!important;
    padding-inline-end:188px!important;
    align-items:flex-start!important;
  }
  html body .pgp-mobile-actionbar-root > :is(.garage-brand,.garage-info,.store-info,.products-title,.products-head-main,h1,h2,h3,a,strong,div:first-child){
    min-width:0!important;
    max-width:calc(100% - 190px)!important;
  }
  html body .pgp-mobile-actionbar-root :is(.garage-name,.garage-title,.store-name,h1,h2,h3,a,strong){
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  html body .pgp-mobile-actionbar-root > .pgp-standalone-follow-toggle,
  html body .pgp-mobile-actionbar-root > .pgp-section-view-tools,
  html body .pgp-mobile-actionbar-root > :is(button.dots,.pgp-more-button){
    position:absolute!important;
    top:0!important;
    left:auto!important;
    bottom:auto!important;
    transform:translateY(-13px)!important;
    margin:0!important;
    padding:0!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    background-color:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    line-height:0!important;
  }
  html body .pgp-mobile-actionbar-root > .pgp-standalone-follow-toggle{
    right:112px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    z-index:82!important;
  }
  html body .pgp-mobile-actionbar-root > .pgp-section-view-tools,
  html body .pgp-mobile-actionbar-root > .pgp-section-view-tools.pgp-v53-view-tools{
    right:39px!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    gap:16px!important;
    justify-content:space-between!important;
    z-index:81!important;
  }
  html body .pgp-mobile-actionbar-root > :is(button.dots,.pgp-more-button),
  html body .pgp-mobile-actionbar-root > :is(button.dots,.pgp-more-button):is(:hover,:focus,:active,.active,.is-active,[aria-expanded="true"]){
    right:3px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    z-index:83!important;
  }
  html body .pgp-mobile-actionbar-root > .pgp-section-view-tools :is(button,.pgp-section-view-btn),
  html body .pgp-mobile-actionbar-root > .pgp-standalone-follow-toggle,
  html body .pgp-mobile-actionbar-root > :is(button.dots,.pgp-more-button){
    min-width:34px!important;
    width:34px!important;
    max-width:34px!important;
  }
  html body .pgp-mobile-actionbar-root :is(svg,.pgp-view-icon,.pgp-standalone-follow-icon,.pgp-more-list-tree){
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    max-width:27px!important;
    max-height:27px!important;
  }
}
html body .pgp-garage-follow-ring-wrap{
  overflow:visible!important;
  border-radius:999px!important;
}
html body .pgp-garage-follow-ring-target{
  border-radius:999px!important;
  outline:2.5px solid #ee154e!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 6px rgba(238,21,78,.12),0 8px 20px rgba(238,21,78,.20)!important;
  transition:outline-color .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
html body img.pgp-garage-follow-ring-target{
  object-fit:cover!important;
  filter:saturate(1.04)!important;
}
html body .pgp-garage-is-following .pgp-garage-follow-ring-target{
  outline-color:#ee154e!important;
}



/* =========================================================
   PGP v67 — keep mobile garage logo/name visible while actions stay high/right
   ========================================================= */
@media (max-width: 768px){
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root{
    position:relative!important;
    overflow:visible!important;
    min-height:64px!important;
    padding-top:8px!important;
    padding-inline-end:178px!important;
    align-items:flex-start!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root > :not(.pgp-standalone-follow-toggle):not(.pgp-section-view-tools):not(.pgp-more-button):not(.dots):not(.pgp-more-menu):not(.garage-menu){
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:3!important;
    transform:none!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root > :is(.garage-brand,.garage-info,.store-info,.pgp-part-brand,.products-title,.products-head-main){
    display:flex!important;
    min-width:0!important;
    max-width:calc(100% - 178px)!important;
    overflow:visible!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root :is(.garage-brand,.garage-info,.store-info,.pgp-part-brand,.products-title,.products-head-main) :is(img,picture,svg){
    visibility:visible!important;
    opacity:1!important;
    display:block!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root a:has(img){
    overflow:visible!important;
    max-width:none!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root :is(.garage-name,.garage-title,.store-name,.garage-name-link,.store-name-link,h1,h2,h3,strong){
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root > .pgp-standalone-follow-toggle,
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root > .pgp-section-view-tools,
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root > :is(button.dots,.pgp-more-button){
    top:0!important;
    transform:translateY(-13px)!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root > .pgp-standalone-follow-toggle{right:112px!important;}
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root > .pgp-section-view-tools{right:39px!important;}
  html body :is(.garage-top,.pgp-part-top,.products-head).pgp-mobile-actionbar-root > :is(button.dots,.pgp-more-button){right:3px!important;}
}


/* =========================================================
   PGP v68 — hard mobile brand restore + PGP red follow avatar ring
   - Keeps the four action icons high/right on mobile.
   - Forces garage image/name/info to stay visible on mobile.
   - PGP red follow ring is always #ee154e and circular on the garage image.
   ========================================================= */
@media (max-width:768px){
  html body :is(.garage-card,.iq-card,.pgp-iq-card,.store-card,.pgp-part-card,.products-card) :is(.garage-top,.products-head,.pgp-part-top).pgp-mobile-actionbar-root,
  html body :is(.garage-card,.iq-card,.pgp-iq-card,.store-card,.pgp-part-card,.products-card) :is(.garage-top,.products-head,.pgp-part-top).pgp-v68-actionbar-fixed{
    position:relative!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:12px!important;
    min-height:104px!important;
    height:auto!important;
    padding:14px 182px 14px 28px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body .pgp-mobile-actionbar-root > .pgp-v68-brand-restored,
  html body .pgp-v68-actionbar-fixed > .pgp-v68-brand-restored,
  html body .pgp-mobile-actionbar-root .pgp-v68-brand-restored{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100vw - 230px)!important;
    min-height:74px!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    z-index:30!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }
  html body .pgp-v68-brand-restored :is(a,div,span,strong,h1,h2,h3,p){
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
  html body .pgp-v68-brand-restored :is(.garage-name,.garage-title,.store-name,.garage-name-link,.store-name-link,h1,h2,h3,strong){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
    line-height:1.12!important;
  }
  html body .pgp-v68-brand-restored :is(.garage-meta,.garage-location,.store-meta,p,span){
    visibility:visible!important;
    opacity:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body .pgp-v68-brand-restored :is(img,picture){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    overflow:visible!important;
    transform:none!important;
  }
  html body .pgp-v68-brand-restored img.pgp-v68-garage-avatar,
  html body .pgp-v68-brand-restored img.pgp-garage-follow-ring-target{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    max-width:62px!important;
    max-height:62px!important;
    object-fit:cover!important;
    border-radius:999px!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
  html body .pgp-v68-brand-restored svg:not(.pgp-standalone-follow-icon):not(.pgp-view-icon):not(.pgp-more-list-tree){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    height:auto!important;
    min-width:60px!important;
    min-height:48px!important;
    max-width:86px!important;
    max-height:74px!important;
    transform:none!important;
  }
  html body .pgp-mobile-actionbar-root > .pgp-standalone-follow-toggle,
  html body .pgp-v68-actionbar-fixed > .pgp-standalone-follow-toggle{
    top:0!important;
    right:112px!important;
    transform:translateY(-11px)!important;
  }
  html body .pgp-mobile-actionbar-root > .pgp-section-view-tools,
  html body .pgp-v68-actionbar-fixed > .pgp-section-view-tools{
    top:0!important;
    right:39px!important;
    transform:translateY(-11px)!important;
  }
  html body .pgp-mobile-actionbar-root > :is(button.dots,.pgp-more-button),
  html body .pgp-v68-actionbar-fixed > :is(button.dots,.pgp-more-button){
    top:0!important;
    right:3px!important;
    transform:translateY(-11px)!important;
  }
}
html body .pgp-garage-is-following :is(img.pgp-v68-garage-avatar,img.pgp-garage-follow-ring-target){
  border-radius:999px!important;
  outline:0!important;
  box-shadow:
    0 0 0 2.5px #ee154e,
    0 0 0 5.5px rgba(238,21,78,.16),
    0 8px 18px rgba(238,21,78,.18)!important;
  filter:saturate(1.04)!important;
}


/* =========================================================
   PGP v69 — mobile garage identity left alignment + remove large eye
   - Mobile only: logo at far left, name beside it, meta under name.
   - Keeps the four action icons high/right.
   - Hides the oversized header eye icon on mobile only.
   ========================================================= */
@media (max-width:768px){
  html body :is(.garage-card,.iq-card,.pgp-iq-card,.store-card,.pgp-part-card,.products-card) :is(.garage-top,.products-head,.pgp-part-top).pgp-mobile-actionbar-root,
  html body :is(.garage-card,.iq-card,.pgp-iq-card,.store-card,.pgp-part-card,.products-card) :is(.garage-top,.products-head,.pgp-part-top).pgp-v68-actionbar-fixed,
  html body :is(.garage-card,.iq-card,.pgp-iq-card,.store-card,.pgp-part-card,.products-card) :is(.garage-top,.products-head,.pgp-part-top).pgp-v69-mobile-identity-left{
    position:relative!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    min-height:126px!important;
    height:auto!important;
    padding:44px 154px 12px 24px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    text-align:left!important;
  }
  html body .pgp-v69-mobile-identity-left > .pgp-v69-logo-node,
  html body .pgp-v69-mobile-identity-left .pgp-v69-logo-node{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 62px!important;
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    z-index:32!important;
    overflow:visible!important;
  }
  html body .pgp-v69-mobile-identity-left > .pgp-v69-text-node,
  html body .pgp-v69-mobile-identity-left .pgp-v69-text-node{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:62px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    z-index:31!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  html body .pgp-v69-mobile-identity-left .pgp-v69-logo-node :is(img,picture),
  html body .pgp-v69-mobile-identity-left img.pgp-v68-garage-avatar,
  html body .pgp-v69-mobile-identity-left img.pgp-garage-follow-ring-target{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    max-width:62px!important;
    max-height:62px!important;
    object-fit:cover!important;
    border-radius:999px!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0!important;
    transform:none!important;
  }
  html body .pgp-v69-mobile-identity-left .pgp-v69-text-node :is(.garage-name,.garage-title,.store-name,.garage-name-link,.store-name-link,h1,h2,h3,strong){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:clamp(20px,5.5vw,25px)!important;
    line-height:1.08!important;
    text-align:left!important;
    margin:0 0 7px 0!important;
    padding:0!important;
  }
  html body .pgp-v69-mobile-identity-left .pgp-v69-text-node :is(.garage-meta,.garage-location,.store-meta,.garage-subtitle,p){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:clamp(15px,4.1vw,18px)!important;
    text-align:left!important;
    margin:0!important;
    padding:0!important;
  }
  html body .pgp-v69-mobile-identity-left .pgp-v69-text-node :is(svg.pgp-eye-icon,.pgp-eye-icon,svg[class*="eye"],.garage-views svg,.view-count svg,.views svg,.garage-meta svg,.store-meta svg){
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    visibility:hidden!important;
  }
  html body .pgp-v69-mobile-identity-left > .pgp-standalone-follow-toggle,
  html body .pgp-v69-mobile-identity-left > .pgp-section-view-tools,
  html body .pgp-v69-mobile-identity-left > :is(button.dots,.pgp-more-button){
    position:absolute!important;
    top:0!important;
    bottom:auto!important;
    left:auto!important;
    transform:translateY(-11px)!important;
    margin:0!important;
    z-index:90!important;
  }
  html body .pgp-v69-mobile-identity-left > .pgp-standalone-follow-toggle{right:112px!important;}
  html body .pgp-v69-mobile-identity-left > .pgp-section-view-tools{right:39px!important;}
  html body .pgp-v69-mobile-identity-left > :is(button.dots,.pgp-more-button){right:3px!important;}
}


/* =========================================================
   PGP v71 — mobile wide garage identity + compact right action icons
   - Mobile only: garage image at far left, title beside it, meta under title.
   - Identity row is lifted to the same top level as the four action icons.
   - Header eye/view icon is hidden on mobile identity only.
   ========================================================= */
@media (max-width:768px){
  html body :is(.garage-card,.iq-card,.pgp-iq-card,.store-card,.pgp-part-card,.products-card) :is(.garage-top,.products-head,.pgp-part-top).pgp-v71-mobile-identity-fixed{
    position:relative!important;
    display:block!important;
    min-height:108px!important;
    height:108px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  html body .pgp-v71-mobile-identity-fixed > .pgp-v71-mobile-identity-row{
    position:absolute!important;
    left:4px!important;
    right:auto!important;
    top:8px!important;
    bottom:auto!important;
    width:calc(100% - 148px)!important;
    min-width:0!important;
    max-width:calc(100% - 148px)!important;
    height:66px!important;
    min-height:66px!important;
    max-height:66px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    z-index:72!important;
    overflow:visible!important;
    text-align:left!important;
    pointer-events:auto!important;
  }
  html body .pgp-v71-mobile-identity-row :is(.pgp-v69-logo-node,.pgp-v68-brand-restored,.pgp-v71-logo-node),
  html body .pgp-v71-mobile-identity-row > :first-child:has(img),
  html body .pgp-v71-mobile-identity-row > :first-child:has(picture){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 62px!important;
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    overflow:visible!important;
    z-index:73!important;
  }
  html body .pgp-v71-mobile-identity-row :is(img.pgp-v68-garage-avatar,img.pgp-garage-follow-ring-target,img.garage-logo,img.garage-avatar,img.store-logo,img.store-avatar,img.pgp-owner-avatar),
  html body .pgp-v71-mobile-identity-row .pgp-v71-logo-node img,
  html body .pgp-v71-mobile-identity-row .pgp-v69-logo-node img,
  html body .pgp-v71-mobile-identity-row picture img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    max-width:62px!important;
    max-height:62px!important;
    object-fit:cover!important;
    border-radius:999px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  html body .pgp-v71-mobile-identity-row > .pgp-v71-text-node,
  html body .pgp-v71-mobile-identity-row .pgp-v71-text-node,
  html body .pgp-v71-mobile-identity-row > .pgp-v69-text-node,
  html body .pgp-v71-mobile-identity-row > .pgp-v71-brand-combo{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    z-index:74!important;
    overflow:hidden!important;
    text-align:left!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body .pgp-v71-mobile-identity-row > .pgp-v71-brand-combo{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
  }
  html body .pgp-v71-mobile-identity-row :is(.garage-name,.garage-title,.store-name,.garage-name-link,.store-name-link,h1,h2,h3,strong){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:clamp(20px,5.5vw,25px)!important;
    line-height:1.08!important;
    text-align:left!important;
    margin:0 0 7px 0!important;
    padding:0!important;
    transform:none!important;
  }
  html body .pgp-v71-mobile-identity-row :is(.garage-meta,.garage-location,.store-meta,.garage-subtitle,p,span){
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:clamp(15px,4.1vw,18px)!important;
    text-align:left!important;
    transform:none!important;
  }
  html body .pgp-v71-mobile-identity-row :is(.garage-views,.view-count,.views,.pgp-garage-views),
  html body .pgp-v71-mobile-identity-row :is(svg.pgp-eye-icon,.pgp-eye-icon,svg[class*="eye"],.garage-views svg,.view-count svg,.views svg,.garage-meta svg,.store-meta svg){
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    visibility:hidden!important;
  }
  html body .pgp-v71-mobile-identity-fixed > .pgp-standalone-follow-toggle,
  html body .pgp-v71-mobile-identity-fixed > .pgp-section-view-tools,
  html body .pgp-v71-mobile-identity-fixed > :is(button.dots,.pgp-more-button){
    position:absolute!important;
    top:8px!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:95!important;
  }
  html body .pgp-v71-mobile-identity-fixed > .pgp-standalone-follow-toggle{right:112px!important;width:30px!important;min-width:30px!important;max-width:30px!important;}
  html body .pgp-v71-mobile-identity-fixed > .pgp-section-view-tools{right:39px!important;width:66px!important;min-width:66px!important;max-width:66px!important;gap:4px!important;justify-content:space-between!important;}
  html body .pgp-v71-mobile-identity-fixed > :is(button.dots,.pgp-more-button){right:3px!important;width:30px!important;min-width:30px!important;max-width:30px!important;}
  html body .pgp-garage-is-following .pgp-v71-mobile-identity-row img.pgp-v68-garage-avatar,
  html body .pgp-garage-is-following .pgp-v71-mobile-identity-row img.pgp-garage-follow-ring-target{
    border-radius:999px!important;
    outline:0!important;
    box-shadow:0 0 0 2.5px #ee154e,0 0 0 5.5px rgba(238,21,78,.16),0 8px 18px rgba(238,21,78,.18)!important;
  }
}

/* Extracted from site-ui.php: anonymous */
/* =========================================================
   PGP v72 — mobile garage identity left + smaller title
   ========================================================= */
@media (max-width:768px){
  html body :is(.garage-card,.iq-card,.pgp-iq-card,.store-card,.pgp-part-card,.products-card) :is(.garage-top,.products-head,.pgp-part-top).pgp-v71-mobile-identity-fixed{
    min-height:96px!important;height:96px!important;padding:0!important;overflow:visible!important;text-align:left!important;
  }
  html body .pgp-v71-mobile-identity-fixed > .pgp-v71-mobile-identity-row{
    left:-18px!important;top:6px!important;width:calc(100% - 116px)!important;max-width:calc(100% - 116px)!important;height:56px!important;min-height:56px!important;max-height:56px!important;gap:5px!important;align-items:center!important;overflow:visible!important;
  }
  html body .pgp-v71-mobile-identity-row :is(.pgp-v69-logo-node,.pgp-v68-brand-restored,.pgp-v71-logo-node),
  html body .pgp-v71-mobile-identity-row > :first-child:has(img),
  html body .pgp-v71-mobile-identity-row > :first-child:has(picture){
    flex:0 0 54px!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important;min-height:54px!important;max-height:54px!important;margin:0!important;padding:0!important;
  }
  html body .pgp-v71-mobile-identity-row :is(img.pgp-v68-garage-avatar,img.pgp-garage-follow-ring-target,img.garage-logo,img.garage-avatar,img.store-logo,img.store-avatar,img.pgp-owner-avatar),
  html body .pgp-v71-mobile-identity-row .pgp-v71-logo-node img,
  html body .pgp-v71-mobile-identity-row .pgp-v69-logo-node img,
  html body .pgp-v71-mobile-identity-row picture img{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;border-radius:999px!important;object-fit:cover!important;margin:0!important;padding:0!important;
  }
  html body .pgp-v71-mobile-identity-row > .pgp-v71-text-node,
  html body .pgp-v71-mobile-identity-row .pgp-v71-text-node,
  html body .pgp-v71-mobile-identity-row > .pgp-v69-text-node,
  html body .pgp-v71-mobile-identity-row > .pgp-v71-brand-combo{
    height:54px!important;min-height:54px!important;max-height:54px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;
  }
  html body .pgp-v71-mobile-identity-row :is(.garage-name,.garage-title,.store-name,.garage-name-link,.store-name-link,h1,h2,h3,strong){
    font-size:clamp(16px,4.35vw,20px)!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0 0 4px 0!important;max-width:100%!important;
  }
  html body .pgp-v71-mobile-identity-row :is(.garage-meta,.garage-location,.store-meta,.garage-subtitle,p,span){
    font-size:clamp(12px,3.35vw,15px)!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;
  }
  html body .pgp-v71-mobile-identity-row :is(.garage-views,.view-count,.views,.pgp-garage-views),
  html body .pgp-v71-mobile-identity-row :is(svg.pgp-eye-icon,.pgp-eye-icon,svg[class*="eye"],.garage-views svg,.view-count svg,.views svg,.garage-meta svg,.store-meta svg){
    display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;
  }
  html body .pgp-v71-mobile-identity-fixed > .pgp-standalone-follow-toggle,
  html body .pgp-v71-mobile-identity-fixed > .pgp-section-view-tools,
  html body .pgp-v71-mobile-identity-fixed > :is(button.dots,.pgp-more-button){top:6px!important;height:34px!important;min-height:34px!important;max-height:34px!important;}
  html body .pgp-v71-mobile-identity-fixed > .pgp-standalone-follow-toggle{right:96px!important;width:26px!important;min-width:26px!important;max-width:26px!important;}
  html body .pgp-v71-mobile-identity-fixed > .pgp-section-view-tools{right:31px!important;width:56px!important;min-width:56px!important;max-width:56px!important;gap:2px!important;}
  html body .pgp-v71-mobile-identity-fixed > :is(button.dots,.pgp-more-button){right:0!important;width:28px!important;min-width:28px!important;max-width:28px!important;}
  html body .pgp-garage-is-following .pgp-v71-mobile-identity-row img.pgp-v68-garage-avatar,
  html body .pgp-garage-is-following .pgp-v71-mobile-identity-row img.pgp-garage-follow-ring-target{box-shadow:0 0 0 2.5px #ee154e,0 0 0 5px rgba(238,21,78,.16),0 7px 16px rgba(238,21,78,.18)!important;}
}

/* Extracted from site-ui.php: pgp-v73-mobile-stable-css */
/* =========================================================
   PGP v73 — stable mobile garage identity layout
   One final mobile layout so the logo/name do not flicker or fight the action icons.
   ========================================================= */
@media (max-width:768px){
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v73-mobile-stable{
    position:relative!important;
    display:block!important;
    height:86px!important;
    min-height:86px!important;
    max-height:86px!important;
    padding:0!important;
    margin:0 0 6px 0!important;
    overflow:visible!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v73-mobile-stable > .pgp-v73-identity-row{
    position:absolute!important;
    left:0!important;
    top:8px!important;
    right:126px!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    text-align:left!important;
    z-index:40!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body .pgp-v73-identity-row :is(.pgp-v73-logo-box,a:has(img),picture:has(img)){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 54px!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border-radius:999px!important;
    transform:none!important;
    position:relative!important;
  }
  html body .pgp-v73-identity-row :is(img.pgp-v73-avatar,img.pgp-v68-garage-avatar,img.pgp-garage-follow-ring-target,img.garage-logo,img.garage-avatar,img.store-logo,img.store-avatar,img.pgp-owner-avatar){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
    object-fit:cover!important;
    border-radius:999px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  html body .pgp-v73-identity-row .pgp-v73-text-box,
  html body .pgp-v73-identity-row :is(.garage-brand,.garage-info,.store-info,.pgp-part-brand,.products-title,.products-head-main){
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    text-align:left!important;
  }
  html body .pgp-v73-identity-row :is(.garage-name,.garage-title,.store-name,.garage-name-link,.store-name-link,h1,h2,h3,strong){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:17px!important;
    line-height:1.05!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    margin:0 0 4px 0!important;
    padding:0!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    text-align:left!important;
  }
  html body .pgp-v73-identity-row :is(.garage-meta,.garage-location,.store-meta,.garage-subtitle,p,span){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:700!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    margin:0!important;
    padding:0!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    text-align:left!important;
  }
  html body .pgp-v73-identity-row :is(.garage-views,.view-count,.views,.pgp-garage-views,svg.pgp-eye-icon,.pgp-eye-icon,svg[class*="eye"],.garage-views svg,.view-count svg,.views svg){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v73-mobile-stable > .pgp-standalone-follow-toggle,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v73-mobile-stable > .pgp-section-view-tools,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v73-mobile-stable > :is(button.dots,.pgp-more-button){
    position:absolute!important;
    top:8px!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    background-color:transparent!important;
    border:0!important;
    box-shadow:none!important;
    line-height:0!important;
  }
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v73-mobile-stable > .pgp-standalone-follow-toggle{right:92px!important;width:26px!important;min-width:26px!important;max-width:26px!important;z-index:91!important;}
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v73-mobile-stable > .pgp-section-view-tools{right:30px!important;width:54px!important;min-width:54px!important;max-width:54px!important;gap:2px!important;justify-content:space-between!important;z-index:90!important;}
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v73-mobile-stable > :is(button.dots,.pgp-more-button){right:0!important;width:28px!important;min-width:28px!important;max-width:28px!important;z-index:92!important;}
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v73-mobile-stable > .pgp-standalone-follow-toggle svg,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v73-mobile-stable > .pgp-section-view-tools svg,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v73-mobile-stable > :is(button.dots,.pgp-more-button) svg{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
    display:block!important;
    transform:none!important;
  }
  html body .pgp-garage-is-following .pgp-v73-identity-row img.pgp-garage-follow-ring-target,
  html body .pgp-v73-identity-row img.pgp-garage-follow-ring-target{
    border-radius:999px!important;
    outline:0!important;
    box-shadow:0 0 0 2.5px #ee154e,0 0 0 5px rgba(238,21,78,.16),0 7px 16px rgba(238,21,78,.18)!important;
    filter:saturate(1.04)!important;
  }
}

/* Extracted from site-ui.php: pgp-v264-home-product-name-plain-black */
/* =========================================================
   PGP v264 — Plain black product name under image
   المطلوب:
   - حذف البادج/الإطار الأسود حول اسم المنتج.
   - اسم المنتج بلون أسود فقط.
   - الاسم يكون مباشرة تحت الصورة.
   - إذا الاسم طويل ينزل لسطر ثاني.
   - لا يغير السعر ولا القلب ولا حجم الصور.
   ========================================================= */

/* product cards only, not garage cards */
html body #home .pgp-most-product:not(.pgp-most-garage){
  position:relative!important;
}

/* put the name directly under the image area */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info{
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:calc(64% + 6px)!important;
  bottom:auto!important;
  z-index:80!important;

  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:34px!important;

  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
  text-align:left!important;
}

/* remove every black badge style from current/old name markup */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > strong,
html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .pgp-v260-name-badges,
  .pgp-v261-name-badges,
  .pgp-v262-name-badges,
  .pgp-v260-name-line,
  .pgp-v261-name-line,
  .pgp-v262-name-line
){
  display:-webkit-box!important;
  visibility:visible!important;
  opacity:1!important;

  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;

  color:#111111!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;

  font-size:9.2px!important;
  line-height:1.22!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-shadow:none!important;

  white-space:normal!important;
  word-break:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;

  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;

  border:0!important;
  outline:0!important;
  border-radius:0!important;
  clip-path:none!important;
  box-shadow:none!important;

  -webkit-box-decoration-break:slice!important;
  box-decoration-break:slice!important;
}

/* remove pseudo caps from old badge attempts */
html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .pgp-v260-name-line,
  .pgp-v261-name-line,
  .pgp-v262-name-line
)::before,
html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .pgp-v260-name-line,
  .pgp-v261-name-line,
  .pgp-v262-name-line
)::after{
  content:none!important;
  display:none!important;
}

/* if older server markup has name line spans, show them as normal text */
html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .pgp-v260-name-line,
  .pgp-v261-name-line,
  .pgp-v262-name-line
){
  display:inline!important;
}

/* hide source/details only */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > span:not(.pgp-v260-name-line):not(.pgp-v261-name-line):not(.pgp-v262-name-line){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  max-height:0!important;
  overflow:hidden!important;
}

/* price and heart stay unchanged */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-price{
  z-index:90!important;
}

html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .heart-btn,
  .pgp-heart-btn,
  .pgp-card-heart,
  .pgp-home-card-heart,
  .wishlist-btn,
  .save-btn,
  .favorite-btn,
  button[data-pgp-heart],
  button[data-heart]
){
  z-index:95!important;
}

/* mobile: smaller text, longer line, directly under 58% image area */
@media(max-width:768px){
  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info{
    left:6px!important;
    right:6px!important;
    top:calc(58% + 5px)!important;
    max-height:28px!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > strong,
  html body #home .pgp-most-product:not(.pgp-most-garage) :is(
    .pgp-v260-name-badges,
    .pgp-v261-name-badges,
    .pgp-v262-name-badges,
    .pgp-v260-name-line,
    .pgp-v261-name-line,
    .pgp-v262-name-line
  ){
    font-size:7.2px!important;
    line-height:1.18!important;
  }
}

/* very small phones */
@media(max-width:390px){
  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info{
    left:5px!important;
    right:5px!important;
    top:calc(58% + 4px)!important;
    max-height:27px!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > strong,
  html body #home .pgp-most-product:not(.pgp-most-garage) :is(
    .pgp-v260-name-badges,
    .pgp-v261-name-badges,
    .pgp-v262-name-badges,
    .pgp-v260-name-line,
    .pgp-v261-name-line,
    .pgp-v262-name-line
  ){
    font-size:6.8px!important;
    line-height:1.16!important;
  }
}

/* Extracted from site-ui.php: pgp-v265-home-product-images-bigger-square */
/* =========================================================
   PGP v265 — Bigger square product images on homepage
   المطلوب:
   - إزالة إطار/حد الصورة الداخلية.
   - تكبير مساحة الصورة داخل كارت المنتج.
   - الصورة تصعد لفوك وتبقى كاملة من جوة بدون قص قدر الإمكان.
   - شكل الصورة أقرب للمربع.
   - اسم المنتج يبقى أسود مباشرة تحت الصورة.
   - لا يغير السعر ولا القلب.
   ========================================================= */

/* Home product cards only, not garage cards */
html body #home .pgp-most-product:not(.pgp-most-garage){
  position:relative!important;
  border-color:transparent!important;
  box-shadow:0 8px 18px rgba(0,0,0,.040)!important;
  overflow:hidden!important;
}

/* make the image area taller and remove inner frame */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:auto!important;

  width:100%!important;
  height:calc(100% - 54px)!important;

  margin:0!important;
  padding:0!important;

  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;

  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:hidden!important;
}

/* remove old gradients/overlays from product images */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media::before,
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* show full product image instead of cropping */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;

  object-fit:contain!important;
  object-position:center center!important;

  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  transform:none!important;
  background:#ffffff!important;
}

/* keep product name directly under the taller image */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info{
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:calc(100% - 50px)!important;
  bottom:auto!important;
  z-index:80!important;

  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:28px!important;

  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
  text-align:left!important;
}

/* plain black product name, two lines max */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > strong,
html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .pgp-v260-name-badges,
  .pgp-v261-name-badges,
  .pgp-v262-name-badges,
  .pgp-v260-name-line,
  .pgp-v261-name-line,
  .pgp-v262-name-line
){
  display:-webkit-box!important;
  visibility:visible!important;
  opacity:1!important;

  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  margin:0!important;
  padding:0!important;

  color:#111111!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;

  font-size:9px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-shadow:none!important;

  white-space:normal!important;
  word-break:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;

  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;

  border:0!important;
  outline:0!important;
  border-radius:0!important;
  clip-path:none!important;
  box-shadow:none!important;
}

/* remove old badge pseudo caps if a previous cached markup exists */
html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .pgp-v260-name-line,
  .pgp-v261-name-line,
  .pgp-v262-name-line
)::before,
html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .pgp-v260-name-line,
  .pgp-v261-name-line,
  .pgp-v262-name-line
)::after{
  content:none!important;
  display:none!important;
}

/* hide source/details only */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > span:not(.pgp-v260-name-line):not(.pgp-v261-name-line):not(.pgp-v262-name-line){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  max-height:0!important;
  overflow:hidden!important;
}

/* price and heart remain as they are */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-price{
  z-index:90!important;
}

html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .heart-btn,
  .pgp-heart-btn,
  .pgp-card-heart,
  .pgp-home-card-heart,
  .wishlist-btn,
  .save-btn,
  .favorite-btn,
  button[data-pgp-heart],
  button[data-heart]
){
  z-index:95!important;
}

/* Laptop / medium desktop */
@media(min-width:769px) and (max-width:1366px){
  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media{
    height:calc(100% - 52px)!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info{
    top:calc(100% - 48px)!important;
    max-height:28px!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > strong,
  html body #home .pgp-most-product:not(.pgp-most-garage) :is(
    .pgp-v260-name-badges,
    .pgp-v261-name-badges,
    .pgp-v262-name-badges,
    .pgp-v260-name-line,
    .pgp-v261-name-line,
    .pgp-v262-name-line
  ){
    font-size:8.2px!important;
    line-height:1.18!important;
  }
}

/* Mobile: make image taller, close to square, but keep price/heart safe */
@media(max-width:768px){
  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media{
    height:calc(100% - 40px)!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info{
    left:6px!important;
    right:6px!important;
    top:calc(100% - 38px)!important;
    max-height:22px!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > strong,
  html body #home .pgp-most-product:not(.pgp-most-garage) :is(
    .pgp-v260-name-badges,
    .pgp-v261-name-badges,
    .pgp-v262-name-badges,
    .pgp-v260-name-line,
    .pgp-v261-name-line,
    .pgp-v262-name-line
  ){
    font-size:6.8px!important;
    line-height:1.15!important;
  }
}

/* Very small phones */
@media(max-width:390px){
  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media{
    height:calc(100% - 39px)!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info{
    left:5px!important;
    right:5px!important;
    top:calc(100% - 37px)!important;
    max-height:21px!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > strong,
  html body #home .pgp-most-product:not(.pgp-most-garage) :is(
    .pgp-v260-name-badges,
    .pgp-v261-name-badges,
    .pgp-v262-name-badges,
    .pgp-v260-name-line,
    .pgp-v261-name-line,
    .pgp-v262-name-line
  ){
    font-size:6.4px!important;
    line-height:1.13!important;
  }
}

/* Extracted from site-ui.php: pgp-v266-home-product-image-name-spacing */
/* =========================================================
   PGP v266 — Homepage product image/name spacing
   المطلوب:
   - بالموبايل: رفع الصورة والاسم حتى السطر الثاني لا ينزل تحت السعر.
   - باللابتوب/الديسكتوب: رفع الصورة والاسم وفتح مجال للسطر الثاني.
   - لا يغير السعر ولا القلب ولا عدد الكارتات.
   ========================================================= */

/* Home product cards only, not garage cards */
html body #home .pgp-most-product:not(.pgp-most-garage){
  position:relative!important;
  overflow:hidden!important;
}

/* Desktop / wide screens:
   image ends earlier, giving clean space for 2-line name above price */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media{
  top:0!important;
  left:0!important;
  right:0!important;
  height:calc(100% - 72px)!important;
  bottom:auto!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#ffffff!important;
}

html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center top!important;
  transform:none!important;
  background:#ffffff!important;
}

/* Name directly under image, raised above price */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info{
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:calc(100% - 66px)!important;
  bottom:auto!important;
  z-index:80!important;

  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  max-height:32px!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  pointer-events:none!important;
}

/* Plain black name, max two lines */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > strong,
html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .pgp-v260-name-badges,
  .pgp-v261-name-badges,
  .pgp-v262-name-badges,
  .pgp-v260-name-line,
  .pgp-v261-name-line,
  .pgp-v262-name-line
){
  display:-webkit-box!important;
  width:100%!important;
  max-width:100%!important;
  color:#111111!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  border-radius:0!important;

  font-size:8.8px!important;
  line-height:1.18!important;
  font-weight:850!important;
  text-shadow:none!important;

  white-space:normal!important;
  word-break:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  margin:0!important;
  padding:0!important;
}

/* remove any old pseudo badge edges */
html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .pgp-v260-name-line,
  .pgp-v261-name-line,
  .pgp-v262-name-line
)::before,
html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .pgp-v260-name-line,
  .pgp-v261-name-line,
  .pgp-v262-name-line
)::after{
  content:none!important;
  display:none!important;
}

/* hide source/details only */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > span:not(.pgp-v260-name-line):not(.pgp-v261-name-line):not(.pgp-v262-name-line){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  max-height:0!important;
  overflow:hidden!important;
}

/* keep price/heart untouched */
html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-price{
  z-index:90!important;
}

html body #home .pgp-most-product:not(.pgp-most-garage) :is(
  .heart-btn,
  .pgp-heart-btn,
  .pgp-card-heart,
  .pgp-home-card-heart,
  .wishlist-btn,
  .save-btn,
  .favorite-btn,
  button[data-pgp-heart],
  button[data-heart]
){
  z-index:95!important;
}

/* Laptop / medium desktop */
@media(min-width:769px) and (max-width:1366px){
  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media{
    height:calc(100% - 66px)!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info{
    top:calc(100% - 61px)!important;
    max-height:30px!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > strong,
  html body #home .pgp-most-product:not(.pgp-most-garage) :is(
    .pgp-v260-name-badges,
    .pgp-v261-name-badges,
    .pgp-v262-name-badges,
    .pgp-v260-name-line,
    .pgp-v261-name-line,
    .pgp-v262-name-line
  ){
    font-size:7.9px!important;
    line-height:1.16!important;
  }
}

/* Mobile: image and name raised significantly to keep 2 lines above price */
@media(max-width:768px){
  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media{
    height:calc(100% - 54px)!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media img{
    object-position:center top!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info{
    left:6px!important;
    right:6px!important;
    top:calc(100% - 50px)!important;
    max-height:24px!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > strong,
  html body #home .pgp-most-product:not(.pgp-most-garage) :is(
    .pgp-v260-name-badges,
    .pgp-v261-name-badges,
    .pgp-v262-name-badges,
    .pgp-v260-name-line,
    .pgp-v261-name-line,
    .pgp-v262-name-line
  ){
    font-size:6.7px!important;
    line-height:1.14!important;
  }
}

/* Very small phones */
@media(max-width:390px){
  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-media{
    height:calc(100% - 52px)!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info{
    left:5px!important;
    right:5px!important;
    top:calc(100% - 48px)!important;
    max-height:23px!important;
  }

  html body #home .pgp-most-product:not(.pgp-most-garage) > .pgp-most-info > strong,
  html body #home .pgp-most-product:not(.pgp-most-garage) :is(
    .pgp-v260-name-badges,
    .pgp-v261-name-badges,
    .pgp-v262-name-badges,
    .pgp-v260-name-line,
    .pgp-v261-name-line,
    .pgp-v262-name-line
  ){
    font-size:6.3px!important;
    line-height:1.12!important;
  }
}

/* Extracted from site-ui.php: pgp-v269-search-click-hitbox */
/* =========================================================
   PGP v269 — Desktop search click hitbox fix
   المطلوب:
   - لا يغير شكل خانة البحث.
   - لا يغير حجم خانة البحث.
   - لا يفعّل الكتابة عند مرور الماوس.
   - فقط عند الضغط داخل خانة البحث، حتى منتصف الخانة، يقدر المستخدم يكتب.
   ========================================================= */

@media(min-width:769px){
  html body .pgp-app-header .pgp-header-search-wrap,
  html body .pgp-header-search-wrap{
    pointer-events:auto!important;
    overflow:visible!important;
  }

  html body .pgp-app-header .pgp-header-search-form,
  html body .pgp-header-search-form{
    pointer-events:auto!important;
    cursor:text!important;
  }

  html body .pgp-app-header .pgp-header-search-input,
  html body .pgp-header-search-input{
    pointer-events:auto!important;
    cursor:text!important;
    user-select:text!important;
    -webkit-user-select:text!important;
    caret-color:#111315!important;
  }

  html body .pgp-app-header .pgp-header-search-submit,
  html body .pgp-header-search-submit{
    pointer-events:auto!important;
    cursor:pointer!important;
  }
}