/* PGP section product layout switcher - refined
   Grid: large app-like cards.
   Row: one horizontal line with desktop arrows.
   Controls live inside each product/garage section, not in the global header. */
:root{--pgp-view-red:#f3144e;--pgp-view-white:#fff;--pgp-view-dark:#111315;}

/* never show old/global/header switchers */
#pgpGlobalViewSwitcher,
.pgp-view-switcher-floating,
.pgp-layout-switcher,
.pgp-header-view-tools,
.pgp-top-view-tools{display:none!important;visibility:hidden!important;pointer-events:none!important;}

.pgp-section-view-tools{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:4px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.055)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;direction:ltr!important;flex:0 0 auto!important;margin-inline-start:auto!important;position:relative!important;z-index:20!important;}
.pgp-section-view-btn{width:34px!important;height:30px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.045)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;outline:0!important;line-height:1!important;}
.pgp-section-view-btn svg{width:17px!important;height:17px!important;display:block!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.pgp-section-view-btn[data-pgp-view-style="grid"] svg rect{fill:currentColor!important;stroke:none!important;opacity:.96!important;}
.pgp-section-view-btn:hover{background:rgba(243,20,78,.16)!important;border-color:rgba(243,20,78,.72)!important;color:#fff!important;transform:translateY(-1px)!important;}
.pgp-section-view-btn.is-active{background:linear-gradient(180deg,#f3144e 0%,#c9002c 100%)!important;border-color:#f3144e!important;color:#fff!important;box-shadow:0 8px 20px rgba(243,20,78,.30)!important;}
.pgp-section-view-btn.is-active svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));}

/* Section headers receive controls beside Engine / Fuel System / garage follow/settings */
.garage-top,
.pgp-part-top,
.products-head,
.section-head,
.pgp-section-head,
.home-section-head,
.card-head{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;position:relative!important;min-width:0!important;}
.garage-top .garage-brand,
.pgp-part-top .pgp-part-brand,
.products-head>div:first-child{min-width:0!important;max-width:calc(100% - 94px)!important;}
.garage-top .pgp-section-view-tools{margin-inline-start:auto!important;margin-inline-end:6px!important;}
.garage-top .dots{margin-inline-start:0!important;}
.store-info .pgp-section-view-tools{align-self:start!important;margin-inline-start:0!important;}

/* Shell for section arrows */
.pgp-view-shell{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-top:0!important;overflow:hidden!important;}
.pgp-view-shell>.pgp-view-arrow{display:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.18)!important;color:#fff!important;z-index:30!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 14px 30px rgba(0,0,0,.28)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;transition:background .16s ease,transform .16s ease,opacity .16s ease!important;}
.pgp-view-shell>.pgp-view-arrow svg{width:19px!important;height:19px!important;display:block!important;stroke:currentColor!important;fill:none!important;stroke-width:2.35!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.pgp-view-shell>.pgp-view-arrow:hover{background:rgba(243,20,78,.78)!important;transform:translateY(-50%) scale(1.04)!important;}
.pgp-view-shell>.pgp-view-arrow-left{left:4px!important;}
.pgp-view-shell>.pgp-view-arrow-right{right:4px!important;}
.pgp-view-shell.pgp-row-active>.pgp-view-arrow{display:flex!important;}

/* hide legacy arrows; our shell arrows handle row mode */
.row-arrow,.row-arrow-btn,.pgp-row-arrow,.pgp-row-arrow-btn,.pgp-shop-arrow{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.product-scroll-wrap,.pgp-product-scroll-wrap{overflow:visible!important;padding-inline:0!important;max-width:100%!important;}



/* PGP v120 no-class row fallback: matches the default JS row layout before JS runs, preventing image-size flash. */
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;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!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;}
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,.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% - 10px)/2)!important;width:calc((100% - 10px)/2)!important;min-width:calc((100% - 10px)/2)!important;max-width:calc((100% - 10px)/2)!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;}}

/* GRID STYLE: big app-like catalog cards */
html body .pgp-view-grid.product-row,
html body .pgp-view-grid.pgp-product-row,
html body .pgp-view-grid.products-grid,
html body .pgp-view-grid.pgp-products,
html body .pgp-view-grid.garage-products,
html body .pgp-view-grid.saved-products-grid,
html body .pgp-view-grid.saved-grid,
html body .pgp-view-grid.wishlist-products,
html body .pgp-view-grid.following-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(185px,1fr))!important;gap:14px!important;overflow:visible!important;overflow-x:visible!important;scroll-snap-type:none!important;padding:0!important;grid-auto-flow:row!important;max-width:100%!important;}
html body .pgp-view-grid.product-row>*,
html body .pgp-view-grid.pgp-product-row>*,
html body .pgp-view-grid.products-grid>*,
html body .pgp-view-grid.pgp-products>*,
html body .pgp-view-grid.garage-products>*,
html body .pgp-view-grid.saved-products-grid>*,
html body .pgp-view-grid.saved-grid>*,
html body .pgp-view-grid.wishlist-products>*,
html body .pgp-view-grid.following-grid>*{min-width:0!important;width:auto!important;max-width:none!important;flex:none!important;}
.pgp-view-grid .product-media,
.pgp-view-grid .pgp-product-media,
.pgp-view-grid .pgp-img,
.pgp-view-grid .pgp-product-img{min-height:150px!important;height:clamp(150px,16vw,245px)!important;}
.pgp-view-grid .product-card,
.pgp-view-grid .pgp-product-card,
.pgp-view-grid .pgp-card,
.pgp-view-grid .pgp-product{border-radius:22px!important;overflow:hidden!important;}

/* ROW STYLE: exactly one horizontal line with arrows on laptop/desktop */
html body .pgp-view-row.product-row,
html body .pgp-view-row.pgp-product-row,
html body .pgp-view-row.products-grid,
html body .pgp-view-row.pgp-products,
html body .pgp-view-row.garage-products,
html body .pgp-view-row.saved-products-grid,
html body .pgp-view-row.saved-grid,
html body .pgp-view-row.wishlist-products,
html body .pgp-view-row.following-grid{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;scroll-behavior:smooth!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;padding:0 12px 10px!important;grid-template-columns:none!important;grid-auto-flow:column!important;max-width:100%!important;white-space:normal!important;}
html body .pgp-view-row.product-row::-webkit-scrollbar,
html body .pgp-view-row.pgp-product-row::-webkit-scrollbar,
html body .pgp-view-row.products-grid::-webkit-scrollbar,
html body .pgp-view-row.pgp-products::-webkit-scrollbar,
html body .pgp-view-row.garage-products::-webkit-scrollbar,
html body .pgp-view-row.saved-products-grid::-webkit-scrollbar,
html body .pgp-view-row.saved-grid::-webkit-scrollbar,
html body .pgp-view-row.wishlist-products::-webkit-scrollbar,
html body .pgp-view-row.following-grid::-webkit-scrollbar{display:none!important;}
html body .pgp-view-row.product-row>*,
html body .pgp-view-row.pgp-product-row>*,
html body .pgp-view-row.products-grid>*,
html body .pgp-view-row.pgp-products>*,
html body .pgp-view-row.garage-products>*,
html body .pgp-view-row.saved-products-grid>*,
html body .pgp-view-row.saved-grid>*,
html body .pgp-view-row.wishlist-products>*,
html body .pgp-view-row.following-grid>*{flex:0 0 clamp(190px,20vw,260px)!important;width:clamp(190px,20vw,260px)!important;min-width:clamp(190px,20vw,260px)!important;max-width:260px!important;scroll-snap-align:start!important;display:block!important;float:none!important;}
.pgp-view-row .product-media,
.pgp-view-row .pgp-product-media,
.pgp-view-row .pgp-img,
.pgp-view-row .pgp-product-img{min-height:145px!important;height:clamp(145px,14vw,220px)!important;}

@media(min-width:1200px){
  html body .pgp-view-grid.product-row,
  html body .pgp-view-grid.pgp-product-row,
  html body .pgp-view-grid.products-grid,
  html body .pgp-view-grid.pgp-products,
  html body .pgp-view-grid.garage-products,
  html body .pgp-view-grid.saved-products-grid,
  html body .pgp-view-grid.saved-grid,
  html body .pgp-view-grid.wishlist-products,
  html body .pgp-view-grid.following-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))!important;}
}

@media(max-width:980px){
  .pgp-section-view-tools{gap:4px!important;padding:3px!important;}
  .pgp-section-view-btn{width:32px!important;height:28px!important;}
  html body .pgp-view-grid.product-row,
  html body .pgp-view-grid.pgp-product-row,
  html body .pgp-view-grid.products-grid,
  html body .pgp-view-grid.pgp-products,
  html body .pgp-view-grid.garage-products,
  html body .pgp-view-grid.saved-products-grid,
  html body .pgp-view-grid.saved-grid,
  html body .pgp-view-grid.wishlist-products,
  html body .pgp-view-grid.following-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  html body .pgp-view-row.product-row>*,
  html body .pgp-view-row.pgp-product-row>*,
  html body .pgp-view-row.products-grid>*,
  html body .pgp-view-row.pgp-products>*,
  html body .pgp-view-row.garage-products>*,
  html body .pgp-view-row.saved-products-grid>*,
  html body .pgp-view-row.saved-grid>*,
  html body .pgp-view-row.wishlist-products>*,
  html body .pgp-view-row.following-grid>*{flex-basis:48vw!important;width:48vw!important;min-width:48vw!important;max-width:245px!important;}
  .pgp-view-shell>.pgp-view-arrow{width:40px!important;height:40px!important;}
  .pgp-view-shell>.pgp-view-arrow-left{left:4px!important;}
  .pgp-view-shell>.pgp-view-arrow-right{right:4px!important;}
}

