/* PGP Unified Components v43 / v123 home black frame
   مصدر واحد للأسهم وزر البحث: نفس سهم منتجات مشابهة، بدون سهمين وبدون pseudo arrows.
*/
:root{
  --pgp-search-green:#333031;
  --pgp-search-green-hover:#2a2829;
  --pgp-arrow-red:rgba(90,12,207,.82);
  --pgp-arrow-red-hover:rgba(90,12,207,.95);
  --pgp-arrow-solid:#5a0ccf;
  --pgp-frame-red:rgba(230,29,29,.085);
  --pgp-card-red:rgba(230,29,29,.07);
}

html body .pgp-header-search-submit,
html body button.pgp-header-search-submit,
html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-header-search-submit.pgp-unified-search-submit,
html body .pgp-header-search-submit.pgp-v40-normalized{
  background:var(--pgp-search-green) !important;
  background-color:var(--pgp-search-green) !important;
  background-image:none !important;
  border-color:var(--pgp-search-green) !important;
  color:#fff !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:0 !important;
  box-shadow:0 8px 22px rgba(51,48,49,.20) !important;
  overflow:hidden !important;
  touch-action:manipulation !important;
  -ms-touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:1 !important;
  visibility:visible !important;
}
html body .pgp-header-search-submit:hover,
html body .pgp-header-search-submit:focus,
html body .pgp-header-search-submit:active{
  background:var(--pgp-search-green-hover) !important;
  background-color:var(--pgp-search-green-hover) !important;
  background-image:none !important;
  border-color:var(--pgp-search-green-hover) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(51,48,49,.20) !important;
}

/* امسح كل الأسهم القديمة داخل الأزرار، وخلي فقط SVG الموحد */
html body .pgp-header-search-submit::before,
html body .pgp-header-search-submit::after,
html body .pgp-unified-arrow::before,
html body .pgp-unified-arrow::after,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::before,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

html body .pgp-header-search-submit > :not(.pgp-v40-arrow-svg):not(.pgp-unified-arrow-svg):not(.pgp-search-clone-arrow):not(.pgp-search-arrow-desktop),
html body .pgp-unified-arrow > :not(.pgp-v40-arrow-svg):not(.pgp-unified-arrow-svg):not(.pgp-search-clone-arrow):not(.pgp-search-arrow-desktop){
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

html body .pgp-header-search-submit > svg.pgp-v40-arrow-svg,
html body .pgp-header-search-submit > svg.pgp-unified-arrow-svg,
html body .pgp-header-search-submit > svg.pgp-search-clone-arrow,
html body .pgp-header-search-submit > svg.pgp-search-arrow-desktop,
html body .pgp-unified-arrow > svg.pgp-v40-arrow-svg,
html body .pgp-unified-arrow > svg.pgp-unified-arrow-svg,
html body .pgp-unified-arrow > svg.pgp-search-clone-arrow{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  color:#fff !important;
  stroke:currentColor !important;
  fill:none !important;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 auto !important;
  pointer-events:none !important;
}
html body .pgp-unified-arrow.pgp-dir-left > svg.pgp-v40-arrow-svg,
html body .pgp-unified-arrow.pgp-dir-left > svg.pgp-unified-arrow-svg,
html body .pgp-unified-arrow.pgp-dir-left > svg.pgp-search-clone-arrow{
  transform:rotate(180deg) !important;
}
html body .pgp-header-search-submit > svg.pgp-v40-arrow-svg,
html body .pgp-header-search-submit > svg.pgp-unified-arrow-svg,
html body .pgp-header-search-submit > svg.pgp-search-clone-arrow{
  transform:none !important;
}
html body .pgp-v40-arrow-svg path,
html body .pgp-unified-arrow-svg path,
html body .pgp-search-clone-arrow path{
  stroke:#fff !important;
  fill:none !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* Product / gallery / related / section arrows: نفس مكان السهم الأصلي لكن لون وشكل موحد */
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow),
html body .pgp-unified-arrow,
html body .product-wrap .pgp-gallery-arrow,
html body .product-wrap .pgp-related-section .pgp-related-arrow{
  background:var(--pgp-arrow-red) !important;
  background-color:var(--pgp-arrow-red) !important;
  background-image:none !important;
  border-color:var(--pgp-arrow-red) !important;
  color:#fff !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 8px 22px rgba(90,12,207,.22) !important;
  opacity:1 !important;
  touch-action:manipulation !important;
  -ms-touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  cursor:pointer !important;
  visibility:visible !important;
  overflow:hidden !important;
}
html body .product-wrap .pgp-related-section .pgp-related-arrow,
html body .product-wrap .pgp-gallery-arrow{
  display:flex !important;
}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):hover,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):focus,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):active,
html body .pgp-unified-arrow:hover,
html body .pgp-unified-arrow:focus,
html body .pgp-unified-arrow:active,
html body .product-wrap .pgp-gallery-arrow:hover,
html body .product-wrap .pgp-related-section .pgp-related-arrow:hover{
  background:var(--pgp-arrow-red-hover) !important;
  background-color:var(--pgp-arrow-red-hover) !important;
  background-image:none !important;
  border-color:var(--pgp-arrow-red-hover) !important;
  color:#fff !important;
}

/* Keep original left/right positions for the common home/category row arrows. */
html body .pgp-most-arrow.left,
html body .row-arrow.left,
html body .pgp-row-arrow.left{left:10px !important;right:auto !important;}
html body .pgp-most-arrow.right,
html body .row-arrow.right,
html body .pgp-row-arrow.right{right:10px !important;left:auto !important;}

/* Soft frames */
html body :is(.pgp-most-viewed-card,.pgp-home-managed-section,.pgp-section-card,.pgp-section-shell,.pgp-section-wrap,.pgp-part-section,.pgp-related-section,.garage-section,.store-section){
  background:#fff !important;
  border:1px solid var(--pgp-frame-red) !important;
  box-shadow:0 12px 30px rgba(230,29,29,.018),0 8px 20px rgba(0,0,0,.022) !important;
}
html body :is(.pgp-most-product,.pgp-most-garage,.pgp-product-card,.pgp-related-card,.product-card,.garage-card,.store-card,.pgp-card,.part-card){
  background:#fff !important;
  border:1px solid var(--pgp-card-red) !important;
  box-shadow:0 7px 18px rgba(0,0,0,.024) !important;
}
html body :is(.pgp-most-scroll-wrap,.pgp-most-head,.pgp-most-count,.pgp-section-count,.pgp-count-pill,.pgp-items-count){
  border-color:var(--pgp-frame-red) !important;
}

/* v40 final guard: override old v14/v20 search rules inside pgp-app-header. */
html body .pgp-app-header .pgp-header-search-submit::before,
html body .pgp-app-header .pgp-header-search-submit::after,
html body .pgp-header-search-submit.pgp-v40-normalized::before,
html body .pgp-header-search-submit.pgp-v40-normalized::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}
html body .pgp-app-header .pgp-header-search-submit > svg.pgp-v40-arrow-svg.pgp-unified-arrow-svg.pgp-search-clone-arrow.pgp-search-arrow-desktop,
html body .pgp-app-header .pgp-header-search-submit.pgp-v40-normalized > svg.pgp-v40-arrow-svg,
html body .pgp-header-search-submit.pgp-v40-normalized > svg.pgp-v40-arrow-svg{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  color:#fff !important;
  stroke:currentColor !important;
  fill:none !important;
  transform:none !important;
  text-indent:0 !important;
}
html body .pgp-app-header .pgp-header-search-submit > svg.pgp-v40-arrow-svg path,
html body .pgp-app-header .pgp-header-search-submit.pgp-v40-normalized > svg.pgp-v40-arrow-svg path,
html body .pgp-header-search-submit.pgp-v40-normalized > svg.pgp-v40-arrow-svg path{
  display:inline !important;
  visibility:visible !important;
  opacity:1 !important;
  stroke:#fff !important;
  fill:none !important;
}


/* v40 safety: related product cards are content, not arrows. Keep images visible. */
html body .product-wrap .pgp-related-section .pgp-related-card:not(.pgp-unified-arrow),
html body .product-wrap .pgp-related-row .pgp-related-card:not(.pgp-unified-arrow),
html body .pgp-related-card:not(.pgp-unified-arrow){
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:hidden !important;
  background:#ffffff !important;
}
html body .product-wrap .pgp-related-section .pgp-related-card:not(.pgp-unified-arrow) img,
html body .product-wrap .pgp-related-row .pgp-related-card:not(.pgp-unified-arrow) img,
html body .pgp-related-card:not(.pgp-unified-arrow) img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  object-fit:contain !important;
  background:#ffffff !important;
}
html body .pgp-related-card:not(.pgp-unified-arrow) :is(b,strong,span,div){
  visibility:visible !important;
  opacity:1 !important;
}


/* v41: keep related-product cards clickable on mobile; arrows stay separate controls. */
html body .product-wrap .pgp-related-section .pgp-related-row,
html body .pgp-related-row{
  pointer-events:auto !important;
}
html body .product-wrap .pgp-related-section a.pgp-related-card:not(.pgp-unified-arrow),
html body a.pgp-related-card:not(.pgp-unified-arrow){
  pointer-events:auto !important;
  position:relative !important;
  z-index:8 !important;
  touch-action:pan-x !important;
  -webkit-tap-highlight-color:rgba(90,12,207,.10) !important;
}
html body .product-wrap .pgp-related-section a.pgp-related-card:not(.pgp-unified-arrow) *,
html body a.pgp-related-card:not(.pgp-unified-arrow) *{
  pointer-events:none !important;
}
html body .product-wrap .pgp-related-section .pgp-related-arrow,
html body .pgp-related-arrow{
  pointer-events:auto !important;
  z-index:40 !important;
}


/* v42: softer product arrows + no tap/double-tap zoom on arrow controls. */
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow),
html body .pgp-unified-arrow,
html body .product-wrap .pgp-gallery-arrow,
html body .product-wrap .pgp-related-section .pgp-related-arrow{
  background:rgba(90,12,207,.82) !important;
  background-color:rgba(90,12,207,.82) !important;
  border-color:rgba(90,12,207,.82) !important;
  box-shadow:0 8px 22px rgba(90,12,207,.22) !important;
  touch-action:manipulation !important;
  -ms-touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):hover,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):focus,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):active,
html body .pgp-unified-arrow:hover,
html body .pgp-unified-arrow:focus,
html body .pgp-unified-arrow:active{
  background:rgba(90,12,207,.95) !important;
  background-color:rgba(90,12,207,.95) !important;
  border-color:rgba(90,12,207,.95) !important;
}
html body .pgp-header-search-submit,
html body .pgp-header-search-submit *{
  touch-action:manipulation !important;
  -ms-touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
}


/* =========================================================
   PGP v43 GLOBAL FRAMES + VIEW/SETTINGS BUTTONS
   Moved home red frames out of index.php and made one shared source.
   Applies to homepage, IQ Garages, part category pages, stores, and related products.
   ========================================================= */
:root{
  --pgp-shared-frame:rgba(230,29,29,.085);
  --pgp-shared-card:rgba(230,29,29,.07);
  --pgp-control-bg:#ffffff;
  --pgp-control-bg-hover:rgba(230,29,29,.075);
  --pgp-control-icon:#171717;
  --pgp-control-border:rgba(230,29,29,.18);
  --pgp-control-border-hover:rgba(230,29,29,.42);
  --pgp-control-active:#e61d1d;
  --pgp-control-active-hover:#c91515;
}

/* Global soft section/card frames, replacing page-only index rules. */
html body :is(
  .pgp-most-viewed-card,.pgp-home-managed-section,.pgp-section-card,.pgp-section-shell,.pgp-section-wrap,
  .pgp-iq-card,.iq-card,.pgp-parts-shell,.pgp-parts-hero,.pgp-part-card,.garage-card,.products-card,.store-card,
  .pgp-related-section,.related-products,.pgp-related-products,.product-related-card,.garage-section,.store-section
){
  border-color:var(--pgp-shared-frame) !important;
  box-shadow:0 12px 30px rgba(230,29,29,.018),0 8px 20px rgba(0,0,0,.022) !important;
}
html body :is(
  .pgp-most-product,.pgp-most-garage,.pgp-product-card,.pgp-related-card,.product-card,.garage-product-card,
  .store-product-card,.pgp-card,.part-card,.product-tile,.garage-tile
){
  border-color:var(--pgp-shared-card) !important;
  box-shadow:0 7px 18px rgba(0,0,0,.024) !important;
}
html body :is(.pgp-most-scroll-wrap,.pgp-most-head,.pgp-most-count,.pgp-section-count,.pgp-count-pill,.pgp-items-count,.pgp-count){
  border-color:var(--pgp-shared-frame) !important;
}

/* View tools container: light, clean, no confusing red glow. */
html body :is(.pgp-section-view-tools,.pgp-view-tools,.view-tools,.layout-tools){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:4px !important;
  border-radius:999px !important;
  border:1px solid rgba(230,29,29,.11) !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.045) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  direction:ltr !important;
}

/* The two grid/row buttons + garage settings gear. */
html body :is(
  .pgp-section-view-btn,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-btn,
  .view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,
  .iq-view-btn,.garage-view-btn,.parts-view-btn,
  .garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots
){
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  max-width:36px !important;
  max-height:36px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  border:1px solid var(--pgp-control-border) !important;
  background:var(--pgp-control-bg) !important;
  background-image:none !important;
  color:var(--pgp-control-icon) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.035) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:1 !important;
  visibility:visible !important;
  cursor:pointer !important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
}
html body :is(.pgp-section-view-btn,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-btn,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.iq-view-btn,.garage-view-btn,.parts-view-btn,.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots) :is(svg,path,rect,circle,polygon,line,polyline,i,span){
  color:currentColor !important;
  stroke:currentColor !important;
  opacity:1 !important;
}
html body :is(.pgp-section-view-btn,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-btn,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.iq-view-btn,.garage-view-btn,.parts-view-btn,.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots) svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
html body :is(.pgp-section-view-btn[data-pgp-view-style="grid"],.pgp-grid-toggle,.grid-toggle) svg rect{
  fill:currentColor !important;
  stroke:none !important;
}
html body :is(.pgp-section-view-btn[data-pgp-view-style="row"],.pgp-list-toggle,.pgp-layout-btn,.list-toggle,.layout-toggle,.layout-btn) svg rect{
  fill:none !important;
  stroke:currentColor !important;
}

/* Hover/touch: red outline and red icon only, not a heavy filled red circle. */
html body :is(.pgp-section-view-btn,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-btn,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.iq-view-btn,.garage-view-btn,.parts-view-btn,.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots):hover,
html body :is(.pgp-section-view-btn,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-btn,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.iq-view-btn,.garage-view-btn,.parts-view-btn,.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots):focus{
  background:var(--pgp-control-bg-hover) !important;
  color:var(--pgp-control-active) !important;
  border-color:var(--pgp-control-border-hover) !important;
  box-shadow:0 9px 22px rgba(230,29,29,.10) !important;
  transform:translateY(-1px) !important;
}

/* Active/open: solid red circle, white icon. */
html body :is(
  .pgp-section-view-btn.is-active,.pgp-section-view-btn.active,.pgp-section-view-btn[aria-pressed="true"],
  .pgp-view-btn.is-active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-btn.active,
  .view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,
  .iq-view-btn.active,.garage-view-btn.active,.parts-view-btn.active,
  .garage-top .dots.is-active,.garage-top .dots[aria-expanded="true"],button.dots.is-active,button.dots[aria-expanded="true"]
){
  background:var(--pgp-control-active) !important;
  background-image:none !important;
  color:#ffffff !important;
  border-color:var(--pgp-control-active) !important;
  box-shadow:0 10px 22px rgba(230,29,29,.20) !important;
  transform:none !important;
}
html body :is(.pgp-section-view-btn.is-active,.pgp-section-view-btn.active,.pgp-section-view-btn[aria-pressed="true"],.pgp-view-btn.is-active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-btn.active,.view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,.iq-view-btn.active,.garage-view-btn.active,.parts-view-btn.active,.garage-top .dots.is-active,.garage-top .dots[aria-expanded="true"],button.dots.is-active,button.dots[aria-expanded="true"]) :is(svg,path,rect,circle,polygon,line,polyline,i,span){
  color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
}
html body :is(.pgp-section-view-btn.is-active[data-pgp-view-style="grid"],.pgp-section-view-btn.active[data-pgp-view-style="grid"],.pgp-section-view-btn[aria-pressed="true"][data-pgp-view-style="grid"]) svg rect{
  fill:#ffffff !important;
  stroke:none !important;
}
html body :is(.pgp-section-view-btn.is-active:hover,.pgp-section-view-btn[aria-pressed="true"]:hover,.garage-top .dots.is-active:hover,.garage-top .dots[aria-expanded="true"]:hover,button.dots.is-active:hover,button.dots[aria-expanded="true"]:hover){
  background:var(--pgp-control-active-hover) !important;
  border-color:var(--pgp-control-active-hover) !important;
  color:#ffffff !important;
}

/* Garage settings menu: keep it readable beside the fixed controls. */
html body .garage-menu{
  border:1px solid rgba(230,29,29,.16) !important;
  background:rgba(14,14,18,.96) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.32) !important;
}
html body .garage-menu-btn:hover{
  background:rgba(230,29,29,.13) !important;
  border-color:rgba(230,29,29,.30) !important;
}


