/*
 * PGP v805 cached application-header stylesheet.
 *
 * Extracted from pgp-app-header.php without changing selector order. The PHP
 * component now emits one stylesheet link before its markup, so its historical
 * cascade is preserved while late inline restyling and repeated HTML are gone.
 */

html body :is(.pgp-part-name,.product-title,.product-card h3,.pgp-card h3,.pgp-product h3){
  cursor:pointer;
}

/* Extracted from pgp-app-header.php: anonymous */
/* PGP v120 header fallback image paint guard */
html body :is(.product-row,.pgp-product-row,.products-grid,.pgp-products,.garage-products,.saved-products-grid,.saved-grid,.wishlist-products,.following-grid):not(.pgp-view-grid):not(.pgp-view-row){box-sizing:border-box!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0 12px 10px!important;margin-inline:0!important;white-space:normal!important;scrollbar-width:none!important;}
html body :is(.product-row,.pgp-product-row,.products-grid,.pgp-products,.garage-products,.saved-products-grid,.saved-grid,.wishlist-products,.following-grid):not(.pgp-view-grid):not(.pgp-view-row)>*{box-sizing:border-box!important;flex:0 0 clamp(180px,18vw,245px)!important;width:clamp(180px,18vw,245px)!important;min-width:clamp(180px,18vw,245px)!important;max-width:245px!important;scroll-snap-align:start!important;float:none!important;display:block!important;}
html body :is(.product-row,.pgp-product-row,.products-grid,.pgp-products,.garage-products,.saved-products-grid,.saved-grid,.wishlist-products,.following-grid):not(.pgp-view-grid):not(.pgp-view-row) :is(.product-media,.pgp-product-media,.pgp-img,.pgp-product-img,.product-image,.card-image){box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:clamp(145px,14vw,220px)!important;min-height:145px!important;max-height:220px!important;overflow:hidden!important;display:block!important;border-radius:16px!important;}
html body :is(.product-row,.pgp-product-row,.products-grid,.pgp-products,.garage-products,.saved-products-grid,.saved-grid,.wishlist-products,.following-grid):not(.pgp-view-grid):not(.pgp-view-row) :is(.product-media,.pgp-product-media,.pgp-img,.pgp-product-img,.product-image,.card-image) img,html body :is(.product-row,.pgp-product-row,.products-grid,.pgp-products,.garage-products,.saved-products-grid,.saved-grid,.wishlist-products,.following-grid):not(.pgp-view-grid):not(.pgp-view-row) img:is(.pgp-product-img,.product-img,.part-img,.garage-product-img){box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;object-fit:cover!important;transform:none!important;transition:none!important;}
@media(max-width:980px){html body :is(.product-row,.pgp-product-row,.products-grid,.pgp-products,.garage-products,.saved-products-grid,.saved-grid,.wishlist-products,.following-grid):not(.pgp-view-grid):not(.pgp-view-row)>*{flex-basis:calc((100% - 14px)/2)!important;width:calc((100% - 14px)/2)!important;min-width:calc((100% - 14px)/2)!important;max-width:calc((100% - 14px)/2)!important;}}
@media(max-width:560px){html body :is(.product-row,.pgp-product-row,.products-grid,.pgp-products,.garage-products,.saved-products-grid,.saved-grid,.wishlist-products,.following-grid):not(.pgp-view-grid):not(.pgp-view-row){gap:10px!important;padding:0 0 10px!important;}html body :is(.product-row,.pgp-product-row,.products-grid,.pgp-products,.garage-products,.saved-products-grid,.saved-grid,.wishlist-products,.following-grid):not(.pgp-view-grid):not(.pgp-view-row)>*{flex:0 0 calc((100% - 20px)/3)!important;width:calc((100% - 20px)/3)!important;min-width:calc((100% - 20px)/3)!important;max-width:calc((100% - 20px)/3)!important;}html body :is(.product-row,.pgp-product-row,.products-grid,.pgp-products,.garage-products,.saved-products-grid,.saved-grid,.wishlist-products,.following-grid):not(.pgp-view-grid):not(.pgp-view-row) :is(.product-media,.pgp-product-media,.pgp-img,.pgp-product-img,.product-image,.card-image){height:23vw!important;min-height:82px!important;max-height:118px!important;border-radius:14px!important;}}

:root{
  --pgp-header-text:#f5f7fb;
  --pgp-header-active-bg:#f3144e;
  --pgp-header-active-text:#ffffff;
  --pgp-site-header-tab-bg:#ffffff;
  --pgp-site-header-tab-text:#111315;
  --pgp-site-header-hover-bg:#e73660;
  --pgp-site-search-bg:#ffffff;
  --pgp-site-search-text:#111315;
}

.pgp-app-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1100;
  padding:14px 18px 10px;
  background:var(--pgp-site-header-bg, transparent) !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  pointer-events:none;
}

.pgp-app-header-inner{
  max-width:1680px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  pointer-events:auto;
}

.pgp-header-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  flex:0 0 auto;
}

.pgp-logo-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0;
  line-height:0;
  flex:0 0 auto;
}

.pgp-logo-link img{
  width:118px;
  max-width:none;
  height:auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(255,46,46,.16));
}

.pgp-header-spacer{
  flex:1 1 auto;
  min-width:12px;
}