@media(max-width:560px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  .iq-wrap,.store-wrap,.pgp-page,.pgp-main,.pgp-content{max-width:100vw!important;overflow-x:hidden!important;}
  .garage-top,.pgp-part-top,.products-head,.section-head,.pgp-section-head,.home-section-head,.card-head{gap:8px!important;flex-wrap:nowrap!important;align-items:flex-start!important;}
  .garage-top .garage-brand,.pgp-part-top .pgp-part-brand,.products-head>div:first-child{max-width:calc(100% - 82px)!important;}
  .pgp-section-view-tools{position:absolute!important;top:10px!important;right:10px!important;margin:0!important;z-index:45!important;background:rgba(18,20,22,.72)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 12px 28px rgba(0,0,0,.32)!important;}
  .pgp-section-view-btn{width:30px!important;height:28px!important;}
  .pgp-section-view-btn svg{width:16px!important;height:16px!important;}
  .pgp-view-shell{overflow:hidden!important;border-radius:22px!important;}
  .pgp-view-shell.pgp-row-active>.pgp-view-arrow{display:none!important;} /* mobile: finger swipe like app, no arrow clutter */
  html body .pgp-view-grid.product-row,
  html body .pgp-view-grid.pgp-product-row,
  html body .pgp-view-grid.products-grid,
  html body .pgp-view-grid.pgp-products,
  html body .pgp-view-grid.garage-products,
  html body .pgp-view-grid.saved-products-grid,
  html body .pgp-view-grid.saved-grid,
  html body .pgp-view-grid.wishlist-products,
  html body .pgp-view-grid.following-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:0!important;}
  .pgp-view-grid .product-media,
  .pgp-view-grid .pgp-product-media,
  .pgp-view-grid .pgp-img,
  .pgp-view-grid .pgp-product-img{height:38vw!important;min-height:132px!important;}
  html body .pgp-view-row.product-row,
  html body .pgp-view-row.pgp-product-row,
  html body .pgp-view-row.products-grid,
  html body .pgp-view-row.pgp-products,
  html body .pgp-view-row.garage-products,
  html body .pgp-view-row.saved-products-grid,
  html body .pgp-view-row.saved-grid,
  html body .pgp-view-row.wishlist-products,
  html body .pgp-view-row.following-grid{padding:0 8px 10px!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;}
  html body .pgp-view-row.product-row>*,
  html body .pgp-view-row.pgp-product-row>*,
  html body .pgp-view-row.products-grid>*,
  html body .pgp-view-row.pgp-products>*,
  html body .pgp-view-row.garage-products>*,
  html body .pgp-view-row.saved-products-grid>*,
  html body .pgp-view-row.saved-grid>*,
  html body .pgp-view-row.wishlist-products>*,
  html body .pgp-view-row.following-grid>*{flex:0 0 82vw!important;width:82vw!important;min-width:82vw!important;max-width:82vw!important;scroll-snap-align:center!important;}
  .pgp-view-row .product-media,
  .pgp-view-row .pgp-product-media,
  .pgp-view-row .pgp-img,
  .pgp-view-row .pgp-product-img{height:48vw!important;min-height:170px!important;}
}