/* PGP v44 late shared override: frames stay global, controls are clean and consistent. */
:root{
  --pgp-control-active:#e61d1d;
  --pgp-control-border:rgba(230,29,29,.26);
  --pgp-control-icon:#151515;
}
html body :is(.pgp-section-view-btn,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-btn,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.iq-view-btn,.garage-view-btn,.parts-view-btn){
  background:#fff!important;color:#151515!important;border-color:rgba(230,29,29,.26)!important;box-shadow:0 7px 17px rgba(0,0,0,.035)!important;
}
html body :is(.pgp-section-view-btn,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-btn,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.iq-view-btn,.garage-view-btn,.parts-view-btn):is(:hover,:focus){
  background:rgba(230,29,29,.075)!important;color:#e61d1d!important;border-color:rgba(230,29,29,.48)!important;
}
html body :is(.pgp-section-view-btn.is-active,.pgp-section-view-btn.active,.pgp-section-view-btn[aria-pressed="true"],.pgp-view-btn.is-active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-btn.active,.view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,.iq-view-btn.active,.garage-view-btn.active,.parts-view-btn.active){
  background:#e61d1d!important;color:#fff!important;border-color:#e61d1d!important;box-shadow:0 10px 22px rgba(230,29,29,.22)!important;
}
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button),
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button):is(:hover,:focus,:active,.is-active,[aria-expanded="true"]){
  background:#fff!important;background-image:none!important;color:#111!important;border-color:rgba(0,0,0,.14)!important;box-shadow:0 8px 18px rgba(0,0,0,.045)!important;transform:none!important;
}
html body .pgp-more-ellipsis,html body .pgp-more-ellipsis circle{fill:currentColor!important;stroke:none!important;color:currentColor!important;}


/* =========================================================
   PGP v45 — final clear icons for Grid / Slider buttons
   ========================================================= */
