/* PGP Unified Components v43
   مصدر واحد للأسهم وزر البحث: نفس سهم منتجات مشابهة، بدون سهمين وبدون 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 4px 18px rgba(51,48,49,.28) !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 6px 20px rgba(51,48,49,.30) !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:10px!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;}