/* PGP final overflow/stability fix: keep section frames centered and prevent row mode from changing page width */
.iq-wrap,.store-wrap,.pgp-page,.pgp-main,.pgp-content,
.garage-card,.pgp-part-section,.products-card,.store-card,.iq-card,.home-section,.card,
.product-scroll-wrap,.pgp-product-scroll-wrap{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}
.garage-card,.pgp-part-section,.products-card,.store-card,.iq-card{
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
}
.pgp-view-shell{
  width:100%!important;
  inline-size:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  contain:layout paint inline-size!important;
  isolation:isolate!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body .pgp-view-row.product-row,
html body .pgp-view-row.pgp-product-row,
html body .pgp-view-row.products-grid,
html body .pgp-view-row.pgp-products,
html body .pgp-view-row.garage-products,
html body .pgp-view-row.saved-products-grid,
html body .pgp-view-row.saved-grid,
html body .pgp-view-row.wishlist-products,
html body .pgp-view-row.following-grid{
  width:100%!important;
  inline-size:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  contain:content!important;
}
html body .pgp-view-grid.product-row,
html body .pgp-view-grid.pgp-product-row,
html body .pgp-view-grid.products-grid,
html body .pgp-view-grid.pgp-products,
html body .pgp-view-grid.garage-products,
html body .pgp-view-grid.saved-products-grid,
html body .pgp-view-grid.saved-grid,
html body .pgp-view-grid.wishlist-products,
html body .pgp-view-grid.following-grid{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(min-width:981px){
  html body .pgp-view-row.product-row>*,
  html body .pgp-view-row.pgp-product-row>*,
  html body .pgp-view-row.products-grid>*,
  html body .pgp-view-row.pgp-products>*,
  html body .pgp-view-row.garage-products>*,
  html body .pgp-view-row.saved-products-grid>*,
  html body .pgp-view-row.saved-grid>*,
  html body .pgp-view-row.wishlist-products>*,
  html body .pgp-view-row.following-grid>*{
    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;
    box-sizing:border-box!important;
  }
}

@media(max-width:560px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  .iq-wrap,.store-wrap,.pgp-page,.pgp-main,.pgp-content,.site-shell,.page-shell{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  .garage-card,.pgp-part-section,.products-card,.store-card,.iq-card,.home-section,.card{
    width:100%!important;
    max-width:calc(100vw - 24px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .pgp-view-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    border-radius:24px!important;
  }
  html body .pgp-view-row.product-row,
  html body .pgp-view-row.pgp-product-row,
  html body .pgp-view-row.products-grid,
  html body .pgp-view-row.pgp-products,
  html body .pgp-view-row.garage-products,
  html body .pgp-view-row.saved-products-grid,
  html body .pgp-view-row.saved-grid,
  html body .pgp-view-row.wishlist-products,
  html body .pgp-view-row.following-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0 0 12px!important;
    margin:0!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:0!important;
  }
  html body .pgp-view-row.product-row>*,
  html body .pgp-view-row.pgp-product-row>*,
  html body .pgp-view-row.products-grid>*,
  html body .pgp-view-row.pgp-products>*,
  html body .pgp-view-row.garage-products>*,
  html body .pgp-view-row.saved-products-grid>*,
  html body .pgp-view-row.saved-grid>*,
  html body .pgp-view-row.wishlist-products>*,
  html body .pgp-view-row.following-grid>*{
    flex:0 0 min(84%,340px)!important;
    width:min(84%,340px)!important;
    min-width:min(84%,340px)!important;
    max-width:340px!important;
    box-sizing:border-box!important;
    scroll-snap-align:start!important;
  }
}


/* =========================================================
   FINAL FIX 2026-05-30
   - Mobile row/slider mode shows 3 products inside the phone width.
   - Row mode never pushes the page outside the screen.
   - Garage cards use the same centered frame behavior as part sections.
   - View buttons stay inside each section header and do not sit on top of follow/gear buttons.
   ========================================================= */
html,body{overflow-x:hidden!important;max-width:100%!important;}
.iq-wrap,.store-wrap,.pgp-page,.pgp-main,.pgp-content,.site-shell,.page-shell{box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden!important;}
.iq-list{width:100%!important;max-width:980px!important;margin-left:auto!important;margin-right:auto!important;}
.garage-card,.pgp-part-section,.products-card,.store-card,.iq-card,.home-section,.card{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
}
.garage-card{width:100%!important;}
.pgp-view-shell{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important;contain:layout paint inline-size!important;margin-left:auto!important;margin-right:auto!important;}

/* keep controls clean, not in global header */
.pgp-section-view-tools{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;flex:0 0 auto!important;margin-inline-start:auto!important;z-index:35!important;}
.garage-top .pgp-section-view-tools{margin-inline-start:auto!important;margin-inline-end:8px!important;}
.garage-top .dots{flex:0 0 auto!important;margin-inline-start:0!important;position:relative!important;z-index:36!important;}
.garage-top .garage-brand,.pgp-part-top .pgp-part-brand{min-width:0!important;}

/* desktop row mode: one line, stable frame, arrows visible */
@media (min-width:981px){
  html body .pgp-view-row.product-row,
  html body .pgp-view-row.pgp-product-row,
  html body .pgp-view-row.products-grid,
  html body .pgp-view-row.pgp-products,
  html body .pgp-view-row.garage-products,
  html body .pgp-view-row.saved-products-grid,
  html body .pgp-view-row.saved-grid,
  html body .pgp-view-row.wishlist-products,
  html body .pgp-view-row.following-grid{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;
    width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;
    gap:14px!important;padding:0 12px 10px!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scrollbar-width:none!important;
    grid-template-columns:none!important;grid-auto-flow:column!important;box-sizing:border-box!important;white-space:normal!important;
  }
  html body .pgp-view-row.product-row>*,
  html body .pgp-view-row.pgp-product-row>*,
  html body .pgp-view-row.products-grid>*,
  html body .pgp-view-row.pgp-products>*,
  html body .pgp-view-row.garage-products>*,
  html body .pgp-view-row.saved-products-grid>*,
  html body .pgp-view-row.saved-grid>*,
  html body .pgp-view-row.wishlist-products>*,
  html body .pgp-view-row.following-grid>*{
    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;box-sizing:border-box!important;
  }
  .pgp-view-shell.pgp-row-active>.pgp-view-arrow{display:flex!important;}
}

/* mobile/tablet layout: app-like, no body overflow */
@media (max-width:980px){
  .pgp-section-view-tools{gap:4px!important;padding:3px!important;}
  .pgp-section-view-btn{width:34px!important;height:32px!important;}
  .pgp-view-shell.pgp-row-active>.pgp-view-arrow{display:none!important;}
}

@media (max-width:560px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  .iq-wrap,.store-wrap,.pgp-page,.pgp-main,.pgp-content,.site-shell,.page-shell{
    width:100%!important;max-width:100vw!important;min-width:0!important;overflow-x:hidden!important;padding-left:12px!important;padding-right:12px!important;
  }
  .garage-card,.pgp-part-section,.products-card,.store-card,.iq-card,.home-section,.card{
    width:100%!important;max-width:calc(100vw - 24px)!important;min-width:0!important;overflow:hidden!important;margin-left:auto!important;margin-right:auto!important;
  }
  .garage-top,.pgp-part-top,.products-head,.section-head,.pgp-section-head,.home-section-head,.card-head{
    display:flex!important;align-items:flex-start!important;gap:7px!important;flex-wrap:nowrap!important;position:relative!important;min-width:0!important;
  }
  .garage-top .garage-brand,.pgp-part-top .pgp-part-brand,.products-head>div:first-child{
    flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 112px)!important;
  }
  .pgp-section-view-tools{
    position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;
    margin-inline-start:auto!important;margin-inline-end:0!important;align-self:flex-start!important;transform:none!important;
    background:rgba(18,20,22,.74)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
  }
  .garage-top .dots{position:relative!important;right:auto!important;top:auto!important;flex:0 0 36px!important;width:36px!important;height:36px!important;}
  .pgp-view-shell{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;border-radius:22px!important;}

  /* Grid icon: remains the good two-column mobile design */
  html body .pgp-view-grid.product-row,
  html body .pgp-view-grid.pgp-product-row,
  html body .pgp-view-grid.products-grid,
  html body .pgp-view-grid.pgp-products,
  html body .pgp-view-grid.garage-products,
  html body .pgp-view-grid.saved-products-grid,
  html body .pgp-view-grid.saved-grid,
  html body .pgp-view-grid.wishlist-products,
  html body .pgp-view-grid.following-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;
  }

  /* Row icon: exactly 2 visible products, one line, finger-swipe only */
  html body .pgp-view-row.product-row,
  html body .pgp-view-row.pgp-product-row,
  html body .pgp-view-row.products-grid,
  html body .pgp-view-row.pgp-products,
  html body .pgp-view-row.garage-products,
  html body .pgp-view-row.saved-products-grid,
  html body .pgp-view-row.saved-grid,
  html body .pgp-view-row.wishlist-products,
  html body .pgp-view-row.following-grid{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;
    width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;
    gap:7px!important;padding:0 0 10px!important;margin:0!important;box-sizing:border-box!important;scroll-snap-type:x mandatory!important;scroll-padding-left:0!important;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;grid-template-columns:none!important;grid-auto-flow:column!important;white-space:normal!important;
  }
  html body .pgp-view-row.product-row>*,
  html body .pgp-view-row.pgp-product-row>*,
  html body .pgp-view-row.products-grid>*,
  html body .pgp-view-row.pgp-products>*,
  html body .pgp-view-row.garage-products>*,
  html body .pgp-view-row.saved-products-grid>*,
  html body .pgp-view-row.saved-grid>*,
  html body .pgp-view-row.wishlist-products>*,
  html body .pgp-view-row.following-grid>*{
    flex:0 0 calc((100% - 7px)/2)!important;width:calc((100% - 7px)/2)!important;min-width:calc((100% - 7px)/2)!important;max-width:calc((100% - 7px)/2)!important;
    box-sizing:border-box!important;scroll-snap-align:start!important;float:none!important;display:block!important;border-radius:16px!important;overflow:hidden!important;
  }
  .pgp-view-row .product-card,
  .pgp-view-row .pgp-product-card,
  .pgp-view-row .pgp-card,
  .pgp-view-row .pgp-product{min-height:0!important;height:auto!important;}
  .pgp-view-row .product-media,
  .pgp-view-row .pgp-product-media,
  .pgp-view-row .pgp-img,
  .pgp-view-row .pgp-product-img{
    height:23vw!important;min-height:82px!important;max-height:118px!important;border-radius:16px!important;object-fit:cover!important;
  }
  .pgp-view-row .price-tag,
  .pgp-view-row .pgp-price-tag{min-height:18px!important;padding:0 5px!important;font-size:7px!important;top:5px!important;left:5px!important;}
  .pgp-view-row .view-tag,
  .pgp-view-row .pgp-view-tag{min-height:18px!important;padding:0 5px!important;font-size:7px!important;top:5px!important;right:5px!important;}
  .pgp-view-row .heart,
  .pgp-view-row .pgp-heart,
  .pgp-view-row .heart-btn{width:24px!important;height:24px!important;font-size:14px!important;right:6px!important;bottom:6px!important;}
  .pgp-view-row .product-body,
  .pgp-view-row .pgp-card-body,
  .pgp-view-row .pgp-product-body,
  .pgp-view-row .pgp-body{padding:6px!important;}
  .pgp-view-row .product-title,
  .pgp-view-row .pgp-card h3,
  .pgp-view-row .pgp-product h3,
  .pgp-view-row .pgp-body h3{font-size:9px!important;line-height:1.1!important;-webkit-line-clamp:2!important;overflow:hidden!important;}
}

/* =========================================================
   RESTORE PARTS + MATCH GARAGE CARDS SAFELY 2026-05-30
   - Do NOT override part section frame/card sizing.
   - Restore the good part layout by basing this package on the previous good CSS.
   - Apply matching sizing only to IQ garage product rows on laptop/desktop.
   - Keep product names visible without changing card widths.
   ========================================================= */

/* Titles on the card image, added by pgp-layout-toggle.js as .pgp-auto-card-title */
.pgp-auto-card-title{
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  bottom:7px!important;
  z-index:18!important;
  padding:4px 8px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.74))!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.14!important;
  text-shadow:0 1px 4px rgba(0,0,0,.95)!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.product-card,.pgp-product-card,.pgp-card,.pgp-product{position:relative!important;}

@media (min-width:981px){
  /* Garage product cards only: make IQ garage product rows use the same desktop math as the part previews, without touching part pages. */
  html body .garage-card .pgp-view-grid.product-row{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  html body .garage-card .pgp-view-grid.product-row > *{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:185px!important;
    min-height:185px!important;
    flex:none!important;
    box-sizing:border-box!important;
  }
  html body .garage-card .pgp-view-row.product-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0 12px 12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
  }
  html body .garage-card .pgp-view-row.product-row > *{
    flex:0 0 185px!important;
    width:185px!important;
    min-width:185px!important;
    max-width:185px!important;
    height:185px!important;
    min-height:185px!important;
    box-sizing:border-box!important;
    scroll-snap-align:start!important;
  }
  .garage-card .product-card{
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .garage-card .product-media,
  .garage-card .product-media img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:18px!important;
    display:block!important;
  }
  .garage-card .price-tag{min-height:28px!important;padding:0 9px!important;font-size:11px!important;top:8px!important;left:4px!important;}
  .garage-card .view-tag{min-height:26px!important;padding:0 8px!important;font-size:10px!important;top:8px!important;right:4px!important;}
  .garage-card .heart{width:38px!important;height:38px!important;font-size:22px!important;right:4px!important;bottom:8px!important;}
}

@media (max-width:560px){
  /* Mobile: keep the previously good app layout; show three row-mode cards and arrows without page overflow. */
  .pgp-view-shell.pgp-row-active > .pgp-view-arrow{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    width:32px!important;
    height:32px!important;
    top:50%!important;
    border-radius:999px!important;
    background:rgba(243,20,78,.92)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    color:#fff!important;
    z-index:80!important;
    box-shadow:0 10px 24px rgba(0,0,0,.45)!important;
  }
  .pgp-view-shell.pgp-row-active > .pgp-view-arrow-left{left:3px!important;}
  .pgp-view-shell.pgp-row-active > .pgp-view-arrow-right{right:3px!important;}
  .pgp-view-shell.pgp-row-active > .pgp-view-arrow svg{width:15px!important;height:15px!important;}
  .pgp-auto-card-title{
    left:5px!important;
    right:5px!important;
    bottom:5px!important;
    padding:3px 5px!important;
    border-radius:8px!important;
    font-size:7.2px!important;
    line-height:1.05!important;
    -webkit-line-clamp:2!important;
  }
}

/* =========================================================
   FINAL GARAGE WIDTH + ARROW MATCH FIX 2026-05-30
   - Do not touch the good part products layout.
   - Make IQ garage product sections use the same wide frame as part sections on laptop/desktop.
   - Keep row arrows visually close to the original home/main row arrows.
   ========================================================= */