html body .pgp-section-view-btn .pgp-view-icon-grid-v45,
html body .pgp-section-view-btn .pgp-view-icon-row-v45{
  width:22px!important;
  height:22px!important;
  display:block!important;
  color:currentColor!important;
  fill:none!important;
  stroke:currentColor!important;
  overflow:visible!important;
}
html body .pgp-section-view-btn[data-pgp-view-style="grid"] .pgp-view-icon-grid-v45 .pgp-grid-frame,
html body .pgp-section-view-btn .pgp-view-icon-grid-v45 .pgp-grid-frame{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.65!important;
  stroke-linejoin:round!important;
}
html body .pgp-section-view-btn[data-pgp-view-style="grid"] .pgp-view-icon-grid-v45 .pgp-grid-cell,
html body .pgp-section-view-btn .pgp-view-icon-grid-v45 .pgp-grid-cell{
  fill:currentColor!important;
  stroke:none!important;
  opacity:1!important;
}
html body .pgp-section-view-btn[data-pgp-view-style="row"] .pgp-view-icon-row-v45 .pgp-row-window,
html body .pgp-section-view-btn .pgp-view-icon-row-v45 .pgp-row-window{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linejoin:round!important;
}
html body .pgp-section-view-btn[data-pgp-view-style="row"] .pgp-view-icon-row-v45 .pgp-row-card,
html body .pgp-section-view-btn .pgp-view-icon-row-v45 .pgp-row-card{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.55!important;
  stroke-linejoin:round!important;
}
html body .pgp-section-view-btn[data-pgp-view-style="row"] .pgp-view-icon-row-v45 .pgp-row-card-mid,
html body .pgp-section-view-btn .pgp-view-icon-row-v45 .pgp-row-card-mid{
  fill:currentColor!important;
  fill-opacity:.16!important;
}
html body .pgp-section-view-btn[data-pgp-view-style="row"] .pgp-view-icon-row-v45 .pgp-row-motion,
html body .pgp-section-view-btn .pgp-view-icon-row-v45 .pgp-row-motion{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .pgp-section-view-btn.is-active .pgp-view-icon-grid-v45,
html body .pgp-section-view-btn[aria-pressed="true"] .pgp-view-icon-grid-v45,
html body .pgp-section-view-btn.is-active .pgp-view-icon-row-v45,
html body .pgp-section-view-btn[aria-pressed="true"] .pgp-view-icon-row-v45{
  color:#fff!important;
  stroke:#fff!important;
}
html body .pgp-section-view-btn.is-active .pgp-view-icon-grid-v45 .pgp-grid-frame,
html body .pgp-section-view-btn[aria-pressed="true"] .pgp-view-icon-grid-v45 .pgp-grid-frame{
  fill:none!important;
  stroke:#fff!important;
}
html body .pgp-section-view-btn.is-active .pgp-view-icon-grid-v45 .pgp-grid-cell,
html body .pgp-section-view-btn[aria-pressed="true"] .pgp-view-icon-grid-v45 .pgp-grid-cell{
  fill:#fff!important;
  stroke:none!important;
}
html body .pgp-section-view-btn.is-active .pgp-view-icon-row-v45 .pgp-row-window,
html body .pgp-section-view-btn[aria-pressed="true"] .pgp-view-icon-row-v45 .pgp-row-window,
html body .pgp-section-view-btn.is-active .pgp-view-icon-row-v45 .pgp-row-card,
html body .pgp-section-view-btn[aria-pressed="true"] .pgp-view-icon-row-v45 .pgp-row-card,
html body .pgp-section-view-btn.is-active .pgp-view-icon-row-v45 .pgp-row-motion,
html body .pgp-section-view-btn[aria-pressed="true"] .pgp-view-icon-row-v45 .pgp-row-motion{
  stroke:#fff!important;
}
html body .pgp-section-view-btn.is-active .pgp-view-icon-row-v45 .pgp-row-card-mid,
html body .pgp-section-view-btn[aria-pressed="true"] .pgp-view-icon-row-v45 .pgp-row-card-mid{
  fill:#fff!important;
  fill-opacity:.22!important;
}


/* =========================================================
   PGP v46 — clean single view icons, no duplicate legacy glyphs
   ========================================================= */
html body .pgp-section-view-tools.pgp-clean-view-tools,
html body .pgp-section-view-tools{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:4px!important;
  border-radius:999px!important;
  border:1px solid rgba(230,29,29,.12)!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.045)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  direction:ltr!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn,
html body .pgp-section-view-tools .pgp-clean-view-btn{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  border-radius:999px!important;
  border:1px solid rgba(230,29,29,.18)!important;
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:0 7px 17px rgba(0,0,0,.035)!important;
  transform:none!important;
  line-height:0!important;
  font-size:0!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn::before,
html body .pgp-section-view-tools .pgp-section-view-btn::after,
html body .pgp-section-view-tools .pgp-clean-view-btn::before,
html body .pgp-section-view-tools .pgp-clean-view-btn::after{
  content:none!important;
  display:none!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn > :not(.pgp-clean-view-icon),
html body .pgp-section-view-tools .pgp-clean-view-btn > :not(.pgp-clean-view-icon){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body .pgp-section-view-tools .pgp-clean-view-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  display:block!important;
  color:currentColor!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  overflow:visible!important;
}
html body .pgp-section-view-tools .pgp-clean-grid-icon rect{
  fill:currentColor!important;
  stroke:none!important;
}
html body .pgp-section-view-tools .pgp-clean-row-icon path{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn:hover,
html body .pgp-section-view-tools .pgp-section-view-btn:focus,
html body .pgp-section-view-tools .pgp-clean-view-btn:hover,
html body .pgp-section-view-tools .pgp-clean-view-btn:focus{
  background:rgba(230,29,29,.075)!important;
  border-color:rgba(230,29,29,.48)!important;
  color:#e61d1d!important;
  transform:translateY(-1px)!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn.is-active,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"],
html body .pgp-section-view-tools .pgp-clean-view-btn.is-active,
html body .pgp-section-view-tools .pgp-clean-view-btn[aria-pressed="true"]{
  background:#e61d1d!important;
  border-color:#e61d1d!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(230,29,29,.22)!important;
}
html body :is(.pgp-view-tools,.view-tools,.layout-tools,.pgp-layout-switcher),
html body :is(.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-btn,.iq-view-btn,.garage-view-btn,.parts-view-btn):not(.pgp-section-view-tools *){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* PGP v48 final override: view icons are black-only, no circular active frame. */
html body .pgp-section-view-tools,
html body .pgp-section-view-tools.pgp-v48-view-tools{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;padding:0!important;gap:7px!important;overflow:visible!important;}
html body .pgp-section-view-tools::before,html body .pgp-section-view-tools::after{display:none!important;content:none!important;}
html body .pgp-section-view-tools .pgp-section-view-btn,
html body .pgp-section-view-tools .pgp-v48-view-btn,
html body .pgp-section-view-tools button[data-pgp-view-style],
html body .pgp-section-view-tools .pgp-section-view-btn.is-active,
html body .pgp-section-view-tools .pgp-section-view-btn.active,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"],
html body .pgp-section-view-tools .pgp-v48-view-btn.is-active,
html body .pgp-section-view-tools .pgp-v48-view-btn[aria-pressed="true"]{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;max-width:23px!important;max-height:23px!important;padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;background-image:none!important;color:#050505!important;box-shadow:none!important;filter:none!important;transform:none!important;line-height:0!important;font-size:0!important;}
html body .pgp-section-view-tools .pgp-section-view-btn::before,html body .pgp-section-view-tools .pgp-section-view-btn::after,html body .pgp-section-view-tools .pgp-v48-view-btn::before,html body .pgp-section-view-tools .pgp-v48-view-btn::after{display:none!important;content:none!important;}
html body .pgp-section-view-tools .pgp-section-view-btn > :not(.pgp-v48-view-icon),html body .pgp-section-view-tools .pgp-v48-view-btn > :not(.pgp-v48-view-icon){display:none!important;}
html body .pgp-section-view-tools .pgp-v48-view-icon,html body .pgp-section-view-tools .pgp-v48-view-icon :is(rect,path){width:18px!important;height:18px!important;color:#050505!important;stroke:#050505!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:none!important;opacity:1!important;}


/* =========================================================
   PGP v49 — final black-only Grid / Slider icons
   No group frame, no circular button, no active red/black fill.
   ========================================================= */
html body .pgp-section-view-tools,
html body .pgp-section-view-tools.pgp-v49-view-tools,
html body .pgp-section-view-tools.pgp-v48-view-tools,
html body .pgp-section-view-tools.pgp-modern-view-tools,
html body .pgp-section-view-tools.pgp-clean-view-tools{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0!important;
  margin-inline-start:auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
html body .pgp-section-view-tools::before,
html body .pgp-section-view-tools::after{content:none!important;display:none!important;}
html body .pgp-section-view-tools .pgp-section-view-btn,
html body .pgp-section-view-tools .pgp-section-view-btn:hover,
html body .pgp-section-view-tools .pgp-section-view-btn:focus,
html body .pgp-section-view-tools .pgp-section-view-btn:active,
html body .pgp-section-view-tools .pgp-section-view-btn.is-active,
html body .pgp-section-view-tools .pgp-section-view-btn.active,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"],
html body .pgp-section-view-tools .pgp-v49-view-btn,
html body .pgp-section-view-tools .pgp-v49-view-btn:hover,
html body .pgp-section-view-tools .pgp-v49-view-btn:focus,
html body .pgp-section-view-tools .pgp-v49-view-btn:active,
html body .pgp-section-view-tools .pgp-v49-view-btn.is-active,
html body .pgp-section-view-tools .pgp-v49-view-btn[aria-pressed="true"],
html body .pgp-section-view-tools button[data-pgp-view-style],
html body .pgp-section-view-tools button[data-pgp-view-style]:hover,
html body .pgp-section-view-tools button[data-pgp-view-style]:focus,
html body .pgp-section-view-tools button[data-pgp-view-style]:active,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#050505!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  line-height:0!important;
  font-size:0!important;
  overflow:visible!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn::before,
html body .pgp-section-view-tools .pgp-section-view-btn::after,
html body .pgp-section-view-tools button[data-pgp-view-style]::before,
html body .pgp-section-view-tools button[data-pgp-view-style]::after{content:none!important;display:none!important;}
html body .pgp-section-view-tools .pgp-section-view-btn > :not(.pgp-v49-view-icon),
html body .pgp-section-view-tools .pgp-v49-view-btn > :not(.pgp-v49-view-icon),
html body .pgp-section-view-tools button[data-pgp-view-style] > :not(.pgp-v49-view-icon){display:none!important;visibility:hidden!important;opacity:0!important;}
html body .pgp-section-view-tools .pgp-v49-view-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  color:#050505!important;
  stroke:#050505!important;
  fill:none!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:none!important;
}
html body .pgp-section-view-tools .pgp-v49-grid-icon .pgp-v49-dot{fill:#050505!important;stroke:none!important;}
html body .pgp-section-view-tools .pgp-v49-row-icon .pgp-v49-row-main,
html body .pgp-section-view-tools .pgp-v49-row-icon .pgp-v49-row-accent{fill:none!important;stroke:#050505!important;}
html body .pgp-section-view-tools .is-active .pgp-v49-view-icon,
html body .pgp-section-view-tools [aria-pressed="true"] .pgp-v49-view-icon,
html body .pgp-section-view-tools .active .pgp-v49-view-icon,
html body .pgp-section-view-tools .is-active .pgp-v49-view-icon :is(rect,path,circle,line,polyline),
html body .pgp-section-view-tools [aria-pressed="true"] .pgp-v49-view-icon :is(rect,path,circle,line,polyline){color:#050505!important;stroke:#050505!important;filter:none!important;}
html body .pgp-section-view-tools .is-active .pgp-v49-grid-icon .pgp-v49-dot,
html body .pgp-section-view-tools [aria-pressed="true"] .pgp-v49-grid-icon .pgp-v49-dot{fill:#050505!important;stroke:none!important;}
@media(max-width:560px){
  html body .pgp-section-view-tools{gap:7px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  html body .pgp-section-view-tools .pgp-section-view-btn,
  html body .pgp-section-view-tools button[data-pgp-view-style]{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;max-width:21px!important;max-height:21px!important;}
  html body .pgp-section-view-tools .pgp-v49-view-icon{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;}
}

/* =========================================================
   PGP v50 — exact Tabler view icons, black, no circular frame.
   This block intentionally wins over all old header/index/control styles.
   ========================================================= */
html body .pgp-section-view-tools,
html body .pgp-section-view-tools.pgp-v50-view-tools{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  gap:9px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  overflow:visible!important;
}
html body .pgp-section-view-tools::before,
html body .pgp-section-view-tools::after,
html body .pgp-section-view-tools .pgp-section-view-btn::before,
html body .pgp-section-view-tools .pgp-section-view-btn::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style],
html body .pgp-section-view-tools button[data-pgp-view-style]:hover,
html body .pgp-section-view-tools button[data-pgp-view-style]:focus,
html body .pgp-section-view-tools button[data-pgp-view-style]:active,
html body .pgp-section-view-tools button[data-pgp-view-style].active,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
  color:#050505!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  line-height:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  transform:none!important;
  opacity:1!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style] > :not(svg.pgp-v50-view-icon){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body .pgp-section-view-tools svg.pgp-v50-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v50-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v50-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v50-view-icon{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  color:#050505!important;
  stroke:#050505!important;
  fill:none!important;
  stroke-width:1.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
html body .pgp-section-view-tools svg.pgp-v50-view-icon path,
html body .pgp-section-view-tools svg.pgp-v50-view-icon rect,
html body .pgp-section-view-tools svg.pgp-v50-view-icon circle,
html body .pgp-section-view-tools svg.pgp-v50-view-icon line,
html body .pgp-section-view-tools svg.pgp-v50-view-icon polyline,
html body .pgp-section-view-tools svg.pgp-v50-view-icon polygon{
  stroke:#050505!important;
  fill:none!important;
  stroke-width:1.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .pgp-section-view-tools svg.pgp-v50-view-icon path[stroke="none"]{
  stroke:none!important;
  fill:none!important;
}

/* =========================================================
   PGP v51 — final view icons state lock
   - inactive icons: black
   - active/pressed icon: red
   - no circle, no frame, no fill background
   - no movement/transition while page loads or when switching
   ========================================================= */
html body .pgp-section-view-tools,
html body .pgp-section-view-tools.pgp-v51-view-tools{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0!important;
  margin-inline-start:auto!important;
  width:auto!important;
  min-width:0!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  translate:none!important;
  transition:none!important;
  overflow:visible!important;
  direction:ltr!important;
}
html body .pgp-section-view-tools::before,
html body .pgp-section-view-tools::after,
html body .pgp-section-view-tools button[data-pgp-view-style]::before,
html body .pgp-section-view-tools button[data-pgp-view-style]::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style],
html body .pgp-section-view-tools button[data-pgp-view-style]:hover,
html body .pgp-section-view-tools button[data-pgp-view-style]:focus,
html body .pgp-section-view-tools button[data-pgp-view-style]:active,
html body .pgp-section-view-tools button[data-pgp-view-style].active,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  transition:none!important;
  line-height:0!important;
  font-size:0!important;
  color:#050505!important;
  overflow:visible!important;
  touch-action:manipulation!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style] > :not(svg.pgp-view-icon){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v49-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v50-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v51-view-icon{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  color:#050505!important;
  stroke:#050505!important;
  fill:none!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  translate:none!important;
  transition:none!important;
  pointer-events:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v51-view-icon :is(path,rect,circle,line,polyline,polygon){
  color:#050505!important;
  stroke:#050505!important;
  fill:none!important;
  stroke-width:1.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon path[stroke="none"],
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v51-view-icon path[stroke="none"]{
  stroke:none!important;
  fill:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style].is-active,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#e61d1d!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v51-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v51-view-icon{
  color:#e61d1d!important;
  stroke:#e61d1d!important;
  fill:none!important;
  opacity:1!important;
  filter:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v51-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v51-view-icon :is(path,rect,circle,line,polyline,polygon){
  color:#e61d1d!important;
  stroke:#e61d1d!important;
  fill:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-view-icon path[stroke="none"],
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-view-icon path[stroke="none"]{
  stroke:none!important;
  fill:none!important;
}
@media(max-width:560px){
  html body .pgp-section-view-tools,
  html body .pgp-section-view-tools.pgp-v51-view-tools{gap:8px!important;height:22px!important;min-height:22px!important;max-height:22px!important;}
  html body .pgp-section-view-tools button[data-pgp-view-style],
  html body .pgp-section-view-tools button[data-pgp-view-style]:hover,
  html body .pgp-section-view-tools button[data-pgp-view-style]:focus,
  html body .pgp-section-view-tools button[data-pgp-view-style]:active,
  html body .pgp-section-view-tools button[data-pgp-view-style].is-active,
  html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"],
  html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon,
  html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v51-view-icon{
    width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;
  }
}

/* =========================================================
   PGP v52 — final view toggle behavior
   - no hover red popup/background
   - active icon is red only
   - inactive icon is black only
   - row/slider view is the default from JS on every refresh
   ========================================================= */
html body .pgp-section-view-tools,
html body .pgp-section-view-tools.pgp-v52-view-tools{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0!important;
  margin-inline-start:auto!important;
  width:auto!important;
  min-width:0!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  transform:none!important;
  translate:none!important;
}
html body .pgp-section-view-tools::before,
html body .pgp-section-view-tools::after{content:none!important;display:none!important;opacity:0!important;visibility:hidden!important;}
html body .pgp-section-view-tools button[data-pgp-view-style],
html body .pgp-section-view-tools button[data-pgp-view-style]:hover,
html body .pgp-section-view-tools button[data-pgp-view-style]:focus,
html body .pgp-section-view-tools button[data-pgp-view-style]:focus-visible,
html body .pgp-section-view-tools button[data-pgp-view-style]:active,
html body .pgp-section-view-tools button[data-pgp-view-style].active,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  transition:none!important;
  line-height:0!important;
  font-size:0!important;
  color:#050505!important;
  overflow:visible!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style]::before,
html body .pgp-section-view-tools button[data-pgp-view-style]::after{content:none!important;display:none!important;opacity:0!important;visibility:hidden!important;background:transparent!important;box-shadow:none!important;border:0!important;}
html body .pgp-section-view-tools button[data-pgp-view-style] > :not(svg.pgp-view-icon){display:none!important;opacity:0!important;visibility:hidden!important;}
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v51-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v52-view-icon{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  color:#050505!important;
  stroke:#050505!important;
  fill:none!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  translate:none!important;
  transition:none!important;
  pointer-events:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v51-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v52-view-icon :is(path,rect,circle,line,polyline,polygon){
  color:#050505!important;
  stroke:#050505!important;
  fill:none!important;
  stroke-width:1.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon path[stroke="none"],
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v51-view-icon path[stroke="none"],
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v52-view-icon path[stroke="none"]{stroke:none!important;fill:none!important;}
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v51-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v51-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v52-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v52-view-icon{
  color:#e61d1d!important;
  stroke:#e61d1d!important;
  fill:none!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v51-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v51-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v52-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v52-view-icon :is(path,rect,circle,line,polyline,polygon){
  color:#e61d1d!important;
  stroke:#e61d1d!important;
  fill:none!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
@media(max-width:560px){
  html body .pgp-section-view-tools,
  html body .pgp-section-view-tools.pgp-v52-view-tools{gap:8px!important;height:22px!important;min-height:22px!important;max-height:22px!important;}
  html body .pgp-section-view-tools button[data-pgp-view-style],
  html body .pgp-section-view-tools button[data-pgp-view-style]:hover,
  html body .pgp-section-view-tools button[data-pgp-view-style]:focus,
  html body .pgp-section-view-tools button[data-pgp-view-style]:active,
  html body .pgp-section-view-tools button[data-pgp-view-style].is-active,
  html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"],
  html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon,
  html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v51-view-icon,
  html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v52-view-icon{
    width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;
  }
}



/* =========================================================
   PGP v53 — final clean view-toggle icons
   - no red/black square background on hover, focus, active, or click
   - active icon stroke only is red
   - inactive icon stays black
   - restore native hover title via title attributes from JS
   ========================================================= */
html body .pgp-section-view-tools,
html body .pgp-section-view-tools.pgp-v53-view-tools,
html body .pgp-section-view-tools.pgp-v52-view-tools,
html body .pgp-section-view-tools.pgp-v51-view-tools{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0!important;
  margin-inline-start:auto!important;
  width:auto!important;
  min-width:0!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  transform:none!important;
  translate:none!important;
}
html body .pgp-section-view-tools::before,
html body .pgp-section-view-tools::after{
  content:none!important;display:none!important;opacity:0!important;visibility:hidden!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style],
html body .pgp-section-view-tools button[data-pgp-view-style]:hover,
html body .pgp-section-view-tools button[data-pgp-view-style]:focus,
html body .pgp-section-view-tools button[data-pgp-view-style]:focus-visible,
html body .pgp-section-view-tools button[data-pgp-view-style]:active,
html body .pgp-section-view-tools button[data-pgp-view-style].active,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"],
html body .pgp-section-view-tools .pgp-section-view-btn,
html body .pgp-section-view-tools .pgp-section-view-btn:hover,
html body .pgp-section-view-tools .pgp-section-view-btn:focus,
html body .pgp-section-view-tools .pgp-section-view-btn:active,
html body .pgp-section-view-tools .pgp-section-view-btn.is-active,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;height:24px!important;
  min-width:24px!important;min-height:24px!important;
  max-width:24px!important;max-height:24px!important;
  padding:0!important;margin:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  transition:none!important;
  line-height:0!important;
  font-size:0!important;
  color:#050505!important;
  overflow:visible!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style]::before,
html body .pgp-section-view-tools button[data-pgp-view-style]::after,
html body .pgp-section-view-tools .pgp-section-view-btn::before,
html body .pgp-section-view-tools .pgp-section-view-btn::after{
  content:none!important;display:none!important;opacity:0!important;visibility:hidden!important;
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;filter:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style] > :not(svg.pgp-view-icon),
html body .pgp-section-view-tools .pgp-section-view-btn > :not(svg.pgp-view-icon){
  display:none!important;opacity:0!important;visibility:hidden!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v53-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v52-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v51-view-icon{
  display:block!important;
  width:24px!important;height:24px!important;
  min-width:24px!important;min-height:24px!important;
  max-width:24px!important;max-height:24px!important;
  color:#050505!important;
  stroke:#050505!important;
  fill:none!important;
  opacity:1!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  translate:none!important;
  transition:none!important;
  pointer-events:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v53-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v52-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v51-view-icon :is(path,rect,circle,line,polyline,polygon){
  color:#050505!important;
  stroke:#050505!important;
  fill:none!important;
  stroke-width:1.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon path[stroke="none"],
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v53-view-icon path[stroke="none"],
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v52-view-icon path[stroke="none"],
html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v51-view-icon path[stroke="none"]{
  stroke:none!important;fill:none!important;
}
/* active selected icon: red stroke only, no square/background */
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v53-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v53-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v52-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v52-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v51-view-icon,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v51-view-icon{
  color:#e61d1d!important;
  stroke:#e61d1d!important;
  fill:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v53-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v53-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v52-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v52-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg.pgp-v51-view-icon :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg.pgp-v51-view-icon :is(path,rect,circle,line,polyline,polygon){
  color:#e61d1d!important;
  stroke:#e61d1d!important;
  fill:none!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
@media(max-width:560px){
  html body .pgp-section-view-tools,
  html body .pgp-section-view-tools.pgp-v53-view-tools{gap:8px!important;height:22px!important;min-height:22px!important;max-height:22px!important;}
  html body .pgp-section-view-tools button[data-pgp-view-style],
  html body .pgp-section-view-tools button[data-pgp-view-style]:hover,
  html body .pgp-section-view-tools button[data-pgp-view-style]:focus,
  html body .pgp-section-view-tools button[data-pgp-view-style]:active,
  html body .pgp-section-view-tools button[data-pgp-view-style].is-active,
  html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"],
  html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-view-icon,
  html body .pgp-section-view-tools button[data-pgp-view-style] svg.pgp-v53-view-icon{
    width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;
  }
}

/* PGP v54 late guard: more button is list-tree black; follow is standalone. */
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button),
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button):is(:hover,:focus,:active,.is-active,[aria-expanded="true"]){
  background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#111!important;border-radius:0!important;
}
html body .pgp-more-list-tree{width:24px!important;height:24px!important;display:block!important;color:#111!important;fill:none!important;stroke:currentColor!important;stroke-width:1.25!important;}
html body .pgp-more-list-tree :is(path,line,polyline,circle,rect){stroke:currentColor!important;fill:none!important;stroke-width:1.25!important;}
html body .pgp-more-list-tree path[stroke="none"]{stroke:none!important;fill:none!important;}
html body .pgp-more-ellipsis{display:none!important;}
html body .pgp-more-menu .pgp-menu-follow,html body .pgp-more-menu .follow-toggle-btn{display:none!important;}


/* PGP v55 late guard: standalone Follow / Unfollow icons from pgp-layout-toggle.js. */
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-icon{width:18px!important;height:18px!important;display:block!important;color:currentColor!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none!important;}
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-icon :is(path,line,polyline,circle,rect){stroke:currentColor!important;fill:none!important;stroke-width:1.5!important;}
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-icon path[stroke="none"]{stroke:none!important;fill:none!important;}
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-plus{display:none!important;}


/* =========================================================
   PGP v59 — icon-only Follow / Unfollow final guard
   - Follow: black user-plus icon only
   - Unfollow: red user-minus icon only
   - no text, no black pill, no hover/active background
   ========================================================= */
html body .pgp-standalone-follow-toggle,
html body .pgp-standalone-follow-toggle:hover,
html body .pgp-standalone-follow-toggle:focus,
html body .pgp-standalone-follow-toggle:active,
html body .pgp-standalone-follow-toggle.is-following,
html body .pgp-standalone-follow-toggle[aria-pressed="true"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  line-height:0!important;
  font-size:0!important;
  letter-spacing:0!important;
  text-indent:0!important;
  text-decoration:none!important;
  overflow:visible!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
html body .pgp-standalone-follow-toggle:not(.is-following):not([aria-pressed="true"]),
html body .pgp-standalone-follow-toggle:not(.is-following):not([aria-pressed="true"]):is(:hover,:focus,:active){
  color:#111111!important;
  stroke:#111111!important;
}
html body .pgp-standalone-follow-toggle.is-following,
html body .pgp-standalone-follow-toggle[aria-pressed="true"],
html body .pgp-standalone-follow-toggle.is-following:is(:hover,:focus,:active),
html body .pgp-standalone-follow-toggle[aria-pressed="true"]:is(:hover,:focus,:active){
  color:#e61d1d!important;
  stroke:#e61d1d!important;
}
html body .pgp-standalone-follow-toggle::before,
html body .pgp-standalone-follow-toggle::after{
  content:none!important;
  display:none!important;
}
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-text,
html body .pgp-standalone-follow-toggle span:not(:has(svg)){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-icon,
html body .pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  display:block!important;
  color:currentColor!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  pointer-events:none!important;
}
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-icon :is(path,line,polyline,circle,rect){
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-icon path[stroke="none"]{
  stroke:none!important;
  fill:none!important;
}


/* =========================================================
   PGP v59 — final follow icon colors and no-text guard
   - Follow: black user-plus only
   - Unfollow: red user-minus only
   - no text/background/hover changes
   ========================================================= */
html body button.pgp-standalone-follow-toggle,
html body button.pgp-standalone-follow-toggle:hover,
html body button.pgp-standalone-follow-toggle:focus,
html body button.pgp-standalone-follow-toggle:active,
html body button.pgp-standalone-follow-toggle.is-following,
html body button.pgp-standalone-follow-toggle[aria-pressed="true"]{
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;
  box-shadow:none!important;filter:none!important;outline:0!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:0!important;line-height:0!important;text-indent:0!important;text-decoration:none!important;overflow:visible!important;vertical-align:middle!important;
  -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
}
html body button.pgp-standalone-follow-toggle:not(.is-following):not([aria-pressed="true"]),
html body button.pgp-standalone-follow-toggle:not(.is-following):not([aria-pressed="true"]):is(:hover,:focus,:active){color:#111111!important;stroke:#111111!important;}
html body button.pgp-standalone-follow-toggle.is-following,
html body button.pgp-standalone-follow-toggle[aria-pressed="true"],
html body button.pgp-standalone-follow-toggle.is-following:is(:hover,:focus,:active),
html body button.pgp-standalone-follow-toggle[aria-pressed="true"]:is(:hover,:focus,:active){color:#e61d1d!important;stroke:#e61d1d!important;}
html body button.pgp-standalone-follow-toggle::before,
html body button.pgp-standalone-follow-toggle::after{content:none!important;display:none!important;}
html body button.pgp-standalone-follow-toggle .pgp-standalone-follow-text,
html body button.pgp-standalone-follow-toggle span:not(:has(svg)){display:none!important;opacity:0!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;}
html body button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;display:block!important;
  color:currentColor!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;transform:none!important;pointer-events:none!important;
}
html body button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon :is(path,line,polyline,circle,rect){stroke:currentColor!important;fill:none!important;stroke-width:1.5!important;}
html body button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon path[stroke="none"]{stroke:none!important;fill:none!important;}


/* =========================================================
   PGP v59 — persistent icon-only Follow/Unfollow final guard
   - Follow icon: black user-plus
   - Unfollow icon: red user-minus
   - No text, no background, no hover square
   ========================================================= */
html body button.pgp-standalone-follow-toggle,
html body button.pgp-standalone-follow-toggle:hover,
html body button.pgp-standalone-follow-toggle:focus,
html body button.pgp-standalone-follow-toggle:active,
html body button.pgp-standalone-follow-toggle.is-following,
html body button.pgp-standalone-follow-toggle[aria-pressed="true"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body button.pgp-standalone-follow-toggle::before,
html body button.pgp-standalone-follow-toggle::after{content:none!important;display:none!important;}
html body button.pgp-standalone-follow-toggle .pgp-standalone-follow-text,
html body button.pgp-standalone-follow-toggle span:not(:has(svg)){
  display:none!important;opacity:0!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;
}
html body button.pgp-standalone-follow-toggle:not(.is-following):not([aria-pressed="true"]),
html body button.pgp-standalone-follow-toggle:not(.is-following):not([aria-pressed="true"]):is(:hover,:focus,:active){
  color:#111111!important;stroke:#111111!important;
}
html body button.pgp-standalone-follow-toggle.is-following,
html body button.pgp-standalone-follow-toggle[aria-pressed="true"],
html body button.pgp-standalone-follow-toggle.is-following:is(:hover,:focus,:active),
html body button.pgp-standalone-follow-toggle[aria-pressed="true"]:is(:hover,:focus,:active){
  color:#e61d1d!important;stroke:#e61d1d!important;
}
html body button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon{
  display:block!important;
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  color:currentColor!important;stroke:currentColor!important;fill:none!important;
  opacity:1!important;visibility:visible!important;pointer-events:none!important;
}
html body button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon.pgp-follow-black{color:#111111!important;stroke:#111111!important;}
html body button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon.pgp-follow-red{color:#e61d1d!important;stroke:#e61d1d!important;}
html body button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon :is(path,line,polyline,circle,rect){
  stroke:currentColor!important;fill:none!important;stroke-width:1.5!important;opacity:1!important;visibility:visible!important;
}
html body button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon path[stroke="none"]{stroke:none!important;fill:none!important;}


/* === PGP v60 follow icon only fix: prevent old aria-pressed/view-toggle CSS from hiding unfollow === */
html body button.pgp-standalone-follow-toggle,
html body button.pgp-standalone-follow-toggle:hover,
html body button.pgp-standalone-follow-toggle:focus,
html body button.pgp-standalone-follow-toggle:active,
html body button.pgp-standalone-follow-toggle.is-following,
html body button.pgp-standalone-follow-toggle.pgp-following-state,
html body button.pgp-standalone-follow-toggle.pgp-not-following-state{
  width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  box-shadow:none!important;outline:0!important;filter:none!important;transform:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  line-height:0!important;font-size:0!important;opacity:1!important;visibility:visible!important;
  -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
}
html body button.pgp-standalone-follow-toggle::before,
html body button.pgp-standalone-follow-toggle::after{content:none!important;display:none!important;opacity:0!important;visibility:hidden!important;}
html body button.pgp-standalone-follow-toggle .pgp-standalone-follow-text,
html body button.pgp-standalone-follow-toggle span:not(:has(svg)){
  display:none!important;width:0!important;height:0!important;opacity:0!important;visibility:hidden!important;overflow:hidden!important;
}
html body button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon{
  display:block!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  opacity:1!important;visibility:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;
  fill:none!important;stroke:currentColor!important;color:currentColor!important;pointer-events:none!important;transform:none!important;
}
html body button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon *{opacity:1!important;visibility:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;}
html body button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon path[stroke="none"]{stroke:none!important;fill:none!important;}
html body button.pgp-standalone-follow-toggle:not(.is-following):not(.pgp-following-state),
html body button.pgp-standalone-follow-toggle:not(.is-following):not(.pgp-following-state):hover,
html body button.pgp-standalone-follow-toggle:not(.is-following):not(.pgp-following-state):focus,
html body button.pgp-standalone-follow-toggle:not(.is-following):not(.pgp-following-state):active{color:#111111!important;stroke:#111111!important;}
html body button.pgp-standalone-follow-toggle.is-following,
html body button.pgp-standalone-follow-toggle.pgp-following-state,
html body button.pgp-standalone-follow-toggle.is-following:hover,
html body button.pgp-standalone-follow-toggle.pgp-following-state:hover,
html body button.pgp-standalone-follow-toggle.is-following:focus,
html body button.pgp-standalone-follow-toggle.pgp-following-state:focus,
html body button.pgp-standalone-follow-toggle.is-following:active,
html body button.pgp-standalone-follow-toggle.pgp-following-state:active{color:#e61d1d!important;stroke:#e61d1d!important;}
html body button.pgp-standalone-follow-toggle svg.pgp-follow-black{color:#111111!important;stroke:#111111!important;}
html body button.pgp-standalone-follow-toggle svg.pgp-follow-red{color:#e61d1d!important;stroke:#e61d1d!important;}


/* =========================================================
   PGP v61 — mobile view icons color guard
   Keeps inactive Grid/Slider icon black and active icon red on iOS/mobile.
   No background, no square, no white disappearing icon.
   ========================================================= */
html body .pgp-section-view-tools button[data-pgp-view-style],
html body .pgp-section-view-tools button[data-pgp-view-style]:hover,
html body .pgp-section-view-tools button[data-pgp-view-style]:focus,
html body .pgp-section-view-tools button[data-pgp-view-style]:active,
html body .pgp-section-view-tools button[data-pgp-view-style]:focus-visible{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  color:#050505!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style]:not(.is-active):not([aria-pressed="true"]),
html body .pgp-section-view-tools button[data-pgp-view-style]:not(.is-active):not([aria-pressed="true"]):is(:hover,:focus,:active,:focus-visible){
  color:#050505!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style]:not(.is-active):not([aria-pressed="true"]) svg,
html body .pgp-section-view-tools button[data-pgp-view-style]:not(.is-active):not([aria-pressed="true"]):is(:hover,:focus,:active,:focus-visible) svg,
html body .pgp-section-view-tools button[data-pgp-view-style]:not(.is-active):not([aria-pressed="true"]) svg :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style]:not(.is-active):not([aria-pressed="true"]):is(:hover,:focus,:active,:focus-visible) svg :is(path,rect,circle,line,polyline,polygon){
  color:#050505!important;
  stroke:#050505!important;
  fill:none!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style].is-active,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"],
html body .pgp-section-view-tools button[data-pgp-view-style].is-active:is(:hover,:focus,:active,:focus-visible),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"]:is(:hover,:focus,:active,:focus-visible){
  color:#e61d1d!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active:is(:hover,:focus,:active,:focus-visible) svg,
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"]:is(:hover,:focus,:active,:focus-visible) svg,
html body .pgp-section-view-tools button[data-pgp-view-style].is-active svg :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"] svg :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style].is-active:is(:hover,:focus,:active,:focus-visible) svg :is(path,rect,circle,line,polyline,polygon),
html body .pgp-section-view-tools button[data-pgp-view-style][aria-pressed="true"]:is(:hover,:focus,:active,:focus-visible) svg :is(path,rect,circle,line,polyline,polygon){
  color:#e61d1d!important;
  stroke:#e61d1d!important;
  fill:none!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .pgp-section-view-tools svg path[stroke="none"]{stroke:none!important;fill:none!important;}


/* =========================================================
   PGP v62 — More/options button: red lines only + no active box
   ========================================================= */
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button),
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button):is(:hover,:focus,:active,.active,.is-active,[aria-expanded="true"]){
  appearance:none!important;
  -webkit-appearance:none!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  color:#d91515!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
  font-size:0!important;
  text-indent:0!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button)::before,
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button)::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
html body .pgp-more-list-tree,
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button) svg.pgp-more-list-tree,
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button):is(:hover,:focus,:active,.active,.is-active,[aria-expanded="true"]) svg.pgp-more-list-tree{
  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;
  color:#d91515!important;
  fill:none!important;
  stroke:#d91515!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .pgp-more-list-tree :is(path,line,polyline,circle,rect),
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button) svg.pgp-more-list-tree :is(path,line,polyline,circle,rect){
  stroke:#d91515!important;
  fill:none!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .pgp-more-list-tree path[stroke="none"],
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button) svg.pgp-more-list-tree path[stroke="none"]{
  stroke:none!important;
  fill:none!important;
}
html body .pgp-more-ellipsis,
html body .pgp-more-ellipsis circle{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body .garage-menu.pgp-more-menu:not(.open):not(.is-open):not(.show),
html body .pgp-more-menu:not(.open):not(.is-open):not(.show){
  display:none!important;
}
html body .garage-menu.pgp-more-menu.open,
html body .garage-menu.pgp-more-menu.is-open,
html body .garage-menu.pgp-more-menu.show,
html body .pgp-more-menu.open,
html body .pgp-more-menu.is-open,
html body .pgp-more-menu.show{
  display:flex!important;
  flex-direction:column!important;
}

/* =========================================================
   PGP v63 — prevent first-load wrong follow/unfollow icon flash
   The old icon inside the more/options button is hidden before JS replaces it.
   Only the red three-lines/list-tree icon is allowed to show.
   ========================================================= */
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button) > :not(svg.pgp-more-list-tree),
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button) svg:not(.pgp-more-list-tree),
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button) i,
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button) img{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots):not(.pgp-more-button):not(:has(svg.pgp-more-list-tree))::after{
  content:""!important;
  display:block!important;
  width:25px!important;
  height:19px!important;
  min-width:25px!important;
  min-height:19px!important;
  max-width:25px!important;
  max-height:19px!important;
  background:
    linear-gradient(#d91515,#d91515) 0 3px/25px 1.7px no-repeat,
    linear-gradient(#d91515,#d91515) 5px 9px/20px 1.7px no-repeat,
    linear-gradient(#d91515,#d91515) 10px 15px/15px 1.7px no-repeat!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  transform:none!important;
}

/* =========================================================
   PGP v64 — mobile garage action icons alignment
   Aligns Follow / Grid / Slider / More icons on one baseline and keeps even spacing.
   Mobile-only; desktop/laptop layout is not changed.
   ========================================================= */
@media (max-width: 768px){
  html body :is(.garage-card,.pgp-part-card,.products-card,.store-card,.iq-card,.pgp-iq-card) :is(.garage-top,.pgp-part-top,.products-head):has(.pgp-more-button),
  html body :is(.garage-card,.pgp-part-card,.products-card,.store-card,.iq-card,.pgp-iq-card) :is(.garage-top,.pgp-part-top,.products-head):has(button.dots){
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    min-height:50px!important;
    padding-inline-end:152px!important;
    overflow:visible!important;
  }
  html body :is(.garage-card,.pgp-part-card,.products-card,.store-card,.iq-card,.pgp-iq-card) :is(.garage-top,.pgp-part-top,.products-head):has(.pgp-more-button) > :is(.garage-brand,.pgp-part-brand,.products-title,.products-head-main,h1,h2,h3,div:first-child),
  html body :is(.garage-card,.pgp-part-card,.products-card,.store-card,.iq-card,.pgp-iq-card) :is(.garage-top,.pgp-part-top,.products-head):has(button.dots) > :is(.garage-brand,.pgp-part-brand,.products-title,.products-head-main,h1,h2,h3,div:first-child){
    min-width:0!important;
    max-width:100%!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools,
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools.pgp-v53-view-tools{
    position:absolute!important;
    top:50%!important;
    right:43px!important;
    left:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    padding:0!important;
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:62!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools button[data-pgp-view-style],
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools .pgp-section-view-btn{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
    width:30px!important;
    height:34px!important;
    min-width:30px!important;
    min-height:34px!important;
    max-width:30px!important;
    max-height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools svg,
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools .pgp-view-icon{
    display:block!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    max-width:27px!important;
    max-height:27px!important;
    transform:translateY(0)!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > button.pgp-standalone-follow-toggle,
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-standalone-follow-toggle{
    position:absolute!important;
    top:50%!important;
    right:118px!important;
    left:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    padding:0!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:63!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon,
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon{
    display:block!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    max-width:27px!important;
    max-height:27px!important;
    transform:translateY(0)!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > :is(button.dots,.pgp-more-button),
  html body :is(.garage-top,.pgp-part-top,.products-head) > :is(button.dots,.pgp-more-button):is(:hover,:focus,:active,.active,.is-active,[aria-expanded="true"]){
    position:absolute!important;
    top:50%!important;
    right:6px!important;
    left:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    padding:0!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:64!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > :is(button.dots,.pgp-more-button) svg.pgp-more-list-tree,
  html body :is(.garage-top,.pgp-part-top,.products-head) > :is(button.dots,.pgp-more-button):is(:hover,:focus,:active,.active,.is-active,[aria-expanded="true"]) svg.pgp-more-list-tree{
    display:block!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    max-width:27px!important;
    max-height:27px!important;
    transform:translateY(-1px)!important;
    transform-origin:center!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > :is(button.dots,.pgp-more-button):not(.pgp-more-button):not(:has(svg.pgp-more-list-tree))::after{
    width:27px!important;
    height:21px!important;
    min-width:27px!important;
    min-height:21px!important;
    max-width:27px!important;
    max-height:21px!important;
    transform:translateY(-1px)!important;
    background:
      linear-gradient(#d91515,#d91515) 0 3px/27px 1.7px no-repeat,
      linear-gradient(#d91515,#d91515) 5px 10px/22px 1.7px no-repeat,
      linear-gradient(#d91515,#d91515) 10px 17px/17px 1.7px no-repeat!important;
  }
}

/* =========================================================
   PGP v65 — mobile actions higher/right + follow ring
   - Mobile only: moves Follow / Grid / Slider / More up and right.
   - Keeps garage title in one line to avoid wrapping under icons.
   - Adds a soft PGP red ring on the garage owner/logo image while followed.
   ========================================================= */
@media (max-width: 768px){
  html body :is(.garage-card,.pgp-part-card,.products-card,.store-card,.iq-card,.pgp-iq-card) :is(.garage-top,.pgp-part-top,.products-head):has(.pgp-more-button),
  html body :is(.garage-card,.pgp-part-card,.products-card,.store-card,.iq-card,.pgp-iq-card) :is(.garage-top,.pgp-part-top,.products-head):has(button.dots){
    align-items:flex-start!important;
    min-height:62px!important;
    padding-top:10px!important;
    padding-inline-end:118px!important;
    overflow:visible!important;
  }
  html body :is(.garage-card,.pgp-part-card,.products-card,.store-card,.iq-card,.pgp-iq-card) :is(.garage-top,.pgp-part-top,.products-head):has(.pgp-more-button) > :is(.garage-brand,.pgp-part-brand,.products-title,.products-head-main,h1,h2,h3,div:first-child),
  html body :is(.garage-card,.pgp-part-card,.products-card,.store-card,.iq-card,.pgp-iq-card) :is(.garage-top,.pgp-part-top,.products-head):has(button.dots) > :is(.garage-brand,.pgp-part-brand,.products-title,.products-head-main,h1,h2,h3,div:first-child){
    min-width:0!important;
    max-width:calc(100% - 112px)!important;
  }
  html body :is(.garage-card,.iq-card,.pgp-iq-card,.store-card) .garage-brand :is(h1,h2,h3,a,strong,.garage-name,.garage-title,.store-name),
  html body :is(.garage-card,.iq-card,.pgp-iq-card,.store-card) :is(.garage-top,.products-head) > :is(h1,h2,h3,a,strong,div:first-child){
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools,
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools.pgp-v53-view-tools{
    top:7px!important;
    right:31px!important;
    transform:none!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools button[data-pgp-view-style],
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools .pgp-section-view-btn{
    width:28px!important;
    height:30px!important;
    min-width:28px!important;
    min-height:30px!important;
    max-width:28px!important;
    max-height:30px!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools svg,
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-section-view-tools .pgp-view-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > button.pgp-standalone-follow-toggle,
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-standalone-follow-toggle{
    top:7px!important;
    right:94px!important;
    transform:none!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > button.pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon,
  html body :is(.garage-top,.pgp-part-top,.products-head) > .pgp-standalone-follow-toggle svg.pgp-standalone-follow-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > :is(button.dots,.pgp-more-button),
  html body :is(.garage-top,.pgp-part-top,.products-head) > :is(button.dots,.pgp-more-button):is(:hover,:focus,:active,.active,.is-active,[aria-expanded="true"]){
    top:7px!important;
    right:0!important;
    transform:none!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > :is(button.dots,.pgp-more-button) svg.pgp-more-list-tree,
  html body :is(.garage-top,.pgp-part-top,.products-head) > :is(button.dots,.pgp-more-button):is(:hover,:focus,:active,.active,.is-active,[aria-expanded="true"]) svg.pgp-more-list-tree{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
    transform:translateY(0)!important;
  }
  html body :is(.garage-top,.pgp-part-top,.products-head) > :is(button.dots,.pgp-more-button):not(.pgp-more-button):not(:has(svg.pgp-more-list-tree))::after{
    width:25px!important;
    height:20px!important;
    min-width:25px!important;
    min-height:20px!important;
    max-width:25px!important;
    max-height:20px!important;
    transform:translateY(0)!important;
    background:
      linear-gradient(#d91515,#d91515) 0 3px/25px 1.7px no-repeat,
      linear-gradient(#d91515,#d91515) 5px 10px/20px 1.7px no-repeat,
      linear-gradient(#d91515,#d91515) 10px 17px/15px 1.7px no-repeat!important;
  }
}
html body 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;
  transition:box-shadow .18s ease, filter .18s ease!important;
}
html body .pgp-garage-is-following img.pgp-garage-follow-ring-target{
  filter:saturate(1.04)!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 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;}
}


/* =========================================================
   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;
  }
}


/* =========================================================
   PGP v76 — single clean product carousel arrows
   Fix: removes double arrow/double purple background caused by old CSS pseudo arrows fighting the JS SVG arrow.
   ========================================================= */
:root{--pgp-v76-arrow-bg:rgba(90,12,207,.86);--pgp-v76-arrow-bg-hover:rgba(90,12,207,.96);}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow){
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;
  background:var(--pgp-v76-arrow-bg)!important;background-color:var(--pgp-v76-arrow-bg)!important;background-image:none!important;
  color:transparent!important;font-size:0!important;line-height:0!important;text-indent:-9999px!important;text-shadow:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;place-items:center!important;
  box-shadow:0 8px 22px rgba(90,12,207,.24)!important;overflow:hidden!important;opacity:1!important;visibility:visible!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate!important;
  -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):hover,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):active,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):focus{
  background:var(--pgp-v76-arrow-bg-hover)!important;background-color:var(--pgp-v76-arrow-bg-hover)!important;background-image:none!important;
  color:transparent!important;border:0!important;box-shadow:0 8px 22px rgba(90,12,207,.24)!important;
}
/* When JS has normalized the button, use ONLY the SVG arrow. No old ::before/::after arrows. */
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-unified-arrow::before,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-unified-arrow::after,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-v40-normalized::before,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-v40-normalized::after{
  content:none!important;display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;background:transparent!important;box-shadow:none!important;
}
/* Before JS normalizes, allow one temporary CSS arrow only, then it disappears when .pgp-unified-arrow is added. */
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow):not(.pgp-unified-arrow):not(.pgp-v40-normalized)::after{content:none!important;display:none!important;}
html body :is(.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left):not(.pgp-unified-arrow):not(.pgp-v40-normalized)::before,
html body :is(.swiper-button-prev,.splide__arrow--prev):not(.pgp-unified-arrow):not(.pgp-v40-normalized)::before{content:'←'!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;color:#fff!important;font-size:23px!important;line-height:1!important;text-indent:0!important;background:transparent!important;box-shadow:none!important;}
html body :is(.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right):not(.pgp-unified-arrow):not(.pgp-v40-normalized)::before,
html body :is(.swiper-button-next,.splide__arrow--next):not(.pgp-unified-arrow):not(.pgp-v40-normalized)::before{content:'→'!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;color:#fff!important;font-size:23px!important;line-height:1!important;text-indent:0!important;background:transparent!important;box-shadow:none!important;}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-unified-arrow > :not(svg),
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-v40-normalized > :not(svg){
  display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;
}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-unified-arrow > svg,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-v40-normalized > svg{
  display:block!important;visibility:visible!important;opacity:1!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;
  color:#fff!important;stroke:currentColor!important;fill:none!important;margin:0!important;padding:0!important;position:relative!important;z-index:2!important;text-indent:0!important;pointer-events:none!important;
}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-dir-left > svg{transform:rotate(180deg)!important;}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-dir-right > svg{transform:none!important;}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-unified-arrow > svg:nth-of-type(n+2),
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-v40-normalized > svg:nth-of-type(n+2){display:none!important;}
@media(max-width:768px){
  html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow){width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;}
}


/* =========================================================
   PGP v77 — root fix for double product carousel arrows
   One system only: the button circle is the only background and ::before is the only visible arrow.
   All legacy SVG/text/::after arrows are disabled so no duplicate can appear.
   ========================================================= */
:root{--pgp-v77-arrow-bg:#5a0ccf;--pgp-v77-arrow-shadow:rgba(90,12,207,.24);}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow){
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;
  background:#5a0ccf!important;background-color:#5a0ccf!important;background-image:none!important;
  box-shadow:0 8px 22px rgba(90,12,207,.24)!important;
  color:transparent!important;font-size:0!important;line-height:0!important;text-indent:0!important;text-shadow:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;place-items:center!important;
  overflow:hidden!important;opacity:1!important;visibility:visible!important;isolation:isolate!important;contain:paint!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-tap-highlight-color:transparent!important;
}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) > *,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) svg,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) i,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) span{
  display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;max-width:0!important;max-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important;
}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::after{
  content:none!important;display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;background:transparent!important;box-shadow:none!important;
}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::before{
  content:"→"!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  margin:0!important;padding:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;
  color:#ffffff!important;font-size:23px!important;font-weight:900!important;line-height:1!important;text-indent:0!important;text-shadow:none!important;
  transform:none!important;translate:none!important;position:relative!important;z-index:1!important;pointer-events:none!important;
}
html body :is(.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-dir-left)::before{content:"←"!important;}
html body :is(.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-dir-right)::before{content:"→"!important;}
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):hover,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):active,
html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):focus{
  background:#5a0ccf!important;background-color:#5a0ccf!important;background-image:none!important;
  box-shadow:0 8px 22px rgba(90,12,207,.24)!important;color:transparent!important;border:0!important;
}
html body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-row-arrow-btn){
  position:absolute!important;top:50%!important;bottom:auto!important;transform:translate3d(0,-50%,0)!important;translate:none!important;z-index:20!important;
}
html body :is(.pgp-most-arrow.left,.row-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left){left:10px!important;right:auto!important;}
html body :is(.pgp-most-arrow.right,.row-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right){right:10px!important;left:auto!important;}
@media(max-width:768px){
  html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow){width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;}
  html body :is(.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::before{font-size:23px!important;}
}


/* =========================================================
   PGP v78 — real single carousel arrows final
   Root cause fixed: v77 removed SVG arrows while older high-specificity
   .pgp-unified-arrow rules were still hiding ::before. This restores one
   high-specificity CSS arrow and styles the section shell arrows too.
   ========================================================= */
:root{--pgp-v78-arrow-bg:#5a0ccf;--pgp-v78-arrow-shadow:rgba(90,12,207,.24);}

/* One clean purple circle for every real carousel arrow, including shell arrows. */
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow),
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-unified-arrow,
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-v40-normalized{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;
  background:var(--pgp-v78-arrow-bg)!important;background-color:var(--pgp-v78-arrow-bg)!important;background-image:none!important;
  box-shadow:0 8px 22px var(--pgp-v78-arrow-shadow)!important;
  color:transparent!important;font-size:0!important;line-height:0!important;text-indent:0!important;text-shadow:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;place-items:center!important;
  overflow:hidden!important;opacity:1!important;visibility:visible!important;isolation:isolate!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-tap-highlight-color:transparent!important;
}
html body .pgp-view-shell.pgp-row-active > .pgp-view-arrow{display:flex!important;}

/* Kill every old inner icon/background layer. The only visible mark is ::before. */
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) > *,
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) svg,
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) i,
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) span{
  display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;max-width:0!important;max-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important;background:transparent!important;box-shadow:none!important;
}
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::after,
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-unified-arrow::after,
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-v40-normalized::after{
  content:none!important;display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;background:transparent!important;box-shadow:none!important;border:0!important;
}

/* This is the high-specificity arrow that beats the old v76/v77 normalized rules. */
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::before,
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-unified-arrow::before,
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-v40-normalized::before,
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-unified-arrow.pgp-v40-normalized::before{
  content:"→"!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  margin:0!important;padding:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;
  color:#ffffff!important;font-size:23px!important;font-weight:900!important;line-height:1!important;text-indent:0!important;text-shadow:none!important;
  transform:none!important;translate:none!important;position:relative!important;z-index:5!important;pointer-events:none!important;opacity:1!important;visibility:visible!important;
}
html body :is(.pgp-view-arrow-left,.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-dir-left)::before,
html body :is(.pgp-view-arrow-left,.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-dir-left).pgp-unified-arrow::before,
html body :is(.pgp-view-arrow-left,.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-dir-left).pgp-v40-normalized::before{content:"←"!important;}
html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-dir-right)::before,
html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-dir-right).pgp-unified-arrow::before,
html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-dir-right).pgp-v40-normalized::before{content:"→"!important;}

/* Prevent two arrow systems in product rows. The shell arrows are the only row-mode controls. */
html body .pgp-view-shell :is(.row-arrow,.row-arrow-btn,.pgp-row-arrow,.pgp-row-arrow-btn,.pgp-shop-arrow){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):hover,
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):active,
html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):focus{
  background:var(--pgp-v78-arrow-bg)!important;background-color:var(--pgp-v78-arrow-bg)!important;background-image:none!important;
  box-shadow:0 8px 22px var(--pgp-v78-arrow-shadow)!important;color:transparent!important;border:0!important;outline:none!important;
}
@media(max-width:768px){
  html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow){width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;}
  html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::before,
  html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-unified-arrow::before,
  html body :is(.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow).pgp-v40-normalized::before{font-size:23px!important;}
}


/* =========================================================
   PGP v79 — product slider arrows direction root-fix
   - direction is locked by .pgp-view-arrow-left/right, .left/.right, .pgp-dir-left/right,
     and data-pgp-unified-arrow/data-pgp-arrow-dir
   - no SVG/text arrow is used, only one CSS chevron
   - short, thicker white chevrons; one purple circle only
   ========================================================= */
:root{--pgp-v79-arrow-bg:#5a0ccf;--pgp-v79-arrow-shadow:rgba(90,12,207,.24);--pgp-v79-arrow-size:38px;--pgp-v79-chevron:10px;--pgp-v79-chevron-stroke:3px;}
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow){
  width:var(--pgp-v79-arrow-size)!important;height:var(--pgp-v79-arrow-size)!important;
  min-width:var(--pgp-v79-arrow-size)!important;min-height:var(--pgp-v79-arrow-size)!important;
  max-width:var(--pgp-v79-arrow-size)!important;max-height:var(--pgp-v79-arrow-size)!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;
  background:var(--pgp-v79-arrow-bg)!important;background-color:var(--pgp-v79-arrow-bg)!important;background-image:none!important;
  box-shadow:0 8px 22px var(--pgp-v79-arrow-shadow)!important;color:transparent!important;
  font-size:0!important;line-height:0!important;text-indent:0!important;text-shadow:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;place-items:center!important;
  overflow:hidden!important;opacity:1!important;visibility:visible!important;isolation:isolate!important;contain:paint!important;
  transition:none!important;animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) > *,
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) svg,
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) i,
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) span{
  display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;
  min-width:0!important;min-height:0!important;max-width:0!important;max-height:0!important;margin:0!important;padding:0!important;
  overflow:hidden!important;pointer-events:none!important;background:transparent!important;box-shadow:none!important;
}
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::after{
  content:none!important;display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;background:transparent!important;box-shadow:none!important;border:0!important;
}
/* Default/next chevron: short thick > */
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::before{
  content:""!important;display:block!important;box-sizing:border-box!important;
  width:var(--pgp-v79-chevron)!important;height:var(--pgp-v79-chevron)!important;min-width:var(--pgp-v79-chevron)!important;min-height:var(--pgp-v79-chevron)!important;
  border:0!important;border-top:var(--pgp-v79-chevron-stroke) solid #fff!important;border-right:var(--pgp-v79-chevron-stroke) solid #fff!important;
  background:transparent!important;background-image:none!important;box-shadow:none!important;border-radius:0!important;
  transform:rotate(45deg)!important;translate:none!important;margin:0 2px 0 0!important;padding:0!important;
  position:relative!important;z-index:9!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;
}
/* Previous/left chevron: short thick <.  This rule is intentionally AFTER the default rule. */
html body :is(.pgp-view-arrow-left,.pgp-view-arrow.pgp-dir-left,.pgp-view-arrow[data-pgp-unified-arrow="left"],.pgp-view-arrow[data-pgp-arrow-dir="left"],.pgp-most-arrow.left,.pgp-most-arrow.pgp-dir-left,.pgp-most-arrow[data-pgp-unified-arrow="left"],.pgp-row-arrow.left,.pgp-row-arrow.pgp-dir-left,.pgp-row-arrow-btn.left,.pgp-row-arrow-btn.pgp-dir-left,.row-arrow.left,.row-arrow.pgp-dir-left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-dir-left,[data-pgp-unified-arrow="left"],[data-pgp-arrow-dir="left"])::before{
  content:""!important;display:block!important;box-sizing:border-box!important;
  width:var(--pgp-v79-chevron)!important;height:var(--pgp-v79-chevron)!important;min-width:var(--pgp-v79-chevron)!important;min-height:var(--pgp-v79-chevron)!important;
  border:0!important;border-bottom:var(--pgp-v79-chevron-stroke) solid #fff!important;border-left:var(--pgp-v79-chevron-stroke) solid #fff!important;
  background:transparent!important;background-image:none!important;box-shadow:none!important;border-radius:0!important;
  transform:rotate(45deg)!important;translate:none!important;margin:0 0 0 2px!important;padding:0!important;
  position:relative!important;z-index:10!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;
}
/* Force real right controls back to > even if a legacy class is accidentally present. */
html body :is(.pgp-view-arrow-right,.pgp-view-arrow.pgp-dir-right,.pgp-view-arrow[data-pgp-unified-arrow="right"],.pgp-view-arrow[data-pgp-arrow-dir="right"],.pgp-most-arrow.right,.pgp-most-arrow.pgp-dir-right,.pgp-most-arrow[data-pgp-unified-arrow="right"],.pgp-row-arrow.right,.pgp-row-arrow.pgp-dir-right,.pgp-row-arrow-btn.right,.pgp-row-arrow-btn.pgp-dir-right,.row-arrow.right,.row-arrow.pgp-dir-right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-dir-right,[data-pgp-unified-arrow="right"],[data-pgp-arrow-dir="right"])::before{
  border:0!important;border-top:var(--pgp-v79-chevron-stroke) solid #fff!important;border-right:var(--pgp-v79-chevron-stroke) solid #fff!important;
  transform:rotate(45deg)!important;margin:0 2px 0 0!important;
}
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):hover,
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):active,
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):focus{
  background:var(--pgp-v79-arrow-bg)!important;background-color:var(--pgp-v79-arrow-bg)!important;background-image:none!important;box-shadow:0 8px 22px var(--pgp-v79-arrow-shadow)!important;color:transparent!important;border:0!important;outline:none!important;
}
html body .pgp-view-shell :is(.row-arrow,.row-arrow-btn,.pgp-row-arrow,.pgp-row-arrow-btn,.pgp-shop-arrow){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
html body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-row-arrow-btn){position:absolute!important;top:50%!important;bottom:auto!important;transform:translate3d(0,-50%,0)!important;translate:none!important;z-index:20!important;}
html body :is(.pgp-most-arrow.left,.row-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left){left:10px!important;right:auto!important;}
html body :is(.pgp-most-arrow.right,.row-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right){right:10px!important;left:auto!important;}
@media(max-width:768px){
  :root{--pgp-v79-arrow-size:40px;--pgp-v79-chevron:10px;--pgp-v79-chevron-stroke:3px;}
}

/* PGP v79 safety: never let product-arrow CSS touch the header search button. */
html body .pgp-header-search-submit::before,
html body .pgp-header-search-submit::after{
  content:none!important;display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
/* Stable class direction wins over any legacy temporary data/class. */
html body .pgp-view-shell > .pgp-view-arrow-left::before,
html body .pgp-view-arrow-left::before,
html body :is(.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev)::before{
  content:""!important;display:block!important;box-sizing:border-box!important;width:var(--pgp-v79-chevron,10px)!important;height:var(--pgp-v79-chevron,10px)!important;border:0!important;border-bottom:var(--pgp-v79-chevron-stroke,3px) solid #fff!important;border-left:var(--pgp-v79-chevron-stroke,3px) solid #fff!important;background:transparent!important;box-shadow:none!important;transform:rotate(45deg)!important;margin:0 0 0 2px!important;opacity:1!important;visibility:visible!important;
}
html body .pgp-view-shell > .pgp-view-arrow-right::before,
html body .pgp-view-arrow-right::before,
html body :is(.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next)::before{
  content:""!important;display:block!important;box-sizing:border-box!important;width:var(--pgp-v79-chevron,10px)!important;height:var(--pgp-v79-chevron,10px)!important;border:0!important;border-top:var(--pgp-v79-chevron-stroke,3px) solid #fff!important;border-right:var(--pgp-v79-chevron-stroke,3px) solid #fff!important;background:transparent!important;box-shadow:none!important;transform:rotate(45deg)!important;margin:0 2px 0 0!important;opacity:1!important;visibility:visible!important;
}


html body :is(.pgp-view-arrow,.pgp-v81-real-arrow,.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-row-arrow-btn){font-size:31px!important;}


/* =========================================================
   PGP v84 — class-locked thick SVG arrows
   Main source lives in pgp-layout-toggle.js/css, same file set as mobile icons/follow.
   ========================================================= */
:root{
  --pgp-v84-arrow-bg:#5a0ccf;
  --pgp-v84-arrow-shadow:rgba(90,12,207,.24);
  --pgp-v84-arrow-size:42px;
  --pgp-v84-arrow-icon-size:20px;
}
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-v84-real-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow){
  width:var(--pgp-v84-arrow-size)!important;
  height:var(--pgp-v84-arrow-size)!important;
  min-width:var(--pgp-v84-arrow-size)!important;
  min-height:var(--pgp-v84-arrow-size)!important;
  max-width:var(--pgp-v84-arrow-size)!important;
  max-height:var(--pgp-v84-arrow-size)!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--pgp-v84-arrow-bg)!important;
  background-color:var(--pgp-v84-arrow-bg)!important;
  background-image:none!important;
  box-shadow:0 8px 22px var(--pgp-v84-arrow-shadow)!important;
  color:#fff!important;
  font-size:0!important;
  font-weight:900!important;
  line-height:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  text-indent:0!important;
  text-shadow:none!important;
  letter-spacing:0!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  isolation:isolate!important;
  contain:paint!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-v84-real-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::before,
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-v84-real-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-v84-real-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) > *{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-v84-real-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) > svg.pgp-v84-arrow-svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:var(--pgp-v84-arrow-icon-size)!important;
  height:var(--pgp-v84-arrow-icon-size)!important;
  min-width:var(--pgp-v84-arrow-icon-size)!important;
  min-height:var(--pgp-v84-arrow-icon-size)!important;
  max-width:var(--pgp-v84-arrow-icon-size)!important;
  max-height:var(--pgp-v84-arrow-icon-size)!important;
  overflow:visible!important;
  pointer-events:none!important;
  flex:0 0 auto!important;
}
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-v84-real-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) > svg.pgp-v84-arrow-svg path,
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-v84-real-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) > svg.pgp-v84-arrow-svg line,
html body :is(.pgp-view-arrow,.pgp-view-shell > .pgp-view-arrow,.pgp-v84-real-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) > svg.pgp-v84-arrow-svg polyline{
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
html body :is(.pgp-view-shell > .pgp-view-arrow-left,.pgp-view-arrow-left,.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev){
  left:4px!important;
  right:auto!important;
}
html body :is(.pgp-view-shell > .pgp-view-arrow-right,.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next){
  right:4px!important;
  left:auto!important;
}
html body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-row-arrow-btn){
  position:absolute!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate3d(0,-50%,0)!important;
  translate:none!important;
  z-index:20!important;
}
@media(max-width:768px){
  :root{--pgp-v84-arrow-size:42px;--pgp-v84-arrow-icon-size:20px;}
}




/* PGP 114-thin-visible-right-arrow — long arrows direction fix
   Same stable v108/v109 search-style circle.
   Fix: left arrow points left, right arrow points right; both are longer by about 2px.
*/
:root{
  --pgp-arrow-search-bg:rgba(51,48,49,.86);
  --pgp-arrow-search-shadow:rgba(51,48,49,.20);
  --pgp-arrow-search-size:40px;
  --pgp-arrow-search-icon:26px 26px;
}
html body :is(.pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow){
  position:absolute!important;
  width:var(--pgp-arrow-search-size)!important;
  height:var(--pgp-arrow-search-size)!important;
  min-width:var(--pgp-arrow-search-size)!important;
  min-height:var(--pgp-arrow-search-size)!important;
  max-width:var(--pgp-arrow-search-size)!important;
  max-height:var(--pgp-arrow-search-size)!important;
  aspect-ratio:1/1!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  -webkit-border-radius:999px!important;
  clip-path:circle(50% at 50% 50%)!important;
  background-color:var(--pgp-arrow-search-bg)!important;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.5%205.6L14.9%2012m0%200l-6.4%206.4M14.9%2012H3%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:var(--pgp-arrow-search-icon)!important;
  box-shadow:0 8px 22px var(--pgp-arrow-search-shadow)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  text-shadow:none!important;
  letter-spacing:0!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  display:block!important;
  text-align:center!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  isolation:isolate!important;
  contain:paint!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  z-index:2147483000!important;
}
html body :is(.pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::before,
html body :is(.pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body :is(.pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow)>*{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body :is(.pgp-view-arrow-left,.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.pgp-related-arrow.prev,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-final-arrow-left){
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.5%205.6L9.1%2012m0%200l6.4%206.4M9.1%2012H21%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important;
  background-position:center center!important;
  background-size:var(--pgp-arrow-search-icon)!important;
  left:4px!important;
  right:auto!important;
}
html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.pgp-related-arrow.next,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-final-arrow-right){
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.5%205.6L14.9%2012m0%200l-6.4%206.4M14.9%2012H3%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important;
  background-position:center center!important;
  background-size:var(--pgp-arrow-search-icon)!important;
  right:4px!important;
  left:auto!important;
}
html body :is(.pgp-view-arrow-left,.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.pgp-related-arrow.prev,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-final-arrow-left):active,
html body :is(.pgp-view-arrow-left,.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.pgp-related-arrow.prev,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-final-arrow-left).pgp-final-arrow-pressed,
html body :is(.pgp-view-arrow-left,.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.pgp-related-arrow.prev,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-final-arrow-left)[data-pgp-arrow-pressed="1"]{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.5%205.6L9.1%2012m0%200l6.4%206.4M9.1%2012H21%22%20stroke%3D%22%23ee154e%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important;
}
html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.pgp-related-arrow.next,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-final-arrow-right):active,
html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.pgp-related-arrow.next,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-final-arrow-right).pgp-final-arrow-pressed,
html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.pgp-related-arrow.next,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-final-arrow-right)[data-pgp-arrow-pressed="1"]{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.5%205.6L14.9%2012m0%200l-6.4%206.4M14.9%2012H3%22%20stroke%3D%22%23ee154e%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important;
}
html body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-row-arrow-btn){
  top:50%!important;
  bottom:auto!important;
  transform:translate3d(0,-50%,0)!important;
  translate:none!important;
  z-index:2147483000!important;
}
html body :is(.pgp-view-shell,.pgp-view-port,.pgp-carousel,.pgp-row-wrap,.pgp-section,.pgp-card,.garage-card,.store-card,.products-card,.pgp-products-row,.garage-products-row,.related-products-row,.product-row,.products-row){
  overflow:visible!important;
}
@media(max-width:768px){
  :root{
    --pgp-arrow-search-size:38px;
    --pgp-arrow-search-icon:25px 25px;
  }
  html body :is(.pgp-view-arrow-left,.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.pgp-related-arrow.prev,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-final-arrow-left){left:7px!important;right:auto!important;}
  html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.pgp-related-arrow.next,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-final-arrow-right){right:7px!important;left:auto!important;}
}
@media (hover:hover) and (pointer:fine){
  html body :is(.pgp-view-arrow,.pgp-most-arrow,.pgp-row-arrow,.pgp-row-arrow-btn,.row-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):hover{
    background-color:rgba(51,48,49,.98)!important;
    box-shadow:0 8px 22px rgba(51,48,49,.26)!important;
  }
}


/* PGP v114 — move arrow glyph 4px toward its own direction inside the same circle */
html body :is(.pgp-view-arrow-left,.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.pgp-related-arrow.prev,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-final-arrow-left){
  background-position:calc(50% - 4px) center!important;
}
html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.pgp-related-arrow.next,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-final-arrow-right){
  background-position:calc(50% + 4px) center!important;
}
@media(max-width:768px){
  html body :is(.pgp-view-arrow-left,.pgp-most-arrow.left,.pgp-row-arrow.left,.pgp-row-arrow-btn.left,.row-arrow.left,.pgp-gallery-arrow.left,.gallery-arrow.left,.product-gallery-arrow.left,.pgp-related-arrow.left,.pgp-related-arrow.prev,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left,.swiper-button-prev,.splide__arrow--prev,.pgp-final-arrow-left){
    background-position:calc(50% - 4px) center!important;
  }
  html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.pgp-related-arrow.next,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-final-arrow-right){
    background-position:calc(50% + 4px) center!important;
  }
}


/* PGP v114 fallback: force right arrow visible with the same working v111 position */
html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.pgp-related-arrow.next,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-final-arrow-right){
  opacity:1!important; visibility:visible!important; display:block!important;
  right:4px!important; left:auto!important;
  background-repeat:no-repeat!important; background-position:calc(50% + 4px) center!important; background-size:26px 26px!important;
}
@media(max-width:768px){
  html body :is(.pgp-view-arrow-right,.pgp-most-arrow.right,.pgp-row-arrow.right,.pgp-row-arrow-btn.right,.row-arrow.right,.pgp-gallery-arrow.right,.gallery-arrow.right,.product-gallery-arrow.right,.pgp-related-arrow.right,.pgp-related-arrow.next,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right,.swiper-button-next,.splide__arrow--next,.pgp-final-arrow-right){
    background-size:25px 25px!important;
  }
}


/* =========================================================
   PGP v124 — homepage frame color from shared unified theme
   The old light red frame is generated here, not inside index only.
   Scope is #home only to avoid touching unrelated pages.
   ========================================================= */
html body #home :is(.pgp-most-viewed-card,.pgp-home-managed-section){
  border:1.5px solid rgba(0,0,0,.18)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.040),0 8px 20px rgba(0,0,0,.026)!important;
}
html body #home :is(.pgp-most-scroll-wrap,.pgp-most-head,.pgp-most-count,.pgp-section-count,.pgp-count-pill,.pgp-items-count,.pgp-count){
  border-color:rgba(0,0,0,.16)!important;
}
html body #home :is(.pgp-most-product,.pgp-product-card,.product-card,.pgp-card){
  border:1.35px solid rgba(0,0,0,.14)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.045)!important;
}
html body #home :is(.pgp-most-product,.pgp-product-card,.product-card,.pgp-card):hover{
  border-color:rgba(0,0,0,.26)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.060)!important;
}


/* =========================================================
   PGP v124 — remove old homepage panels + terms shared frame theme
   Frame/color source confirmed here in unified theme. Scoped safely to home/terms.
   ========================================================= */
html body #home > .grid{grid-template-columns:1fr!important;}
html body #home #products,
html body #home aside:has(#marketPanelCard),
html body #home #marketPanelCard{display:none!important;}
html body #terms .pgp-terms-card,
html body #terms .rounded-\[2rem\]{
  background:#fff!important;
  border:1.5px solid rgba(0,0,0,.18)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.040),0 8px 20px rgba(0,0,0,.026)!important;
  color:#050505!important;
}
html body #terms .pgp-terms-eyebrow{color:#a7aab1!important;font-weight:900!important;}
html body #terms .pgp-terms-title{color:#050505!important;}
html body #terms .pgp-terms-copy,
html body #terms .pgp-terms-copy p{color:#6b6f76!important;font-weight:800!important;}
@media(max-width:768px){html body #terms{padding-inline:12px!important;}html body #terms .pgp-terms-card{border-radius:22px!important;}}

/* =========================================================
   PGP v125 — remove remaining dark Terms wrapper + home image/heart tune
   Keep the fix scoped to #terms and #home only.
   ========================================================= */
html body #terms,
html body #terms > div,
html body section#terms,
html body section#terms > div{
  background:#ffffff!important;
  background-color:#ffffff!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;
  overflow:hidden!important;
}
html body #terms .pgp-terms-card,
html body #terms .rounded-\[2rem\]{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#050505!important;
}
html body #terms .pgp-terms-eyebrow{color:#a7aab1!important;font-weight:900!important;}
html body #terms .pgp-terms-title{color:#050505!important;}
html body #terms .pgp-terms-copy,
html body #terms .pgp-terms-copy p{color:#6b6f76!important;font-weight:800!important;text-shadow:none!important;}