.pgp-header-tabs{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 1 auto;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.pgp-header-tabs::-webkit-scrollbar{display:none}

.pgp-header-tab{
  position:relative !important;
  isolation:isolate !important;
  min-height:27px !important;
  height:27px !important;
  padding:0 15px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:var(--pgp-site-header-tab-text, #000) !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  white-space:nowrap !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  font-family:'Orbitron',sans-serif !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:transform .16s ease, background .16s ease !important;
  flex:0 0 auto !important;
  overflow:visible !important;
}

.pgp-header-tab::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:var(--pgp-site-header-tab-bg, #ffffff) !important;
  clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%) !important;
  box-shadow:none !important;
  filter:none !important;
  pointer-events:none !important;
}

.pgp-header-tab::after{
  content:none !important;
  display:none !important;
}

.pgp-header-tab:hover{transform:translateY(-1px) !important;}
.pgp-header-tab:hover::before{background:var(--pgp-site-header-hover-bg, #e73660) !important;}

.pgp-header-tab.is-active{
  color:var(--pgp-header-active-text) !important;
}
.pgp-header-tab.is-active::before{
  background:var(--pgp-site-header-active-bg, #f3144e) !important;
  box-shadow:none !important;
}

.pgp-header-tab svg{
  width:16px !important;
  height:16px !important;
  flex:0 0 auto;
  filter:none !important;
}
.pgp-iraq-icon{
  width:16px !important;
  height:16px !important;
  display:inline-block;
  flex:0 0 auto;
  filter:none !important;
}

.pgp-header-lang-wrap{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  z-index:1203 !important;
}
.pgp-header-lang-btn{
  border:0 !important;
  outline:0 !important;
  background:var(--pgp-site-header-bg, transparent) !important;
  box-shadow:none !important;
  min-height:28px !important;
  height:28px !important;
  padding:0 5px !important;
  margin:0 !important;
  color:var(--pgp-site-header-text, #fff) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  cursor:pointer !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.30em !important;
  line-height:1 !important;
  font-family:'Orbitron',sans-serif !important;
  text-shadow:0 2px 10px rgba(0,0,0,.55) !important;
}
.pgp-header-lang-btn svg{
  width:13px !important;
  height:13px !important;
  color:var(--pgp-site-header-text, #fff) !important;
  flex:0 0 auto !important;
}
.pgp-header-lang-menu{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:0 !important;
  min-width:138px !important;
  display:none !important;
  overflow:hidden !important;
  border:0 !important;
  outline:0 !important;
  border-radius:14px !important;
  background:rgba(9,9,11,.94) !important;
  box-shadow:0 18px 36px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}
.pgp-header-lang-menu.is-open{display:block !important;}
.pgp-header-lang-menu a{
  display:block !important;
  padding:11px 14px !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:12px !important;
  font-weight:850 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}
.pgp-header-lang-menu a:hover{background:#ee154e !important;color:#fff !important;}

body{ padding-top:96px !important; }



/* === PGP COMPACT SEARCH - white bar only, not fixed === */
.pgp-header-search-wrap{
  position:relative !important;
  z-index:20 !important;
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  pointer-events:auto !important;
  margin:-4px auto 14px !important;
}
.pgp-header-search-form{
  position:relative !important;
  width:230px !important;
  max-width:58vw !important;
  height:28px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 14px !important;
  background:var(--pgp-site-search-bg, #fff) !important;
  border:0 !important;
  border-radius:6px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  clip-path:none !important;
  overflow:hidden !important;
}
.pgp-header-search-icon{
  width:13px !important;
  height:13px !important;
  color:var(--pgp-site-search-text, #111) !important;
  flex:0 0 auto !important;
}
.pgp-header-search-input{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  outline:0 !important;
  background:var(--pgp-site-header-bg, transparent) !important;
  color:var(--pgp-site-search-text, #111) !important;
  font-size:16px !important;
  font-weight:800 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  letter-spacing:0 !important;
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
  text-align:center !important;
  direction:rtl !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
.pgp-header-search-input::placeholder{
  color:color-mix(in srgb, var(--pgp-site-search-text, #111) 58%, transparent) !important;
  opacity:1 !important;
  text-align:center !important;
}
.pgp-header-search-input::-webkit-search-cancel-button,
.pgp-header-search-input::-webkit-search-decoration{
  -webkit-appearance:none !important;
  appearance:none !important;
}

/* === PARTS MENU BUTTON - clean stable === */
.pgp-parts-menu-button{
  width:34px !important;
  height:28px !important;
  border:0 !important;
  outline:0 !important;
  background:var(--pgp-site-header-bg, transparent) !important;
  box-shadow:none !important;
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  cursor:pointer !important;
  flex:0 0 auto !important;
  padding:0 !important;
  margin-left:2px !important;
  z-index:1202 !important;
  pointer-events:auto !important;
}

.pgp-parts-menu-button span{
  display:block !important;
  width:22px !important;
  height:3px !important;
  border-radius:999px !important;
  background:var(--pgp-site-header-tab-bg, #ffffff) !important;
  box-shadow:0 1px 8px rgba(0,0,0,.35) !important;
}
.pgp-parts-menu-button:hover span{
  background:#f3144e !important;
}

.pgp-header-parts-menu{
  position:fixed !important;
  top:92px !important;
  right:18px !important;
  z-index:1110 !important;
  width:272px !important;
  max-height:calc(100vh - 130px) !important;
  overflow:auto !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(15,15,17,.97),rgba(8,8,9,.99)) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
  padding:12px !important;
  display:none !important;
  pointer-events:auto !important;
}

.pgp-header-parts-menu.is-open{
  display:block !important;
}

.pgp-header-parts-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:10px 10px 12px !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
  margin-bottom:10px !important;
}

.pgp-header-parts-head small{
  display:block !important;
  color:#ffb800 !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  font-family:'Orbitron',sans-serif !important;
}

.pgp-header-parts-head strong{
  display:block !important;
  margin-top:5px !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:950 !important;
}

.pgp-header-parts-close{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:30px !important;
  height:30px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  font-size:22px !important;
  line-height:1 !important;
  cursor:pointer !important;
}

.pgp-header-parts-menu a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  min-height:44px !important;
  margin-top:8px !important;
  padding:0 14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.045) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.pgp-header-parts-menu a::after{
  content:">" !important;
  color:#f3144e !important;
  font-size:18px !important;
  font-weight:950 !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

.pgp-header-parts-menu a:hover{
  border-color:rgba(243,20,78,.42) !important;
  background:rgba(243,20,78,.12) !important;
}


/* Desktop: parts menu stays open permanently, no close circle/X */
@media (min-width:769px){
  .pgp-parts-menu-button{
    display:none !important;
  }
  .pgp-header-parts-menu{
    display:block !important;
    position:fixed !important;
    top:92px !important;
    right:18px !important;
  }
  .pgp-header-parts-close{
    display:none !important;
  }
}

@media (max-width:1024px){
  .pgp-app-header{padding:12px 14px 8px}
  .pgp-logo-link img{width:104px}
  .pgp-header-tab{
    min-height:26px !important;
    height:26px !important;
    padding:0 13px !important;
    font-size:11px !important;
  }
  body{padding-top:88px !important;}
}

@media (max-width:768px){
  .pgp-app-header{
    padding:10px 10px 8px;
    pointer-events:none;
  }
  .pgp-app-header-inner{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto auto !important;
    align-items:center !important;
    gap:8px !important;
    pointer-events:auto;
  }
  .pgp-header-spacer{display:none}
  .pgp-logo-link img{width:90px}
  .pgp-header-tabs{
    width:100% !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding-bottom:2px !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .pgp-header-tab{
    min-height:23px !important;
    height:23px !important;
    padding:0 8px !important;
    font-size:8.8px !important;
    gap:5px !important;
  }
  .pgp-header-tab::before{
    clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%) !important;
  }
  .pgp-header-tab svg,
  .pgp-iraq-icon{
    width:13px !important;
    height:13px !important;
  }
  .pgp-header-lang-btn{
    height:24px !important;
    min-height:24px !important;
    padding:0 2px !important;
    gap:4px !important;
    font-size:10px !important;
    letter-spacing:.20em !important;
  }
  .pgp-header-lang-btn svg{
    width:10px !important;
    height:10px !important;
  }
  .pgp-header-lang-menu{
    right:-32px !important;
    min-width:118px !important;
  }
  .pgp-parts-menu-button{
    width:30px !important;
    height:24px !important;
    gap:3px !important;
    margin-left:0 !important;
  }
  .pgp-parts-menu-button span{
    width:20px !important;
    height:2.5px !important;
  }
  .pgp-header-parts-menu{
    top:62px !important;
    right:8px !important;
    width:208px !important;
    max-height:calc(100vh - 120px) !important;
    border-radius:18px !important;
    padding:10px !important;
    display:none !important;
  }
  .pgp-header-parts-menu.is-open{
    display:block !important;
  }
  .pgp-header-parts-close{
    width:32px !important;
    height:32px !important;
    border:0 !important;
    border-radius:0 !important;
    background:var(--pgp-site-header-bg, transparent) !important;
    box-shadow:none !important;
    color:#fff !important;
    font-size:34px !important;
    line-height:.8 !important;
    padding:0 !important;
  }
  .pgp-header-parts-head{padding:8px 8px 10px !important}
  .pgp-header-parts-head small{font-size:8px !important; letter-spacing:.16em !important}
  .pgp-header-parts-head strong{font-size:14px !important}
  .pgp-header-parts-menu a{
    min-height:39px !important;
    font-size:12px !important;
    border-radius:13px !important;
    padding:0 11px !important;
  }

  .pgp-header-search-wrap{
    margin:6px auto 12px !important;
  }
  .pgp-header-search-form{
    width:230px !important;
    max-width:58vw !important;
    height:28px !important;
    padding:0 11px !important;
    gap:7px !important;
    border-radius:6px !important;
    clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
  }
  .pgp-header-search-icon{
    width:13px !important;
    height:13px !important;
  }
  .pgp-header-search-input{
    font-size:16px !important;
    text-align:center !important;
    direction:rtl !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
  }
  body{padding-top:80px !important;}
}

/* === PGP PLATFORM MENU - MMX style right menu === */
.pgp-platform-menu{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}
.pgp-platform-main,
.pgp-platform-group{
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.045) !important;
  overflow:hidden !important;
}
.pgp-platform-main,
.pgp-platform-group summary,
.pgp-platform-group a{
  color:#fff !important;
  text-decoration:none !important;
  font-family:Arial, Helvetica, sans-serif !important;
}
.pgp-platform-main,
.pgp-platform-group summary{
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:0 12px !important;
  font-size:13px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  list-style:none !important;
}
.pgp-platform-group summary::-webkit-details-marker{display:none !important}
.pgp-platform-main::after,
.pgp-platform-group summary::after{
  content:"<" !important;
  color:#f3144e !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1 !important;
}
.pgp-platform-group[open] summary::after{
  transform:rotate(-90deg) !important;
}
.pgp-platform-group a{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin:0 !important;
  padding:0 14px 0 20px !important;
  border-top:1px solid rgba(255,255,255,.075) !important;
  background:rgba(0,0,0,.16) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
}
.pgp-platform-group a::after{content:none !important}
.pgp-platform-main:hover,
.pgp-platform-group summary:hover,
.pgp-platform-group a:hover{
  background:rgba(243,20,78,.13) !important;
}
.pgp-header-parts-menu > a{
  display:none !important;
}
@media (min-width:769px){
  .pgp-header-parts-menu{
    width:330px !important;
    top:92px !important;
    right:18px !important;
  }
}
@media (max-width:768px){
  .pgp-header-parts-menu{
    width:255px !important;
    right:8px !important;
  }
  .pgp-platform-main,
  .pgp-platform-group summary{
    min-height:39px !important;
    font-size:12px !important;
    padding:0 10px !important;
  }
  .pgp-platform-group a{
    min-height:32px !important;
    font-size:11px !important;
    padding-left:16px !important;
  }
}


/* === PGP ACCORDION CLEANUP === */
.pgp-platform-main{
  display:none !important;
}
.pgp-platform-group{
  width:100% !important;
}
.pgp-platform-group summary{
  border-radius:14px !important;
}
.pgp-platform-group[open]{
  border-color:rgba(243,20,78,.34) !important;
  background:rgba(255,255,255,.055) !important;
}
.pgp-platform-group[open] summary{
  background:rgba(243,20,78,.10) !important;
}


/* === PGP MENU TITLE + HEADER BUTTON STYLE === */
.pgp-hemi-title strong{
  display:block !important;
  color:#ffcf33 !important;
  font-family:'Orbitron', Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  margin:0 !important;
  line-height:1.2 !important;
}

.pgp-header-parts-head{
  align-items:center !important;
}

.pgp-platform-group{
  border:0 !important;
  border-radius:0 !important;
  background:var(--pgp-site-header-bg, transparent) !important;
  overflow:visible !important;
  margin:0 0 8px 0 !important;
}

.pgp-platform-group summary{
  position:relative !important;
  isolation:isolate !important;
  min-height:34px !important;
  height:34px !important;
  padding:0 16px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--pgp-site-header-tab-text, #000) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  font-family:'Orbitron', Arial, sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  line-height:1 !important;
  box-shadow:none !important;
}

.pgp-platform-group summary::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:linear-gradient(180deg,rgba(20,20,20,.96),rgba(9,9,9,.96)) !important;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 7px 14px rgba(0,0,0,.22) !important;
}

.pgp-platform-group summary:hover::before,
.pgp-platform-group[open] summary::before{
  background:linear-gradient(180deg,rgba(231,54,96,.30),rgba(25,25,25,.96)) !important;
  border-color:rgba(243,20,78,.35) !important;
}

.pgp-platform-group summary{
  color:#ffffff !important;
}

.pgp-platform-group[open] summary{
  color:#ffffff !important;
}

.pgp-platform-group summary::after{
  content:"<" !important;
  color:#f3144e !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1 !important;
  margin-left:10px !important;
  transform:none !important;
}

.pgp-platform-group[open] summary::after{
  color:#fff !important;
  transform:rotate(-90deg) !important;
}

.pgp-platform-group[open]{
  border:0 !important;
  background:var(--pgp-site-header-bg, transparent) !important;
}

.pgp-platform-group[open] summary{
  background:var(--pgp-site-header-bg, transparent) !important;
}

.pgp-platform-group a{
  margin:6px 0 0 10px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.045) !important;
  color:#fff !important;
  min-height:32px !important;
  padding:0 12px !important;
  font-size:11px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

.pgp-platform-group a:hover{
  background:rgba(243,20,78,.13) !important;
  border-color:rgba(243,20,78,.32) !important;
}

@media (max-width:768px){
  .pgp-hemi-title strong{
    font-size:10px !important;
    letter-spacing:.08em !important;
  }
  .pgp-platform-group summary{
    min-height:31px !important;
    height:31px !important;
    padding:0 12px !important;
    font-size:9.5px !important;
  }
  .pgp-platform-group summary::before{
    clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%) !important;
  }
}


/* === PGP FINAL MENU REFINEMENT === */

/* Title red + bigger */
.pgp-hemi-title strong{
  color:#f3144e !important;
  font-size:15px !important;
  letter-spacing:.14em !important;
}

/* Remove all arrows from main platform options */
.pgp-platform-main::after,
.pgp-platform-group summary::after,
.pgp-platform-group[open] summary::after{
  content:none !important;
  display:none !important;
}

/* Remove red border on hover/open; only text turns red */
.pgp-platform-group summary:hover,
.pgp-platform-group[open] summary:hover,
.pgp-platform-group a:hover{
  color:#f3144e !important;
}

.pgp-platform-group summary:hover::before,
.pgp-platform-group[open] summary::before,
.pgp-platform-group[open] summary:hover::before{
  background:linear-gradient(180deg,rgba(20,20,20,.96),rgba(9,9,9,.96)) !important;
  border-color:rgba(255,255,255,.08) !important;
}

.pgp-platform-group[open]{
  border:0 !important;
  background:var(--pgp-site-header-bg, transparent) !important;
}

.pgp-platform-group[open] summary{
  color:#ffffff !important;
  background:var(--pgp-site-header-bg, transparent) !important;
}

/* Submenu: sharp / not rounded */
.pgp-platform-group a{
  border-radius:0 !important;
  background:linear-gradient(180deg,rgba(18,18,19,.96),rgba(8,8,9,.98)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  margin:5px 0 0 10px !important;
}

.pgp-platform-group a:hover{
  color:#f3144e !important;
  background:linear-gradient(180deg,rgba(22,22,23,.98),rgba(8,8,9,.98)) !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Keep main buttons sharp too */
.pgp-platform-group,
.pgp-platform-group summary,
.pgp-platform-group summary::before{
  border-radius:0 !important;
}


/* === PGP MENU RED DIVIDERS + CLEAN HOVER === */

/* خيط أحمر خفيف بين كل قائمة */
.pgp-platform-group{
  border-bottom:1px solid rgba(243,20,78,.22) !important;
  padding-bottom:7px !important;
  margin-bottom:7px !important;
}

.pgp-platform-group:last-child{
  border-bottom:0 !important;
}

/* من تنفتح القائمة، اسم الخيار المفتوح يصير أحمر */
.pgp-platform-group[open] summary{
  color:#f3144e !important;
}

/* إزالة الأحمر الجانبي القديم من hover */
.pgp-platform-group summary,
.pgp-platform-group summary:hover,
.pgp-platform-group[open] summary,
.pgp-platform-group[open] summary:hover{
  border-left:0 !important;
  border-right:0 !important;
  box-shadow:none !important;
}

/* الزر نفسه يكون مائل/حاد مثل الستايل، بدون خلفية حمراء جانبية */
.pgp-platform-group summary::before,
.pgp-platform-group summary:hover::before,
.pgp-platform-group[open] summary::before,
.pgp-platform-group[open] summary:hover::before{
  background:linear-gradient(180deg,rgba(18,18,19,.96),rgba(8,8,9,.98)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-left:0 !important;
  border-right:0 !important;
  box-shadow:none !important;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
}

/* hover فقط يحول النص أحمر بدون لون أحمر بالخلفية */
.pgp-platform-group summary:hover{
  color:#f3144e !important;
}

/* العناصر الداخلية تبقى حادة ونظيفة */
.pgp-platform-group a{
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-left:0 !important;
  border-right:0 !important;
  background:linear-gradient(180deg,rgba(15,15,16,.96),rgba(7,7,8,.98)) !important;
  box-shadow:none !important;
}

.pgp-platform-group a:hover{
  color:#f3144e !important;
  background:linear-gradient(180deg,rgba(15,15,16,.96),rgba(7,7,8,.98)) !important;
  border-color:rgba(255,255,255,.08) !important;
  border-left:0 !important;
  border-right:0 !important;
  box-shadow:none !important;
}


/* === PGP OPEN DROPDOWN VISIBILITY === */

/* المفتوح يبين واضح كقائمة منسدلة */
.pgp-platform-group[open]{
  padding:8px 8px 10px !important;
  margin:6px 0 12px !important;
  border:1px solid rgba(243,20,78,.22) !important;
  border-left:3px solid rgba(243,20,78,.75) !important;
  background:linear-gradient(180deg,rgba(243,20,78,.075),rgba(0,0,0,.16)) !important;
}

/* اسم القائمة المفتوحة يبقى أحمر ومعاه خط خفيف */
.pgp-platform-group[open] summary{
  color:#f3144e !important;
  margin-bottom:8px !important;
  border-bottom:1px solid rgba(243,20,78,.30) !important;
  padding-bottom:9px !important;
}

/* نخلي عناصر القائمة المفتوحة كأنها داخلة تحت العنوان */
.pgp-platform-group[open] a{
  margin:6px 0 0 12px !important;
  padding-left:16px !important;
  border-left:2px solid rgba(243,20,78,.28) !important;
  background:rgba(255,255,255,.035) !important;
}

/* أول عنصر تحت القائمة ينزل بفاصل واضح */
.pgp-platform-group[open] a:first-of-type{
  margin-top:8px !important;
}

/* عند hover فقط النص يحمر بدون خلفية جانبية */
.pgp-platform-group[open] a:hover{
  color:#f3144e !important;
  border-left-color:rgba(243,20,78,.70) !important;
  background:rgba(255,255,255,.045) !important;
}

/* الموبايل نفس الفكرة لكن أخف */
@media (max-width:768px){
  .pgp-platform-group[open]{
    padding:7px 7px 9px !important;
    border-left-width:2px !important;
  }
  .pgp-platform-group[open] summary{
    margin-bottom:7px !important;
    padding-bottom:8px !important;
  }
  .pgp-platform-group[open] a{
    margin-left:8px !important;
    padding-left:12px !important;
  }
}


/* === PGP UNIFIED DESKTOP + MOBILE PARTS MENU === */

/* Same desktop-style menu on mobile and laptop */
.pgp-header-parts-menu{
  border-radius:20px !important;
  background:linear-gradient(145deg,rgba(12,12,13,.97),rgba(6,6,7,.99)) !important;
}

/* Replace arrows with clean + / - indicators */
.pgp-platform-main::after,
.pgp-platform-group summary::after{
  content:"+" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  margin-left:10px !important;
  color:#f3144e !important;
  font-size:16px !important;
  font-weight:950 !important;
  line-height:18px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  transform:none !important;
}

.pgp-platform-group[open] summary::after{
  content:"−" !important;
  color:#f3144e !important;
  transform:none !important;
}

/* Main category buttons: same shape on all screens */
.pgp-platform-group{
  border-bottom:1px solid rgba(243,20,78,.18) !important;
  padding-bottom:7px !important;
  margin-bottom:7px !important;
  background:var(--pgp-site-header-bg, transparent) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:0 !important;
}

.pgp-platform-group summary{
  position:relative !important;
  isolation:isolate !important;
  min-height:34px !important;
  height:auto !important;
  padding:0 14px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--pgp-site-header-bg, transparent) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.18 !important;
  box-shadow:none !important;
}

.pgp-platform-group summary::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:linear-gradient(180deg,rgba(18,18,19,.96),rgba(8,8,9,.98)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
}

.pgp-platform-group summary:hover,
.pgp-platform-group[open] summary{
  color:#f3144e !important;
}

.pgp-platform-group summary:hover::before,
.pgp-platform-group[open] summary::before{
  background:linear-gradient(180deg,rgba(18,18,19,.96),rgba(8,8,9,.98)) !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Open dropdown area: desktop style, not mobile big rounded cards */
.pgp-platform-group[open]{
  padding:7px 0 9px !important;
  margin:6px 0 10px !important;
  border-bottom:1px solid rgba(243,20,78,.22) !important;
  border-left:2px solid rgba(243,20,78,.70) !important;
  background:linear-gradient(180deg,rgba(243,20,78,.055),rgba(0,0,0,.10)) !important;
}

.pgp-platform-group[open] summary{
  margin-bottom:7px !important;
  padding-bottom:7px !important;
  border-bottom:1px solid rgba(243,20,78,.25) !important;
}

/* Sub items unified: sharp, compact, same as desktop */
.pgp-platform-group a{
  min-height:31px !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin:5px 0 0 10px !important;
  padding:0 12px 0 14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-left:2px solid rgba(243,20,78,.24) !important;
  border-right:0 !important;
  border-radius:0 !important;
  background:linear-gradient(180deg,rgba(15,15,16,.96),rgba(7,7,8,.98)) !important;
  color:#fff !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.18 !important;
  box-shadow:none !important;
}

.pgp-platform-group a:hover{
  color:#f3144e !important;
  background:linear-gradient(180deg,rgba(15,15,16,.96),rgba(7,7,8,.98)) !important;
  border-color:rgba(255,255,255,.08) !important;
  border-left-color:rgba(243,20,78,.70) !important;
}

/* Mobile: force the exact same compact desktop look */
@media (max-width:768px){
  .pgp-header-parts-menu{
    top:62px !important;
    right:8px !important;
    width:255px !important;
    max-height:calc(100vh - 120px) !important;
    border-radius:20px !important;
    padding:12px !important;
  }

  .pgp-header-parts-head{
    padding:10px 10px 12px !important;
    margin-bottom:10px !important;
  }

  .pgp-hemi-title strong{
    color:#f3144e !important;
    font-size:12px !important;
    letter-spacing:.10em !important;
    white-space:nowrap !important;
  }

  .pgp-platform-group{
    padding-bottom:7px !important;
    margin-bottom:7px !important;
    border-bottom:1px solid rgba(243,20,78,.18) !important;
  }

  .pgp-platform-group summary{
    min-height:34px !important;
    padding:0 14px !important;
    font-size:12px !important;
    border-radius:0 !important;
  }

  .pgp-platform-group summary::before{
    clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
    border-radius:0 !important;
  }

  .pgp-platform-group[open]{
    padding:7px 0 9px !important;
    margin:6px 0 10px !important;
    border-left:2px solid rgba(243,20,78,.70) !important;
  }

  .pgp-platform-group a{
    min-height:31px !important;
    margin:5px 0 0 10px !important;
    padding:0 12px 0 14px !important;
    border-radius:0 !important;
    font-size:11px !important;
  }
}


/* === FINAL PGP MENU STYLE === */

/* remove + icons completely */
.pgp-platform-main::after,
.pgp-platform-group summary::after{
    display:none !important;
    content:none !important;
}

/* keep all titles on one line */
.pgp-platform-group summary{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    flex-wrap:nowrap !important;
    min-height:30px !important;
    font-size:11px !important;
    padding-right:12px !important;
}

.pgp-platform-group summary span,
.pgp-platform-group summary strong{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* opened category style like screenshot */
.pgp-platform-group[open] summary{
    color:#ff295d !important;
    text-shadow:0 0 10px rgba(255,41,93,.18) !important;
    background:linear-gradient(90deg,
        rgba(255,41,93,.14) 0%,
        rgba(255,41,93,.05) 45%,
        rgba(0,0,0,0) 100%) !important;
    border-left:3px solid #ff295d !important;
    padding-left:11px !important;
}

/* remove thick red boxes */
.pgp-platform-group[open]{
    border-top:0 !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,41,93,.22) !important;
    box-shadow:none !important;
}

/* submenu clean thin style */
.pgp-platform-group a{
    border-top:0 !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    border-left:1px solid rgba(255,41,93,.22) !important;
    background:rgba(255,255,255,.02) !important;
    min-height:28px !important;
    font-size:10.5px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* hover */
.pgp-platform-group a:hover{
    color:#ff295d !important;
    border-left-color:#ff295d !important;
    background:rgba(255,41,93,.05) !important;
}

/* mobile same exact look */
@media (max-width:768px){

    .pgp-platform-group summary{
        min-height:30px !important;
        font-size:11px !important;
        white-space:nowrap !important;
    }

    .pgp-platform-group a{
        min-height:28px !important;
        font-size:10.5px !important;
    }
}


/* === HEMI TITLE EXACT STYLE === */
.pgp-hemi-title,
.pgp-hemi-title strong{
    background:#ff1a2f !important;
    color:#ffffff !important;
    font-size:15px !important;
    font-weight:950 !important;
    letter-spacing:.03em !important;
    text-transform:none !important;
    padding:14px 18px !important;
    border-radius:10px 10px 6px 6px !important;
    box-shadow:
      inset 0 -3px 0 rgba(0,0,0,.18),
      0 0 12px rgba(255,26,47,.20) !important;
}


/* === EXACT HEMI TITLE BAR OVERRIDE === */
.pgp-header-parts-head{
  padding:0 !important;
  margin:0 0 10px !important;
  border-bottom:0 !important;
  display:block !important;
}

.pgp-hemi-title{
  display:block !important;
  width:calc(100% + 24px) !important;
  margin:-12px -12px 8px !important;
  padding:0 !important;
  background:var(--pgp-site-header-bg, transparent) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.pgp-hemi-title strong{
  display:block !important;
  width:100% !important;
  min-height:46px !important;
  line-height:46px !important;
  padding:0 18px !important;
  margin:0 !important;
  background:linear-gradient(180deg,#ff1d25 0%,#e90013 100%) !important;
  color:#ffffff !important;
  border-radius:2px 7px 2px 0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:17px !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  text-align:left !important;
  white-space:nowrap !important;
  box-shadow:
    inset 0 -4px 0 rgba(0,0,0,.20),
    0 7px 0 rgba(95,0,12,.55),
    0 0 16px rgba(255,25,35,.22) !important;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%) !important;
}

.pgp-header-parts-close{
  position:absolute !important;
  top:8px !important;
  right:10px !important;
}

@media (max-width:768px){
  .pgp-hemi-title{
    width:calc(100% + 20px) !important;
    margin:-10px -10px 8px !important;
  }
  .pgp-hemi-title strong{
    min-height:42px !important;
    line-height:42px !important;
    padding:0 15px !important;
    font-size:15px !important;
  }
}


/* === HEMI TITLE BAR FINAL - EXACT FLAT BLOCK === */
.pgp-header-parts-head{
  padding:0 !important;
  margin:0 0 8px !important;
  border:0 !important;
  display:block !important;
  position:relative !important;
}

.pgp-hemi-title{
  display:block !important;
  width:calc(100% + 26px) !important;
  margin:-13px -13px 8px !important;
  padding:0 !important;
  background:var(--pgp-site-header-bg, transparent) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.pgp-hemi-title strong{
  display:block !important;
  width:100% !important;
  height:58px !important;
  line-height:58px !important;
  padding:0 20px !important;
  margin:0 !important;
  background:#ff151f !important;
  color:#ffffff !important;
  border-radius:0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:19px !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-align:left !important;
  white-space:nowrap !important;
  box-shadow:
    inset 0 -5px 0 rgba(0,0,0,.22),
    0 6px 0 rgba(82,0,10,.62) !important;
  clip-path:none !important;
}

@media (max-width:768px){
  .pgp-hemi-title{
    width:calc(100% + 24px) !important;
    margin:-12px -12px 8px !important;
  }
  .pgp-hemi-title strong{
    height:52px !important;
    line-height:52px !important;
    padding:0 16px !important;
    font-size:17px !important;
  }
}


/* === DESKTOP HEMI TITLE FIX + REMOVE HORIZONTAL SCROLL === */
@media (min-width:769px){
  .pgp-header-parts-menu{
    overflow-x:hidden !important;
  }

  .pgp-platform-menu{
    overflow-x:hidden !important;
  }

  .pgp-header-parts-head{
    padding:0 !important;
    margin:0 0 8px !important;
    border:0 !important;
    overflow:visible !important;
  }

  .pgp-hemi-title{
    width:calc(100% + 10px) !important;
    margin:-12px -5px 8px !important;
    padding:0 !important;
    background:var(--pgp-site-header-bg, transparent) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  .pgp-hemi-title strong{
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    line-height:42px !important;
    padding:0 17px !important;
    margin:0 !important;
    background:#ff151f !important;
    color:#fff !important;
    border-radius:0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:15px !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    white-space:nowrap !important;
    box-shadow:
      inset 0 -4px 0 rgba(0,0,0,.24),
      0 5px 0 rgba(82,0,10,.55) !important;
    clip-path:none !important;
  }

  .pgp-platform-group,
  .pgp-platform-group summary,
  .pgp-platform-group a{
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}


/* =========================================================
   FINAL MMX-STYLE PARTS PANEL OVERRIDE
   - Applies only to the parts panel/title
   - Keeps mobile/desktop stable
   - Removes horizontal scroll on laptop
   ========================================================= */

.pgp-header-parts-menu{
  overflow-x:hidden !important;
  box-sizing:border-box !important;
}

.pgp-platform-menu{
  overflow-x:hidden !important;
  box-sizing:border-box !important;
  padding:0 !important;
}

/* Header/title: MMX-like red strip, smaller than previous, wider than rows */
.pgp-header-parts-head{
  display:block !important;
  position:relative !important;
  padding:0 !important;
  margin:0 0 11px !important;
  border:0 !important;
  overflow:visible !important;
}

.pgp-hemi-title{
  display:block !important;
  width:calc(100% + 18px) !important;
  margin:-12px -9px 12px !important;
  padding:0 !important;
  background:var(--pgp-site-header-bg, transparent) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.pgp-hemi-title strong{
  display:block !important;
  width:100% !important;
  height:38px !important;
  min-height:38px !important;
  line-height:38px !important;
  margin:0 !important;
  padding:0 15px !important;
  background:linear-gradient(180deg,#ff1a20 0%,#e10010 100%) !important;
  color:#ffffff !important;
  border-radius:0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-align:left !important;
  white-space:nowrap !important;
  clip-path:none !important;
  box-shadow:
    inset 0 -3px 0 rgba(0,0,0,.24),
    0 4px 0 rgba(72,0,8,.58) !important;
}

/* Remove close circle from desktop, keep mobile behavior */
@media (min-width:769px){
  .pgp-header-parts-menu{
    width:330px !important;
    top:92px !important;
    right:18px !important;
    overflow-x:hidden !important;
  }
  .pgp-header-parts-close{
    display:none !important;
  }
}

/* Menu rows: compact, sharp, no horizontal dragging */
.pgp-platform-group,
.pgp-platform-group summary,
.pgp-platform-group a{
  box-sizing:border-box !important;
  max-width:100% !important;
}

.pgp-platform-group{
  width:100% !important;
  margin:0 0 7px !important;
  padding:0 0 7px !important;
  border:0 !important;
  border-bottom:1px solid rgba(243,20,78,.18) !important;
  background:var(--pgp-site-header-bg, transparent) !important;
  overflow:visible !important;
}

.pgp-platform-group summary{
  position:relative !important;
  isolation:isolate !important;
  min-height:31px !important;
  height:31px !important;
  padding:0 12px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--pgp-site-header-bg, transparent) !important;
  color:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  cursor:pointer !important;
  list-style:none !important;
  box-shadow:none !important;
}

.pgp-platform-group summary::-webkit-details-marker{
  display:none !important;
}

.pgp-platform-group summary::after{
  content:none !important;
  display:none !important;
}

.pgp-platform-group summary::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:linear-gradient(180deg,rgba(19,19,20,.98),rgba(7,7,8,.98)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
  box-shadow:none !important;
}

.pgp-platform-group summary:hover{
  color:#ff295d !important;
}

.pgp-platform-group summary:hover::before{
  background:linear-gradient(180deg,rgba(19,19,20,.98),rgba(7,7,8,.98)) !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Open category: visible dropdown state */
.pgp-platform-group[open]{
  margin:5px 0 10px !important;
  padding:7px 0 9px !important;
  border-left:2px solid rgba(243,20,78,.70) !important;
  border-bottom:1px solid rgba(243,20,78,.22) !important;
  background:linear-gradient(180deg,rgba(243,20,78,.055),rgba(0,0,0,.10)) !important;
}

.pgp-platform-group[open] summary{
  color:#ff295d !important;
  margin-bottom:7px !important;
  padding-left:11px !important;
  border-bottom:1px solid rgba(243,20,78,.25) !important;
  text-shadow:0 0 10px rgba(255,41,93,.18) !important;
}

.pgp-platform-group[open] summary::before{
  background:linear-gradient(180deg,rgba(19,19,20,.98),rgba(7,7,8,.98)) !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Sub-items: sharp and compact */
.pgp-platform-group a{
  min-height:28px !important;
  height:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin:5px 0 0 10px !important;
  padding:0 12px 0 14px !important;
  border:0 !important;
  border-left:1px solid rgba(255,41,93,.22) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  border-radius:0 !important;
  background:rgba(255,255,255,.02) !important;
  color:#ffffff !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-shadow:none !important;
}

.pgp-platform-group a::after{
  content:none !important;
  display:none !important;
}

.pgp-platform-group a:hover{
  color:#ff295d !important;
  background:rgba(255,41,93,.045) !important;
  border-left-color:#ff295d !important;
}

/* Mobile: keep same design, slightly smaller title/box */
@media (max-width:768px){
  .pgp-header-parts-menu{
    width:255px !important;
    right:8px !important;
    overflow-x:hidden !important;
  }

  .pgp-hemi-title{
    width:calc(100% + 20px) !important;
    margin:-10px -10px 11px !important;
  }

  .pgp-hemi-title strong{
    height:40px !important;
    min-height:40px !important;
    line-height:40px !important;
    padding:0 13px !important;
    font-size:13px !important;
  }

  .pgp-platform-group summary{
    min-height:31px !important;
    height:31px !important;
    font-size:11px !important;
    padding:0 12px !important;
  }

  .pgp-platform-group a{
    min-height:28px !important;
    height:28px !important;
    font-size:10.5px !important;
  }
}



/* === REMOVE CLOSE X BUTTON COMPLETELY === */
.pgp-header-parts-close{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}


/* clickable main part rows */
.pgp-platform-group > summary[data-url]{cursor:pointer !important;}


/* === FINAL PRODUCT GRID: 5 DESKTOP / 4 MOBILE === */
.products-grid,
.pgp-products,
.pgp-product-row{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:12px !important;
}

.product-media,
.pgp-product-img,
.pgp-img{
    height:150px !important;
}

.product-title,
.pgp-card h3,
.pgp-product h3,
.pgp-body h3{
    font-size:15px !important;
    line-height:1.18 !important;
}

.product-sub,
.pgp-card p,
.pgp-product p,
.pgp-body p{
    font-size:12px !important;
    line-height:1.35 !important;
}

.product-body,
.pgp-card-body,
.pgp-product-body,
.pgp-body{
    padding:11px !important;
}

.product-open,
.pgp-card-btn,
.pgp-btn{
    min-height:34px !important;
    padding:0 12px !important;
    font-size:12px !important;
}

.price-tag{
    min-height:28px !important;
    padding:0 10px !important;
    font-size:11px !important;
}

.heart-btn{
    width:38px !important;
    height:38px !important;
    font-size:22px !important;
}

@media (max-width:980px){
    .products-grid,
    .pgp-products,
    .pgp-product-row{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .product-media,
    .pgp-product-img,
    .pgp-img{
        height:96px !important;
    }

    .product-card,
    .pgp-card,
    .pgp-product{
        border-radius:14px !important;
    }

    .product-title,
    .pgp-card h3,
    .pgp-product h3,
    .pgp-body h3{
        font-size:10.5px !important;
        line-height:1.15 !important;
        margin-bottom:5px !important;
    }

    .product-sub,
    .pgp-card p,
    .pgp-product p,
    .pgp-body p{
        font-size:8.8px !important;
        line-height:1.25 !important;
        margin-bottom:6px !important;
    }

    .product-body,
    .pgp-card-body,
    .pgp-product-body,
    .pgp-body{
        padding:7px !important;
    }

    .product-open,
    .pgp-card-btn,
    .pgp-btn{
        min-height:25px !important;
        padding:0 7px !important;
        font-size:8.8px !important;
        border-radius:8px !important;
    }

    .price-tag{
        min-height:22px !important;
        padding:0 6px !important;
        font-size:8px !important;
        top:6px !important;
        left:6px !important;
    }

    .heart-btn{
        width:26px !important;
        height:26px !important;
        font-size:15px !important;
        right:6px !important;
        bottom:6px !important;
    }
}


/* === FINAL: CLICK PRODUCT NAME + REMOVE RED BUTTON + SHORT MOBILE CARDS === */
.product-open,
.pgp-card-btn,
.pgp-btn{
    display:none !important;
}

.product-title,
.pgp-card h3,
.pgp-product h3,
.pgp-body h3{
    cursor:pointer !important;
}

.product-title:hover,
.pgp-card h3:hover,
.pgp-product h3:hover,
.pgp-body h3:hover{
    color:#f3144e !important;
}

.product-card,
.pgp-card,
.pgp-product{
    overflow:hidden !important;
}

@media (max-width:980px){
    .product-media,
    .pgp-product-img,
    .pgp-img{
        height:74px !important;
    }

    .product-title,
    .pgp-card h3,
    .pgp-product h3,
    .pgp-body h3{
        font-size:9.5px !important;
        line-height:1.08 !important;
        margin-bottom:3px !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    .product-sub,
    .pgp-card p,
    .pgp-product p,
    .pgp-body p{
        font-size:7.8px !important;
        line-height:1.15 !important;
        margin-bottom:0 !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    .product-body,
    .pgp-card-body,
    .pgp-product-body,
    .pgp-body{
        padding:6px !important;
    }

    .price-tag{
        min-height:18px !important;
        padding:0 5px !important;
        font-size:7px !important;
        top:5px !important;
        left:5px !important;
    }

    .heart-btn{
        width:22px !important;
        height:22px !important;
        font-size:13px !important;
        right:5px !important;
        bottom:5px !important;
    }

    .product-card,
    .pgp-card,
    .pgp-product{
        border-radius:12px !important;
    }
}

.product-title-link{display:block;text-decoration:none;color:#fff;}
.product-title-link:hover{color:#f3144e!important;}


/* =========================================================
   FINAL GLOBAL TABLE RULES
   Main category pages:
   - mobile: 3 product previews per group row
   - laptop/desktop: 4 product previews per group row
   Product category page / part-store:
   - mobile: 4 products per row
   - laptop/desktop: 5 products per row
   Remove bottom/right extra arrows in all tables
   ========================================================= */

/* Hide the lower/shop arrow on every section table */
.pgp-shop-arrow,
.pgp-shop-row .pgp-shop-arrow,
.pgp-shop-row a.pgp-shop-arrow,
.pgp-part-card > .pgp-shop-row a,
.pgp-part-card .pgp-shop-row{
    display:none !important;
}

/* Make group/specialty names clickable and clear */
.pgp-part-name,
.pgp-part-brand-link,
.pgp-part-card .pgp-part-name{
    cursor:pointer !important;
}
.pgp-part-brand-link{
    text-decoration:none !important;
    color:inherit !important;
}
.pgp-part-brand-link:hover .pgp-part-name,
.pgp-part-name:hover{
    color:#f3144e !important;
}

/* Main category pages: product previews inside each section */
.pgp-product-row{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    overflow:hidden !important;
    padding-bottom:0 !important;
}

/* keep side scroll arrows only for preview rows */
.pgp-row-arrow{
    display:flex !important;
}
.pgp-row-arrow.right,
.pgp-row-arrow.left{
    top:50% !important;
}

/* Main category preview cards */
.pgp-product-row .pgp-product-card{
    min-height:185px !important;
    border-radius:18px !important;
}
.pgp-product-row .pgp-product-media{
    height:185px !important;
}
.pgp-product-row .pgp-price-tag{
    min-height:28px !important;
    padding:0 9px !important;
    font-size:11px !important;
}
.pgp-product-row .pgp-heart{
    width:34px !important;
    height:34px !important;
    font-size:20px !important;
}

/* Product list pages / part-store: real product grid */
.products-grid,
.pgp-products{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:12px !important;
}
.products-grid .product-media,
.pgp-products .pgp-img,
.pgp-products .pgp-product-img{
    height:150px !important;
}
.products-grid .product-title,
.pgp-products h3{
    cursor:pointer !important;
    font-size:15px !important;
    line-height:1.15 !important;
}
.products-grid .product-title:hover,
.pgp-products h3:hover{
    color:#f3144e !important;
}
.products-grid .product-sub,
.pgp-products p{
    font-size:12px !important;
    line-height:1.3 !important;
}
.products-grid .product-body,
.pgp-products .pgp-body,
.pgp-products .pgp-card-body{
    padding:10px !important;
}
.products-grid .product-open,
.pgp-products .pgp-btn,
.pgp-products .pgp-card-btn{
    display:none !important;
}

/* Mobile rules */
@media (max-width:980px){
    /* Main category pages: 3 previews per group */
    .pgp-product-row{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
        overflow:hidden !important;
    }

    .pgp-product-row .pgp-product-card{
        min-height:145px !important;
        border-radius:14px !important;
    }

    .pgp-product-row .pgp-product-media{
        height:145px !important;
    }

    .pgp-product-row .pgp-price-tag{
        min-height:22px !important;
        padding:0 6px !important;
        font-size:8px !important;
        top:6px !important;
        left:6px !important;
    }

    .pgp-product-row .pgp-heart{
        width:26px !important;
        height:26px !important;
        font-size:15px !important;
        right:6px !important;
        bottom:6px !important;
    }

    .pgp-row-arrow{
        width:40px !important;
        height:40px !important;
        font-size:20px !important;
    }

    /* Part-store/product category pages: 4 products per row */
    .products-grid,
    .pgp-products{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .products-grid .product-card,
    .pgp-products .pgp-card,
    .pgp-products .pgp-product{
        border-radius:12px !important;
        overflow:hidden !important;
    }

    .products-grid .product-media,
    .pgp-products .pgp-img,
    .pgp-products .pgp-product-img{
        height:74px !important;
    }

    .products-grid .product-title,
    .pgp-products h3{
        font-size:9.5px !important;
        line-height:1.08 !important;
        margin-bottom:3px !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    .products-grid .product-sub,
    .pgp-products p{
        font-size:7.8px !important;
        line-height:1.15 !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
        margin-bottom:0 !important;
    }

    .products-grid .product-body,
    .pgp-products .pgp-body,
    .pgp-products .pgp-card-body{
        padding:6px !important;
    }

    .products-grid .price-tag{
        min-height:18px !important;
        padding:0 5px !important;
        font-size:7px !important;
        top:5px !important;
        left:5px !important;
    }

    .products-grid .heart-btn{
        width:22px !important;
        height:22px !important;
        font-size:13px !important;
        right:5px !important;
        bottom:5px !important;
    }
}


/* === FINAL HEART BUTTON CIRCLE FIX - ALL PAGES === */
.pgp-heart,
.heart-btn,
.pgp-product-card .pgp-heart,
.product-card .heart-btn{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    max-width:46px !important;
    max-height:46px !important;
    aspect-ratio:1 / 1 !important;
    border-radius:50% !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.22) !important;
    border:1px solid rgba(255,255,255,.30) !important;
    color:#fff !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.24) !important;
}

.pgp-heart span,
.heart-btn span{
    display:block !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
}

.pgp-heart.active,
.heart-btn.is-active{
    background:rgba(251,191,36,.95) !important;
    color:#111 !important;
    border-color:rgba(255,255,255,.35) !important;
}

@media (max-width:980px){
    .pgp-heart,
    .heart-btn,
    .pgp-product-card .pgp-heart,
    .product-card .heart-btn{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        min-height:38px !important;
        max-width:38px !important;
        max-height:38px !important;
        border-radius:50% !important;
        font-size:22px !important;
        right:8px !important;
        bottom:8px !important;
    }
}

@media (max-width:640px){
    .pgp-heart,
    .heart-btn,
    .pgp-product-card .pgp-heart,
    .product-card .heart-btn{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;
        max-width:34px !important;
        max-height:34px !important;
        border-radius:50% !important;
        font-size:20px !important;
        right:7px !important;
        bottom:7px !important;
    }
}


/* === FINAL MOBILE: 3 PRODUCTS + SMALL HEART - ALL PROJECT PAGES === */
@media (max-width:980px){
    .products-grid,
    .pgp-products{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .pgp-product-row{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .pgp-heart,
    .heart-btn,
    .pgp-product-card .pgp-heart,
    .product-card .heart-btn{
        width:26px !important;
        height:26px !important;
        min-width:26px !important;
        min-height:26px !important;
        max-width:26px !important;
        max-height:26px !important;
        border-radius:50% !important;
        font-size:15px !important;
        right:5px !important;
        bottom:5px !important;
        padding:0 !important;
    }

    .product-media,
    .pgp-product-media,
    .pgp-product-img,
    .pgp-img{
        height:90px !important;
    }

    .product-title,
    .pgp-card h3,
    .pgp-product h3,
    .pgp-body h3{
        font-size:10px !important;
        line-height:1.1 !important;
        -webkit-line-clamp:2 !important;
    }

    .product-sub,
    .pgp-card p,
    .pgp-product p,
    .pgp-body p{
        font-size:8px !important;
        line-height:1.15 !important;
        -webkit-line-clamp:2 !important;
    }

    .product-body,
    .pgp-card-body,
    .pgp-product-body,
    .pgp-body{
        padding:6px !important;
    }
}

@media (min-width:981px){
    .products-grid,
    .pgp-products{
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    }

    .pgp-product-row{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
}





/* === PGP SEARCH FIELD CONCEPT 2 FINAL - 2026-06-01 === */
.pgp-header-search-wrap{
  position:relative!important;
  z-index:1201!important;
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  pointer-events:auto!important;
  margin:-2px auto 14px!important;
}
.pgp-header-search-form{
  position:relative!important;
  width:min(360px,72vw)!important;
  max-width:calc(100vw - 28px)!important;
  height:34px!important;
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:7px!important;
  background:#fffef8!important;
  color:#111315!important;
  box-shadow:0 14px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.55)!important;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)!important;
  overflow:hidden!important;
}
.pgp-header-search-form:focus-within{box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 0 1px rgba(238,21,78,.18)!important;}
.pgp-header-search-icon{width:15px!important;height:15px!important;color:#17191d!important;flex:0 0 auto!important;opacity:.78!important;}
.pgp-header-search-input{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#111315!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
  font-family:Arial,'Tajawal',Helvetica,sans-serif!important;
  letter-spacing:0!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
  text-align:center!important;
  direction:rtl!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}
.pgp-header-search-input::placeholder{color:rgba(17,19,21,.64)!important;opacity:1!important;text-align:center!important;}
@media(max-width:768px){
  .pgp-header-search-wrap{margin:8px auto 12px!important;}
  .pgp-header-search-form{width:min(520px,70vw)!important;height:34px!important;min-height:34px!important;padding:0 14px!important;}
}
@media(max-width:390px){.pgp-header-search-form{width:min(500px,72vw)!important;height:32px!important;min-height:32px!important;}}



/* =========================================================
   PGP FINAL HEADER MENU BEHAVIOR — desktop/laptop uses 3-line button
   Keeps mobile behavior unchanged, but stops the HEMI parts panel from auto-opening.
   ========================================================= */
@media (min-width:769px){
  .pgp-parts-menu-button{
    display:inline-flex !important;
  }
  .pgp-header-parts-menu{
    display:none !important;
  }
  .pgp-header-parts-menu.is-open,
  body.pgp-parts-menu-open .pgp-header-parts-menu{
    display:block !important;
  }
}


/* PGP parts menu overlay fix: keep the search bar behind the opened parts menu */
body.pgp-parts-menu-open .pgp-header-search-wrap{
  z-index:10!important;
  pointer-events:none!important;
}
body.pgp-parts-menu-open .pgp-header-search-form{
  pointer-events:none!important;
}
.pgp-header-parts-menu.is-open,
body.pgp-parts-menu-open .pgp-header-parts-menu{
  z-index:3005!important;
}
.pgp-parts-menu-button{
  z-index:3010!important;
}


/* === PGP COMPACT OMNIBOX SEARCH — small juicy style === */
.pgp-header-search-wrap{
  position:relative!important;
  z-index:1201!important;
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  pointer-events:auto!important;
  margin:0 auto 14px!important;
}
.pgp-header-search-form{
  position:relative!important;
  width:min(390px,64vw)!important;
  max-width:calc(100vw - 34px)!important;
  height:38px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:4px 5px 4px 14px!important;
  border:0!important;
  border-radius:32px!important;
  background:rgba(255,255,255,.90)!important;
  color:#111315!important;
  box-shadow:0 4px 24px rgba(0,0,0,.12),0 0 0 4px rgba(0,0,0,.03)!important;
  clip-path:none!important;
  overflow:hidden!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.pgp-header-search-form:focus-within{
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 6px 28px rgba(0,0,0,.18),0 0 0 1px rgba(51,48,49,.22)!important;
}
.pgp-header-search-icon{display:none!important;}
.pgp-header-search-input{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#111315!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  font-family:Arial,'Tajawal','Cairo',Helvetica,sans-serif!important;
  letter-spacing:0!important;
  padding:0 8px!important;
  margin:0!important;
  box-shadow:none!important;
  text-align:center!important;
  direction:rtl!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.pgp-header-search-input::placeholder{
  color:rgba(17,19,21,.58)!important;
  opacity:1!important;
  text-align:center!important;
}
.pgp-header-search-submit{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background:#333031!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;
  cursor:pointer!important;
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease!important;
}
.pgp-header-search-submit:hover{
  filter:brightness(1.06)!important;
  transform:translateY(-1px) scale(1.03)!important;
  box-shadow:0 0 0 2.5px rgba(238,21,78,.82),0 8px 22px rgba(51,48,49,.22)!important;
}
.pgp-header-search-submit:active{transform:scale(.96)!important;}
.pgp-header-search-submit-icon{width:17px!important;height:17px!important;color:currentColor!important;display:block!important;}
.pgp-search-arrow-mobile{display:none!important;}
@media(max-width:768px){
  .pgp-header-search-wrap{margin:8px auto 12px!important;}
  .pgp-header-search-form{
    width:min(390px,64vw)!important;
    height:38px!important;
    min-height:38px!important;
    padding:4px 5px 4px 14px!important;
  }
  .pgp-header-search-input{
    font-size:14px!important;
    font-weight:800!important;
    padding:0 8px!important;
  }
  .pgp-header-search-submit{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    flex-basis:30px!important;
  }
  .pgp-search-arrow-desktop{display:block!important;}
  .pgp-search-arrow-mobile{display:none!important;}
}
@media(max-width:390px){
  .pgp-header-search-form{width:min(390px,64vw)!important;height:38px!important;min-height:38px!important;}
  .pgp-header-search-submit{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important;}
  .pgp-header-search-submit-icon{width:17px!important;height:17px!important;}
}

/* Extracted from pgp-app-header.php: pgp-final-search-desktop-mobile-match */
/* Final PGP search shape lock: desktop and mobile use the same compact omnibox. */
.pgp-header-search-wrap{
  position:relative!important;
  z-index:1201!important;
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  pointer-events:auto!important;
  margin:0 auto 14px!important;
}
.pgp-header-search-form{
  position:relative!important;
  width:min(390px,64vw)!important;
  max-width:64vw!important;
  height:38px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:4px 5px 4px 14px!important;
  border:0!important;
  border-radius:32px!important;
  background:rgba(255,255,255,.90)!important;
  color:#111315!important;
  box-shadow:0 4px 24px rgba(0,0,0,.12),0 0 0 4px rgba(0,0,0,.03)!important;
  clip-path:none!important;
  overflow:hidden!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.pgp-header-search-form:focus-within{
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 6px 28px rgba(0,0,0,.18),0 0 0 1px rgba(51,48,49,.22)!important;
}
.pgp-header-search-icon{display:none!important;}
.pgp-header-search-input{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#111315!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  font-family:Arial,'Tajawal','Cairo',Helvetica,sans-serif!important;
  letter-spacing:0!important;
  padding:0 8px!important;
  margin:0!important;
  box-shadow:none!important;
  text-align:center!important;
  direction:rtl!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.pgp-header-search-input::placeholder{
  color:rgba(17,19,21,.58)!important;
  opacity:1!important;
  text-align:center!important;
}
.pgp-header-search-submit{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background:#333031!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;
  cursor:pointer!important;
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease!important;
}
.pgp-header-search-submit:hover{
  filter:brightness(1.06)!important;
  transform:translateY(-1px) scale(1.03)!important;
  box-shadow:0 0 0 2.5px rgba(238,21,78,.82),0 8px 22px rgba(51,48,49,.22)!important;
}
.pgp-header-search-submit:active{transform:scale(.96)!important;}
.pgp-header-search-submit-icon{width:17px!important;height:17px!important;color:currentColor!important;display:block!important;}
.pgp-search-arrow-desktop{display:block!important;}
.pgp-search-arrow-mobile{display:none!important;}
@media(max-width:768px){
  .pgp-header-search-wrap{margin:8px auto 12px!important;}
  .pgp-header-search-form{
    width:min(390px,64vw)!important;
    max-width:64vw!important;
    height:38px!important;
    min-height:38px!important;
    padding:4px 5px 4px 14px!important;
    border-radius:32px!important;
  }
  .pgp-header-search-input{
    font-size:14px!important;
    font-weight:800!important;
    padding:0 8px!important;
  }
  .pgp-header-search-submit{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    flex-basis:30px!important;
  }
}
@media(max-width:390px){
  .pgp-header-search-form{width:min(390px,64vw)!important;max-width:64vw!important;height:38px!important;min-height:38px!important;}
}
body.pgp-parts-menu-open .pgp-header-search-wrap{z-index:20!important;}
body.pgp-parts-menu-open .pgp-header-search-form{pointer-events:none!important;}

/* Extracted from pgp-app-header.php: pgp-final-search-circle-size-fix */
/* PGP final compact search: the purple action button stays a true small circle on laptop and mobile. */
.pgp-header-search-form{
  height:36px!important;
  min-height:36px!important;
  padding:4px 6px 4px 14px!important;
  gap:6px!important;
}
.pgp-header-search-submit{
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  border-radius:50%!important;
  aspect-ratio:1/1!important;
  align-self:center!important;
}
.pgp-header-search-submit-icon{
  width:15px!important;
  height:15px!important;
}
@media(max-width:768px){
  .pgp-header-search-form{
    width:min(390px,64vw)!important;
    max-width:64vw!important;
    height:36px!important;
    min-height:36px!important;
    padding:4px 6px 4px 14px!important;
    gap:6px!important;
  }
  .pgp-header-search-submit{
    flex:0 0 26px!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    border-radius:50%!important;
    aspect-ratio:1/1!important;
  }
}
@media(max-width:390px){
  .pgp-header-search-form{height:36px!important;min-height:36px!important;}
  .pgp-header-search-submit{width:26px!important;height:26px!important;min-width:26px!important;flex-basis:26px!important;}
}

/* Extracted from pgp-app-header.php: pgp-v6-final-inline-fix */
/* =========================================================
   PGP V6 FINAL EXACT FIX - 2026-06-05
   Fixes requested from screenshots:
   - remove black only from homepage/public content header area
   - restore search button to one clean larger round icon
   - inactive view icons black, active red
   - arrows stay centered and do not change/drop on hover
   ========================================================= */
:root{
  --pgp-v6-purple:#5433eb;
  --pgp-v6-purple-dark:#4504bc;
  --pgp-v6-red:#e13535;
  --pgp-v6-accent:#ee174d;
  --pgp-v6-text:#000;
  --pgp-v6-muted:rgba(0,0,0,.58);
  --pgp-v6-line:rgba(0,0,0,.10);
}
html, body{
  background:#fff !important;
  background-image:none !important;
  color:#000 !important;
}

/* Home/index: remove the black strip/background caused by old homepage CSS only */
body:has(#home),
body:has(#home) main,
body:has(#home) .min-h-screen,
body:has(#home) #home,
body:has(#home) #products,
body:has(#home) .pgp-home,
body:has(#home) .pgp-home-page{
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  color:#000 !important;
}
body:has(#home) .pgp-app-header{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body:has(#home) #home > .grid > .space-y-6 > .relative.overflow-visible,
body:has(#home) #home .overflow-hidden.rounded-\[2rem\],
body:has(#home) #home .rounded-\[2rem\].overflow-hidden,
body:has(#home) #home .rounded-\[1\.75rem\],
body:has(#home) #home .mt-8.grid > div,
body:has(#home) #home [class*="bg-black"],
body:has(#home) #home [class*="bg-zinc-9"],
body:has(#home) #home [class*="bg-neutral-9"],
body:has(#home) #home [class*="bg-slate-9"],
body:has(#home) #home [class*="bg-gray-9"],
body:has(#home) #home [class*="from-black"],
body:has(#home) #home [class*="to-black"],
body:has(#home) #home [class*="bg-\[\#0"],
body:has(#home) #home [class*="bg-\[\#1"]{
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  color:#000 !important;
  border-color:var(--pgp-v6-line) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
body:has(#home) #home .pointer-events-none{
  background:transparent !important;
  background-image:none !important;
  opacity:0 !important;
}

/* Search pill: one icon only, larger, same clean rounded shape */
.pgp-header-search-wrap{
  position:relative !important;
  z-index:1201 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:8px auto 16px !important;
  pointer-events:auto !important;
}
.pgp-header-search-form{
  position:relative !important;
  width:min(460px,70vw) !important;
  max-width:calc(100vw - 32px) !important;
  height:48px !important;
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:4px 6px 4px 18px !important;
  border:1px solid rgba(0,0,0,.07) !important;
  border-radius:999px !important;
  background:#fff !important;
  background-image:none !important;
  box-shadow:0 10px 30px rgba(0,0,0,.12), 0 0 0 5px rgba(0,0,0,.03) !important;
  clip-path:none !important;
  overflow:hidden !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.pgp-header-search-input{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  color:#111315 !important;
  text-align:center !important;
  font-size:18px !important;
  font-weight:850 !important;
  direction:rtl !important;
  padding:0 8px !important;
}
.pgp-header-search-input::placeholder{
  color:rgba(17,19,21,.52) !important;
  opacity:1 !important;
}
.pgp-header-search-submit{
  flex:0 0 40px !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  max-width:40px !important;
  max-height:40px !important;
  aspect-ratio:1 / 1 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--pgp-v6-purple) !important;
  background-image:linear-gradient(135deg,var(--pgp-v6-purple),var(--pgp-v6-purple-dark)) !important;
  color:#fff !important;
  box-shadow:0 9px 24px rgba(84,51,235,.30) !important;
  overflow:hidden !important;
  line-height:1 !important;
  font-size:0 !important;
  text-indent:0 !important;
  transform:none !important;
  translate:none !important;
}
.pgp-header-search-submit:hover,
.pgp-header-search-submit:focus,
.pgp-header-search-submit:active{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  max-width:40px !important;
  max-height:40px !important;
  border-radius:50% !important;
  background:var(--pgp-v6-purple) !important;
  background-image:linear-gradient(135deg,var(--pgp-v6-purple),var(--pgp-v6-purple-dark)) !important;
  color:#fff !important;
  transform:none !important;
  translate:none !important;
  top:auto !important;
  bottom:auto !important;
  filter:none !important;
  box-shadow:0 9px 24px rgba(84,51,235,.30) !important;
}
.pgp-header-search-submit::before,
.pgp-header-search-submit::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.pgp-header-search-submit > *{
  display:none !important;
}
.pgp-header-search-submit > svg.pgp-search-arrow-desktop:first-of-type{
  display:block !important;
  width:21px !important;
  height:21px !important;
  min-width:21px !important;
  min-height:21px !important;
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
.pgp-header-search-submit > svg:not(.pgp-search-arrow-desktop),
.pgp-header-search-submit .pgp-search-arrow-mobile{
  display:none !important;
}
.pgp-header-search-submit svg path{
  stroke:#fff !important;
  fill:none !important;
}

/* View / grid / list icons: inactive black, active red. This catches title/aria buttons too. */
button[title*="Grid"],button[title*="grid"],
button[title*="List"],button[title*="list"],
button[title*="view"],button[title*="View"],
button[aria-label*="Grid"],button[aria-label*="grid"],
button[aria-label*="List"],button[aria-label*="list"],
button[aria-label*="view"],button[aria-label*="View"],
.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,
.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,
.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn{
  background:#fff !important;
  background-image:none !important;
  color:#000 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:none !important;
  opacity:1 !important;
}
button[title*="Grid"] :is(svg,path,i,span),button[title*="grid"] :is(svg,path,i,span),
button[title*="List"] :is(svg,path,i,span),button[title*="list"] :is(svg,path,i,span),
button[title*="view"] :is(svg,path,i,span),button[title*="View"] :is(svg,path,i,span),
button[aria-label*="Grid"] :is(svg,path,i,span),button[aria-label*="grid"] :is(svg,path,i,span),
button[aria-label*="List"] :is(svg,path,i,span),button[aria-label*="list"] :is(svg,path,i,span),
button[aria-label*="view"] :is(svg,path,i,span),button[aria-label*="View"] :is(svg,path,i,span),
.view-toggle :is(svg,path,i,span),.view-btn :is(svg,path,i,span),.grid-toggle :is(svg,path,i,span),.list-toggle :is(svg,path,i,span),.layout-toggle :is(svg,path,i,span),.layout-btn :is(svg,path,i,span),.display-toggle :is(svg,path,i,span),.display-btn :is(svg,path,i,span),.mode-toggle :is(svg,path,i,span),.mode-btn :is(svg,path,i,span),
.pgp-view-toggle :is(svg,path,i,span),.pgp-view-btn :is(svg,path,i,span),.pgp-grid-toggle :is(svg,path,i,span),.pgp-list-toggle :is(svg,path,i,span),.pgp-layout-toggle :is(svg,path,i,span),.pgp-layout-btn :is(svg,path,i,span),.pgp-mode-toggle :is(svg,path,i,span),.pgp-mode-btn :is(svg,path,i,span),
.iq-view-toggle :is(svg,path,i,span),.iq-view-btn :is(svg,path,i,span),.garage-view-toggle :is(svg,path,i,span),.garage-view-btn :is(svg,path,i,span),.parts-view-toggle :is(svg,path,i,span),.parts-view-btn :is(svg,path,i,span){
  color:#000 !important;
  stroke:#000 !important;
  fill:none !important;
  opacity:1 !important;
}
button[title*="Grid"].active,button[title*="grid"].active,
button[title*="List"].active,button[title*="list"].active,
button[title*="view"].active,button[title*="View"].active,
button[aria-label*="Grid"].active,button[aria-label*="grid"].active,
button[aria-label*="List"].active,button[aria-label*="list"].active,
button[aria-label*="view"].active,button[aria-label*="View"].active,
button[title*="Grid"].is-active,button[title*="grid"].is-active,
button[title*="List"].is-active,button[title*="list"].is-active,
button[title*="view"].is-active,button[title*="View"].is-active,
button[aria-label*="Grid"].is-active,button[aria-label*="grid"].is-active,
button[aria-label*="List"].is-active,button[aria-label*="list"].is-active,
button[aria-label*="view"].is-active,button[aria-label*="View"].is-active,
button[aria-pressed="true"],
.view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,.display-toggle.active,.display-btn.active,.mode-toggle.active,.mode-btn.active,
.pgp-view-toggle.active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-toggle.active,.pgp-layout-btn.active,.pgp-mode-toggle.active,.pgp-mode-btn.active,
.iq-view-toggle.active,.iq-view-btn.active,.garage-view-toggle.active,.garage-view-btn.active,.parts-view-toggle.active,.parts-view-btn.active{
  background:var(--pgp-v6-accent) !important;
  background-image:none !important;
  color:#fff !important;
  border-color:var(--pgp-v6-accent) !important;
  box-shadow:0 8px 20px rgba(238,23,77,.20) !important;
}
button[aria-pressed="true"] :is(svg,path,i,span),
:is(.active,.is-active):is(button,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn) :is(svg,path,i,span){
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
}

/* Carousel arrows: purple circles, centered arrow, no red hover/drop */
.pgp-most-scroll-wrap,.product-scroll-wrap,.pgp-product-scroll-wrap{position:relative !important;overflow:hidden !important;}
.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-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:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  place-items:center !important;
  background:var(--pgp-v6-purple) !important;
  background-image:linear-gradient(135deg,var(--pgp-v6-purple),var(--pgp-v6-purple-dark)) !important;
  color:#fff !important;
  border:1px solid var(--pgp-v6-purple-dark) !important;
  box-shadow:0 12px 26px rgba(51,48,49,.22) !important;
  opacity:1 !important;
  line-height:1 !important;
  font-size:24px !important;
  font-weight:900 !important;
  text-align:center !important;
  text-indent:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.pgp-most-arrow,.row-arrow,.pgp-row-arrow{position:absolute !important;top:50% !important;bottom:auto !important;transform:translateY(-50%) !important;translate:none !important;z-index:8 !important;}
.pgp-most-arrow.left,.row-arrow.left,.pgp-row-arrow.left{left:10px !important;right:auto !important;}
.pgp-most-arrow.right,.row-arrow.right,.pgp-row-arrow.right{right:10px !important;left:auto !important;}
.pgp-most-arrow:hover,.row-arrow:hover,.pgp-row-arrow:hover,.shop-arrow:hover,.pgp-shop-arrow:hover,
.pgp-gallery-arrow:hover,.gallery-arrow:hover,.product-gallery-arrow:hover,.pgp-related-arrow:hover,.related-arrow:hover,.carousel-arrow:hover,.pgp-carousel-arrow:hover,.pgp-section-arrow:hover,
.swiper-button-next:hover,.swiper-button-prev:hover,.splide__arrow:hover,
.pgp-most-arrow:active,.row-arrow:active,.pgp-row-arrow:active,.shop-arrow:active,.pgp-shop-arrow:active,
.pgp-gallery-arrow:active,.gallery-arrow:active,.product-gallery-arrow:active,.pgp-related-arrow:active,.related-arrow:active,.carousel-arrow:active,.pgp-carousel-arrow:active,.pgp-section-arrow:active,
.swiper-button-next:active,.swiper-button-prev:active,.splide__arrow:active{
  background:var(--pgp-v6-purple) !important;
  background-image:linear-gradient(135deg,var(--pgp-v6-purple),var(--pgp-v6-purple-dark)) !important;
  color:#fff !important;
  border-color:var(--pgp-v6-purple-dark) !important;
  transform:translateY(-50%) !important;
  translate:none !important;
  margin:0 !important;
  top:50% !important;
  box-shadow:0 12px 26px rgba(51,48,49,.22) !important;
}
.shop-arrow:hover,.pgp-shop-arrow:hover{transform:none !important;}
.pgp-most-arrow > *, .row-arrow > *, .pgp-row-arrow > *, .shop-arrow > *, .pgp-shop-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:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
  line-height:1 !important;
  transform:none !important;
  translate:none !important;
}
.pgp-most-arrow :is(svg,path,i,span),.row-arrow :is(svg,path,i,span),.pgp-row-arrow :is(svg,path,i,span),.shop-arrow :is(svg,path,i,span),.pgp-shop-arrow :is(svg,path,i,span),
.pgp-gallery-arrow :is(svg,path,i,span),.gallery-arrow :is(svg,path,i,span),.product-gallery-arrow :is(svg,path,i,span),.pgp-related-arrow :is(svg,path,i,span),.related-arrow :is(svg,path,i,span),.carousel-arrow :is(svg,path,i,span),.pgp-carousel-arrow :is(svg,path,i,span),.pgp-section-arrow :is(svg,path,i,span){
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
  transform:none !important;
  translate:none !important;
}

@media(max-width:768px){
  .pgp-header-search-form{width:min(460px,70vw) !important;height:48px !important;min-height:48px !important;padding:4px 6px 4px 16px !important;}
  .pgp-header-search-submit{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;flex-basis:40px !important;}
  .pgp-header-search-submit > svg.pgp-search-arrow-desktop:first-of-type{width:21px !important;height:21px !important;}
  .pgp-header-search-input{font-size:17px !important;}
  .pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-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;font-size:22px !important;
  }
}

/* Extracted from pgp-app-header.php: pgp-v7-exact-fix */
/* =========================================================
   PGP V7 EXACT PUBLIC FIX - 2026-06-05
   Fixes: homepage black header strip, search duplicate arrows,
   view/grid inactive icon visibility, centered stable carousel arrows.
   ========================================================= */
:root{
  --pgp-v7-purple:#5433eb;
  --pgp-v7-purple-dark:#4504bc;
  --pgp-v7-red:#ee154e;
  --pgp-v7-text:#000000;
  --pgp-v7-line:rgba(0,0,0,.10);
}

/* Homepage: remove the black strip behind the top header only */
html:has(#home),
body:has(#home){
  background:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
}
body:has(#home) .min-h-screen,
body:has(#home) #home,
body:has(#home) main,
body:has(#home) .pgp-home,
body:has(#home) .pgp-home-page{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
}
body:has(#home) .pgp-app-header,
body:has(#home) .pgp-app-header::before,
body:has(#home) .pgp-app-header::after,
body:has(#home) .pgp-app-header-inner{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Search field: restore one clean circular arrow, no duplicate/mobile arrow */
.pgp-header-search-wrap{
  position:relative !important;
  z-index:1201 !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:8px auto 16px !important;
  pointer-events:auto !important;
}
.pgp-header-search-form{
  position:relative !important;
  width:min(520px,72vw) !important;
  max-width:calc(100vw - 32px) !important;
  height:50px !important;
  min-height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:4px 6px 4px 18px !important;
  border:1px solid rgba(0,0,0,.07) !important;
  border-radius:999px !important;
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  box-shadow:0 12px 30px rgba(0,0,0,.12),0 0 0 5px rgba(0,0,0,.035) !important;
  clip-path:none !important;
  overflow:hidden !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.pgp-header-search-input{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 8px !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111315 !important;
  text-align:center !important;
  direction:rtl !important;
  font-size:18px !important;
  font-weight:850 !important;
  line-height:1 !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
.pgp-header-search-input::placeholder{
  color:rgba(17,19,21,.52) !important;
  opacity:1 !important;
  text-align:center !important;
}
.pgp-header-search-submit{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  aspect-ratio:1/1 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,var(--pgp-v7-purple),var(--pgp-v7-purple-dark)) !important;
  color:#ffffff !important;
  box-shadow:0 9px 24px rgba(84,51,235,.30) !important;
  overflow:hidden !important;
  line-height:1 !important;
  font-size:0 !important;
  text-indent:0 !important;
  transform:none !important;
  translate:none !important;
  top:auto !important;
  bottom:auto !important;
}
.pgp-header-search-submit:hover,
.pgp-header-search-submit:focus,
.pgp-header-search-submit:active{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,var(--pgp-v7-purple),var(--pgp-v7-purple-dark)) !important;
  color:#ffffff !important;
  transform:none !important;
  translate:none !important;
  top:auto !important;
  bottom:auto !important;
  margin:0 !important;
  filter:none !important;
}
.pgp-header-search-submit::before,
.pgp-header-search-submit::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
}
.pgp-header-search-submit > svg,
.pgp-header-search-submit > .pgp-header-search-submit-icon{
  display:none !important;
}
.pgp-header-search-submit > svg.pgp-search-arrow-desktop:first-of-type{
  display:block !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  margin:0 !important;
  padding:0 !important;
  color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
  transform:none !important;
  translate:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
.pgp-header-search-submit > svg.pgp-search-arrow-mobile,
.pgp-header-search-submit .pgp-search-arrow-mobile,
.pgp-header-search-submit > svg:nth-of-type(n+2){
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}
.pgp-header-search-submit svg path{
  stroke:currentColor !important;
  fill:none !important;
}

/* Grid/List/View icons: inactive visible black, active red */
body :is(.dots,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn,[data-view],[data-layout],[data-mode],button[title*="Grid"],button[title*="grid"],button[title*="List"],button[title*="list"],button[title*="view"],button[title*="View"],button[aria-label*="Grid"],button[aria-label*="grid"],button[aria-label*="List"],button[aria-label*="list"],button[aria-label*="view"],button[aria-label*="View"]){
  color:#000000 !important;
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.12) !important;
  box-shadow:none !important;
  opacity:1 !important;
}
body :is(.dots,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn,[data-view],[data-layout],[data-mode],button[title*="Grid"],button[title*="grid"],button[title*="List"],button[title*="list"],button[title*="view"],button[title*="View"],button[aria-label*="Grid"],button[aria-label*="grid"],button[aria-label*="List"],button[aria-label*="list"],button[aria-label*="view"],button[aria-label*="View"]) :is(svg,path,rect,circle,span,i){
  color:currentColor !important;
  stroke:currentColor !important;
  fill:currentColor !important;
  opacity:1 !important;
}
body :is(.dots.active,.dots.is-active,.dots[aria-expanded="true"],.view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,.display-toggle.active,.display-btn.active,.mode-toggle.active,.mode-btn.active,.pgp-view-toggle.active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-toggle.active,.pgp-layout-btn.active,.pgp-mode-toggle.active,.pgp-mode-btn.active,.iq-view-toggle.active,.iq-view-btn.active,.garage-view-toggle.active,.garage-view-btn.active,.parts-view-toggle.active,.parts-view-btn.active,[data-view].active,[data-layout].active,[data-mode].active,[aria-pressed="true"]){
  background:var(--pgp-v7-red) !important;
  background-image:none !important;
  color:#ffffff !important;
  border-color:var(--pgp-v7-red) !important;
  box-shadow:0 8px 20px rgba(238,21,78,.18) !important;
}
body :is(.dots.active,.dots.is-active,.dots[aria-expanded="true"],.view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,.display-toggle.active,.display-btn.active,.mode-toggle.active,.mode-btn.active,.pgp-view-toggle.active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-toggle.active,.pgp-layout-btn.active,.pgp-mode-toggle.active,.pgp-mode-btn.active,.iq-view-toggle.active,.iq-view-btn.active,.garage-view-toggle.active,.garage-view-btn.active,.parts-view-toggle.active,.parts-view-btn.active,[data-view].active,[data-layout].active,[data-mode].active,[aria-pressed="true"]) :is(svg,path,rect,circle,span,i){
  color:#ffffff !important;
  stroke:#ffffff !important;
  fill:#ffffff !important;
}

/* Section/product carousel arrows: centered, stable, purple; no red/down hover */
body :is(.pgp-most-scroll-wrap,.product-scroll-wrap,.pgp-product-scroll-wrap,.related-products,.pgp-related-products){
  position:relative !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-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:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  border:1px solid var(--pgp-v7-purple-dark) !important;
  background:linear-gradient(135deg,var(--pgp-v7-purple),var(--pgp-v7-purple-dark)) !important;
  color:#ffffff !important;
  box-shadow:0 12px 26px rgba(51,48,49,.22) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  place-items:center !important;
  line-height:1 !important;
  font-size:0 !important;
  font-weight:900 !important;
  text-align:center !important;
  text-indent:0 !important;
  opacity:1 !important;
  overflow:hidden !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body :is(.pgp-most-arrow.left,.row-arrow.left,.pgp-row-arrow.left,.shop-arrow.left,.pgp-shop-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left){
  left:10px !important;
  right:auto !important;
}
body :is(.pgp-most-arrow.right,.row-arrow.right,.pgp-row-arrow.right,.shop-arrow.right,.pgp-shop-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right){
  right:10px !important;
  left:auto !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow){
  position:absolute !important;
  top:50% !important;
  bottom:auto !important;
  transform:translate3d(0,-50%,0) !important;
  translate:none !important;
  z-index:12 !important;
}
body :is(.pgp-most-arrow:hover,.row-arrow:hover,.pgp-row-arrow:hover,.shop-arrow:hover,.pgp-shop-arrow:hover,.pgp-gallery-arrow:hover,.gallery-arrow:hover,.product-gallery-arrow:hover,.pgp-related-arrow:hover,.related-arrow:hover,.carousel-arrow:hover,.pgp-carousel-arrow:hover,.pgp-section-arrow:hover,.swiper-button-next:hover,.swiper-button-prev:hover,.splide__arrow:hover,
.pgp-most-arrow:active,.row-arrow:active,.pgp-row-arrow:active,.shop-arrow:active,.pgp-shop-arrow:active,.pgp-gallery-arrow:active,.gallery-arrow:active,.product-gallery-arrow:active,.pgp-related-arrow:active,.related-arrow:active,.carousel-arrow:active,.pgp-carousel-arrow:active,.pgp-section-arrow:active,.swiper-button-next:active,.swiper-button-prev:active,.splide__arrow:active){
  background:linear-gradient(135deg,var(--pgp-v7-purple),var(--pgp-v7-purple-dark)) !important;
  color:#ffffff !important;
  border-color:var(--pgp-v7-purple-dark) !important;
  box-shadow:0 12px 26px rgba(51,48,49,.22) !important;
  transform:translate3d(0,-50%,0) !important;
  translate:none !important;
  top:50% !important;
  margin:0 !important;
}
body :is(.shop-arrow,.pgp-shop-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,
body :is(.shop-arrow,.pgp-shop-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{
  transform:none !important;
  translate:none !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-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;
}
body :is(.pgp-most-arrow.left,.row-arrow.left,.pgp-row-arrow.left,.shop-arrow.left,.pgp-shop-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left)::before{
  content:"←" !important;
}
body :is(.pgp-most-arrow.right,.row-arrow.right,.pgp-row-arrow.right,.shop-arrow.right,.pgp-shop-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right)::before{
  content:"→" !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-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,
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-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{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#ffffff !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:900 !important;
  transform:none !important;
  translate:none !important;
  background:transparent !important;
  box-shadow:none !important;
}

@media(max-width:768px){
  .pgp-header-search-form{width:min(520px,70vw) !important;height:48px !important;min-height:48px !important;padding:4px 6px 4px 16px !important;}
  .pgp-header-search-submit{width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;flex-basis:42px !important;}
  .pgp-header-search-submit > svg.pgp-search-arrow-desktop:first-of-type{width:22px !important;height:22px !important;}
  .pgp-header-search-input{font-size:17px !important;}
  body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-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;
  }
  body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-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,
  body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-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{font-size:23px !important;}
}

/* Extracted from pgp-app-header.php: pgp-final-polish-v8 */
/* =========================================================
   PGP FINAL POLISH V8 - exact fixes from screenshots
   - removes black homepage/content leftovers
   - restores one clean search arrow only
   - inactive view icons black / active red
   - carousel arrows centered, stable, no hover jump
   ========================================================= */
:root{
  --pgp-v8-purple:#5433eb;
  --pgp-v8-purple-dark:#4504bc;
  --pgp-v8-red:#ee154e;
  --pgp-v8-price-red:#e13535;
  --pgp-v8-text:#000000;
  --pgp-v8-muted:rgba(0,0,0,.58);
  --pgp-v8-line:rgba(0,0,0,.10);
}
html,body{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
}
body,
body main,
body .min-h-screen,
body #home,
body #products,
body #garages,
body #parts,
body .pgp-page,
body .pgp-home,
body .pgp-home-page,
body .pgp-products-page,
body .pgp-garages-page,
body .pgp-parts-page,
body .pgp-store-page,
body .iq-wrap,
body .store-wrap,
body .store-shell,
body .pgp-parts-wrap,
body .pgp-parts-shell,
body .page-wrap,
body .content-wrap,
body .public-page,
body .site-content{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
}
/* remove the homepage black header strip only by forcing header surface transparent over white */
body .pgp-app-header,
body .pgp-app-header::before,
body .pgp-app-header::after,
body .pgp-app-header-inner{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
/* remove old dark Tailwind surfaces inside public content */
body :is(#home,#products,#garages,#parts,.iq-wrap,.store-wrap,.pgp-parts-wrap,.pgp-page,.pgp-home-page,.pgp-products-page,.pgp-garages-page,.pgp-parts-page) :is([class*="bg-zinc-9"],[class*="bg-neutral-9"],[class*="bg-slate-9"],[class*="bg-gray-9"],[class*="bg-black"],[class*="from-black"],[class*="to-black"],[class*="bg-[#0"],[class*="bg-[#1"]){
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
  border-color:var(--pgp-v8-line) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
body :is(#home,#products,#garages,#parts,.iq-wrap,.store-wrap,.pgp-parts-wrap,.pgp-page,.pgp-home-page,.pgp-products-page,.pgp-garages-page,.pgp-parts-page) :is([class*="text-white"],[class*="text-zinc-100"],[class*="text-zinc-200"],[class*="text-zinc-300"]){
  color:#000000 !important;
  text-shadow:none !important;
}
/* section and row surfaces */
body :is(.pgp-most-viewed-card,.pgp-most-scroll-wrap,.pgp-home-managed-section,.pgp-section-card,.pgp-section-shell,.pgp-section-wrap,.iq-card,.iq-hero,.iq-panel,.iq-list,.garage-card,.garage-top,.store-card,.store-cover,.store-info,.products-card,.products-head,.pgp-parts-hero,.pgp-parts-head,.pgp-part-card,.pgp-part-top,.product-scroll-wrap,.pgp-product-scroll-wrap,.shop-section,.shop-row,.shop-card){
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
  border-color:var(--pgp-v8-line) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
body :is(.pgp-most-viewed-card,.pgp-section-card,.iq-card,.garage-card,.store-card,.products-card,.pgp-part-card){
  border:1px solid var(--pgp-v8-line) !important;
  border-radius:28px !important;
}
body :is(.pgp-most-viewed-card,.pgp-home-managed-section,.pgp-section-card,.iq-card,.garage-card,.store-card,.products-card,.pgp-part-card,.pgp-most-media,.product-media,.pgp-product-media)::before,
body :is(.pgp-most-viewed-card,.pgp-home-managed-section,.pgp-section-card,.iq-card,.garage-card,.store-card,.products-card,.pgp-part-card,.pgp-most-media,.product-media,.pgp-product-media)::after{
  display:none !important;
  content:none !important;
  background:transparent !important;
  background-image:none !important;
  opacity:0 !important;
  box-shadow:none !important;
}
body :is(.pgp-most-head h2,.pgp-section-title,.pgp-part-name,.pgp-part-title,.iq-hero h1,.iq-head h2,.garage-name,.garage-name-link,.store-main h1,.products-head h2,.product-title,.pgp-product-title,.shop-row h3){
  color:#000000 !important;
  text-shadow:none !important;
}
body :is(.pgp-most-head p,.pgp-most-head span,.pgp-section-subtitle,.pgp-part-meta,.pgp-part-subtitle,.iq-hero p,.iq-head p,.garage-meta,.store-main p,.products-head p,.product-sub,.pgp-product-category){
  color:var(--pgp-v8-muted) !important;
  text-shadow:none !important;
}
/* product preview cards exactly light */
body :is(.pgp-most-product,.product-card,.pgp-product-card,.pgp-product,.pgp-related-card){
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
  border:1px solid var(--pgp-v8-line) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.055) !important;
  text-shadow:none !important;
  overflow:hidden !important;
}
body :is(.pgp-most-product,.product-card,.pgp-product-card,.pgp-product,.pgp-related-card):hover{
  border-color:rgba(225,53,53,.28) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.075) !important;
  transform:none !important;
}
body :is(.pgp-most-media,.product-media,.pgp-product-media,.garage-card .product-media){
  background:#f2f4f5 !important;
  background-image:none !important;
}
body :is(.pgp-most-product strong,.pgp-most-info strong,.product-card strong,.product-title,.pgp-product-title,.pgp-related-name){
  color:#000000 !important;
  text-shadow:none !important;
}
body :is(.pgp-most-price,.price-tag,.pgp-price-tag,.product-price,.pgp-product-price,.pgp-related-price){
  background:transparent !important;
  background-image:none !important;
  color:var(--pgp-v8-price-red) !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:none !important;
}
/* old filter/select decoration circles must not appear */
body :is(.iq-select-bg,.pgp-select-bg,.iq-select-arrow,.pgp-select-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;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}
body :is(.iq-select,.pgp-select){
  background:#f4f1ff !important;
  background-image:none !important;
  color:#4504bc !important;
  border:1px solid rgba(84,51,235,.16) !important;
  border-radius:999px !important;
  box-shadow:none !important;
  clip-path:none !important;
}
/* Search pill: clean one-color pill with ONE centered arrow only */
body .pgp-header-search-wrap{
  position:relative !important;
  z-index:1201 !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:8px auto 16px !important;
  pointer-events:auto !important;
}
body .pgp-header-search-form{
  position:relative !important;
  width:min(520px,72vw) !important;
  max-width:calc(100vw - 32px) !important;
  height:50px !important;
  min-height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:4px 6px 4px 18px !important;
  border:1px solid rgba(0,0,0,.07) !important;
  border-radius:999px !important;
  clip-path:none !important;
  overflow:hidden !important;
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  box-shadow:0 12px 30px rgba(0,0,0,.12),0 0 0 5px rgba(0,0,0,.035) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body .pgp-header-search-input{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
  padding:0 8px !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111315 !important;
  text-align:center !important;
  direction:rtl !important;
  font-size:18px !important;
  font-weight:850 !important;
  line-height:1 !important;
}
body .pgp-header-search-input::placeholder{
  color:rgba(17,19,21,.52) !important;
  opacity:1 !important;
  text-align:center !important;
}
body .pgp-header-search-submit,
body .pgp-header-search-submit:hover,
body .pgp-header-search-submit:focus,
body .pgp-header-search-submit:active{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  aspect-ratio:1 / 1 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,var(--pgp-v8-purple),var(--pgp-v8-purple-dark)) !important;
  color:#ffffff !important;
  box-shadow:0 9px 24px rgba(84,51,235,.30) !important;
  overflow:hidden !important;
  line-height:1 !important;
  font-size:0 !important;
  text-indent:0 !important;
  transform:none !important;
  translate:none !important;
  top:auto !important;
  bottom:auto !important;
  filter:none !important;
}
body .pgp-header-search-submit > *,
body .pgp-header-search-submit > svg,
body .pgp-header-search-submit > .pgp-header-search-submit-icon,
body .pgp-header-search-submit .pgp-search-arrow-mobile{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}
body .pgp-header-search-submit::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
}
body .pgp-header-search-submit::before{
  content:"→" !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  color:#ffffff !important;
  font-size:28px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-indent:0 !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  box-shadow:none !important;
}
body .pgp-clean-search-arrow{display:none !important;}
/* View/Grid/List buttons: inactive black visible, active red */
body :is(.dots,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn,[data-view],[data-layout],[data-mode],button[title*="Grid"],button[title*="grid"],button[title*="List"],button[title*="list"],button[title*="view"],button[title*="View"],button[aria-label*="Grid"],button[aria-label*="grid"],button[aria-label*="List"],button[aria-label*="list"],button[aria-label*="view"],button[aria-label*="View"]){
  color:#000000 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:1 !important;
}
body :is(.dots,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn,[data-view],[data-layout],[data-mode],button[title*="Grid"],button[title*="grid"],button[title*="List"],button[title*="list"],button[title*="view"],button[title*="View"],button[aria-label*="Grid"],button[aria-label*="grid"],button[aria-label*="List"],button[aria-label*="list"],button[aria-label*="view"],button[aria-label*="View"]) :is(svg,path,rect,circle,span,i){
  color:#000000 !important;
  stroke:#000000 !important;
  fill:none !important;
  opacity:1 !important;
}
body :is(.dots.active,.dots.is-active,.dots[aria-expanded="true"],.view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,.display-toggle.active,.display-btn.active,.mode-toggle.active,.mode-btn.active,.pgp-view-toggle.active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-toggle.active,.pgp-layout-btn.active,.pgp-mode-toggle.active,.pgp-mode-btn.active,.iq-view-toggle.active,.iq-view-btn.active,.garage-view-toggle.active,.garage-view-btn.active,.parts-view-toggle.active,.parts-view-btn.active,[data-view].active,[data-layout].active,[data-mode].active,[aria-pressed="true"]){
  background:var(--pgp-v8-red) !important;
  background-image:none !important;
  color:#ffffff !important;
  border-radius:999px !important;
  border-color:var(--pgp-v8-red) !important;
  box-shadow:0 8px 20px rgba(238,21,78,.18) !important;
}
body :is(.dots.active,.dots.is-active,.dots[aria-expanded="true"],.view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,.display-toggle.active,.display-btn.active,.mode-toggle.active,.mode-btn.active,.pgp-view-toggle.active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-toggle.active,.pgp-layout-btn.active,.pgp-mode-toggle.active,.pgp-mode-btn.active,.iq-view-toggle.active,.iq-view-btn.active,.garage-view-toggle.active,.garage-view-btn.active,.parts-view-toggle.active,.parts-view-btn.active,[data-view].active,[data-layout].active,[data-mode].active,[aria-pressed="true"]) :is(svg,path,rect,circle,span,i){
  color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
}
/* Stable row carousel arrows */
body :is(.pgp-most-scroll-wrap,.product-scroll-wrap,.pgp-product-scroll-wrap,.related-products,.pgp-related-products){
  position:relative !important;
  overflow:hidden !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow){
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  border:1px solid var(--pgp-v8-purple-dark) !important;
  background:linear-gradient(135deg,var(--pgp-v8-purple),var(--pgp-v8-purple-dark)) !important;
  color:#ffffff !important;
  box-shadow:0 12px 26px rgba(51,48,49,.22) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  place-items:center !important;
  line-height:1 !important;
  font-size:0 !important;
  font-weight:900 !important;
  text-align:center !important;
  text-indent:0 !important;
  opacity:1 !important;
  overflow:hidden !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow){
  position:absolute !important;
  top:50% !important;
  bottom:auto !important;
  transform:translate3d(0,-50%,0) !important;
  translate:none !important;
  z-index:12 !important;
}
body :is(.pgp-most-arrow.left,.row-arrow.left,.pgp-row-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left){
  left:10px !important;
  right:auto !important;
}
body :is(.pgp-most-arrow.right,.row-arrow.right,.pgp-row-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right){
  right:10px !important;
  left:auto !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow):hover,
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow):active,
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow):focus{
  background:linear-gradient(135deg,var(--pgp-v8-purple),var(--pgp-v8-purple-dark)) !important;
  color:#ffffff !important;
  border-color:var(--pgp-v8-purple-dark) !important;
  box-shadow:0 12px 26px rgba(51,48,49,.22) !important;
  transform:translate3d(0,-50%,0) !important;
  translate:none !important;
  top:50% !important;
  margin:0 !important;
}
body :is(.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow):hover,
body :is(.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow):active,
body :is(.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow):focus{
  transform:none !important;
  top:auto !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow) > *{
  display:none !important;
}
body :is(.pgp-most-arrow.left,.row-arrow.left,.pgp-row-arrow.left,.pgp-related-arrow.left,.related-arrow.left,.carousel-arrow.left,.pgp-carousel-arrow.left,.pgp-section-arrow.left)::before{content:"←" !important;}
body :is(.pgp-most-arrow.right,.row-arrow.right,.pgp-row-arrow.right,.pgp-related-arrow.right,.related-arrow.right,.carousel-arrow.right,.pgp-carousel-arrow.right,.pgp-section-arrow.right)::before{content:"→" !important;}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow)::before{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#ffffff !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:900 !important;
  transform:none !important;
  translate:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow) span{transform:none !important;}
@media(max-width:768px){
  body .pgp-header-search-form{width:min(520px,70vw) !important;height:48px !important;min-height:48px !important;padding:4px 6px 4px 16px !important;}
  body .pgp-header-search-submit{width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;flex-basis:42px !important;}
  body .pgp-header-search-input{font-size:17px !important;}
  body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow){
    width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;max-width:42px !important;max-height:42px !important;
  }
  body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow)::before{font-size:23px !important;}
}

/* Extracted from pgp-app-header.php: pgp-user-request-exact-fix-v9 */
/* User exact fix v9: one search arrow, bigger search, view icons black inactive / red active */
:root{--pgp-user-red:#ee154e;--pgp-user-purple:#5433eb;--pgp-user-purple-dark:#4504bc;}

/* Search bar: bigger again + one visible arrow only */
body .pgp-header-search-wrap{
  margin:10px auto 18px !important;
  z-index:1305 !important;
}
body .pgp-header-search-form{
  width:min(580px,82vw) !important;
  max-width:calc(100vw - 28px) !important;
  height:58px !important;
  min-height:58px !important;
  padding:5px 7px 5px 20px !important;
  gap:10px !important;
  overflow:hidden !important;
  border-radius:999px !important;
  background:#fff !important;
  background-image:none !important;
}
body .pgp-header-search-input{
  font-size:19px !important;
  font-weight:900 !important;
}
body .pgp-header-search-submit,
body .pgp-header-search-submit:hover,
body .pgp-header-search-submit:focus,
body .pgp-header-search-submit:active{
  flex:0 0 50px !important;
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  min-height:50px !important;
  max-width:50px !important;
  max-height:50px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,var(--pgp-user-purple),var(--pgp-user-purple-dark)) !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  line-height:1 !important;
  text-indent:0 !important;
  overflow:hidden !important;
  transform:none !important;
  translate:none !important;
}
body .pgp-header-search-submit::before,
body .pgp-header-search-submit::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
}
body .pgp-header-search-submit > svg,
body .pgp-header-search-submit > .pgp-header-search-submit-icon,
body .pgp-header-search-submit .pgp-search-arrow-mobile{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}
body .pgp-header-search-submit .pgp-clean-search-arrow{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:100% !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  font-size:30px !important;
  font-weight:900 !important;
  line-height:1 !important;
  transform:translateY(-1px) !important;
  text-indent:0 !important;
}
@media(max-width:768px){
  body .pgp-header-search-form{width:min(580px,82vw) !important;height:58px !important;min-height:58px !important;padding:5px 7px 5px 18px !important;}
  body .pgp-header-search-submit{width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important;flex-basis:50px !important;}
  body .pgp-header-search-input{font-size:18px !important;}
}

/* Grid/List/View icons: no disappearing white icon. Inactive black, active red. */
body :is(.dots,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn,[data-view],[data-layout],[data-mode],button[title*="Grid"],button[title*="grid"],button[title*="List"],button[title*="list"],button[title*="view"],button[title*="View"],button[aria-label*="Grid"],button[aria-label*="grid"],button[aria-label*="List"],button[aria-label*="list"],button[aria-label*="view"],button[aria-label*="View"]){
  background:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:none !important;
  opacity:1 !important;
}
body :is(.dots,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn,[data-view],[data-layout],[data-mode],button[title*="Grid"],button[title*="grid"],button[title*="List"],button[title*="list"],button[title*="view"],button[title*="View"],button[aria-label*="Grid"],button[aria-label*="grid"],button[aria-label*="List"],button[aria-label*="list"],button[aria-label*="view"],button[aria-label*="View"]) :is(svg,path,rect,circle,polygon,line,polyline,span,i){
  color:#000000 !important;
  stroke:#000000 !important;
  fill:currentColor !important;
  opacity:1 !important;
}
body :is(.dots.active,.dots.is-active,.dots[aria-expanded="true"],.view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,.display-toggle.active,.display-btn.active,.mode-toggle.active,.mode-btn.active,.pgp-view-toggle.active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-toggle.active,.pgp-layout-btn.active,.pgp-mode-toggle.active,.pgp-mode-btn.active,.iq-view-toggle.active,.iq-view-btn.active,.garage-view-toggle.active,.garage-view-btn.active,.parts-view-toggle.active,.parts-view-btn.active,[data-view].active,[data-layout].active,[data-mode].active,[aria-pressed="true"]){
  background:#ffffff !important;
  background-image:none !important;
  color:var(--pgp-user-red) !important;
  border-color:rgba(238,21,78,.24) !important;
  box-shadow:none !important;
}
body :is(.dots.active,.dots.is-active,.dots[aria-expanded="true"],.view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,.display-toggle.active,.display-btn.active,.mode-toggle.active,.mode-btn.active,.pgp-view-toggle.active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-toggle.active,.pgp-layout-btn.active,.pgp-mode-toggle.active,.pgp-mode-btn.active,.iq-view-toggle.active,.iq-view-btn.active,.garage-view-toggle.active,.garage-view-btn.active,.parts-view-toggle.active,.parts-view-btn.active,[data-view].active,[data-layout].active,[data-mode].active,[aria-pressed="true"]) :is(svg,path,rect,circle,polygon,line,polyline,span,i){
  color:var(--pgp-user-red) !important;
  stroke:var(--pgp-user-red) !important;
  fill:currentColor !important;
  opacity:1 !important;
}

/* Extracted from pgp-app-header.php: pgp-final-header-search-order-fix-v12 */
/* Final fix: the shared top header owns the search bar. No page-level header/search duplication. */
html, body{background:#fff !important; background-image:none !important;}
body{padding-top:132px !important;}
.pgp-app-header{
  position:fixed !important;
  top:0 !important; left:0 !important; right:0 !important;
  z-index:1100 !important;
  padding:14px 18px 10px !important;
  background:rgba(255,255,255,.96) !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  pointer-events:none !important;
}
.pgp-app-header-inner{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  pointer-events:auto !important;
}
.pgp-header-search-wrap{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:12px auto 0 !important;
  padding:0 !important;
  pointer-events:auto !important;
  order:2 !important;
}
.pgp-header-search-form{
  position:relative !important;
  width:min(580px,82vw) !important;
  max-width:calc(100vw - 84px) !important;
  height:58px !important;
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:5px 7px 5px 20px !important;
  border-radius:999px !important;
  clip-path:none !important;
  overflow:hidden !important;
  background:#fff !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.08), inset 0 0 0 5px rgba(0,0,0,.035) !important;
}
.pgp-header-search-input{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#111315 !important;
  font-size:19px !important;
  font-weight:900 !important;
  text-align:center !important;
  direction:rtl !important;
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
}
.pgp-header-search-input::placeholder{color:rgba(17,19,21,.55) !important; opacity:1 !important; text-align:center !important;}
.pgp-header-search-submit,
.pgp-header-search-submit:hover,
.pgp-header-search-submit:focus,
.pgp-header-search-submit:active{
  position:relative !important;
  flex:0 0 50px !important;
  width:50px !important; height:50px !important;
  min-width:50px !important; min-height:50px !important;
  max-width:50px !important; max-height:50px !important;
  border-radius:50% !important;
  border:0 !important;
  outline:0 !important;
  background:#333031 !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  font-size:0 !important;
  line-height:1 !important;
  text-indent:-9999px !important;
  box-shadow:0 12px 22px rgba(69,4,188,.22) !important;
  transform:none !important;
}
.pgp-header-search-submit::before{
  content:"→" !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important; height:100% !important;
  color:#fff !important;
  font-size:32px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-indent:0 !important;
  transform:translateY(-1px) !important;
}
.pgp-header-search-submit::after{content:none !important; display:none !important;}
.pgp-header-search-submit > *,
.pgp-header-search-submit > svg,
.pgp-header-search-submit > .pgp-header-search-submit-icon,
.pgp-header-search-submit .pgp-search-arrow-mobile,
.pgp-header-search-submit .pgp-clean-search-arrow{
  display:none !important; visibility:hidden !important; opacity:0 !important;
  width:0 !important; height:0 !important; overflow:hidden !important;
}
.pgp-header-tab::before{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%) !important; border-radius:0 !important;}
.pgp-header-tab{border-radius:0 !important;}
@media(max-width:768px){
  body{padding-top:128px !important;}
  .pgp-app-header{padding:12px 14px 9px !important;}
  .pgp-app-header-inner{gap:8px !important;}
  .pgp-header-search-wrap{margin-top:11px !important;}
  .pgp-header-search-form{width:min(580px,82vw) !important; max-width:calc(100vw - 70px) !important; height:58px !important; min-height:58px !important; padding:5px 7px 5px 18px !important;}
  .pgp-header-search-submit{width:50px !important; height:50px !important; min-width:50px !important; min-height:50px !important; flex-basis:50px !important;}
  .pgp-header-search-input{font-size:18px !important;}
}

/* Extracted from pgp-app-header.php: pgp-shared-header-search-lock-v13 */
/* v13: one shared header/search style for every page. Keeps the search bar tied to pgp-app-header only. */
html body .pgp-app-header .pgp-header-search-wrap{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:12px auto 0 !important;
  padding:0 !important;
  pointer-events:auto !important;
}
html body .pgp-app-header .pgp-header-search-form{
  position:relative !important;
  width:min(580px,82vw) !important;
  max-width:calc(100vw - 70px) !important;
  height:58px !important;
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:5px 7px 5px 18px !important;
  margin:0 auto !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:999px !important;
  clip-path:none !important;
  overflow:hidden !important;
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  box-shadow:0 14px 28px rgba(0,0,0,.08), inset 0 0 0 5px rgba(0,0,0,.035) !important;
  transform:none !important;
}
html body .pgp-app-header .pgp-header-search-input{
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  padding:0 8px !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111315 !important;
  text-align:center !important;
  direction:rtl !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
html body .pgp-app-header .pgp-header-search-input::placeholder{
  color:rgba(17,19,21,.55) !important;
  opacity:1 !important;
  text-align:center !important;
}
html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-app-header .pgp-header-search-submit:hover,
html body .pgp-app-header .pgp-header-search-submit:focus,
html body .pgp-app-header .pgp-header-search-submit:active{
  position:relative !important;
  flex:0 0 50px !important;
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  min-height:50px !important;
  max-width:50px !important;
  max-height:50px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:50% !important;
  clip-path:none !important;
  aspect-ratio:1 / 1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#333031 !important;
  background-color:#333031 !important;
  background-image:none !important;
  color:transparent !important;
  box-shadow:0 12px 22px rgba(69,4,188,.22) !important;
  line-height:1 !important;
  font-size:0 !important;
  text-indent:-9999px !important;
  transform:none !important;
  translate:none !important;
}
html body .pgp-app-header .pgp-header-search-submit::before{
  content:"→" !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  background:transparent !important;
  font-size:32px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-indent:0 !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  box-shadow:none !important;
}
html body .pgp-app-header .pgp-header-search-submit::after{content:none !important;display:none !important;opacity:0 !important;}
html body .pgp-app-header .pgp-header-search-submit > *,
html body .pgp-app-header .pgp-header-search-submit svg,
html body .pgp-app-header .pgp-header-search-submit path,
html body .pgp-app-header .pgp-header-search-submit .pgp-header-search-submit-icon,
html body .pgp-app-header .pgp-header-search-submit .pgp-search-arrow-mobile,
html body .pgp-app-header .pgp-header-search-submit .pgp-search-arrow-desktop,
html body .pgp-app-header .pgp-header-search-submit .pgp-clean-search-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;
  overflow:hidden !important;
  color:transparent !important;
  fill:transparent !important;
  stroke:transparent !important;
}
@media(max-width:768px){
  html body .pgp-app-header .pgp-header-search-wrap{margin-top:12px !important;}
  html body .pgp-app-header .pgp-header-search-form{width:min(580px,82vw) !important;max-width:calc(100vw - 70px) !important;height:58px !important;min-height:58px !important;padding:5px 7px 5px 18px !important;}
  html body .pgp-app-header .pgp-header-search-submit{width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important;flex-basis:50px !important;}
  html body .pgp-app-header .pgp-header-search-input{font-size:18px !important;}
}

/* Extracted from pgp-app-header.php: pgp-shared-header-search-view-v14 */
/* v14 - shared header/search is the only source for all pages. It scrolls with the page, not fixed over content. */
html body{
  padding-top:0 !important;
}
html body .pgp-app-header,
html body:has(#home) .pgp-app-header{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  z-index:100 !important;
  width:100% !important;
  padding:14px 18px 14px !important;
  margin:0 auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  pointer-events:none !important;
}
html body .pgp-app-header .pgp-app-header-inner{
  pointer-events:auto !important;
}
html body .pgp-app-header .pgp-header-search-wrap{
  position:relative !important;
  inset:auto !important;
  z-index:1 !important;
  width:100% !important;
  margin:14px auto 18px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  pointer-events:auto !important;
  transform:none !important;
}
html body .pgp-app-header .pgp-header-search-form{
  position:relative !important;
  width:min(580px,82vw) !important;
  max-width:calc(100vw - 70px) !important;
  height:58px !important;
  min-height:58px !important;
  padding:5px 7px 5px 18px !important;
  border-radius:999px !important;
  clip-path:none !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 12px 32px rgba(0,0,0,.12),0 0 0 5px rgba(0,0,0,.035) !important;
}
html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-app-header .pgp-header-search-submit:hover,
html body .pgp-app-header .pgp-header-search-submit:focus,
html body .pgp-app-header .pgp-header-search-submit:active{
  position:relative !important;
  flex:0 0 50px !important;
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  min-height:50px !important;
  max-width:50px !important;
  max-height:50px !important;
  border-radius:50% !important;
  clip-path:none !important;
  overflow:hidden !important;
  background:#333031 !important;
  color:transparent !important;
  font-size:0 !important;
  text-indent:-9999px !important;
  transform:none !important;
  translate:none !important;
}
html body .pgp-app-header .pgp-header-search-submit::before{
  content:"→" !important;
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  font-size:32px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-indent:0 !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
}
html body .pgp-app-header .pgp-header-search-submit::after{content:none !important;display:none !important;opacity:0 !important;}
html body .pgp-app-header .pgp-header-search-submit > *,
html body .pgp-app-header .pgp-header-search-submit svg,
html body .pgp-app-header .pgp-header-search-submit path,
html body .pgp-app-header .pgp-header-search-submit .pgp-clean-search-arrow,
html body .pgp-app-header .pgp-header-search-submit .pgp-search-arrow-mobile,
html body .pgp-app-header .pgp-header-search-submit .pgp-search-arrow-desktop{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}
@media(max-width:768px){
  html body .pgp-app-header{padding:12px 10px 12px !important;}
  html body .pgp-app-header .pgp-header-search-wrap{margin:14px auto 18px !important;}
  html body .pgp-app-header .pgp-header-search-form{width:min(580px,82vw) !important;max-width:calc(100vw - 70px) !important;height:58px !important;min-height:58px !important;}
}

/* Section view buttons: red buttons with black icons on garages and parts; icon never disappears. */
html body .pgp-section-view-tools{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  z-index:5 !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[aria-pressed="true"]{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  border-radius:999px !important;
  border:1px solid rgba(238,21,78,.20) !important;
  background:#ee154e !important;
  background-image:none !important;
  color:#000 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:0 12px 26px rgba(238,21,78,.14) !important;
  filter:none !important;
}
html body .pgp-section-view-tools .pgp-section-view-btn svg,
html body .pgp-section-view-tools .pgp-section-view-btn svg *,
html body .pgp-section-view-tools .pgp-section-view-btn.is-active svg,
html body .pgp-section-view-tools .pgp-section-view-btn.is-active svg *,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"] svg,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"] svg *{
  width:18px !important;
  height:18px !important;
  color:#000 !important;
  fill:#000 !important;
  stroke:#000 !important;
  opacity:1 !important;
  visibility:visible !important;
  display:block !important;
  filter:none !important;
}

/* Extracted from pgp-app-header.php: pgp-v21-header-tabs-real-bg-hover-only */
/* === PGP v21: header tabs only, no search/layout change ===
   Fixes hover by applying the background to the real button, not ::before.
*/
:root{
  --pgp-site-header-tab-bg:#232323 !important;
  --pgp-site-header-tab-text:#ffffff !important;
  --pgp-site-header-hover-bg:#d9365d !important;
  --pgp-site-header-active-bg:#f3144e !important;
}

html body .pgp-app-header .pgp-header-tabs .pgp-header-tab,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:link,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:visited{
  background:#232323 !important;
  background-color:#232323 !important;
  background-image:none !important;
  color:#ffffff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  isolation:auto !important;
  overflow:hidden !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
  transition:background-color .16s ease, background .16s ease, transform .16s ease !important;
}

html body .pgp-app-header .pgp-header-tabs .pgp-header-tab::before,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:hover,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:focus,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:focus-visible,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:active{
  background:#d9365d !important;
  background-color:#d9365d !important;
  background-image:none !important;
  color:#ffffff !important;
  transform:translateY(-1px) !important;
}

html body .pgp-app-header .pgp-header-tabs .pgp-header-tab.is-active,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab.active,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab[aria-current="page"]{
  background:#f3144e !important;
  background-color:#f3144e !important;
  background-image:none !important;
  color:#ffffff !important;
}

html body .pgp-app-header .pgp-header-tabs .pgp-header-tab.is-active:hover,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab.active:hover,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab[aria-current="page"]:hover{
  background:#d9365d !important;
  background-color:#d9365d !important;
  background-image:none !important;
  color:#ffffff !important;
}

html body .pgp-app-header .pgp-header-tabs .pgp-header-tab span,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:hover span,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:focus span,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:active span,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab svg,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab svg *,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab .pgp-iraq-icon,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab .pgp-iraq-icon *{
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}

html body .pgp-app-header .pgp-parts-menu-button span{
  background:#000000 !important;
  background-color:#000000 !important;
  box-shadow:none !important;
}
html body .pgp-app-header .pgp-parts-menu-button:hover span,
html body .pgp-app-header .pgp-parts-menu-button:focus span,
html body .pgp-app-header .pgp-parts-menu-button:focus-visible span,
html body .pgp-app-header .pgp-parts-menu-button:active span,
html body .pgp-app-header .pgp-parts-menu-button.is-open span,
html body .pgp-app-header .pgp-parts-menu-button[aria-expanded="true"] span,
html body.pgp-parts-menu-open .pgp-app-header .pgp-parts-menu-button span{
  background:#f3144e !important;
  background-color:#f3144e !important;
}

/* Extracted from pgp-app-header.php: pgp-v22-header-fixed-soft-hover */
/* === PGP v22: only top header fixed + softer buttons + requested hover color === */
:root{
  --pgp-site-header-tab-bg:#232323 !important;
  --pgp-site-header-tab-text:#ffffff !important;
  --pgp-site-header-hover-bg:#e61d1d !important;
  --pgp-site-header-active-bg:#f3144e !important;
}

/* Keep the search in normal page flow, but reserve space for the fixed top header row. */
html body .pgp-app-header,
html body:has(#home) .pgp-app-header{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  padding:70px 18px 14px !important;
  margin:0 auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
  z-index:100 !important;
}

/* Fixed part: logo + Garages/Liket/Following + menu only. Search stays below and scrolls normally. */
html body .pgp-app-header .pgp-app-header-inner,
html body:has(#home) .pgp-app-header .pgp-app-header-inner{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:14px 18px 10px !important;
  box-sizing:border-box !important;
  z-index:99999 !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:none !important;
  border:0 !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  pointer-events:auto !important;
}

/* Softer/less sharp tab shape. */
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:link,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:visited{
  background:#232323 !important;
  background-color:#232323 !important;
  background-image:none !important;
  color:#ffffff !important;
  border:0 !important;
  border-radius:3px !important;
  clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%) !important;
  box-shadow:none !important;
  text-shadow:none !important;
  overflow:hidden !important;
  transition:background-color .16s ease, background .16s ease, transform .16s ease !important;
}

html body .pgp-app-header .pgp-header-tabs .pgp-header-tab::before,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:hover,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:focus,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:focus-visible,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:active{
  background:#e61d1d !important;
  background-color:#e61d1d !important;
  background-image:none !important;
  color:#ffffff !important;
  transform:translateY(-1px) !important;
}

html body .pgp-app-header .pgp-header-tabs .pgp-header-tab.is-active,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab.active,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab[aria-current="page"]{
  background:#f3144e !important;
  background-color:#f3144e !important;
  color:#ffffff !important;
}

html body .pgp-app-header .pgp-header-tabs .pgp-header-tab.is-active:hover,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab.active:hover,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab[aria-current="page"]:hover{
  background:#e61d1d !important;
  background-color:#e61d1d !important;
  color:#ffffff !important;
}

html body .pgp-app-header .pgp-header-tabs .pgp-header-tab span,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:hover span,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:focus span,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:active span,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab svg,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab svg *,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab .pgp-iraq-icon,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab .pgp-iraq-icon *{
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

html body .pgp-app-header .pgp-parts-menu-button span{
  background:#000000 !important;
  background-color:#000000 !important;
  box-shadow:none !important;
}
html body .pgp-app-header .pgp-parts-menu-button:hover span,
html body .pgp-app-header .pgp-parts-menu-button:focus span,
html body .pgp-app-header .pgp-parts-menu-button:focus-visible span,
html body .pgp-app-header .pgp-parts-menu-button:active span,
html body .pgp-app-header .pgp-parts-menu-button.is-open span,
html body .pgp-app-header .pgp-parts-menu-button[aria-expanded="true"] span,
html body.pgp-parts-menu-open .pgp-app-header .pgp-parts-menu-button span{
  background:#e61d1d !important;
  background-color:#e61d1d !important;
}

@media (max-width:768px){
  html body .pgp-app-header,
  html body:has(#home) .pgp-app-header{
    padding:62px 10px 14px !important;
  }
  html body .pgp-app-header .pgp-app-header-inner,
  html body:has(#home) .pgp-app-header .pgp-app-header-inner{
    padding:10px 10px 8px !important;
  }
  html body .pgp-app-header .pgp-header-tabs .pgp-header-tab,
  html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:link,
  html body .pgp-app-header .pgp-header-tabs .pgp-header-tab:visited{
    clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%) !important;
    border-radius:3px !important;
  }
}

/* Extracted from pgp-app-header.php: pgp-v23-remove-fixed-header-white-strip */
/* === PGP v23: remove only the white fixed header frame/strip ===
   Keeps the top header fixed, keeps search in normal flow, removes the white panel that was visually covering the search area.
*/
html body .pgp-app-header,
html body:has(#home) .pgp-app-header{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  outline:0 !important;
}

html body .pgp-app-header .pgp-app-header-inner,
html body:has(#home) .pgp-app-header .pgp-app-header-inner{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  outline:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Keep the header controls clickable, but do not let the invisible fixed row block the search below. */
html body .pgp-app-header .pgp-app-header-inner{
  pointer-events:none !important;
}
html body .pgp-app-header .pgp-logo-link,
html body .pgp-app-header .pgp-header-tabs,
html body .pgp-app-header .pgp-header-tabs .pgp-header-tab,
html body .pgp-app-header .pgp-parts-menu-button,
html body .pgp-app-header .pgp-header-lang-wrap,
html body .pgp-app-header .pgp-header-lang-btn,
html body .pgp-app-header .pgp-header-parts-menu{
  pointer-events:auto !important;
}

/* Extracted from pgp-app-header.php: pgp-v40-search-dark-no-flash-lock */
/* v40: final search button color lock. Removes old red/green/purple first-paint remnants; product arrows are not touched here. */
html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-app-header .pgp-header-search-submit:hover,
html body .pgp-app-header .pgp-header-search-submit:focus,
html body .pgp-app-header .pgp-header-search-submit:active,
html body .pgp-header-search-submit.pgp-unified-search-submit,
html body .pgp-header-search-submit.pgp-v40-normalized{
  background:#333031 !important;
  background-color:#333031 !important;
  background-image:none !important;
  border-color:#333031 !important;
  color:#ffffff !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-app-header .pgp-header-search-submit:hover,
html body .pgp-app-header .pgp-header-search-submit:focus{
  background:#2a2829 !important;
  background-color:#2a2829 !important;
  border-color:#2a2829 !important;
  box-shadow:0 0 0 2.5px rgba(238,21,78,.82),0 8px 22px rgba(51,48,49,.22) !important;
}
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-unified-search-submit::before,
html body .pgp-header-search-submit.pgp-unified-search-submit::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
}
html body .pgp-app-header .pgp-header-search-submit > svg.pgp-v40-arrow-svg,
html body .pgp-app-header .pgp-header-search-submit > svg.pgp-unified-arrow-svg,
html body .pgp-app-header .pgp-header-search-submit > svg.pgp-search-clone-arrow,
html body .pgp-app-header .pgp-header-search-submit > svg.pgp-search-arrow-desktop{
  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:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
  transform:none !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 > svg.pgp-unified-arrow-svg path,
html body .pgp-app-header .pgp-header-search-submit > svg.pgp-search-clone-arrow path,
html body .pgp-app-header .pgp-header-search-submit > svg.pgp-search-arrow-desktop path{
  stroke:#ffffff !important;
  fill:none !important;
}

/* Extracted from pgp-app-header.php: pgp-v49-view-icons-hard-lock */
/* v49: do not let older header/global button rules recolor section view icons. */
html body .pgp-section-view-tools,
html body .pgp-section-view-tools *{box-shadow:none!important;text-shadow:none!important;filter:none!important;}
html body .pgp-section-view-tools,
html body .pgp-section-view-tools.pgp-v49-view-tools{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;gap:8px!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"]{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;background:transparent!important;border:0!important;border-radius:0!important;color:#050505!important;box-shadow:none!important;transform:none!important;}
html body .pgp-section-view-tools .pgp-v49-view-icon{width:18px!important;height:18px!important;color:#050505!important;stroke:#050505!important;fill: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 :is(rect,path){fill:none!important;stroke:#050505!important;}

/* Extracted from pgp-app-header.php: pgp-v50-view-icons-hard-lock */
/* =========================================================
   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;
}

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


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

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

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



/* =========================================================
   PGP v74 mobile identity deep clean override
   ========================================================= */
@media(max-width:768px){
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable{
    position:relative!important;
    display:block!important;
    height:96px!important;
    min-height:96px!important;
    max-height:96px!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-v74-mobile-stable > .pgp-v74-identity-row{
    position:absolute!important;
    left:8px!important;
    top:14px!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:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    column-gap:8px!important;
    align-items:center!important;
    justify-content:start!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    z-index:50!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  html body .pgp-v74-identity-row > .pgp-v74-logo-wrap{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
    overflow:visible!important;
    border-radius:999px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    position:relative!important;
    z-index:51!important;
  }
  html body .pgp-v74-identity-row > .pgp-v74-logo-wrap img,
  html body .pgp-v74-identity-row img.pgp-v74-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;
    object-position:center center!important;
    border-radius:999px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    clip-path:none!important;
  }
  html body .pgp-v74-identity-row > .pgp-v74-text-wrap{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
    width:100%!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;
    text-align:left!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    z-index:52!important;
  }
  html body .pgp-v74-identity-row > .pgp-v74-text-wrap :is(.garage-name,.garage-title,.store-name,.garage-name-link,.store-name-link,.pgp-part-name,.pgp-part-title,h1,h2,h3,strong,a){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.06!important;
    font-weight:800!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    margin:0 0 4px 0!important;
    padding:0!important;
    color:#050505!important;
    text-align:left!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
  html body .pgp-v74-identity-row > .pgp-v74-text-wrap :is(.garage-meta,.garage-location,.store-meta,.garage-subtitle,.pgp-part-meta,p,span,small){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:12px!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;
    text-align:left!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
  html body .pgp-v74-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-v74-mobile-stable > .pgp-standalone-follow-toggle,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > .pgp-section-view-tools,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > :is(button.dots,.pgp-more-button){
    position:absolute!important;
    top:14px!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!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-v74-mobile-stable > .pgp-standalone-follow-toggle{right:86px!important;width:24px!important;min-width:24px!important;max-width:24px!important;z-index:91!important;}
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > .pgp-section-view-tools{right:28px!important;width:46px!important;min-width:46px!important;max-width:46px!important;gap:0!important;justify-content:space-between!important;z-index:90!important;}
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > :is(button.dots,.pgp-more-button){right:0!important;width:24px!important;min-width:24px!important;max-width:24px!important;z-index:92!important;}
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > .pgp-standalone-follow-toggle svg,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > .pgp-section-view-tools svg,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > :is(button.dots,.pgp-more-button) svg{
    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;
    transform:none!important;
  }
  html body .pgp-garage-is-following .pgp-v74-identity-row img.pgp-garage-follow-ring-target,
  html body .pgp-v74-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 v75 — mobile identity no-bounce final override
   Stops legacy/transition movement and keeps action icons slightly higher.
   ========================================================= */
@media(max-width:768px){
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > .pgp-v74-identity-row,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > .pgp-standalone-follow-toggle,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > .pgp-section-view-tools,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > :is(button.dots,.pgp-more-button){
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > .pgp-standalone-follow-toggle,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > .pgp-section-view-tools,
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > :is(button.dots,.pgp-more-button){
    top:8px!important;
    transform:none!important;
  }
  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > .pgp-v74-identity-row{
    top:14px!important;
    transform:none!important;
    contain:none!important;
  }
  html body .pgp-v74-identity-row > .pgp-v74-logo-wrap,
  html body .pgp-v74-identity-row > .pgp-v74-logo-wrap img,
  html body .pgp-v74-identity-row > .pgp-v74-text-wrap{
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
}

/* Extracted from pgp-app-header.php: pgp-v129-search-ring-final-lock */
html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-app-header .pgp-header-search-submit:hover,
html body .pgp-app-header .pgp-header-search-submit:focus,
html body .pgp-app-header .pgp-header-search-submit:active,
html body .pgp-header-search-submit.pgp-unified-search-submit,
html body .pgp-header-search-submit.pgp-v40-normalized{
  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-app-header .pgp-header-search-submit::before,
html body .pgp-app-header .pgp-header-search-submit::after,
html body .pgp-header-search-submit.pgp-unified-search-submit::before,
html body .pgp-header-search-submit.pgp-unified-search-submit::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
}

/* =========================================================
   PGP v806 — physical UI order lock
   Keeps the document language RTL while restoring the site's
   original physical positions.
   ========================================================= */

/* Header: logo on the physical left, parts menu on the right. */
html body .pgp-app-header .pgp-app-header-inner{
  direction:ltr!important;
}

/* Preserve the established tab order on Arabic/Kurdish pages. */
html[dir="rtl"] body .pgp-app-header .pgp-header-tabs{
  direction:rtl!important;
}

/* Garage identity stays physically left without changing the
   internal row/column design chosen by each component. */
html body .garage-top,
html body .garage-top > .garage-brand{
  direction:ltr!important;
}

html body .garage-top > .garage-brand{
  justify-content:flex-start!important;
  text-align:left!important;
  margin-right:auto!important;
  margin-left:0!important;
}

@media(max-width:768px){
  html body :is(
    .pgp-v71-mobile-identity-row,
    .pgp-v73-identity-row,
    .pgp-v74-identity-row
  ){
    direction:ltr!important;
  }

  html body :is(.garage-top,.products-head,.pgp-part-top).pgp-v74-mobile-stable > .pgp-v74-identity-row{
    left:8px!important;
    right:126px!important;
    justify-content:start!important;
  }

  html body .pgp-v74-identity-row > .pgp-v74-logo-wrap{
    grid-column:1!important;
  }

  html body .pgp-v74-identity-row > .pgp-v74-text-wrap{
    grid-column:2!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
}

/* RTL text keeps its own bidi behavior inside the left identity box. */
html[dir="rtl"] body .garage-top :is(
  .garage-name,.garage-title,.store-name,.garage-name-link,.store-name-link,
  .pgp-part-name,.pgp-part-title,.garage-meta,.garage-location,
  .store-meta,.garage-subtitle,.pgp-part-meta
),
html[dir="rtl"] body .pgp-v74-text-wrap > *
{
  direction:rtl!important;
  unicode-bidi:plaintext;
  text-align:left!important;
}

/* Extracted from pgp-app-header.php: pgp-v130-search-ring-fire-final-lock */
html body .pgp-app-header .pgp-header-search-submit,
html body .pgp-app-header .pgp-header-search-submit:hover,
html body .pgp-app-header .pgp-header-search-submit:focus,
html body .pgp-app-header .pgp-header-search-submit:active,
html body .pgp-header-search-submit.pgp-unified-search-submit,
html body .pgp-header-search-submit.pgp-v40-normalized{
  overflow:visible!important;
  border:0!important;
  outline:0!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-app-header .pgp-header-search-submit::before,
html body .pgp-app-header .pgp-header-search-submit::after,
html body .pgp-header-search-submit.pgp-unified-search-submit::before,
html body .pgp-header-search-submit.pgp-unified-search-submit::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
}