@media (min-width:981px){
  html body .iq-wrap{
    max-width:1200px!important;
    width:100%!important;
  }
  html body .iq-list{
    width:100%!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body .iq-list > .garage-card,
  html body .iq-list > .iq-card.garage-card{
    width:100%!important;
    max-width:1200px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:22px!important;
    box-sizing:border-box!important;
  }
  html body .garage-card .pgp-view-shell,
  html body .garage-card .product-scroll-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  html body .garage-card .pgp-view-grid.product-row{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  html body .garage-card .pgp-view-grid.product-row > .product-card{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:185px!important;
    min-height:185px!important;
    flex:none!important;
    box-sizing:border-box!important;
  }
  html body .garage-card .pgp-view-row.product-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:12px!important;
    padding:0 10px 12px!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    box-sizing:border-box!important;
  }
  html body .garage-card .pgp-view-row.product-row > .product-card{
    flex:0 0 calc((100% - 48px)/5)!important;
    width:calc((100% - 48px)/5)!important;
    min-width:calc((100% - 48px)/5)!important;
    max-width:none!important;
    height:185px!important;
    min-height:185px!important;
    box-sizing:border-box!important;
    scroll-snap-align:start!important;
  }
  html body .garage-card .product-card,
  html body .garage-card .product-media,
  html body .garage-card .product-media img{
    border-radius:18px!important;
  }
}

/* Make the section slider arrows closer to the original homepage row arrows */
html body .pgp-view-shell > .pgp-view-arrow{
  width:52px!important;
  height:52px!important;
  border-radius:999px!important;
  border:0!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  opacity:1!important;
}
html body .pgp-view-shell > .pgp-view-arrow:hover{
  background:rgba(255,255,255,.18)!important;
  transform:translateY(-50%)!important;
}
html body .pgp-view-shell > .pgp-view-arrow-left{left:4px!important;}
html body .pgp-view-shell > .pgp-view-arrow-right{right:4px!important;}
html body .pgp-view-shell > .pgp-view-arrow svg{
  width:24px!important;
  height:24px!important;
  stroke-width:2.4!important;
}
@media (max-width:560px){
  html body .pgp-view-shell.pgp-row-active > .pgp-view-arrow{
    width:42px!important;
    height:42px!important;
    background:rgba(255,255,255,.10)!important;
    border:0!important;
    box-shadow:none!important;
    top:50%!important;
    color:#fff!important;
  }
  html body .pgp-view-shell.pgp-row-active > .pgp-view-arrow:hover,
  html body .pgp-view-shell.pgp-row-active > .pgp-view-arrow:active{
    background:rgba(255,255,255,.18)!important;
  }
  html body .pgp-view-shell.pgp-row-active > .pgp-view-arrow-left{left:4px!important;}
  html body .pgp-view-shell.pgp-row-active > .pgp-view-arrow-right{right:4px!important;}
  html body .pgp-view-shell.pgp-row-active > .pgp-view-arrow svg{
    width:20px!important;
    height:20px!important;
  }
}

/* =========================================================
   PGP SMART RESPONSIVE SYSTEM 2026-05-30
   الهدف: حل جذري لاختلاف اللابتوب/الديسكتوب/التابلت/الموبايل.
   - لا نلمس شكل الشاشات الكبيرة المضبوط.
   - على اللابتوب نخفي القائمة الجانبية الثابتة حتى لا تضغط المنتجات.
   - كل فريم يبقى داخل عرض الشاشة، مع مساحة كافية فوق/تحت للهيدرات الثابتة.
   ========================================================= */
*,*::before,*::after{box-sizing:border-box!important;}
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
body{padding-bottom:150px!important;}

/* Stable page containers */
.pgp-parts-wrap,.iq-wrap,.store-wrap,
.pgp-page,.pgp-main,.pgp-content,.site-shell,.page-shell,
.pgp-parts-shell,.iq-shell,.store-shell,
.pgp-part-list,.iq-list{
  box-sizing:border-box!important;
  min-width:0!important;
}

/* Large desktop: keep accepted design. Only guarantee bottom space. */
@media (min-width:1440px){
  .pgp-parts-wrap,.iq-wrap,.store-wrap{max-width:1200px!important;}
  .tc-bottom-bar{width:min(760px,calc(100vw - 48px))!important;}
  body{padding-bottom:150px!important;}
}

/* Laptop / small desktop: hide permanent right parts panel and center content safely. */
@media (min-width:1024px) and (max-width:1439px){
  body{padding-top:92px!important;padding-bottom:158px!important;}
  .pgp-parts-menu-button{display:inline-flex!important;}
  .pgp-header-parts-menu{display:none!important;}
  .pgp-header-parts-menu.is-open{display:block!important;right:14px!important;top:82px!important;width:min(330px,calc(100vw - 28px))!important;max-height:calc(100vh - 110px)!important;}
  .pgp-header-parts-close{display:flex!important;}

  .pgp-app-header-inner{max-width:calc(100vw - 36px)!important;}
  .pgp-header-tabs{max-width:58vw!important;}
  .pgp-header-tab{height:26px!important;min-height:26px!important;padding:0 12px!important;font-size:10.8px!important;}
  .pgp-header-search-wrap{margin-top:2px!important;margin-bottom:12px!important;}

  .pgp-parts-wrap,.iq-wrap,.store-wrap{
    width:100%!important;
    max-width:min(1120px,calc(100vw - 44px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:18px!important;
    padding-right:18px!important;
    padding-bottom:160px!important;
  }
  .pgp-parts-hero,.iq-hero,.store-card,.pgp-part-card,.garage-card,.products-card,.iq-card,.pgp-iq-card{
    max-width:100%!important;
  }
  .pgp-part-card,.garage-card,.products-card{padding:20px!important;}

  /* Laptop cards: keep cards inside the section without overlap. */
  html body .pgp-view-grid.pgp-product-row,
  html body .pgp-view-grid.product-row,
  html body .pgp-view-grid.products-grid,
  html body .pgp-view-grid.garage-products,
  html body .pgp-view-grid.pgp-products{
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
    gap:12px!important;
  }
  html body .pgp-view-row.pgp-product-row>* ,
  html body .pgp-view-row.product-row>* ,
  html body .pgp-view-row.products-grid>* ,
  html body .pgp-view-row.garage-products>* ,
  html body .pgp-view-row.pgp-products>*{
    flex-basis:clamp(150px,16vw,205px)!important;
    width:clamp(150px,16vw,205px)!important;
    min-width:clamp(150px,16vw,205px)!important;
    max-width:205px!important;
  }
  .tc-bottom-bar{width:min(760px,calc(100vw - 72px))!important;bottom:max(12px,env(safe-area-inset-bottom))!important;}
}

/* Tablet: no fixed side panel, content becomes full app-like layout. */
@media (min-width:768px) and (max-width:1023px){
  body{padding-top:104px!important;padding-bottom:158px!important;}
  .pgp-parts-menu-button{display:inline-flex!important;}
  .pgp-header-parts-menu{display:none!important;}
  .pgp-header-parts-menu.is-open{display:block!important;right:12px!important;top:74px!important;width:min(330px,calc(100vw - 24px))!important;max-height:calc(100vh - 104px)!important;}
  .pgp-header-parts-close{display:flex!important;}

  .pgp-app-header-inner{max-width:calc(100vw - 24px)!important;gap:8px!important;}
  .pgp-logo-link img{width:86px!important;}
  .pgp-header-tabs{max-width:calc(100vw - 190px)!important;gap:6px!important;}
  .pgp-header-tab{height:24px!important;min-height:24px!important;padding:0 8px!important;font-size:9.2px!important;}
  .pgp-header-lang-btn{height:24px!important;min-height:24px!important;font-size:10px!important;}
  .pgp-header-search-wrap{margin:6px auto 12px!important;}

  .pgp-parts-wrap,.iq-wrap,.store-wrap{
    width:100%!important;
    max-width:calc(100vw - 28px)!important;
    padding-left:14px!important;
    padding-right:14px!important;
    padding-bottom:160px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .pgp-parts-hero,.iq-hero{padding:22px!important;}
  .pgp-parts-hero h1,.iq-hero h1{font-size:clamp(34px,6vw,46px)!important;}
  .pgp-part-card,.garage-card,.products-card{padding:18px!important;border-radius:26px!important;}
  .pgp-part-top,.garage-top,.products-head{align-items:flex-start!important;}

  html body .pgp-view-grid.pgp-product-row,
  html body .pgp-view-grid.product-row,
  html body .pgp-view-grid.products-grid,
  html body .pgp-view-grid.garage-products,
  html body .pgp-view-grid.pgp-products{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  html body .pgp-view-row.pgp-product-row>* ,
  html body .pgp-view-row.product-row>* ,
  html body .pgp-view-row.products-grid>* ,
  html body .pgp-view-row.garage-products>* ,
  html body .pgp-view-row.pgp-products>*{
    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;
  }
  .tc-bottom-bar{width:min(760px,calc(100vw - 36px))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;}
}

/* Phones: fixed header gets its own space, cards never push outside the viewport. */
@media (max-width:767px){
  body{padding-top:118px!important;padding-bottom:150px!important;}
  .pgp-app-header{padding:10px 10px 8px!important;background:linear-gradient(180deg,rgba(10,10,11,.92),rgba(10,10,11,.50) 82%,rgba(10,10,11,0))!important;}
  .pgp-app-header-inner{max-width:100%!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:7px!important;}
  .pgp-logo-link img{width:62px!important;}
  .pgp-header-tabs{max-width:calc(100vw - 180px)!important;gap:6px!important;overflow-x:auto!important;}
  .pgp-header-tab{height:25px!important;min-height:25px!important;padding:0 8px!important;font-size:9.2px!important;gap:5px!important;}
  .pgp-header-tab svg,.pgp-iraq-icon{width:13px!important;height:13px!important;}
  .pgp-header-lang-btn{height:25px!important;min-height:25px!important;font-size:10px!important;padding:0 2px!important;}
  .pgp-parts-menu-button{display:inline-flex!important;width:32px!important;height:26px!important;}
  .pgp-header-search-wrap{margin:8px auto 10px!important;}
  .pgp-header-search-form{width:min(270px,68vw)!important;max-width:68vw!important;height:30px!important;}

  .pgp-header-parts-menu{display:none!important;}
  .pgp-header-parts-menu.is-open{display:block!important;right:4px!important;top:70px!important;width:min(285px,calc(100vw - 16px))!important;max-height:calc(100vh - 124px)!important;}
  .pgp-header-parts-close{display:flex!important;}

  .pgp-parts-wrap,.iq-wrap,.store-wrap,
  .pgp-page,.pgp-main,.pgp-content,.site-shell,.page-shell{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    padding-bottom:150px!important;
    overflow-x:hidden!important;
  }
  .pgp-parts-hero,.iq-hero{margin-top:0!important;padding:22px 16px!important;border-radius:28px!important;}
  .pgp-parts-hero h1,.iq-hero h1{font-size:clamp(34px,10vw,50px)!important;line-height:.98!important;}
  .pgp-parts-hero p,.iq-hero p{font-size:15px!important;line-height:1.65!important;}

  .pgp-part-card,.garage-card,.products-card,.store-card,.iq-card,.pgp-iq-card,.home-section,.card{
    width:100%!important;
    max-width:calc(100vw - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:18px!important;
    border-radius:28px!important;
    overflow:hidden!important;
  }
  .pgp-part-top,.garage-top,.products-head{align-items:flex-start!important;gap:7px!important;}
  .pgp-section-view-tools{flex:0 0 auto!important;margin-inline-start:auto!important;}

  html body .pgp-view-grid.pgp-product-row,
  html body .pgp-view-grid.product-row,
  html body .pgp-view-grid.products-grid,
  html body .pgp-view-grid.garage-products,
  html body .pgp-view-grid.pgp-products,
  html body .pgp-view-grid.saved-products-grid,
  html body .pgp-view-grid.saved-grid,
  html body .pgp-view-grid.wishlist-products,
  html body .pgp-view-grid.following-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:0!important;
  }

  html body .pgp-view-row.pgp-product-row,
  html body .pgp-view-row.product-row,
  html body .pgp-view-row.products-grid,
  html body .pgp-view-row.garage-products,
  html body .pgp-view-row.pgp-products,
  html body .pgp-view-row.saved-products-grid,
  html body .pgp-view-row.saved-grid,
  html body .pgp-view-row.wishlist-products,
  html body .pgp-view-row.following-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 12px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .pgp-view-row.pgp-product-row>* ,
  html body .pgp-view-row.product-row>* ,
  html body .pgp-view-row.products-grid>* ,
  html body .pgp-view-row.garage-products>* ,
  html body .pgp-view-row.pgp-products>* ,
  html body .pgp-view-row.saved-products-grid>* ,
  html body .pgp-view-row.saved-grid>* ,
  html body .pgp-view-row.wishlist-products>* ,
  html body .pgp-view-row.following-grid>*{
    flex:0 0 calc((100% - 7px)/2)!important;
    width:calc((100% - 7px)/2)!important;
    min-width:calc((100% - 7px)/2)!important;
    max-width:calc((100% - 7px)/2)!important;
    scroll-snap-align:start!important;
    border-radius:16px!important;
  }
  .pgp-view-shell{width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .pgp-view-shell.pgp-row-active>.pgp-view-arrow{display:flex!important;width:38px!important;height:38px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;z-index:90!important;}
  .pgp-view-shell.pgp-row-active>.pgp-view-arrow-left{left:3px!important;}
  .pgp-view-shell.pgp-row-active>.pgp-view-arrow-right{right:3px!important;}

  .pgp-view-row .product-media,
  .pgp-view-row .pgp-product-media,
  .pgp-view-row .pgp-img,
  .pgp-view-row .pgp-product-img{height:25vw!important;min-height:84px!important;max-height:120px!important;}

  .tc-bottom-bar{width:calc(100vw - 28px)!important;left:50%!important;transform:translateX(-50%)!important;bottom:max(10px,env(safe-area-inset-bottom))!important;}
}

/* Extra-small iPhones: reduce header tab width instead of letting it cover the title. */
@media (max-width:390px){
  .pgp-logo-link img{width:62px!important;}
  .pgp-header-tabs{max-width:calc(100vw - 165px)!important;}
  .pgp-header-tab{font-size:8.4px!important;padding:0 7px!important;}
  .pgp-header-search-form{width:min(240px,64vw)!important;}
}

/* PGP scoped fix: remove the visual frames around the two view-style icons only.
   Keep the active red state and all product/card responsive sizing unchanged. */
.pgp-section-view-tools{
  border:0!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
}
.pgp-section-view-btn{
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.pgp-section-view-btn:not(.is-active){
  background:transparent!important;
}
.pgp-section-view-btn:hover{
  border-color:transparent!important;
}


/* PGP v43 shared view/settings controls - canonical colors are also in pgp-unified-site-theme.css */
.pgp-section-view-tools{background:rgba(255,255,255,.72)!important;border-color:rgba(230,29,29,.11)!important;box-shadow:0 10px 24px rgba(0,0,0,.045)!important;gap:7px!important;}
.pgp-section-view-btn,.garage-top .dots,button.dots{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:999px!important;border:1px solid rgba(230,29,29,.18)!important;background:#fff!important;color:#171717!important;box-shadow:0 8px 18px rgba(0,0,0,.035)!important;}
.pgp-section-view-btn svg,.garage-top .dots svg,button.dots svg{width:18px!important;height:18px!important;color:currentColor!important;stroke:currentColor!important;}
.pgp-section-view-btn[data-pgp-view-style="grid"] svg rect{fill:currentColor!important;stroke:none!important;}
.pgp-section-view-btn:hover,.garage-top .dots:hover,button.dots:hover{background:rgba(230,29,29,.075)!important;color:#e61d1d!important;border-color:rgba(230,29,29,.42)!important;}
.pgp-section-view-btn.is-active,.pgp-section-view-btn.active,.pgp-section-view-btn[aria-pressed="true"],.garage-top .dots.is-active,.garage-top .dots[aria-expanded="true"],button.dots.is-active,button.dots[aria-expanded="true"]{background:#e61d1d!important;color:#fff!important;border-color:#e61d1d!important;box-shadow:0 10px 22px rgba(230,29,29,.20)!important;}
.pgp-section-view-btn.is-active[data-pgp-view-style="grid"] svg rect,.pgp-section-view-btn[aria-pressed="true"][data-pgp-view-style="grid"] svg rect{fill:#fff!important;stroke:none!important;}
.pgp-section-view-btn.is-active svg,.pgp-section-view-btn[aria-pressed="true"] svg,.garage-top .dots.is-active svg,.garage-top .dots[aria-expanded="true"] svg,button.dots.is-active svg,button.dots[aria-expanded="true"] svg{color:#fff!important;stroke:#fff!important;}


/* =========================================================
   PGP v44 — clearer section controls and black ellipsis menu
   ========================================================= */
:root{
  --pgp-v44-red:#e61d1d;
  --pgp-v44-red-soft:rgba(230,29,29,.16);
  --pgp-v44-red-border:rgba(230,29,29,.26);
  --pgp-v44-black:#151515;
}
html body .pgp-section-view-tools{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(0,0,0,.055)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.055)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  gap:8px!important;
  padding:4px!important;
}
html body .pgp-section-view-btn{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  border-radius:999px!important;
  border:1px solid var(--pgp-v44-red-border)!important;
  background:#fff!important;
  color:var(--pgp-v44-black)!important;
  box-shadow:0 7px 17px rgba(0,0,0,.035)!important;
}
html body .pgp-section-view-btn svg{
  width:20px!important;
  height:20px!important;
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.15!important;
}
html body .pgp-section-view-btn .pgp-icon-cell{fill:currentColor!important;stroke:none!important;}
html body .pgp-section-view-btn .pgp-slider-card{fill:none!important;stroke:currentColor!important;}
html body .pgp-section-view-btn .pgp-slider-arrow{fill:none!important;stroke:currentColor!important;stroke-width:2.25!important;}
html body .pgp-section-view-btn:hover,
html body .pgp-section-view-btn:focus{
  background:rgba(230,29,29,.075)!important;
  color:var(--pgp-v44-red)!important;
  border-color:rgba(230,29,29,.48)!important;
  transform:translateY(-1px)!important;
}
html body .pgp-section-view-btn.is-active,
html body .pgp-section-view-btn.active,
html body .pgp-section-view-btn[aria-pressed="true"]{
  background:var(--pgp-v44-red)!important;
  color:#fff!important;
  border-color:var(--pgp-v44-red)!important;
  box-shadow:0 10px 22px rgba(230,29,29,.22)!important;
}
html body .pgp-section-view-btn.is-active .pgp-icon-cell,
html body .pgp-section-view-btn[aria-pressed="true"] .pgp-icon-cell{fill:#fff!important;stroke:none!important;}

/* More/options button must be black ellipsis, never red while open. */
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button){
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  border-radius:999px!important;
  border:1px solid rgba(0,0,0,.12)!important;
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:0 7px 17px rgba(0,0,0,.04)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button):is(:hover,:focus,:active,.is-active,[aria-expanded="true"]){
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  border-color:rgba(0,0,0,.18)!important;
  box-shadow:0 9px 22px rgba(0,0,0,.07)!important;
  transform:none!important;
}
html body .pgp-more-ellipsis,
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button) svg.pgp-more-ellipsis{
  width:22px!important;
  height:22px!important;
  display:block!important;
  fill:currentColor!important;
  stroke:none!important;
  color:currentColor!important;
}
html body .pgp-more-ellipsis circle{fill:currentColor!important;stroke:none!important;}

/* Clean bottom-sheet/dropdown options, similar to the reference menu. */
html body .garage-menu.pgp-more-menu,
html body .pgp-more-menu{
  min-width:190px!important;
  padding:10px!important;
  border-radius:22px!important;
  border:1px solid rgba(0,0,0,.08)!important;
  background:rgba(255,255,255,.96)!important;
  color:#111!important;
  box-shadow:0 24px 60px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  gap:6px!important;
  z-index:120!important;
}
html body .garage-menu.pgp-more-menu.open,
html body .pgp-more-menu.open{display:flex!important;flex-direction:column!important;}
html body .pgp-more-menu .garage-menu-btn{
  min-height:44px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1!important;
  box-shadow:none!important;
}
html body .pgp-more-menu .garage-menu-btn:hover{background:rgba(0,0,0,.055)!important;color:#111!important;}
html body .pgp-more-menu .pgp-menu-report{color:#d92b1f!important;}
html body .pgp-more-menu .pgp-menu-icon{width:24px!important;height:24px!important;min-width:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:currentColor!important;}
html body .pgp-more-menu .pgp-menu-icon svg{width:22px!important;height:22px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
@media(max-width:560px){
  html body .garage-menu.pgp-more-menu,
  html body .pgp-more-menu{min-width:178px!important;border-radius:20px!important;padding:9px!important;}
  html body .pgp-more-menu .garage-menu-btn{min-height:42px!important;font-size:14px!important;}
}


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


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


/* =========================================================
   PGP v47 — compact premium view icons, no outer frame
   Source of truth: pgp-layout-toggle.js + this CSS.
   ========================================================= */
html body .pgp-section-view-tools,
html body .pgp-section-view-tools.pgp-clean-view-tools,
html body .pgp-section-view-tools.pgp-modern-view-tools{
  background:transparent!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  gap:6px!important;
  min-width:auto!important;
  width:auto!important;
  height:auto!important;
  outline:0!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn,
html body .pgp-section-view-tools .pgp-clean-view-btn,
html body .pgp-section-view-tools .pgp-modern-view-btn{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  border-radius:999px!important;
  border:0!important;
  outline:0!important;
  background:rgba(255,255,255,.86)!important;
  background-image:none!important;
  color:#111!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  box-shadow:0 7px 18px rgba(0,0,0,.045)!important;
  transform:none!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn::before,
html body .pgp-section-view-tools .pgp-section-view-btn::after,
html body .pgp-section-view-tools .pgp-clean-view-btn::before,
html body .pgp-section-view-tools .pgp-clean-view-btn::after,
html body .pgp-section-view-tools .pgp-modern-view-btn::before,
html body .pgp-section-view-tools .pgp-modern-view-btn::after{
  content:none!important;
  display:none!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn > :not(.pgp-modern-view-icon),
html body .pgp-section-view-tools .pgp-clean-view-btn > :not(.pgp-modern-view-icon),
html body .pgp-section-view-tools .pgp-modern-view-btn > :not(.pgp-modern-view-icon){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body .pgp-section-view-tools .pgp-modern-view-icon{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  display:block!important;
  color:currentColor!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  overflow:visible!important;
}
html body .pgp-section-view-tools .pgp-modern-grid-icon .pgp-modern-cell,
html body .pgp-section-view-tools .pgp-modern-row-icon .pgp-modern-card-fill{
  fill:currentColor!important;
  stroke:none!important;
}
html body .pgp-section-view-tools .pgp-modern-grid-icon .pgp-modern-frame,
html body .pgp-section-view-tools .pgp-modern-row-icon .pgp-modern-card,
html body .pgp-section-view-tools .pgp-modern-row-icon .pgp-modern-motion{
  fill:none!important;
  stroke:currentColor!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn:hover,
html body .pgp-section-view-tools .pgp-section-view-btn:focus,
html body .pgp-section-view-tools .pgp-clean-view-btn:hover,
html body .pgp-section-view-tools .pgp-clean-view-btn:focus,
html body .pgp-section-view-tools .pgp-modern-view-btn:hover,
html body .pgp-section-view-tools .pgp-modern-view-btn:focus{
  background:rgba(230,29,29,.10)!important;
  color:#e61d1d!important;
  border:0!important;
  box-shadow:0 8px 20px rgba(230,29,29,.10)!important;
  transform:translateY(-1px)!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn.is-active,
html body .pgp-section-view-tools .pgp-section-view-btn.active,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"],
html body .pgp-section-view-tools .pgp-clean-view-btn.is-active,
html body .pgp-section-view-tools .pgp-clean-view-btn[aria-pressed="true"],
html body .pgp-section-view-tools .pgp-modern-view-btn.is-active,
html body .pgp-section-view-tools .pgp-modern-view-btn[aria-pressed="true"]{
  background:#e61d1d!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 22px rgba(230,29,29,.22)!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn.is-active .pgp-modern-view-icon,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"] .pgp-modern-view-icon,
html body .pgp-section-view-tools .pgp-modern-view-btn.is-active .pgp-modern-view-icon,
html body .pgp-section-view-tools .pgp-modern-view-btn[aria-pressed="true"] .pgp-modern-view-icon{
  color:#fff!important;
  stroke:#fff!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn.is-active .pgp-modern-card-fill,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"] .pgp-modern-card-fill,
html body .pgp-section-view-tools .pgp-modern-view-btn.is-active .pgp-modern-card-fill,
html body .pgp-section-view-tools .pgp-modern-view-btn[aria-pressed="true"] .pgp-modern-card-fill,
html body .pgp-section-view-tools .pgp-section-view-btn.is-active .pgp-modern-cell,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"] .pgp-modern-cell,
html body .pgp-section-view-tools .pgp-modern-view-btn.is-active .pgp-modern-cell,
html body .pgp-section-view-tools .pgp-modern-view-btn[aria-pressed="true"] .pgp-modern-cell{
  fill:#fff!important;
}
@media(max-width:560px){
  html body .pgp-section-view-tools,
  html body .pgp-section-view-tools.pgp-modern-view-tools{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    gap:5px!important;
  }
  html body .pgp-section-view-tools .pgp-section-view-btn,
  html body .pgp-section-view-tools .pgp-clean-view-btn,
  html body .pgp-section-view-tools .pgp-modern-view-btn{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
  }
  html body .pgp-section-view-tools .pgp-modern-view-icon{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    min-height:15px!important;
  }
}

/* =========================================================
   PGP v48 — final compact black view icons, no circular frame
   Source of truth for Grid / Row controls across garages + parts.
   ========================================================= */
html body .pgp-section-view-tools,
html body .pgp-section-view-tools.pgp-clean-view-tools,
html body .pgp-section-view-tools.pgp-modern-view-tools,
html body .pgp-section-view-tools.pgp-v48-view-tools{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0!important;
  margin-inline-start:auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:22!important;
}
html body .pgp-section-view-tools::before,
html body .pgp-section-view-tools::after{display:none!important;content:none!important;}
html body .pgp-section-view-tools .pgp-section-view-btn,
html body .pgp-section-view-tools .pgp-clean-view-btn,
html body .pgp-section-view-tools .pgp-modern-view-btn,
html body .pgp-section-view-tools .pgp-v48-view-btn,
html body .pgp-section-view-tools button[data-pgp-view-style]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:6px!important;
  background:transparent!important;
  background-image:none!important;
  color:#050505!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  filter:none!important;
  cursor:pointer!important;
  line-height:0!important;
  font-size:0!important;
  overflow:visible!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn::before,
html body .pgp-section-view-tools .pgp-section-view-btn::after,
html body .pgp-section-view-tools .pgp-clean-view-btn::before,
html body .pgp-section-view-tools .pgp-clean-view-btn::after,
html body .pgp-section-view-tools .pgp-modern-view-btn::before,
html body .pgp-section-view-tools .pgp-modern-view-btn::after,
html body .pgp-section-view-tools .pgp-v48-view-btn::before,
html body .pgp-section-view-tools .pgp-v48-view-btn::after{display:none!important;content:none!important;}
html body .pgp-section-view-tools .pgp-section-view-btn > :not(.pgp-v48-view-icon),
html body .pgp-section-view-tools .pgp-clean-view-btn > :not(.pgp-v48-view-icon),
html body .pgp-section-view-tools .pgp-modern-view-btn > :not(.pgp-v48-view-icon),
html body .pgp-section-view-tools .pgp-v48-view-btn > :not(.pgp-v48-view-icon){display:none!important;}
html body .pgp-section-view-tools .pgp-v48-view-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  color:#050505!important;
  stroke:#050505!important;
  fill:none!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:none!important;
}
html body .pgp-section-view-tools .pgp-v48-grid-icon rect,
html body .pgp-section-view-tools .pgp-v48-row-icon rect,
html body .pgp-section-view-tools .pgp-v48-row-icon path{
  fill:none!important;
  stroke:#050505!important;
  color:#050505!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn:hover,
html body .pgp-section-view-tools .pgp-section-view-btn:focus,
html body .pgp-section-view-tools .pgp-clean-view-btn:hover,
html body .pgp-section-view-tools .pgp-clean-view-btn:focus,
html body .pgp-section-view-tools .pgp-modern-view-btn:hover,
html body .pgp-section-view-tools .pgp-modern-view-btn:focus,
html body .pgp-section-view-tools .pgp-v48-view-btn:hover,
html body .pgp-section-view-tools .pgp-v48-view-btn:focus{
  background:transparent!important;
  color:#050505!important;
  box-shadow:none!important;
  border:0!important;
  transform:none!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn.is-active,
html body .pgp-section-view-tools .pgp-section-view-btn.active,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"],
html body .pgp-section-view-tools .pgp-clean-view-btn.is-active,
html body .pgp-section-view-tools .pgp-clean-view-btn[aria-pressed="true"],
html body .pgp-section-view-tools .pgp-modern-view-btn.is-active,
html body .pgp-section-view-tools .pgp-modern-view-btn[aria-pressed="true"],
html body .pgp-section-view-tools .pgp-v48-view-btn.is-active,
html body .pgp-section-view-tools .pgp-v48-view-btn[aria-pressed="true"]{
  background:transparent!important;
  background-image:none!important;
  color:#050505!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .pgp-section-view-tools .pgp-section-view-btn.is-active .pgp-v48-view-icon,
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"] .pgp-v48-view-icon,
html body .pgp-section-view-tools .pgp-v48-view-btn.is-active .pgp-v48-view-icon,
html body .pgp-section-view-tools .pgp-v48-view-btn[aria-pressed="true"] .pgp-v48-view-icon,
html body .pgp-section-view-tools .pgp-section-view-btn.is-active .pgp-v48-view-icon :is(rect,path),
html body .pgp-section-view-tools .pgp-section-view-btn[aria-pressed="true"] .pgp-v48-view-icon :is(rect,path){
  color:#050505!important;
  stroke:#050505!important;
  fill:none!important;
  filter:none!important;
}
@media(max-width:560px){
  html body .pgp-section-view-tools,
  html body .pgp-section-view-tools.pgp-v48-view-tools{gap:9px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  html body .pgp-section-view-tools .pgp-section-view-btn,
  html body .pgp-section-view-tools .pgp-v48-view-btn{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;}
  html body .pgp-section-view-tools .pgp-v48-view-icon{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;}
}


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

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

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

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



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

/* =========================================================
   PGP v55 — global list-tree more icon + standalone follow icons
   - More/options icon comes from pgp-layout-toggle.js only
   - Follow/Unfollow is outside the menu and uses user-plus/user-minus icons
   ========================================================= */
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button),
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button):is(:hover,:focus,:active,.is-active,[aria-expanded="true"]){
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#111111!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
  font-size:0!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button)::before,
html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button)::after{
  content:none!important;
  display:none!important;
}
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{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  display:block!important;
  color:#111111!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  pointer-events:none!important;
}
html body .pgp-more-list-tree :is(path,line,polyline,circle,rect){
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .pgp-more-list-tree path[stroke="none"]{
  stroke:none!important;
  fill:none!important;
}
html body .pgp-more-ellipsis,
html body .pgp-more-ellipsis circle{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body .pgp-standalone-follow-toggle,
html body .pgp-standalone-follow-toggle:hover,
html body .pgp-standalone-follow-toggle:focus,
html body .pgp-standalone-follow-toggle:active,
html body .pgp-standalone-follow-toggle.is-following,
html body .pgp-standalone-follow-toggle[aria-pressed="true"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-width:96px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(0,0,0,.12)!important;
  background:#111111!important;
  background-image:none!important;
  color:#ffffff!important;
  box-shadow:0 8px 18px rgba(0,0,0,.08)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transform:none!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  display:block!important;
  color:currentColor!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  pointer-events:none!important;
}
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-icon :is(path,line,polyline,circle,rect){
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-icon path[stroke="none"]{
  stroke:none!important;
  fill:none!important;
}
html body .pgp-standalone-follow-toggle .pgp-standalone-follow-plus{
  display:none!important;
}
html body .pgp-standalone-follow-toggle.is-following,
html body .pgp-standalone-follow-toggle[aria-pressed="true"]{
  background:#ffffff!important;
  color:#111111!important;
  border-color:rgba(0,0,0,.18)!important;
}
html body .pgp-more-menu .pgp-menu-follow,
html body .pgp-more-menu .follow-toggle-btn{
  display:none!important;
}
@media(max-width:560px){
  html body .pgp-standalone-follow-toggle,
  html body .pgp-standalone-follow-toggle:hover,
  html body .pgp-standalone-follow-toggle:focus,
  html body .pgp-standalone-follow-toggle:active{
    min-width:86px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
  html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button),
  html body :is(.garage-top .dots,.pgp-part-top .dots,.products-head .dots,button.dots,.pgp-more-button):is(:hover,:focus,:active,.is-active,[aria-expanded="true"]){
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
  }
}


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


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


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


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


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


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

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

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

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



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


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


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

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


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


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



/* =========================================================
   PGP 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:4px!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;
  }
}

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


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


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

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

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

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

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

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


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

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


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


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




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


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


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


/* PGP v124 — homepage action icons moved into existing layout-toggle CSS (no new home-actions file) */
:root{
  --pgp-home-action-red:#ee154e;
  --pgp-home-action-dark:#111315;
}
html body #home .pgp-most-viewed-card,
html body #home .pgp-home-managed-section{overflow:visible!important;}
html body #home .pgp-most-head{
  position:relative!important;
  overflow:visible!important;
  min-height:96px!important;
  padding-right:156px!important;
  box-sizing:border-box!important;
}
html body #home .pgp-home-actionsbar{
  position:absolute!important;
  top:19px!important;
  right:22px!important;
  left:auto!important;
  bottom:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  height:30px!important;
  z-index:140!important;
  direction:ltr!important;
  pointer-events:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #home .pgp-home-action-btn,
html body #home .pgp-home-view-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:25px!important;
  height:30px!important;
  min-width:25px!important;
  min-height:30px!important;
  max-width:25px!important;
  max-height:30px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  color:var(--pgp-home-action-dark)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body #home .pgp-home-view-tools{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #home .pgp-home-action-btn svg,
html body #home .pgp-home-view-btn svg,
html body #home .pgp-home-action-btn svg *,
html body #home .pgp-home-view-btn svg *{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  display:block!important;
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html body #home .pgp-home-action-btn svg path[stroke="none"],
html body #home .pgp-home-view-btn svg path[stroke="none"]{stroke:none!important;fill:none!important;}
html body #home .pgp-home-action-btn.is-active,
html body #home .pgp-home-action-btn[aria-pressed="true"],
html body #home .pgp-home-view-btn.is-active,
html body #home .pgp-home-view-btn[aria-pressed="true"]{
  color:var(--pgp-home-action-red)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #home .pgp-home-more-menu{
  position:absolute!important;
  top:34px!important;
  right:0!important;
  min-width:142px!important;
  padding:7px!important;
  border-radius:14px!important;
  border:1px solid rgba(0,0,0,.08)!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
  display:none!important;
  flex-direction:column!important;
  gap:6px!important;
  z-index:170!important;
}
html body #home .pgp-home-actionsbar.is-menu-open .pgp-home-more-menu{display:flex!important;}
html body #home .pgp-home-menu-item{
  min-height:34px!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(17,19,21,.045)!important;
  color:#111315!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:0 10px!important;
  text-decoration:none!important;
  font-weight:850!important;
  font-size:12px!important;
  cursor:pointer!important;
}
html body #home .pgp-home-menu-item:hover{background:rgba(238,21,78,.08)!important;color:#ee154e!important;}
html body #home .pgp-most-product.pgp-home-hidden-section,
html body #home .pgp-most-viewed-card.pgp-home-hidden-section{display:none!important;}
html body #home .pgp-most-viewed-card.pgp-home-grid-mode .pgp-most-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  overflow:visible!important;
  gap:12px!important;
  padding-bottom:0!important;
}
html body #home .pgp-most-viewed-card.pgp-home-grid-mode .pgp-most-product{
  flex:initial!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
}
html body #home .pgp-most-viewed-card.pgp-home-grid-mode .pgp-most-arrow{display:none!important;}
@media(max-width:1100px){
  html body #home .pgp-most-viewed-card.pgp-home-grid-mode .pgp-most-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:768px){
  html body #home .pgp-most-head{min-height:104px!important;padding-right:126px!important;}
  html body #home .pgp-home-actionsbar{top:18px!important;right:14px!important;gap:5px!important;height:28px!important;}
  html body #home .pgp-home-action-btn,
  html body #home .pgp-home-view-btn{
    width:22px!important;min-width:22px!important;max-width:22px!important;
    height:28px!important;min-height:28px!important;max-height:28px!important;
  }
  html body #home .pgp-home-view-tools{width:48px!important;min-width:48px!important;max-width:48px!important;gap:3px!important;}
  html body #home .pgp-home-action-btn svg,
  html body #home .pgp-home-view-btn svg,
  html body #home .pgp-home-action-btn svg *,
  html body #home .pgp-home-view-btn svg *{
    width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;max-width:21px!important;max-height:21px!important;
  }
  html body #home .pgp-most-count{margin-top:24px!important;}
  html body #home .pgp-most-viewed-card.pgp-home-grid-mode .pgp-most-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
}


/* PGP v124 — homepage managed-section title link uses the real section URL without changing the visual title */
html body #home .pgp-home-section-title-link{
  color:inherit!important;
  text-decoration:none!important;
  display:inline-block!important;
  cursor:pointer!important;
}
html body #home .pgp-home-section-title-link:hover{
  color:#000!important;
  text-decoration:none!important;
}

/* =========================================================
   PGP v137 — instant follow ring sync for homepage avatars
   - Ring can be applied to the home avatar wrapper as well as the image.
   - Fixes the case where following a second home section needed refresh before the ring appeared.
   ========================================================= */
html body #home .pgp-home-managed-section.pgp-garage-is-following .pgp-home-section-avatar.pgp-garage-follow-ring-target,
html body #home .pgp-home-managed-section .pgp-home-section-avatar.pgp-garage-follow-ring-target{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  border-radius:999px!important;
  overflow:visible!important;
  box-shadow:
    0 0 0 2.5px #ee154e,
    0 0 0 5.5px rgba(238,21,78,.16),
    0 8px 18px rgba(238,21,78,.18)!important;
}
html body #home .pgp-home-section-avatar.pgp-garage-follow-ring-target img,
html body #home .pgp-home-section-avatar.pgp-garage-follow-ring-target .pgp-home-section-avatar-img{
  box-shadow:none!important;
  outline:0!important;
}


/* =========================================================
   PGP v139 — stable homepage avatar follow ring
   Uses the same blue garage-follow visual, but only when JS marks the real saved state.
   ========================================================= */
html body #home .pgp-home-managed-section .pgp-home-section-avatar,
html body #home .pgp-most-viewed-card .pgp-home-section-avatar{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  border-radius:999px!important;
}
html body #home .pgp-home-managed-section .pgp-home-section-avatar[data-pgp-follow-ring-active="1"],
html body #home .pgp-most-viewed-card .pgp-home-section-avatar[data-pgp-follow-ring-active="1"],
html body #home .pgp-home-managed-section.pgp-garage-is-following .pgp-home-section-avatar.pgp-garage-follow-ring-target,
html body #home .pgp-most-viewed-card.pgp-garage-is-following .pgp-home-section-avatar.pgp-garage-follow-ring-target{
  overflow:visible!important;
  box-shadow:0 0 0 2.5px #ee154e,0 0 0 5.5px rgba(238,21,78,.16),0 8px 18px rgba(238,21,78,.18)!important;
  filter:saturate(1.04)!important;
}
html body #home .pgp-home-managed-section:not(.pgp-garage-is-following):not(.pgp-home-section-is-following) .pgp-home-section-avatar:not([data-pgp-follow-ring-active="1"]),
html body #home .pgp-most-viewed-card:not(.pgp-garage-is-following):not(.pgp-home-section-is-following) .pgp-home-section-avatar:not([data-pgp-follow-ring-active="1"]){
  box-shadow:0 0 0 2px rgba(20,20,20,.08),0 8px 18px rgba(0,0,0,.10)!important;
  filter:none!important;
}

/* PGP v165 final safety overrides: home + IQ grid/slider, no duplicate auto names */
html body :is(#home,.iq-wrap,#iq-garages) .pgp-auto-card-title{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;overflow:hidden!important;pointer-events:none!important;}
html body #home .pgp-most-viewed-card.pgp-home-grid-mode .pgp-most-row,
html body #home .pgp-home-managed-section.pgp-home-grid-mode .pgp-most-row,
html body #home .pgp-most-row.pgp-home-force-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;overflow-x:visible!important;scroll-snap-type:none!important;padding-bottom:0!important;}
html body #home .pgp-most-viewed-card.pgp-home-grid-mode .pgp-most-product,
html body #home .pgp-home-managed-section.pgp-home-grid-mode .pgp-most-product,
html body #home .pgp-most-row.pgp-home-force-grid>.pgp-most-product{flex:initial!important;width:100%!important;min-width:0!important;max-width:100%!important;}
html body :is(.iq-wrap,#iq-garages,.iq-shell,.iq-list,.product-scroll-wrap,.pgp-view-shell,.product-row){background:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;}
html body :is(.iq-wrap,#iq-garages) .iq-list>.garage-card{background:#fff!important;background-image:none!important;box-shadow:0 12px 30px rgba(0,0,0,.04),0 8px 20px rgba(0,0,0,.026)!important;}
@media(max-width:1100px){html body #home .pgp-most-viewed-card.pgp-home-grid-mode .pgp-most-row,html body #home .pgp-home-managed-section.pgp-home-grid-mode .pgp-most-row,html body #home .pgp-most-row.pgp-home-force-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:768px){html body #home .pgp-most-viewed-card.pgp-home-grid-mode .pgp-most-row,html body #home .pgp-home-managed-section.pgp-home-grid-mode .pgp-most-row,html body #home .pgp-most-row.pgp-home-force-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}}


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

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

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

  html body .pgp-app-header .pgp-header-search-submit,
  html body .pgp-header-search-submit,
  html body .pgp-header-search-submit:hover,
  html body .pgp-header-search-submit:focus,
  html body .pgp-header-search-submit:active,
  html body .pgp-header-search-submit.pgp-unified-search-submit,
  html body .pgp-header-search-submit.pgp-v40-normalized{
    width:var(--pgp-v248-search-laptop-btn)!important;
    height:var(--pgp-v248-search-laptop-btn)!important;
    min-width:var(--pgp-v248-search-laptop-btn)!important;
    min-height:var(--pgp-v248-search-laptop-btn)!important;
    max-width:var(--pgp-v248-search-laptop-btn)!important;
    max-height:var(--pgp-v248-search-laptop-btn)!important;
    flex-basis:var(--pgp-v248-search-laptop-btn)!important;
  }

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

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

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

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

  html body .pgp-app-header .pgp-header-search-submit,
  html body .pgp-header-search-submit,
  html body .pgp-header-search-submit:hover,
  html body .pgp-header-search-submit:focus,
  html body .pgp-header-search-submit:active,
  html body .pgp-header-search-submit.pgp-unified-search-submit,
  html body .pgp-header-search-submit.pgp-v40-normalized{
    width:var(--pgp-v248-search-mobile-btn)!important;
    height:var(--pgp-v248-search-mobile-btn)!important;
    min-width:var(--pgp-v248-search-mobile-btn)!important;
    min-height:var(--pgp-v248-search-mobile-btn)!important;
    max-width:var(--pgp-v248-search-mobile-btn)!important;
    max-height:var(--pgp-v248-search-mobile-btn)!important;
    flex-basis:var(--pgp-v248-search-mobile-btn)!important;
  }

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

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

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

/* =========================================================
   PGP stability 005 — homepage garage identity
   Uses the same physical LTR identity grid as the stable My Garages cards:
   logo at the left, copy beside it, and action tools reserved at the right.
   ========================================================= */
@media(max-width:768px){
  html body #home .pgp-home-managed-section > .pgp-most-head{
    position:relative!important;
    display:block!important;
    direction:ltr!important;
    text-align:left!important;
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    transition:none!important;
    animation:none!important;
  }

  html body #home .pgp-home-managed-section > .pgp-most-head > .pgp-home-section-identity-has-avatar{
    position:absolute!important;
    left:8px!important;
    right:126px!important;
    top:14px!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;
    direction:ltr!important;
    text-align:left!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    z-index:50!important;
    transform:none!important;
    translate:none!important;
    transition:none!important;
    animation:none!important;
  }

  html body #home .pgp-home-managed-section > .pgp-most-head > .pgp-home-section-identity-has-avatar > .pgp-home-section-avatar{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
    margin:0!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    translate:none!important;
    transition:none!important;
    animation:none!important;
  }

  html body #home .pgp-home-managed-section > .pgp-most-head .pgp-home-section-copy{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    direction:ltr!important;
    text-align:left!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }

  html body #home .pgp-home-managed-section > .pgp-most-head .pgp-home-section-copy > h2{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 4px 0!important;
    padding:0!important;
    color:#050505!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;
    text-align:left!important;
    unicode-bidi:plaintext!important;
    transform:none!important;
  }

  html body #home .pgp-home-managed-section > .pgp-most-head .pgp-home-section-copy > h2 > .pgp-home-section-title-link{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:left!important;
    unicode-bidi:plaintext!important;
  }

  html body #home .pgp-home-managed-section > .pgp-most-head .pgp-home-section-copy > span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!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;
    text-align:left!important;
    unicode-bidi:plaintext!important;
    transform:none!important;
  }

  html body #home .pgp-home-managed-section > .pgp-most-head > .pgp-home-section-identity-no-avatar{
    position:absolute!important;
    left:14px!important;
    right:126px!important;
    top:12px!important;
    bottom:auto!important;
    min-width:0!important;
    min-height:68px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    direction:ltr!important;
    text-align:left!important;
    transform:none!important;
  }

  html body #home .pgp-home-managed-section > .pgp-most-head > .pgp-home-section-identity-no-avatar > p{
    margin:0 0 4px!important;
  }
}



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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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