/* Homepage product image should fill the inner card area more, without moving rows. */
html body #home .pgp-most-product:not(.pgp-most-garage) .pgp-most-media,
html body #home .pgp-most-product:not(.pgp-most-garage) :is(.product-media,.pgp-product-media){
  overflow:hidden!important;
  background:#f2f4f5!important;
}
html body #home .pgp-most-product:not(.pgp-most-garage) .pgp-most-media img,
html body #home .pgp-most-product:not(.pgp-most-garage) :is(.product-media,.pgp-product-media) img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.10)!important;
  transform-origin:center center!important;
}
html body #home .pgp-most-product:not(.pgp-most-garage):hover .pgp-most-media img,
html body #home .pgp-most-product:not(.pgp-most-garage):hover :is(.product-media,.pgp-product-media) img{
  transform:scale(1.10)!important;
}
@media(max-width:768px){
  html body #home .pgp-most-product:not(.pgp-most-garage) .pgp-most-media img,
  html body #home .pgp-most-product:not(.pgp-most-garage) :is(.product-media,.pgp-product-media) img{
    transform:scale(1.13)!important;
  }
  html body #home .pgp-most-product:not(.pgp-most-garage):hover .pgp-most-media img,
  html body #home .pgp-most-product:not(.pgp-most-garage):hover :is(.product-media,.pgp-product-media) img{
    transform:scale(1.13)!important;
  }
}

/* =========================================================
   PGP v126 — remove section item badges + partial red ring on search circle
   - Item/count pills are removed visually across public section headers.
   - Search button gets a small red circular arc, not a full border.
   ========================================================= */
html body :is(.pgp-most-count,.pgp-section-count,.pgp-count-pill,.pgp-items-count,.pgp-count,.pgp-home-count,.section-count,.items-count,.item-count,.products-count,.garage-count,.pgp-badge-count){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body .pgp-v126-hidden-item-badge{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body :is(.pgp-most-head,.products-head,.pgp-part-top,.garage-top,.pgp-section-head){
  gap:10px!important;
}

html body .pgp-header-search-submit,
html body button.pgp-header-search-submit,
html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-header-search-submit.pgp-unified-search-submit,
html body .pgp-header-search-submit.pgp-v40-normalized{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:0!important;
  box-shadow:0 8px 22px rgba(51,48,49,.20)!important;
}
html body .pgp-header-search-submit::after,
html body button.pgp-header-search-submit::after,
html body .pgp-app-header .pgp-header-search-submit::after,
html body .pgp-header-search-submit.pgp-unified-search-submit::after,
html body .pgp-header-search-submit.pgp-v40-normalized::after{
  content:""!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  inset:2px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  pointer-events:none!important;
  z-index:2!important;
  /* v127: larger light partial red ring on the search circle (not a full circle) */
  background:conic-gradient(from -52deg, transparent 0deg 176deg, rgba(238,21,78,.78) 176deg 338deg, transparent 338deg 360deg)!important;
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 1.75px), #000 calc(100% - 1.75px))!important;
  mask:radial-gradient(farthest-side, transparent calc(100% - 1.75px), #000 calc(100% - 1.75px))!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .pgp-header-search-submit > svg,
html body .pgp-header-search-submit > .pgp-v40-arrow-svg,
html body .pgp-header-search-submit > .pgp-unified-arrow-svg,
html body .pgp-header-search-submit > .pgp-search-clone-arrow,
html body .pgp-header-search-submit > .pgp-search-arrow-desktop{
  position:relative!important;
  z-index:3!important;
}

/* =========================================================
   PGP v128 — full outer red ring on search circle
   User requested a complete light red outline around the circle, not an inner/partial arc.
   Keep the search button size, color, and arrow untouched.
   ========================================================= */
html body .pgp-header-search-submit,
html body button.pgp-header-search-submit,
html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-header-search-submit.pgp-unified-search-submit,
html body .pgp-header-search-submit.pgp-v40-normalized{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 0 0 2.5px rgba(238,21,78,.72),0 8px 22px rgba(51,48,49,.20)!important;
}
html body .pgp-header-search-submit:hover,
html body button.pgp-header-search-submit:hover,
html body .pgp-app-header .pgp-header-search-submit:hover,
html body .pgp-header-search-submit.pgp-unified-search-submit:hover,
html body .pgp-header-search-submit.pgp-v40-normalized:hover{
  box-shadow:0 0 0 2.5px rgba(238,21,78,.82),0 8px 22px rgba(51,48,49,.22)!important;
}
html body .pgp-header-search-submit::after,
html body button.pgp-header-search-submit::after,
html body .pgp-app-header .pgp-header-search-submit::after,
html body .pgp-header-search-submit.pgp-unified-search-submit::after,
html body .pgp-header-search-submit.pgp-v40-normalized::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  box-shadow:none!important;
}


/* =========================================================
   PGP v129 — persistent full outer search ring
   Keeps the red outline after shared-head.php applies the initial search-button state.
   Thickness matches the garage follow ring style (2.5px), but uses the site red.
   ========================================================= */
html body .pgp-header-search-submit,
html body button.pgp-header-search-submit,
html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-header-search-submit.pgp-unified-search-submit,
html body .pgp-header-search-submit.pgp-v40-normalized{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  border:0!important;
  outline:0!important;
  background:#333031!important;
  background-color:#333031!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:0 0 0 2.5px rgba(238,21,78,.72),0 8px 22px rgba(51,48,49,.20)!important;
}
html body .pgp-header-search-submit:hover,
html body button.pgp-header-search-submit:hover,
html body .pgp-app-header .pgp-header-search-submit:hover,
html body .pgp-header-search-submit.pgp-unified-search-submit:hover,
html body .pgp-header-search-submit.pgp-v40-normalized:hover,
html body .pgp-header-search-submit:focus,
html body .pgp-header-search-submit:active{
  box-shadow:0 0 0 2.5px rgba(238,21,78,.82),0 8px 22px rgba(51,48,49,.22)!important;
}
html body .pgp-header-search-submit::before,
html body .pgp-header-search-submit::after,
html body button.pgp-header-search-submit::before,
html body button.pgp-header-search-submit::after,
html body .pgp-app-header .pgp-header-search-submit::before,
html body .pgp-app-header .pgp-header-search-submit::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}


/* =========================================================
   PGP v130 — fire red persistent outer ring + homepage source avatars
   - Search circle uses a full OUTER ring, same strong follow-ring weight, but site red.
   - Managed homepage sections replace the PGP label with the resolved source image.
   ========================================================= */
html body .pgp-header-search-submit,
html body button.pgp-header-search-submit,
html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-header-search-submit.pgp-unified-search-submit,
html body .pgp-header-search-submit.pgp-v40-normalized{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  border:0!important;
  outline:0!important;
  background:#333031!important;
  background-color:#333031!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:0 0 0 2.5px #ee154e,0 0 0 5px rgba(238,21,78,.14),0 10px 26px rgba(238,21,78,.18),0 8px 22px rgba(51,48,49,.20)!important;
}
html body .pgp-header-search-submit:hover,
html body button.pgp-header-search-submit:hover,
html body .pgp-app-header .pgp-header-search-submit:hover,
html body .pgp-header-search-submit.pgp-unified-search-submit:hover,
html body .pgp-header-search-submit.pgp-v40-normalized:hover,
html body .pgp-header-search-submit:focus,
html body .pgp-header-search-submit:active{
  box-shadow:0 0 0 2.5px #ee154e,0 0 0 5px rgba(238,21,78,.17),0 10px 28px rgba(238,21,78,.20),0 8px 22px rgba(51,48,49,.20)!important;
}
html body .pgp-header-search-submit::before,
html body .pgp-header-search-submit::after,
html body button.pgp-header-search-submit::before,
html body button.pgp-header-search-submit::after,
html body .pgp-app-header .pgp-header-search-submit::before,
html body .pgp-app-header .pgp-header-search-submit::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}
html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  overflow:hidden!important;
  margin:0 0 16px 0!important;
  padding:0!important;
  background:#fff!important;
  background-color:#fff!important;
  border:1px solid rgba(20,20,20,.10)!important;
  box-shadow:0 0 0 2px rgba(20,20,20,.08),0 8px 18px rgba(0,0,0,.10)!important;
  transform:none!important;
}
html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar img{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:999px!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}
html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar + h2{
  margin-top:8px!important;
}
@media(max-width:768px){
  html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
    margin-bottom:14px!important;
  }
  html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar img{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
}

/* =========================================================
   PGP v133 — original homepage section logo display
   - Keep uploaded images un-cropped and clear.
   - The circle stays the same style, but the logo uses contain instead of cover.
   - Scoped to the homepage section avatar class only.
   ========================================================= */
html body .pgp-home-section-avatar{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  aspect-ratio:1/1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  overflow:hidden!important;
  margin:0 0 16px 0!important;
  padding:4px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  background-color:#fff!important;
  border:1px solid rgba(20,20,20,.10)!important;
  box-shadow:0 0 0 2px rgba(20,20,20,.08),0 8px 18px rgba(0,0,0,.10)!important;
  transform:none!important;
}
html body .pgp-home-section-avatar img,
html body .pgp-home-section-avatar-img{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  image-rendering:auto!important;
  -ms-interpolation-mode:bicubic!important;
  transform:none!important;
}
html body .pgp-home-section-avatar + h2{
  margin-top:8px!important;
}
@media(max-width:768px){
  html body .pgp-home-section-avatar{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    max-width:56px!important;
    max-height:56px!important;
    margin-bottom:14px!important;
    padding:4px!important;
  }
}


/* =========================================================
   PGP v134 — homepage section logos: full logo + sharper desktop
   - Fixes the older, more-specific v130 cover rule that cropped logos.
   - Keeps the uploaded file original; only changes display CSS.
   - Bigger rendered avatar reduces desktop blur while contain keeps the full mark visible.
   ========================================================= */
html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar,
html body .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar,
html body #home .pgp-home-section-avatar,
html body .pgp-home-section-avatar{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  max-width:72px!important;
  max-height:72px!important;
  aspect-ratio:1/1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  overflow:hidden!important;
  margin:0 0 18px 0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:#fff!important;
  background-color:#fff!important;
  border:1px solid rgba(20,20,20,.10)!important;
  box-shadow:0 0 0 2px rgba(20,20,20,.08),0 8px 18px rgba(0,0,0,.10)!important;
  transform:none!important;
}
html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar img,
html body .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar img,
html body #home .pgp-home-section-avatar img,
html body .pgp-home-section-avatar img,
html body #home img.pgp-home-section-avatar-img,
html body img.pgp-home-section-avatar-img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  transform:scale(1.22)!important;
  transform-origin:center center!important;
  image-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  backface-visibility:hidden!important;
}
html body #home .pgp-home-section-avatar + h2,
html body .pgp-home-section-avatar + h2{
  margin-top:10px!important;
}
@media(max-width:768px){
  html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar,
  html body .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar,
  html body #home .pgp-home-section-avatar,
  html body .pgp-home-section-avatar{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    max-width:68px!important;
    max-height:68px!important;
    margin-bottom:16px!important;
  }
  html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar img,
  html body .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar img,
  html body #home .pgp-home-section-avatar img,
  html body .pgp-home-section-avatar img,
  html body #home img.pgp-home-section-avatar-img,
  html body img.pgp-home-section-avatar-img{
    transform:scale(1.18)!important;
  }
}


/* =========================================================
   PGP v135 — homepage section logos: old frame size + full visible logo
   - Restores the previous small circle size so it matches garage/part identity spacing.
   - Keeps logo quality; no upload processing, no background removal, no compression.
   - Uses contain with safe internal padding so wide logos show fully instead of being cropped.
   ========================================================= */
html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar,
html body .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar,
html body #home .pgp-home-section-avatar,
html body .pgp-home-section-avatar{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  aspect-ratio:1/1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  overflow:hidden!important;
  margin:0 0 14px 0!important;
  padding:6px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  background-color:#fff!important;
  border:1px solid rgba(20,20,20,.10)!important;
  box-shadow:0 0 0 2px rgba(20,20,20,.08),0 8px 18px rgba(0,0,0,.10)!important;
  transform:none!important;
}
html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar img,
html body .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar img,
html body #home .pgp-home-section-avatar img,
html body .pgp-home-section-avatar img,
html body #home img.pgp-home-section-avatar-img,
html body img.pgp-home-section-avatar-img{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  transform:none!important;
  transform-origin:center center!important;
  image-rendering:auto!important;
  -ms-interpolation-mode:bicubic!important;
  -webkit-font-smoothing:antialiased!important;
  backface-visibility:hidden!important;
}
html body #home .pgp-home-section-avatar + h2,
html body .pgp-home-section-avatar + h2{
  margin-top:8px!important;
}
@media(max-width:768px){
  html body #home .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar,
  html body .pgp-home-managed-section .pgp-most-head .pgp-home-section-avatar,
  html body #home .pgp-home-section-avatar,
  html body .pgp-home-section-avatar{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
    margin-bottom:14px!important;
    padding:6px!important;
  }
}


/* =========================================================
   PGP v136 — homepage follow ring on section avatar
   - Same visual behavior as garage follow ring.
   - Does not change avatar size or logo display from v135.
   ========================================================= */
html body #home .pgp-home-managed-section.pgp-home-section-is-following .pgp-home-section-avatar,
html body #home .pgp-most-viewed-card.pgp-home-section-is-following .pgp-home-section-avatar,
html body #home .pgp-home-section-avatar.pgp-home-follow-ring-target,
html body .pgp-home-section-avatar.pgp-home-follow-ring-target{
  border-radius:999px!important;
  outline:0!important;
  overflow:visible!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;
}
html body #home .pgp-home-managed-section:not(.pgp-home-section-is-following) .pgp-home-section-avatar:not(.pgp-home-follow-ring-target),
html body #home .pgp-most-viewed-card:not(.pgp-home-section-is-following) .pgp-home-section-avatar:not(.pgp-home-follow-ring-target){
  box-shadow:0 0 0 2px rgba(20,20,20,.08),0 8px 18px rgba(0,0,0,.10)!important;
  filter:none!important;
}
html body #home .pgp-home-section-avatar.pgp-home-follow-ring-target img,
html body #home .pgp-home-section-is-following .pgp-home-section-avatar img{
  filter:none!important;
  transform:none!important;
}

/* =========================================================
   PGP v137 — instant follow ring sync for homepage avatars
   ========================================================= */
html body #home .pgp-home-managed-section.pgp-garage-is-following .pgp-home-section-avatar.pgp-garage-follow-ring-target,
html body #home .pgp-home-managed-section .pgp-home-section-avatar.pgp-garage-follow-ring-target{
  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;
  overflow:visible!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;
}
html body #home .pgp-home-section-avatar.pgp-garage-follow-ring-target img,
html body #home .pgp-home-section-avatar.pgp-garage-follow-ring-target .pgp-home-section-avatar-img{
  box-shadow:none!important;
  outline:0!important;
}


/* =========================================================
   PGP v139 — stable homepage avatar follow ring
   Uses the same blue garage-follow visual, but only when JS marks the real saved state.
   ========================================================= */
html body #home .pgp-home-managed-section .pgp-home-section-avatar,
html body #home .pgp-most-viewed-card .pgp-home-section-avatar{
  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;
}
html body #home .pgp-home-managed-section .pgp-home-section-avatar[data-pgp-follow-ring-active="1"],
html body #home .pgp-most-viewed-card .pgp-home-section-avatar[data-pgp-follow-ring-active="1"],
html body #home .pgp-home-managed-section.pgp-garage-is-following .pgp-home-section-avatar.pgp-garage-follow-ring-target,
html body #home .pgp-most-viewed-card.pgp-garage-is-following .pgp-home-section-avatar.pgp-garage-follow-ring-target{
  overflow:visible!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;
}
html body #home .pgp-home-managed-section:not(.pgp-garage-is-following):not(.pgp-home-section-is-following) .pgp-home-section-avatar:not([data-pgp-follow-ring-active="1"]),
html body #home .pgp-most-viewed-card:not(.pgp-garage-is-following):not(.pgp-home-section-is-following) .pgp-home-section-avatar:not([data-pgp-follow-ring-active="1"]){
  box-shadow:0 0 0 2px rgba(20,20,20,.08),0 8px 18px rgba(0,0,0,.10)!important;
  filter:none!important;
}


/* =========================================================
   PGP v140 — final homepage follow ring override
   Uses the home follow button state. White logo frame is not the cause; the ring is drawn
   on the avatar container after JS sets data-pgp-home-follow-ring="1".
   ========================================================= */
html body #home .pgp-home-managed-section .pgp-home-section-avatar[data-pgp-home-follow-ring="1"],
html body #home .pgp-most-viewed-card .pgp-home-section-avatar[data-pgp-home-follow-ring="1"],
html body #home .pgp-home-section-avatar.pgp-home-follow-ring-target,
html body #home .pgp-home-section-avatar.pgp-garage-follow-ring-target{
  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;
  overflow:visible!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;
}
html body #home .pgp-home-managed-section:not(.pgp-home-section-is-following) .pgp-home-section-avatar:not([data-pgp-home-follow-ring="1"]):not(.pgp-home-follow-ring-target):not(.pgp-garage-follow-ring-target),
html body #home .pgp-most-viewed-card:not(.pgp-home-section-is-following) .pgp-home-section-avatar:not([data-pgp-home-follow-ring="1"]):not(.pgp-home-follow-ring-target):not(.pgp-garage-follow-ring-target){
  box-shadow:0 0 0 2px rgba(20,20,20,.08),0 8px 18px rgba(0,0,0,.10)!important;
  filter:none!important;
}

/* PGP v147 — product condition label from admin (new / used) */
html body .pgp-condition-line,
html body .pgp-product-condition,
html body .pgp-card-condition-badge{
  display:block!important;
  margin-top:4px!important;
  color:rgba(17,17,17,.62)!important;
  font-size:11.5px!important;
  line-height:1.22!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
html body .pgp-condition-line b,
html body .pgp-product-condition b,
html body .pgp-card-condition-badge b{
  color:#ee154e!important;
  font-weight:950!important;
}
html body .pgp-card-condition-badge{
  position:absolute!important;
  left:10px!important;
  bottom:8px!important;
  z-index:34!important;
  max-width:calc(100% - 58px)!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.06)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
html body .pgp-open-product-info .pgp-product-condition,
html body .pgp-summary-panel .pgp-product-condition{
  margin:8px 0 8px!important;
  font-size:14px!important;
  color:rgba(17,17,17,.70)!important;
}
@media(max-width:768px){
  html body .pgp-condition-line,
  html body .pgp-product-condition,
  html body .pgp-card-condition-badge{font-size:10.5px!important;}
  html body .pgp-card-condition-badge{left:7px!important;bottom:7px!important;padding:2px 6px!important;}
}
html body .product-wrap .pgp-product-condition{
  color:rgba(255,255,255,.72)!important;
}
html body .product-wrap .pgp-product-condition b{
  color:#ee154e!important;
}


/* =========================================================
   PGP v149 — safe product condition badge
   - Reverts v148 card layout changes that made images rectangular.
   - Keeps original product/card sizes.
   - Condition is a small independent badge; it does not push title, image, or heart.
   ========================================================= */
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  border:1.35px solid rgba(0,0,0,.38)!important;
  color:#ee154e!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  box-shadow:0 5px 14px rgba(0,0,0,.055)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge).is-used{
  color:#2610fb!important;
  border-color:rgba(38,16,251,.54)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 5px 14px rgba(38,16,251,.08)!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge).is-new{
  color:#ee154e!important;
  border-color:rgba(0,0,0,.60)!important;
  background:rgba(255,255,255,.94)!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge) b{
  color:currentColor!important;
  font-weight:950!important;
  line-height:1!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge) .pgp-condition-icon{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  flex:0 0 12px!important;
  display:inline-block!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:12px 12px!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge).is-new .pgp-condition-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 8.5 12 5l7 3.5v7L12 19l-7-3.5v-7Z' stroke='%23ee154e' stroke-width='2.25' stroke-linejoin='round'/%3E%3Cpath d='M5.3 8.7 12 12l6.7-3.3M12 12v7' stroke='%23ee154e' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge).is-used .pgp-condition-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.5 10.2 12 14l7.5-3.8M12 14v6' stroke='%232610fb' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.2v6.2L12 20l7.5-3.6v-6.2' stroke='%232610fb' stroke-width='2.25' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.2 8 5l4 2 4-2 3.5 5.2M8 5l4 4.7L16 5' stroke='%232610fb' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

/* Compact carousel cards: condition floats at the top-left, away from title and heart. */
html body :is(.pgp-most-product,.pgp-iq-product-card,.following-card .product-card) > .pgp-card-condition-badge,
html body :is(.pgp-most-product,.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-badge{
  position:absolute!important;
  left:9px!important;
  top:44px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:38!important;
  margin:0!important;
  max-width:calc(100% - 18px)!important;
  pointer-events:none!important;
}

/* IQ Garages: restore original card geometry; no forced title-outside-image layout. */
html body #iq-garages .garage-card .product-card,
html body .iq-wrap .garage-card .product-card.pgp-iq-product-card{
  display:block!important;
  flex-direction:unset!important;
  color:#fff!important;
  background:#fff!important;
  overflow:hidden!important;
  height:260px!important;
  min-height:0!important;
}
html body #iq-garages .garage-card .product-card .product-media,
html body .iq-wrap .garage-card .product-card.pgp-iq-product-card .product-media{
  height:100%!important;
  min-height:0!important;
  flex:unset!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#f2f3f4!important;
}
html body #iq-garages .garage-card .product-card .product-media img,
html body .iq-wrap .garage-card .product-card.pgp-iq-product-card .product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
html body .iq-wrap .pgp-iq-product-body{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:12!important;
  display:block!important;
  min-height:0!important;
  padding:34px 60px 12px 12px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 46%,rgba(0,0,0,.72) 100%)!important;
  pointer-events:none!important;
}
html body .iq-wrap .pgp-iq-product-body .product-name,
html body .iq-wrap .pgp-iq-product-body h4{
  margin:0!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-shadow:0 1px 5px rgba(0,0,0,.35)!important;
}
html body .iq-wrap .pgp-iq-product-body .product-sub{
  display:none!important;
}
html body .iq-wrap .pgp-iq-product-body .pgp-condition-line{
  display:none!important;
}
html body .iq-wrap .pgp-iq-product-card > .heart{
  right:9px!important;
  bottom:8px!important;
  z-index:42!important;
}
@media(max-width:900px){
  html body #iq-garages .garage-card .product-card,
  html body .iq-wrap .garage-card .product-card.pgp-iq-product-card{
    height:210px!important;
  }
}
@media(max-width:640px){
  html body #iq-garages .garage-card .product-card,
  html body .iq-wrap .garage-card .product-card.pgp-iq-product-card{
    height:170px!important;
  }
  html body :is(.pgp-most-product,.pgp-iq-product-card,.following-card .product-card) > .pgp-card-condition-badge,
  html body :is(.pgp-most-product,.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-badge{
    top:38px!important;
    left:8px!important;
    font-size:9.2px!important;
    padding:2.5px 6px!important;
  }
  html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge) .pgp-condition-icon{
    width:11px!important;height:11px!important;min-width:11px!important;background-size:11px 11px!important;flex-basis:11px!important;
  }
}


/* =========================================================
   PGP v150 — safer product condition placement
   - Condition replaces the top-right view pill slot when present.
   - Keeps product image/card geometry exactly as before.
   - Prevents condition from touching product title/heart.
   ========================================================= */
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge,.pgp-card-condition-slot){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  border:1.35px solid rgba(0,0,0,.60)!important;
  color:#ee154e!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  box-shadow:0 5px 14px rgba(0,0,0,.055)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge,.pgp-card-condition-slot).is-used{
  color:#2610fb!important;
  border-color:rgba(38,16,251,.58)!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 5px 14px rgba(38,16,251,.08)!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge,.pgp-card-condition-slot).is-new{
  color:#ee154e!important;
  border-color:rgba(0,0,0,.60)!important;
  background:rgba(255,255,255,.95)!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge,.pgp-card-condition-slot) b{
  color:currentColor!important;
  font-weight:950!important;
  line-height:1!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge,.pgp-card-condition-slot) .pgp-condition-icon{
  width:12px!important;height:12px!important;min-width:12px!important;flex:0 0 12px!important;
  display:inline-block!important;background-repeat:no-repeat!important;background-position:center!important;background-size:12px 12px!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge,.pgp-card-condition-slot).is-new .pgp-condition-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 8.5 12 5l7 3.5v7L12 19l-7-3.5v-7Z' stroke='%23ee154e' stroke-width='2.25' stroke-linejoin='round'/%3E%3Cpath d='M5.3 8.7 12 12l6.7-3.3M12 12v7' stroke='%23ee154e' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge,.pgp-card-condition-slot).is-used .pgp-condition-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.5 10.2 12 14l7.5-3.8M12 14v6' stroke='%232610fb' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.2v6.2L12 20l7.5-3.6v-6.2' stroke='%232610fb' stroke-width='2.25' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.2 8 5l4 2 4-2 3.5 5.2M8 5l4 4.7L16 5' stroke='%232610fb' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
/* Top-right slot: same place as views, so it never fights price, title, or heart. */
html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) > .pgp-card-condition-badge,
html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-badge.pgp-card-condition-slot,
html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-slot{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:46!important;
  margin:0!important;
  pointer-events:none!important;
}
/* When condition uses the view-tag slot, keep it compact and visible. */
html body .view-tag.pgp-card-condition-slot,
html body .pgp-view-tag.pgp-card-condition-slot{
  min-height:24px!important;
  padding:0 8px!important;
  background:rgba(255,255,255,.94)!important;
  color:#ee154e!important;
  border:1.35px solid rgba(0,0,0,.60)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.055)!important;
}
html body .view-tag.pgp-card-condition-slot.is-used,
html body .pgp-view-tag.pgp-card-condition-slot.is-used{
  color:#2610fb!important;
  border-color:rgba(38,16,251,.58)!important;
}
/* Keep original card/image geometry after the condition changes. */
html body #home .pgp-most-product .pgp-most-media,
html body #home .pgp-most-product :is(.product-media,.pgp-product-media),
html body .iq-wrap .garage-card .product-card.pgp-iq-product-card .product-media,
html body .following-card .product-card .product-media{
  aspect-ratio:auto!important;
}
html body .iq-wrap .pgp-iq-product-body,
html body #iq-garages .pgp-iq-product-body{
  padding-top:34px!important;
}
@media(max-width:640px){
  html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) > .pgp-card-condition-badge,
  html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-badge.pgp-card-condition-slot,
  html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-slot{
    top:7px!important;right:7px!important;font-size:9.2px!important;padding:2px 6px!important;
  }
  html body .view-tag.pgp-card-condition-slot{min-height:20px!important;padding:0 6px!important;}
  html body :is(.pgp-condition-line,.pgp-product-condition,.pgp-card-condition-badge,.pgp-card-condition-slot) .pgp-condition-icon{
    width:11px!important;height:11px!important;min-width:11px!important;background-size:11px 11px!important;flex-basis:11px!important;
  }
}


/* =========================================================
   PGP v151 — compact condition badges + detail price row
   Advice implemented:
   - On small product cards: condition stays as a tiny top-right badge,
     price stays top-left, title/heart stay untouched.
   - On product details: condition sits on the same line as price.
   ========================================================= */
html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-slot,
html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) > .pgp-card-condition-badge,
html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-badge.pgp-card-condition-slot,
html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .view-tag.pgp-card-condition-slot{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:58!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  padding:0 7px!important;
  margin:0!important;
  border-radius:999px!important;
  font-size:9.4px!important;
  line-height:1!important;
  gap:3px!important;
  max-width:calc(100% - 58px)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-slot .pgp-condition-icon,
html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-badge .pgp-condition-icon{
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  flex-basis:10px!important;
  background-size:10px 10px!important;
}
html body .iq-wrap .pgp-iq-product-body,
html body #iq-garages .pgp-iq-product-body{
  padding-top:30px!important;
}
html body #home .pgp-most-product :is(.pgp-most-title,.product-name,h4),
html body .iq-wrap .pgp-iq-product-body .product-name,
html body .following-card .product-card :is(.product-name,h4){
  position:relative!important;
  z-index:13!important;
}
html body .pgp-open-product-info .pgp-price-condition-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin:4px 0 16px!important;
  width:100%!important;
}
html body .pgp-open-product-info .pgp-price-condition-row .details-price{
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
}
html body .pgp-open-product-info .pgp-price-condition-row .pgp-product-condition{
  margin:0!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 12px!important;
  font-size:13px!important;
  box-shadow:0 8px 22px rgba(238,21,78,.08)!important;
}
html body .pgp-open-product-info .pgp-price-condition-row .pgp-product-condition.is-used{
  box-shadow:0 8px 22px rgba(38,16,251,.10)!important;
}
@media(max-width:640px){
  html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-slot,
  html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) > .pgp-card-condition-badge,
  html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-badge.pgp-card-condition-slot,
  html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .view-tag.pgp-card-condition-slot{
    top:6px!important;
    right:6px!important;
    height:19px!important;
    min-height:19px!important;
    max-height:19px!important;
    padding:0 6px!important;
    font-size:8.8px!important;
    gap:2px!important;
    max-width:calc(100% - 52px)!important;
  }
  html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-slot .pgp-condition-icon,
  html body :is(.pgp-iq-product-card,.following-card .product-card,.pgp-most-product) .pgp-card-condition-badge .pgp-condition-icon{
    width:9px!important;height:9px!important;min-width:9px!important;flex-basis:9px!important;background-size:9px 9px!important;
  }
  html body .pgp-open-product-info .pgp-price-condition-row{
    gap:9px!important;
    margin:4px 0 14px!important;
  }
  html body .pgp-open-product-info .pgp-price-condition-row .pgp-product-condition{
    height:26px!important;
    min-height:26px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
}

/* =========================================================
   PGP v152 — clean condition cards + garage store home frame
   - IQ Garages / Following product cards return to the clean homepage-like card:
     image top, text/price below, heart bottom-right, condition top-right.
   - Garage store page text becomes black and frames match homepage shared frame.
   ========================================================= */
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card){
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  height:258px!important;
  min-height:258px!important;
  max-height:258px!important;
  background:#fff!important;
  color:#050505!important;
  border:1.35px solid rgba(0,0,0,.14)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 8px 22px rgba(0,0,0,.045)!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-media{
  position:relative!important;
  height:58%!important;
  min-height:58%!important;
  flex:0 0 58%!important;
  width:100%!important;
  border-radius:20px 20px 0 0!important;
  overflow:hidden!important;
  background:#f2f4f5!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  transform:none!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-body,
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-iq-product-body{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:12!important;
  display:block!important;
  flex:1 1 auto!important;
  min-height:0!important;
  padding:10px 44px 31px 12px!important;
  background:#fff!important;
  color:#050505!important;
  pointer-events:none!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) :is(.product-name,h4,.product-title){
  margin:0!important;
  color:#050505!important;
  font-size:15px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-shadow:none!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-sub{
  display:block!important;
  margin-top:4px!important;
  color:#6b6f76!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .price-tag{
  position:absolute!important;
  top:auto!important;
  left:12px!important;
  right:auto!important;
  bottom:8px!important;
  z-index:40!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#ee154e!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .view-tag.pgp-card-condition-slot,
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-slot,
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-badge{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:46!important;
  height:21px!important;
  min-height:21px!important;
  max-height:21px!important;
  padding:0 8px!important;
  max-width:calc(100% - 70px)!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) > .heart,
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .heart,
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .heart-btn{
  right:11px!important;
  bottom:8px!important;
  top:auto!important;
  left:auto!important;
  z-index:50!important;
}
@media(max-width:900px){
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card){
    height:218px!important;min-height:218px!important;max-height:218px!important;border-radius:20px!important;
  }
}
@media(max-width:640px){
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card){
    height:206px!important;min-height:206px!important;max-height:206px!important;border-radius:19px!important;
  }
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-media{
    height:56%!important;min-height:56%!important;flex-basis:56%!important;
  }
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-body,
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-iq-product-body{
    padding:8px 40px 28px 10px!important;
  }
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) :is(.product-name,h4,.product-title){font-size:14px!important;line-height:1.08!important;}
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-sub{font-size:10.5px!important;}
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .price-tag{font-size:11.5px!important;left:10px!important;bottom:8px!important;}
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .view-tag.pgp-card-condition-slot,
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-slot,
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-badge{
    top:7px!important;right:7px!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:0 7px!important;font-size:9.4px!important;
  }
}

/* Garage owner/store page: use the same white/homepage frame feel and black readable text. */
html body .store-wrap .store-card,
html body .store-wrap .products-card,
html body .store-wrap .store-hero{
  background:#fff!important;
  border:1.5px solid rgba(0,0,0,.18)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.040),0 8px 20px rgba(0,0,0,.026)!important;
  color:#050505!important;
}
html body .store-wrap :is(.store-main h1,.products-head h2,.product-title){color:#050505!important;text-shadow:none!important;}
html body .store-wrap :is(.products-head p,.product-sub,.meta-value,.store-main,.store-meta){color:#6b6f76!important;text-shadow:none!important;}
html body .store-wrap .meta-label{color:#a7aab1!important;text-shadow:none!important;}
html body .store-wrap .meta-value a{color:#050505!important;text-decoration:none!important;}
html body .store-wrap .meta-chip{
  background:#fff!important;
  border:1.35px solid rgba(0,0,0,.14)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.035)!important;
}
html body .store-wrap .store-cover:after{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.10) 100%)!important;}
html body .store-wrap .product-card{
  position:relative!important;
  background:#fff!important;
  color:#050505!important;
  border:1.35px solid rgba(0,0,0,.14)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.045)!important;
}
html body .store-wrap .product-link{color:#050505!important;}
html body .store-wrap .product-media{background:#f2f4f5!important;border-radius:20px 20px 0 0!important;}
html body .store-wrap .price-tag{
  background:transparent!important;color:#ee154e!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  top:auto!important;left:12px!important;bottom:10px!important;min-height:0!important;padding:0!important;font-size:12px!important;line-height:1!important;
}
html body .store-wrap .view-tag{background:rgba(238,21,78,.94)!important;color:#fff!important;}
html body .store-wrap .heart-btn{background:transparent!important;border:0!important;color:#ee154e!important;right:12px!important;bottom:10px!important;}
html body .store-wrap .pgp-condition-line{
  position:absolute!important;top:12px!important;right:12px!important;z-index:40!important;margin:0!important;
}
html body .store-wrap .product-open{display:none!important;}


/* =========================================================
   PGP v153 — revert tall condition product cards safely
   - Undo v152 tall/home-style cards on IQ Garages and Following rows.
   - Keep product image/card compact like before.
   - Keep condition badge top-right and price top-left, without duplicate names.
   - Keep garage-store readable text/frame fixes from v152.
   ========================================================= */
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card){
  display:block!important;
  position:relative!important;
  height:260px!important;
  min-height:0!important;
  max-height:none!important;
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
  border:1px solid rgba(0,0,0,.14)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 8px 22px rgba(0,0,0,.045)!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-link{
  display:block!important;
  width:100%!important;
  height:100%!important;
  color:inherit!important;
  text-decoration:none!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-media{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  flex:unset!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#f2f3f4!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  transform:none!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-body,
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-iq-product-body{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  z-index:12!important;
  display:block!important;
  min-height:0!important;
  height:auto!important;
  padding:34px 58px 12px 12px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 46%,rgba(0,0,0,.72) 100%)!important;
  pointer-events:none!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) :is(.product-name,h4,.product-title){
  margin:0!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-shadow:0 1px 5px rgba(0,0,0,.35)!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-sub{
  display:none!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .price-tag{
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:48!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#ee154e!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  max-width:46%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .view-tag.pgp-card-condition-slot,
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-slot,
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-badge{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:58!important;
  height:19px!important;
  min-height:19px!important;
  max-height:19px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:1!important;
  max-width:48%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-slot .pgp-condition-icon,
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-badge .pgp-condition-icon{
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  flex-basis:9px!important;
  background-size:9px 9px!important;
}
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) > .heart,
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .heart,
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .heart-btn{
  right:9px!important;
  bottom:8px!important;
  top:auto!important;
  left:auto!important;
  z-index:60!important;
}
/* Remove only legacy duplicated bottom strips/captions when they appear in addition to product-body. */
html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) :is(.product-caption,.product-name-strip,.pgp-caption-strip,.card-caption,.image-caption){
  display:none!important;
}
@media(max-width:900px){
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card){
    height:210px!important;
  }
}
@media(max-width:640px){
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card){
    height:170px!important;
    border-radius:20px!important;
  }
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .product-body,
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-iq-product-body{
    padding:28px 50px 9px 10px!important;
  }
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) :is(.product-name,h4,.product-title){
    font-size:12px!important;
    line-height:1.10!important;
  }
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .price-tag{
    top:8px!important;
    left:8px!important;
    font-size:9px!important;
  }
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .view-tag.pgp-card-condition-slot,
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-slot,
  html body :is(.iq-wrap .garage-card .product-card.pgp-iq-product-card,#iq-garages .garage-card .product-card.pgp-iq-product-card,.following-card .product-card) .pgp-card-condition-badge{
    top:6px!important;
    right:6px!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    padding:0 6px!important;
    font-size:8.4px!important;
  }
}

/* =========================================================
   PGP v162 — IQ Garages product cards match homepage carousel
   Source of truth for IQ cards is pgp-layout-toggle.js row sizing + this page scoped CSS.
   ========================================================= */
html body :is(.iq-wrap,#iq-garages) .garage-card .product-scroll-wrap.pgp-iq-home-scroll{
  position:relative!important;
  margin-top:18px!important;
  overflow:hidden!important;
  padding:0!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-row.pgp-iq-home-row,
html body :is(.iq-wrap,#iq-garages) .garage-card .product-row.pgp-iq-home-row.pgp-view-row,
html body :is(.iq-wrap,#iq-garages) .garage-card .product-row.pgp-iq-home-row.pgp-view-grid{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x mandatory!important;
  padding:0 0 4px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-row.pgp-iq-home-row::-webkit-scrollbar{display:none!important;}

html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-product-card.pgp-iq-home-card{
  position:relative!important;
  display:block!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:1.35px solid rgba(0,0,0,.14)!important;
  background:#111113!important;
  color:#fff!important;
  overflow:hidden!important;
  text-decoration:none!important;
  scroll-snap-align:start!important;
  box-shadow:0 8px 22px rgba(0,0,0,.045)!important;
  transform:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  aspect-ratio:auto!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-product-card.pgp-iq-home-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(0,0,0,.26)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.060)!important;
}

html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card::before,
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  box-shadow:none!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > :is(.product-body,.pgp-iq-product-body,.pgp-auto-card-title,.product-caption,.product-name-strip,.pgp-caption-strip,.card-caption,.image-caption){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .product-media.pgp-iq-card-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:#f2f4f5!important;
  border-radius:inherit!important;
  box-shadow:none!important;
  filter:none!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .product-media.pgp-iq-card-media::before{
  content:none!important;
  display:none!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .product-media.pgp-iq-card-media::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:45%!important;
  z-index:2!important;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.74))!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:none!important;
  filter:none!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .product-media.pgp-iq-card-media img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  transform:scale(1.10)!important;
  transform-origin:center center!important;
  filter:none!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card:hover > .product-media.pgp-iq-card-media img{
  transform:scale(1.10)!important;
}

html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .pgp-iq-card-info{
  position:absolute!important;
  left:13px!important;
  right:46px!important;
  bottom:13px!important;
  z-index:8!important;
  display:block!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .pgp-iq-card-info strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
  text-shadow:0 3px 10px rgba(0,0,0,.5)!important;
  margin:0!important;
  padding:0!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .pgp-iq-card-info span{
  display:none!important;
}

html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .price-tag.pgp-iq-price{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:12!important;
  min-height:32px!important;
  max-width:calc(100% - 92px)!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.52)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  pointer-events:none!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .price-tag.pgp-iq-price s{opacity:.68!important;font-weight:700!important;}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > :is(.view-tag,.pgp-card-condition-slot,.pgp-card-condition-badge){
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:13!important;
  min-height:30px!important;
  height:30px!important;
  max-height:30px!important;
  max-width:74px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  pointer-events:none!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > :is(.view-tag,.pgp-card-condition-slot,.pgp-card-condition-badge) .pgp-condition-icon{
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  flex-basis:10px!important;
  background-size:10px 10px!important;
}

html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > :is(.heart,.heart-btn,.pgp-heart,.fav-btn){
  position:absolute!important;
  right:9px!important;
  bottom:8px!important;
  left:auto!important;
  top:auto!important;
  z-index:18!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#ee154e!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:30px!important;
  line-height:1!important;
  box-shadow:none!important;
  text-shadow:0 2px 6px rgba(0,0,0,.22)!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > :is(.heart,.heart-btn,.pgp-heart,.fav-btn) :is(span,svg,i,path){
  color:#ee154e!important;
  fill:#ee154e!important;
  stroke:#ee154e!important;
  opacity:1!important;
  visibility:visible!important;
}

@media(max-width:1100px){
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-product-card.pgp-iq-home-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 :is(.iq-wrap,#iq-garages) .garage-card .product-row.pgp-iq-home-row,
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-row.pgp-iq-home-row.pgp-view-row,
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-row.pgp-iq-home-row.pgp-view-grid{
    gap:8px!important;
    padding:0 0 4px!important;
  }
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-product-card.pgp-iq-home-card{
    flex-basis: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;
    min-height:150px!important;
    max-height:150px!important;
    border-radius:14px!important;
  }
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .product-media.pgp-iq-card-media img{
    transform:scale(1.13)!important;
  }
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card:hover > .product-media.pgp-iq-card-media img{
    transform:scale(1.13)!important;
  }
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .pgp-iq-card-info{
    left:8px!important;
    right:34px!important;
    bottom:9px!important;
  }
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .pgp-iq-card-info strong{
    font-size:9.4px!important;
    line-height:1.12!important;
  }
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > .price-tag.pgp-iq-price{
    top:6px!important;
    left:6px!important;
    min-height:20px!important;
    height:20px!important;
    padding:0 6px!important;
    font-size:7px!important;
    max-width:calc(100% - 64px)!important;
  }
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > :is(.view-tag,.pgp-card-condition-slot,.pgp-card-condition-badge){
    top:6px!important;
    right:6px!important;
    min-height:20px!important;
    height:20px!important;
    max-height:20px!important;
    padding:0 6px!important;
    font-size:7px!important;
    max-width:58px!important;
  }
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > :is(.view-tag,.pgp-card-condition-slot,.pgp-card-condition-badge) .pgp-condition-icon{
    width:9px!important;
    height:9px!important;
    min-width:9px!important;
    flex-basis:9px!important;
    background-size:9px 9px!important;
  }
  html body :is(.iq-wrap,#iq-garages) .garage-card .product-card.pgp-iq-home-card > :is(.heart,.heart-btn,.pgp-heart,.fav-btn){
    right:5px!important;
    bottom:6px!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    font-size:23px!important;
  }
}


/* laptop */
@media(min-width:769px) and (max-width:1366px){
  html body .pgp-app-header .pgp-header-search-wrap,
  html body .pgp-header-search-wrap{
    width:var(--pgp-v248-search-laptop-w)!important;
    max-width:var(--pgp-v248-search-laptop-w)!important;
  }

  html body .pgp-app-header .pgp-header-search-form,
  html body .pgp-header-search-form{
    width:var(--pgp-v248-search-laptop-w)!important;
    max-width:var(--pgp-v248-search-laptop-w)!important;
    height:var(--pgp-v248-search-laptop-h)!important;
    min-height:var(--pgp-v248-search-laptop-h)!important;
    max-height:var(--pgp-v248-search-laptop-h)!important;
    padding:2px 4px 2px 10px!important;
  }

  html body .pgp-app-header .pgp-header-search-input,
  html body .pgp-header-search-input{
    font-size:11px!important;
    padding-right:32px!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{
    width:var(--pgp-v248-search-laptop-btn)!important;
    height:var(--pgp-v248-search-laptop-btn)!important;
    min-width:var(--pgp-v248-search-laptop-btn)!important;
    min-height:var(--pgp-v248-search-laptop-btn)!important;
    max-width:var(--pgp-v248-search-laptop-btn)!important;
    max-height:var(--pgp-v248-search-laptop-btn)!important;
    flex-basis:var(--pgp-v248-search-laptop-btn)!important;
  }

  html body .pgp-app-header .pgp-header-search-submit svg,
  html body .pgp-header-search-submit svg{
    width:13px!important;
    height:13px!important;
  }
}

/* mobile */
@media(max-width:768px){
  html body .pgp-app-header .pgp-header-search-wrap,
  html body .pgp-header-search-wrap{
    width:var(--pgp-v248-search-mobile-w)!important;
    max-width:var(--pgp-v248-search-mobile-w)!important;
  }

  html body .pgp-app-header .pgp-header-search-form,
  html body .pgp-header-search-form{
    width:var(--pgp-v248-search-mobile-w)!important;
    max-width:var(--pgp-v248-search-mobile-w)!important;
    height:var(--pgp-v248-search-mobile-h)!important;
    min-height:var(--pgp-v248-search-mobile-h)!important;
    max-height:var(--pgp-v248-search-mobile-h)!important;
    padding:2px 4px 2px 12px!important;
  }

  html body .pgp-app-header .pgp-header-search-input,
  html body .pgp-header-search-input{
    font-size:15px!important;
    padding-right:40px!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{
    width:var(--pgp-v248-search-mobile-btn)!important;
    height:var(--pgp-v248-search-mobile-btn)!important;
    min-width:var(--pgp-v248-search-mobile-btn)!important;
    min-height:var(--pgp-v248-search-mobile-btn)!important;
    max-width:var(--pgp-v248-search-mobile-btn)!important;
    max-height:var(--pgp-v248-search-mobile-btn)!important;
    flex-basis:var(--pgp-v248-search-mobile-btn)!important;
  }

  html body .pgp-app-header .pgp-header-search-submit svg,
  html body .pgp-header-search-submit svg{
    width:18px!important;
    height:18px!important;
  }
}

@media(max-width:390px){
  :root{
    --pgp-v248-search-mobile-w:62vw;
    --pgp-v248-search-mobile-h:34px;
    --pgp-v248-search-mobile-btn:30px;
  }

  html body .pgp-app-header .pgp-header-search-input,
  html body .pgp-header-search-input{
    font-size:13px!important;
    padding-right:36px!important;
  }
}



/* =========================================================
   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;
  }
}


/* =========================================================
   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 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;
  }
}


/* =========================================================
   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;
  }
}


/* =========================================================
   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;
  }
}