/*
  PGP GLOBAL THEME MASTER - LIGHT SITE FIX
  ملف واحد لتوحيد ألوان وتصميم الموقع العام بالكامل.
  غير القيم داخل :root فقط إذا تريد تغيير اللون/الستايل بكل الموقع.
*/
:root{
  --pgp-brand:#5433eb;
  --pgp-brand-dark:#4504bc;
  --pgp-brand-soft:#f4f1ff;
  --pgp-brand-soft-2:#eeeaff;
  --pgp-accent:#ee174d;
  --pgp-red:#e13535;
  --pgp-text:#000000;
  --pgp-text-soft:rgba(0,0,0,.72);
  --pgp-text-muted:rgba(0,0,0,.54);
  --pgp-line:rgba(0,0,0,.10);
  --pgp-line-strong:rgba(0,0,0,.16);
  --pgp-bg:#ffffff;
  --pgp-surface:#ffffff;
  --pgp-surface-2:#f7f7f8;
  --pgp-surface-3:#f2f4f5;
  --pgp-dark:#121212;
  --pgp-radius-sm:12px;
  --pgp-radius-md:18px;
  --pgp-radius-lg:24px;
  --pgp-radius-xl:32px;
  --pgp-shadow-soft:0 18px 45px rgba(0,0,0,.08);
  --pgp-shadow-card:0 14px 35px rgba(0,0,0,.07);
  --pgp-shadow-purple:0 12px 28px rgba(84,51,235,.26);
  --pgp-ease:cubic-bezier(.2,.8,.2,1);
}

html,
body{
  background:var(--pgp-bg) !important;
  color:var(--pgp-text) !important;
  accent-color:var(--pgp-brand) !important;
}
body,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(svg):not(path){
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body a{
  color:inherit;
}
body img{
  max-width:100%;
}

/* ===== Base surfaces/cards across public pages ===== */
.container,
.main,
.page,
.page-wrap,
.content,
.pgp-page,
.pgp-section,
.pgp-open-product,
.pgp-products-page,
.pgp-garages-page,
.pgp-account-page,
.pgp-cart-page{
  background:transparent !important;
}

.card,
.box,
.panel,
.product-card,
.garage-card,
.pgp-card,
.pgp-product-card,
.pgp-garage-card,
.pgp-section-card,
.pgp-open-product-gallery,
.pgp-open-product-info,
.pgp-product-options,
.pgp-related-section,
.pgp-related-card,
.pgp-footer-card,
.tc-card{
  background:var(--pgp-surface) !important;
  color:var(--pgp-text) !important;
  border:1px solid var(--pgp-line) !important;
  border-radius:var(--pgp-radius-lg) !important;
  box-shadow:none !important;
}
.product-card:hover,
.garage-card:hover,
.pgp-card:hover,
.pgp-product-card:hover,
.pgp-garage-card:hover,
.pgp-section-card:hover,
.pgp-related-card:hover{
  border-color:rgba(84,51,235,.28) !important;
  box-shadow:var(--pgp-shadow-card) !important;
  transform:translateY(-1px);
  transition:border-color .18s var(--pgp-ease), box-shadow .18s var(--pgp-ease), transform .18s var(--pgp-ease);
}

/* ===== Text hierarchy ===== */
h1,h2,h3,h4,
.section-title,
.pgp-section-title,
.pgp-category-title,
.pgp-card-title,
.pgp-product-title,
.product-title,
.pgp-related-name,
.pgp-open-product-info h1,
.pgp-open-product-info h2,
.pgp-footer-nav h3{
  color:var(--pgp-text) !important;
}
p,
small,
.desc,
.description,
.details-desc,
.pgp-description,
.pgp-card-desc,
.pgp-open-product-info .details-desc,
.pgp-availability-copy,
.pgp-footer-nav a{
  color:var(--pgp-text-soft) !important;
}
.muted,
.text-muted,
.subtitle,
.pgp-muted,
.pgp-subtitle,
.pgp-section-subtitle{
  color:var(--pgp-text-muted) !important;
}

/* ===== Global brand / accent colors ===== */
.pgp-brand,
.text-brand,
.pgp-active,
.active,
.pgp-category-link,
.pgp-breadcrumb,
.pgp-breadcrumb a,
.pgp-open-product-info .category,
.pgp-open-product-info .breadcrumb,
.pgp-open-product-info .details-category,
.pgp-product-category,
.pgp-part-category{
  color:var(--pgp-accent) !important;
}

/* ===== Prices: USD black, value red when markup supports it ===== */
.details-price,
.pgp-price,
.price,
.price-badge,
.pgp-related-price,
.pgp-public-choice-price,
.option-price,
.tc-bottom-badge{
  color:var(--pgp-red) !important;
  font-weight:850 !important;
}
.price-currency,
.pgp-price-currency,
.details-price .currency,
.pgp-related-price .currency,
.pgp-public-choice-price .currency,
.option-price .currency,
.price .currency,
.currency-code{
  color:var(--pgp-text) !important;
}
.price-plus,
.option-price .plus,
.pgp-public-choice-price .plus{
  display:none !important;
}

/* ===== Buttons / actions ===== */
button,
.btn,
.button,
input[type="submit"],
input[type="button"],
.pgp-add-btn,
.pgp-action-btn,
.pgp-primary-btn,
.pgp-cart-button,
.add-to-cart,
.checkout-button,
.tc-action-btn{
  border-radius:999px !important;
  border:1px solid transparent !important;
  font-weight:850 !important;
  transition:transform .18s var(--pgp-ease), box-shadow .18s var(--pgp-ease), background-color .18s var(--pgp-ease), color .18s var(--pgp-ease), border-color .18s var(--pgp-ease) !important;
}
.pgp-add-btn,
.pgp-primary-btn,
.pgp-cart-button,
.add-to-cart,
.checkout-button,
button.primary,
.btn-primary,
.tc-action-btn{
  background:var(--pgp-brand) !important;
  color:#fff !important;
  box-shadow:var(--pgp-shadow-purple) !important;
}
.pgp-add-btn:hover,
.pgp-primary-btn:hover,
.pgp-cart-button:hover,
.add-to-cart:hover,
.checkout-button:hover,
button.primary:hover,
.btn-primary:hover,
.tc-action-btn:hover{
  background:var(--pgp-brand-dark) !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
}
button.secondary,
.btn-secondary,
.pgp-secondary-btn,
.pgp-chip,
.pgp-tag,
.pgp-pill,
.filter-chip,
.category-chip{
  background:var(--pgp-brand-soft) !important;
  color:var(--pgp-brand-dark) !important;
  border-color:rgba(84,51,235,.14) !important;
  border-radius:999px !important;
}

/* ===== Header navigation ===== */
.pgp-app-header{
  background:linear-gradient(180deg,rgba(18,18,18,.92),rgba(18,18,18,.56) 74%,rgba(18,18,18,0)) !important;
  color:#fff !important;
  z-index:80 !important;
}
.pgp-app-header .pgp-header-tab,
.pgp-header-tab{
  border-radius:0 !important;
  color:#111 !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(0,0,0,.10) !important;
}
.pgp-app-header .pgp-header-tab.is-active,
.pgp-app-header .pgp-header-tab.active,
.pgp-header-tab.is-active,
.pgp-header-tab.active{
  background:var(--pgp-accent) !important;
  color:#fff !important;
}
.pgp-app-header .pgp-header-tab:hover,
.pgp-header-tab:hover{
  background:var(--pgp-brand) !important;
  color:#fff !important;
}
.pgp-app-header .pgp-menu-trigger span,
.pgp-app-header .pgp-parts-menu-button span{
  background:#fff !important;
}
.pgp-app-header .pgp-header-lang-btn,
.pgp-app-header .pgp-header-lang-btn *{
  color:#fff !important;
}

/* ===== Search pill unified ===== */
.pgp-header-search-form,
.pgp-search-form,
.search-form,
.pgp-smart-search,
.pgp-search-box{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:999px !important;
  box-shadow:0 12px 32px rgba(0,0,0,.10) !important;
  overflow:hidden !important;
}
.pgp-header-search-form input,
.pgp-search-form input,
.search-form input,
.pgp-smart-search input,
.pgp-search-box input,
input[type="search"]{
  background:#fff !important;
  color:#000 !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
.pgp-header-search-form input::placeholder,
.pgp-search-form input::placeholder,
.search-form input::placeholder,
.pgp-smart-search input::placeholder,
.pgp-search-box input::placeholder,
input[type="search"]::placeholder{
  color:rgba(0,0,0,.42) !important;
}
.pgp-header-search-submit,
.pgp-search-submit,
.search-submit,
.pgp-smart-search button,
.pgp-search-box button{
  background:var(--pgp-brand) !important;
  color:#fff !important;
  border-radius:999px !important;
  box-shadow:0 10px 28px rgba(84,51,235,.28) !important;
}
.pgp-header-search-submit:hover,
.pgp-search-submit:hover,
.search-submit:hover,
.pgp-smart-search button:hover,
.pgp-search-box button:hover{
  background:var(--pgp-brand-dark) !important;
}

/* ===== Product detail page ===== */
.pgp-open-product-wrap,
.pgp-product-main,
.product-details-wrap{
  background:var(--pgp-bg) !important;
}
.pgp-open-product-gallery,
.pgp-open-product-info{
  border-color:rgba(0,0,0,.12) !important;
}
.pgp-open-product-info{
  text-align:center !important;
}
.pgp-open-product-info .details-title,
.pgp-open-product-info h1{
  color:#000 !important;
}
.pgp-open-product-info .details-price{
  color:var(--pgp-red) !important;
}
.pgp-availability,
.pgp-availability-copy,
.pgp-product-status,
.pgp-shipping-note,
.product-shipping-note{
  color:#000 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.pgp-qty-row,
.quantity-row,
.qty-row{
  justify-content:center !important;
  align-items:center !important;
  gap:14px !important;
  border:0 !important;
  background:transparent !important;
}
.quantity-label,
.pgp-qty-label,
.qty-label{
  color:#000 !important;
  font-weight:850 !important;
}
.pgp-qty-control,
.qty-control,
.quantity-control{
  border:1px solid var(--pgp-line) !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.pgp-qty-control button,
.qty-control button,
.quantity-control button{
  background:transparent !important;
  color:#000 !important;
  box-shadow:none !important;
  border:0 !important;
}
.pgp-qty-control input,
.qty-control input,
.quantity-control input{
  color:#000 !important;
  background:transparent !important;
  border:0 !important;
}

/* Heart buttons: no colored frame/glow; active becomes red */
.pgp-heart-btn,
.wishlist-btn,
.favorite-btn,
.pgp-product-heart,
.product-heart{
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  filter:none !important;
  color:#272727 !important;
  stroke:#272727 !important;
}
.pgp-heart-btn::before,
.pgp-heart-btn::after,
.wishlist-btn::before,
.wishlist-btn::after,
.favorite-btn::before,
.favorite-btn::after,
.pgp-product-heart::before,
.pgp-product-heart::after,
.product-heart::before,
.product-heart::after{
  display:none !important;
  content:none !important;
}
.pgp-heart-btn svg,
.wishlist-btn svg,
.favorite-btn svg,
.pgp-product-heart svg,
.product-heart svg{
  color:currentColor !important;
  stroke:currentColor !important;
  fill:currentColor !important;
}
.pgp-heart-btn.is-active,
.pgp-heart-btn.active,
.pgp-heart-btn[aria-pressed="true"],
.wishlist-btn.is-active,
.wishlist-btn.active,
.wishlist-btn[aria-pressed="true"],
.favorite-btn.is-active,
.favorite-btn.active,
.favorite-btn[aria-pressed="true"],
.pgp-product-heart.is-active,
.pgp-product-heart.active,
.pgp-product-heart[aria-pressed="true"],
.product-heart.is-active,
.product-heart.active,
.product-heart[aria-pressed="true"]{
  color:var(--pgp-red) !important;
  stroke:var(--pgp-red) !important;
}

/* ===== Gallery / carousel arrows unified ===== */
.pgp-gallery-arrow,
.gallery-arrow,
.product-gallery-arrow,
.pgp-related-arrow,
.related-arrow,
.carousel-arrow,
.swiper-button-next,
.swiper-button-prev,
.splide__arrow,
.pgp-carousel-arrow,
.pgp-section-arrow{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--pgp-brand) !important;
  color:#fff !important;
  border:1px solid var(--pgp-brand-dark) !important;
  box-shadow:0 14px 34px rgba(84,51,235,.22) !important;
  opacity:1 !important;
  transition:transform .18s var(--pgp-ease), background-color .18s var(--pgp-ease), box-shadow .18s var(--pgp-ease) !important;
}
.pgp-gallery-arrow:hover,
.gallery-arrow:hover,
.product-gallery-arrow:hover,
.pgp-related-arrow:hover,
.related-arrow:hover,
.carousel-arrow:hover,
.swiper-button-next:hover,
.swiper-button-prev:hover,
.splide__arrow:hover,
.pgp-carousel-arrow:hover,
.pgp-section-arrow:hover,
.pgp-gallery-arrow:active,
.gallery-arrow:active,
.product-gallery-arrow:active,
.pgp-related-arrow:active,
.related-arrow:active,
.carousel-arrow:active,
.swiper-button-next:active,
.swiper-button-prev:active,
.splide__arrow:active,
.pgp-carousel-arrow:active,
.pgp-section-arrow:active{
  background:var(--pgp-brand-dark) !important;
  transform:translateY(-1px) scale(.98) !important;
}
.pgp-gallery-arrow svg,
.gallery-arrow svg,
.product-gallery-arrow svg,
.pgp-related-arrow svg,
.related-arrow svg,
.carousel-arrow svg,
.swiper-button-next svg,
.swiper-button-prev svg,
.splide__arrow svg,
.pgp-carousel-arrow svg,
.pgp-section-arrow svg{
  width:22px !important;
  height:22px !important;
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
}
.swiper-button-next::after,
.swiper-button-prev::after{
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
}

/* Related products/cards */
.pgp-related-section{
  overflow:hidden !important;
}
.pgp-related-track,
.related-track,
.pgp-products-row,
.products-row,
.carousel-track{
  -webkit-overflow-scrolling:touch !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
}
.pgp-related-track::-webkit-scrollbar,
.related-track::-webkit-scrollbar,
.pgp-products-row::-webkit-scrollbar,
.products-row::-webkit-scrollbar,
.carousel-track::-webkit-scrollbar{
  display:none !important;
}
.pgp-related-card img,
.product-card img,
.pgp-product-card img{
  background:var(--pgp-surface-3) !important;
  border-radius:14px !important;
}
.pgp-related-card:hover,
.product-card:hover,
.pgp-product-card:hover{
  border-color:rgba(0,0,0,.18) !important;
}

/* ===== Forms/options ===== */
input,
select,
textarea,
.option-card,
.pgp-option-card,
.pgp-public-choice,
.pgp-choice-card{
  background:#fff !important;
  color:#000 !important;
  border-color:var(--pgp-line) !important;
  border-radius:var(--pgp-radius-md) !important;
}
select option{
  color:#000 !important;
  background:#fff !important;
}
input:focus,
select:focus,
textarea:focus,
.option-card:focus-within,
.pgp-option-card:focus-within,
.pgp-public-choice:focus-within,
.pgp-choice-card:focus-within{
  border-color:rgba(84,51,235,.52) !important;
  box-shadow:0 0 0 4px rgba(84,51,235,.10) !important;
  outline:0 !important;
}
.pgp-public-choice.is-selected,
.pgp-choice-card.is-selected,
.option-card.is-selected,
.pgp-option-card.is-selected{
  border-color:var(--pgp-brand) !important;
  background:linear-gradient(180deg,#fff,var(--pgp-brand-soft)) !important;
}

/* ===== Footer uses the same global palette ===== */
.pgp-global-footer,
.pgp-global-footer *{
  --pgp-footer-brand:var(--pgp-brand) !important;
  --pgp-footer-brand-dark:var(--pgp-brand-dark) !important;
  --pgp-footer-text:var(--pgp-text) !important;
  --pgp-footer-muted:var(--pgp-text-muted) !important;
}

/* ===== Mobile tuning ===== */
@media(max-width:768px){
  :root{
    --pgp-radius-lg:22px;
    --pgp-radius-xl:28px;
  }
  body{
    background:#fff !important;
  }
  .pgp-open-product-gallery,
  .pgp-open-product-info,
  .pgp-related-section{
    border-radius:22px !important;
  }
  .pgp-gallery-arrow,
  .gallery-arrow,
  .product-gallery-arrow,
  .pgp-related-arrow,
  .related-arrow,
  .carousel-arrow,
  .swiper-button-next,
  .swiper-button-prev,
  .splide__arrow,
  .pgp-carousel-arrow,
  .pgp-section-arrow{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
  }
  .pgp-add-btn,
  .pgp-primary-btn,
  .pgp-cart-button,
  .add-to-cart,
  .checkout-button{
    min-height:56px !important;
  }
  .pgp-bottom-nav,
  .bottom-nav,
  .mobile-bottom-nav{
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(0,0,0,.08) !important;
    box-shadow:0 -16px 38px rgba(0,0,0,.12) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
  }
}


/* =========================================================
   PGP LIGHT SITE FIX 20260605
   الهدف: إزالة تأثير اللون الأسود من صفحات الهوم/الكراجات/البارتات
   وتوحيدها مع صفحة المنتج البيضاء، مع توحيد أسهم السلايدر.
   ========================================================= */
:root{
  --pgp-bg:#ffffff !important;
  --pgp-surface:#ffffff !important;
  --pgp-surface-2:#f7f7f8 !important;
  --pgp-surface-3:#eef0f1 !important;
  --pgp-text:#000000 !important;
  --pgp-text-soft:rgba(0,0,0,.74) !important;
  --pgp-text-muted:rgba(0,0,0,.54) !important;
  --pgp-line:rgba(0,0,0,.10) !important;
  --pgp-line-strong:rgba(0,0,0,.16) !important;
}
html,body,
body main,
body .main,
body .page,
body .page-wrap,
body .content,
body .pgp-page,
body .pgp-products-page,
body .pgp-garages-page,
body .pgp-cart-page,
body .pgp-account-page,
body .iq-wrap,
body #home,
body #products{
  background:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
}

/* لا نلغي سواد الهيدر العلوي فقط، نلغي السواد من محتوى الصفحات والكروت */
body .pgp-most-viewed-card,
body .pgp-home-managed-section,
body .pgp-part-card,
body .pgp-section-card,
body .pgp-category-card,
body .pgp-products-card,
body .pgp-garage-card,
body .garage-card,
body .iq-hero,
body .iq-panel,
body .iq-list,
body .product-scroll-wrap,
body #products,
body #products article,
body #home .overflow-hidden.rounded-\[2rem\],
body #home .rounded-\[2rem\].overflow-hidden,
body #home .rounded-\[1\.75rem\],
body #home .mt-8.grid > div{
  background:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
  border-color:rgba(0,0,0,.10) !important;
  box-shadow:none !important;
}

body .pgp-most-head,
body .pgp-part-head,
body .iq-head,
body .garage-top,
body .shop-row{
  background:#ffffff !important;
  background-image:none !important;
  border-color:rgba(0,0,0,.10) !important;
  color:#000 !important;
}
body .pgp-most-head{border-bottom:1px solid rgba(0,0,0,.10) !important;}
body .pgp-most-head p,
body .pgp-part-eyebrow,
body .iq-eyebrow{color:rgba(0,0,0,.48) !important;}
body .pgp-most-head h2,
body .pgp-part-name,
body .pgp-part-title,
body .iq-head h2,
body .garage-name,
body .shop-row h3,
body #products h2,
body #products h3{
  color:#000 !important;
  text-shadow:none !important;
}
body .pgp-most-head span,
body .pgp-part-subtitle,
body .iq-head p,
body .garage-meta{
  color:rgba(0,0,0,.62) !important;
  text-shadow:none !important;
}
body .pgp-most-count,
body .iq-count,
body .pgp-section-count,
body .pgp-count-pill{
  background:#ffffff !important;
  border:1px solid rgba(0,0,0,.10) !important;
  color:#000 !important;
  box-shadow:none !important;
}

/* كروت المنتجات بالهومي/الكراجات/البارتات مثل صفحة المنتج: بيضاء، صورة فوق، نص وسعر تحت */
body .pgp-most-product,
body .garage-card .product-card,
body .product-row .product-card,
body .pgp-product-row .pgp-product-card,
body .products-grid .product-card,
body .pgp-products .pgp-product-card,
body #products article{
  background:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.055) !important;
  overflow:hidden !important;
  text-decoration:none !important;
}
body .pgp-most-product:hover,
body .garage-card .product-card:hover,
body .product-row .product-card:hover,
body .pgp-product-row .pgp-product-card:hover,
body .products-grid .product-card:hover,
body .pgp-products .pgp-product-card:hover,
body #products article:hover{
  border-color:rgba(225,53,53,.34) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.08) !important;
  transform:translateY(-2px) !important;
}
body .pgp-most-media,
body .garage-card .product-media,
body .product-card .product-media,
body .pgp-product-media,
body .products-grid .product-media{
  background:#f2f4f5 !important;
  background-image:none !important;
}
body .pgp-most-media:after,
body .product-media:after,
body .pgp-product-media:after{
  display:none !important;
  content:none !important;
}
body .pgp-most-info strong,
body .garage-card .product-card strong,
body .product-title,
body .product-title-link,
body .pgp-product-title,
body .pgp-product-card h3,
body .products-grid h3,
body #products article h3{
  color:#000000 !important;
  text-shadow:none !important;
}
body .pgp-most-info span,
body .pgp-product-source,
body .product-subtitle,
body .product-category,
body .pgp-product-category{
  color:rgba(0,0,0,.58) !important;
  text-shadow:none !important;
}
body .pgp-most-price,
body .price-tag,
body .pgp-price-tag,
body .product-price,
body .pgp-product-price,
body .pgp-related-price{
  background:transparent !important;
  color:#e13535 !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:none !important;
}
body .pgp-most-price::first-letter,
body .price-tag::first-letter,
body .pgp-price-tag::first-letter{color:#000 !important;}
body .view-tag,
body .pgp-most-views{
  background:#ee174d !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 8px 18px rgba(238,23,77,.18) !important;
}

/* Managed/home sections layout like product cards */
body .pgp-most-scroll-wrap{background:#fff !important;overflow:hidden !important;}
body .pgp-most-row{touch-action:pan-x pan-y !important;-webkit-overflow-scrolling:touch !important;}
body .pgp-most-product{height:238px !important;}
body .pgp-most-product .pgp-most-media{position:absolute !important;left:0 !important;right:0 !important;top:0 !important;height:64% !important;inset:auto 0 auto 0 !important;}
body .pgp-most-product .pgp-most-media img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;}
body .pgp-most-product .pgp-most-info{position:absolute !important;left:12px !important;right:12px !important;top:calc(64% + 10px) !important;bottom:auto !important;display:grid !important;gap:4px !important;z-index:2 !important;}
body .pgp-most-product .pgp-most-info strong{font-size:14px !important;line-height:1.18 !important;-webkit-line-clamp:2 !important;}
body .pgp-most-product .pgp-most-info span{font-size:11px !important;line-height:1.2 !important;-webkit-line-clamp:1 !important;}
body .pgp-most-product .pgp-most-price{position:absolute !important;left:12px !important;top:auto !important;bottom:10px !important;min-height:auto !important;padding:0 !important;font-size:12px !important;z-index:3 !important;}

/* أسهم السلايدر في كل الصفحات بلون موحد مثل صفحة المنتج */
body .pgp-most-arrow,
body .row-arrow,
body .pgp-row-arrow,
body .shop-arrow,
body .pgp-shop-arrow,
body .pgp-gallery-arrow,
body .gallery-arrow,
body .product-gallery-arrow,
body .pgp-related-arrow,
body .related-arrow,
body .carousel-arrow,
body .swiper-button-next,
body .swiper-button-prev,
body .splide__arrow,
body .pgp-carousel-arrow,
body .pgp-section-arrow{
  background:linear-gradient(135deg,#5433eb,#4504bc) !important;
  color:#ffffff !important;
  border:1px solid #4504bc !important;
  box-shadow:0 12px 28px rgba(84,51,235,.22) !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body .pgp-most-arrow:hover,
body .row-arrow:hover,
body .pgp-row-arrow:hover,
body .shop-arrow:hover,
body .pgp-shop-arrow:hover,
body .pgp-gallery-arrow:hover,
body .gallery-arrow:hover,
body .product-gallery-arrow:hover,
body .pgp-related-arrow:hover,
body .related-arrow:hover,
body .carousel-arrow:hover,
body .swiper-button-next:hover,
body .swiper-button-prev:hover,
body .splide__arrow:hover,
body .pgp-carousel-arrow:hover,
body .pgp-section-arrow:hover,
body .pgp-most-arrow:active,
body .row-arrow:active,
body .pgp-row-arrow:active,
body .shop-arrow:active,
body .pgp-shop-arrow:active,
body .pgp-most-arrow.is-pressed,
body .row-arrow.is-pressed,
body .pgp-row-arrow.is-pressed{
  background:#e13535 !important;
  border-color:#e13535 !important;
  color:#ffffff !important;
  box-shadow:0 12px 28px rgba(225,53,53,.24) !important;
}
body .pgp-most-arrow *,
body .row-arrow *,
body .pgp-row-arrow *,
body .shop-arrow *,
body .pgp-shop-arrow *,
body .pgp-gallery-arrow *,
body .gallery-arrow *,
body .product-gallery-arrow *,
body .pgp-related-arrow *,
body .related-arrow *,
body .carousel-arrow *,
body .swiper-button-next *,
body .swiper-button-prev *,
body .splide__arrow *,
body .pgp-carousel-arrow *,
body .pgp-section-arrow *{
  color:#ffffff !important;
  stroke:#ffffff !important;
}
body .swiper-button-next::after,
body .swiper-button-prev::after{color:#fff !important;}

/* IQ garages / parts pages light cards */
body .iq-hero,
body .garage-card,
body .pgp-part-card{
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:28px !important;
}
body .iq-select,
body .iq-search,
body .iq-filter,
body .garage-menu,
body .garage-menu-btn{
  background:#fff !important;
  color:#000 !important;
  border-color:rgba(0,0,0,.12) !important;
  box-shadow:none !important;
}
body .dots,
body .dots svg{color:#000 !important;stroke:#000 !important;}

/* كروت صفحة البارتات لا تبقى داكنة */
body .pgp-product-card,
body .pgp-product,
body .tc-card{
  background:#fff !important;
  background-image:none !important;
  color:#000 !important;
  border-color:rgba(0,0,0,.10) !important;
}
body .pgp-product-card *,
body .pgp-product *,
body .tc-card *{text-shadow:none !important;}

@media(max-width:768px){
  body .pgp-most-product{height:180px !important;border-radius:16px !important;}
  body .pgp-most-product .pgp-most-media{height:58% !important;}
  body .pgp-most-product .pgp-most-info{left:10px !important;right:10px !important;top:calc(58% + 8px) !important;}
  body .pgp-most-product .pgp-most-info strong{font-size:12px !important;}
  body .pgp-most-product .pgp-most-info span{font-size:9.5px !important;}
  body .pgp-most-product .pgp-most-price{bottom:8px !important;left:10px !important;font-size:10.5px !important;}
  body .pgp-most-head h2{font-size:24px !important;}
  body .pgp-most-head span{font-size:14px !important;color:rgba(0,0,0,.58) !important;}
}


/* =========================================================
   PGP PUBLIC LIGHT FORCE V3 - exact pages cleanup
   - removes remaining black cards from IQ garages / garage store / parts pages
   - fixes old broad arrow selector that was turning filter arrows into blue circles
   - keeps search button clean with one icon only
   ========================================================= */
:root{
  --pgp-bg:#ffffff !important;
  --pgp-surface:#ffffff !important;
  --pgp-surface-2:#f7f7f8 !important;
  --pgp-surface-3:#eef0f1 !important;
  --pgp-text:#000000 !important;
  --pgp-text-soft:rgba(0,0,0,.74) !important;
  --pgp-text-muted:rgba(0,0,0,.56) !important;
  --pgp-line:rgba(0,0,0,.10) !important;
  --pgp-line-strong:rgba(0,0,0,.16) !important;
}

html,body{background:#fff !important;color:#000 !important;}
body main,
body .main,
body .page,
body .page-wrap,
body .content,
body .pgp-page,
body .iq-wrap,
body .store-wrap,
body .pgp-parts-wrap,
body .pgp-parts-shell,
body #home,
body #products,
body #garages,
body #parts{
  background:#fff !important;
  background-image:none !important;
  color:#000 !important;
}

/* Exact dark wrappers that were still showing black on garages / parts */
body .iq-card,
body .iq-hero,
body .iq-list,
body .iq-panel,
body .garage-card,
body .garage-top,
body .product-scroll-wrap,
body .store-card,
body .store-info,
body .products-card,
body .products-head,
body .pgp-iq-card,
body .pgp-parts-hero,
body .pgp-parts-head,
body .pgp-part-list,
body .pgp-part-card,
body .pgp-part-top,
body .pgp-product-scroll-wrap,
body .pgp-products-panel,
body .pgp-home-managed-section,
body .pgp-most-viewed-card,
body .pgp-most-head,
body .pgp-section-card,
body .pgp-section-shell,
body .pgp-section-wrap,
body .shop-row,
body .shop-section,
body .shop-card{
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  border-color:rgba(0,0,0,.10) !important;
  color:#000 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

body .iq-card,
body .garage-card,
body .store-card,
body .pgp-iq-card,
body .pgp-part-card,
body .pgp-section-card,
body .pgp-most-viewed-card{
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:28px !important;
}
body .iq-hero,
body .pgp-parts-hero{
  padding:26px !important;
  text-align:center !important;
  overflow:visible !important;
}

/* remove black overlays only from content cards, not from the real header */
body .iq-card::before,body .iq-card::after,
body .garage-card::before,body .garage-card::after,
body .store-card::before,body .store-card::after,
body .store-cover::after,
body .pgp-iq-card::before,body .pgp-iq-card::after,
body .pgp-part-card::before,body .pgp-part-card::after,
body .pgp-section-card::before,body .pgp-section-card::after,
body .pgp-most-viewed-card::before,body .pgp-most-viewed-card::after{
  background:transparent !important;
  background-image:none !important;
  opacity:0 !important;
  box-shadow:none !important;
  content:none !important;
}

/* Text colors: same as product detail page */
body .iq-hero h1,
body .iq-head h2,
body .garage-name,
body .garage-name-link,
body .store-main h1,
body .products-head h2,
body .pgp-parts-hero h1,
body .pgp-parts-head h2,
body .pgp-part-name,
body .pgp-part-title,
body .pgp-section-title,
body .pgp-most-head h2,
body .shop-row h3,
body .product-title,
body .pgp-product-title,
body .pgp-related-name,
body .product-body h3,
body .pgp-product-card h3{
  color:#000 !important;
  text-shadow:none !important;
}
body .iq-hero p,
body .iq-head p,
body .garage-meta,
body .store-main p,
body .products-head p,
body .pgp-parts-hero p,
body .pgp-parts-head p,
body .pgp-part-meta,
body .pgp-part-subtitle,
body .pgp-section-subtitle,
body .pgp-most-head p,
body .pgp-most-head span,
body .product-sub,
body .pgp-product-source,
body .pgp-product-category,
body .product-category{
  color:rgba(0,0,0,.62) !important;
  text-shadow:none !important;
}

/* Product cards inside garages / parts: white cards, black text, red price */
body .product-card,
body .pgp-product-card,
body .pgp-product,
body .pgp-most-product,
body .pgp-related-card,
body .garage-card .product-card,
body .products-grid .product-card,
body #products article{
  background:#fff !important;
  background-image:none !important;
  color:#000 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.055) !important;
  overflow:hidden !important;
  text-shadow:none !important;
}
body .product-card:hover,
body .pgp-product-card:hover,
body .pgp-product:hover,
body .pgp-most-product:hover,
body .pgp-related-card:hover{
  border-color:rgba(225,53,53,.32) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.08) !important;
}
body .product-media,
body .garage-card .product-media,
body .pgp-product-media,
body .pgp-most-media{
  background:#f2f4f5 !important;
  background-image:none !important;
}
body .product-card :is(h1,h2,h3,h4,strong,b,.product-title,.pgp-product-title),
body .pgp-product-card :is(h1,h2,h3,h4,strong,b,.product-title,.pgp-product-title),
body .pgp-most-product :is(strong,.pgp-most-title),
body .pgp-related-card :is(h3,strong,.pgp-related-name){
  color:#000 !important;
  text-shadow:none !important;
}
body .price-tag,
body .pgp-price-tag,
body .product-price,
body .pgp-product-price,
body .pgp-most-price,
body .pgp-related-price,
body .details-price{
  color:#e13535 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
body .view-tag,
body .pgp-view-tag,
body .pgp-most-views{
  background:#ee174d !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 8px 18px rgba(238,23,77,.16) !important;
}
body .view-tag *,body .pgp-view-tag *,body .pgp-most-views *{color:#fff !important;stroke:#fff !important;}

/* Counts / filters become small clean white/soft pills - no huge purple circles */
body .iq-count,
body .pgp-count,
body .products-count,
body .pgp-most-count,
body .pgp-section-count,
body .pgp-count-pill{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.10) !important;
  color:#000 !important;
  box-shadow:none !important;
}
body .iq-filter,
body .pgp-parts-filter{position:relative !important;min-width:94px !important;}
body .iq-select,
body .pgp-select{
  min-height:34px !important;
  height:34px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:#f4f1ff !important;
  border:1px solid rgba(84,51,235,.16) !important;
  color:#4504bc !important;
  box-shadow:none !important;
  clip-path:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  font-weight:850 !important;
}
body .iq-select-bg,
body .pgp-select-bg,
body .iq-select-arrow,
body .pgp-select-arrow{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:0 !important;
  max-height:0 !important;
  opacity:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}
body .iq-filter.active .iq-select,
body .pgp-parts-filter.active .pgp-select,
body .iq-filter.open .iq-select,
body .pgp-parts-filter.open .pgp-select{
  background:#5433eb !important;
  border-color:#4504bc !important;
  color:#fff !important;
}
body .iq-dd,
body .pgp-dd{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 20px 45px rgba(0,0,0,.13) !important;
}
body .iq-item,
body .pgp-dd-item{
  background:#fff !important;
  color:#000 !important;
  border-color:rgba(0,0,0,.10) !important;
}
body .iq-item:hover,body .iq-item.active,
body .pgp-dd-item:hover,body .pgp-dd-item.active{
  background:#f4f1ff !important;
  color:#4504bc !important;
  border-color:rgba(84,51,235,.22) !important;
}

/* Sliders arrows only - do NOT target every class containing arrow/next/prev */
body .pgp-most-arrow,
body .row-arrow,
body .pgp-row-arrow,
body .shop-arrow,
body .pgp-shop-arrow,
body .pgp-gallery-arrow,
body .gallery-arrow,
body .product-gallery-arrow,
body .pgp-related-arrow,
body .related-arrow,
body .carousel-arrow,
body .pgp-carousel-arrow,
body .pgp-section-arrow,
body .swiper-button-next,
body .swiper-button-prev,
body .splide__arrow{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#5433eb 0%,#4504bc 100%) !important;
  color:#fff !important;
  border:1px solid #4504bc !important;
  box-shadow:0 14px 30px rgba(84,51,235,.24) !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:none !important;
  line-height:1 !important;
}
body .pgp-most-arrow:hover,
body .row-arrow:hover,
body .pgp-row-arrow:hover,
body .shop-arrow:hover,
body .pgp-shop-arrow:hover,
body .pgp-gallery-arrow:hover,
body .gallery-arrow:hover,
body .product-gallery-arrow:hover,
body .pgp-related-arrow:hover,
body .related-arrow:hover,
body .carousel-arrow:hover,
body .pgp-carousel-arrow:hover,
body .pgp-section-arrow:hover,
body .swiper-button-next:hover,
body .swiper-button-prev:hover,
body .splide__arrow:hover,
body .pgp-most-arrow:active,
body .row-arrow:active,
body .pgp-row-arrow:active,
body .shop-arrow:active,
body .pgp-shop-arrow:active{
  background:#e13535 !important;
  border-color:#e13535 !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
}
body .pgp-most-arrow :is(svg,path,span,i),
body .row-arrow :is(svg,path,span,i),
body .pgp-row-arrow :is(svg,path,span,i),
body .shop-arrow :is(svg,path,span,i),
body .pgp-shop-arrow :is(svg,path,span,i),
body .pgp-gallery-arrow :is(svg,path,span,i),
body .gallery-arrow :is(svg,path,span,i),
body .product-gallery-arrow :is(svg,path,span,i),
body .pgp-related-arrow :is(svg,path,span,i),
body .related-arrow :is(svg,path,span,i),
body .carousel-arrow :is(svg,path,span,i),
body .pgp-carousel-arrow :is(svg,path,span,i),
body .pgp-section-arrow :is(svg,path,span,i),
body .swiper-button-next :is(svg,path,span,i),
body .swiper-button-prev :is(svg,path,span,i),
body .splide__arrow :is(svg,path,span,i){
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
}
body .swiper-button-next::after,
body .swiper-button-prev::after{color:#fff !important;font-size:18px !important;}

/* Clean search button after the old broad arrow patch. Keep one icon, no extra symbols. */
body .pgp-header-search-form,
body .pgp-search-form,
body .search-form,
body .pgp-smart-search,
body .pgp-search-box,
body .pgp-top-search,
body .pgp-header-search{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:999px !important;
  box-shadow:0 12px 32px rgba(0,0,0,.10) !important;
  overflow:hidden !important;
}
body .pgp-header-search-submit,
body .pgp-search-submit,
body .search-submit,
body .pgp-smart-search button,
body .pgp-search-box button,
body .pgp-top-search button,
body .pgp-header-search button{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,#5433eb,#4504bc) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 10px 28px rgba(84,51,235,.24) !important;
  overflow:hidden !important;
  line-height:1 !important;
  text-indent:0 !important;
}
body .pgp-header-search-submit::before,
body .pgp-header-search-submit::after,
body .pgp-search-submit::before,
body .pgp-search-submit::after,
body .search-submit::before,
body .search-submit::after,
body .pgp-smart-search button::before,
body .pgp-smart-search button::after,
body .pgp-search-box button::before,
body .pgp-search-box button::after,
body .pgp-top-search button::before,
body .pgp-top-search button::after,
body .pgp-header-search button::before,
body .pgp-header-search button::after{
  display:none !important;
  content:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
body .pgp-header-search-submit :is(svg,path,i,span),
body .pgp-search-submit :is(svg,path,i,span),
body .search-submit :is(svg,path,i,span),
body .pgp-smart-search button :is(svg,path,i,span),
body .pgp-search-box button :is(svg,path,i,span),
body .pgp-top-search button :is(svg,path,i,span),
body .pgp-header-search button :is(svg,path,i,span){
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
body .pgp-header-search-submit > :not(:first-child),
body .pgp-search-submit > :not(:first-child),
body .search-submit > :not(:first-child),
body .pgp-smart-search button > :not(:first-child),
body .pgp-search-box button > :not(:first-child),
body .pgp-top-search button > :not(:first-child),
body .pgp-header-search button > :not(:first-child){display:none !important;}

@media(max-width:768px){
  body .iq-card,body .garage-card,body .store-card,body .pgp-iq-card,body .pgp-part-card,body .pgp-section-card,body .pgp-most-viewed-card{border-radius:22px !important;}
  body .pgp-most-arrow,body .row-arrow,body .pgp-row-arrow,body .shop-arrow,body .pgp-shop-arrow,body .pgp-gallery-arrow,body .gallery-arrow,body .product-gallery-arrow,body .pgp-related-arrow,body .related-arrow,body .carousel-arrow,body .pgp-carousel-arrow,body .pgp-section-arrow,body .swiper-button-next,body .swiper-button-prev,body .splide__arrow{
    width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;
  }
}

/* =========================================================
   PGP EXACT CLEANUP V4 - search, toggles, arrows, white pages
   Requested fixes:
   - search submit returns to one perfect round icon and does not change shape on hover
   - inactive grid/list icons black, active red
   - homepage/garages/parts backgrounds stay fully white
   - slider arrows stay centered and do not drop or turn red on hover
   ========================================================= */

:root{
  --pgp-bg:#ffffff !important;
  --pgp-surface:#ffffff !important;
  --pgp-arrow-bg:#5433eb !important;
  --pgp-arrow-bg-dark:#4504bc !important;
  --pgp-toggle-active:#ee174d !important;
}

html,
body,
body > main,
body .site,
body .site-wrap,
body .app,
body .app-wrap,
body .page,
body .page-wrap,
body .page-shell,
body .main,
body .main-wrap,
body .content,
body .content-wrap,
body .public-page,
body .pgp-page,
body .pgp-home,
body .pgp-home-page,
body .pgp-products-page,
body .pgp-garages-page,
body .pgp-parts-page,
body .pgp-store-page,
body .iq-page,
body .iq-wrap,
body .store-wrap,
body #home,
body #products,
body #garages,
body #parts{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
}

/* White-force only for page content; keep the real top header dark. */
body main [class*="bg-black"],
body main [class*="bg-slate-9"],
body main [class*="bg-zinc-9"],
body main [class*="bg-neutral-9"],
body main [class*="bg-gray-9"],
body main [class*="bg-[#0"],
body main [class*="bg-[#1"],
body main [class*="from-black"],
body main [class*="to-black"],
body main [class*="from-slate-9"],
body main [class*="to-slate-9"],
body .pgp-page [class*="bg-black"],
body .pgp-page [class*="bg-slate-9"],
body .pgp-page [class*="bg-zinc-9"],
body .pgp-page [class*="bg-neutral-9"],
body .pgp-page [class*="bg-gray-9"],
body .pgp-page [class*="bg-[#0"],
body .pgp-page [class*="bg-[#1"]{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
}

/* Do not allow dark blocks inside garages / parts / store content. */
body :is(.iq-hero,.iq-card,.iq-panel,.iq-list,.garage-card,.garage-top,.store-card,.store-cover,.store-info,.products-card,.products-head,.pgp-parts-hero,.pgp-parts-head,.pgp-part-card,.pgp-part-top,.pgp-section-card,.pgp-section-shell,.pgp-home-managed-section,.pgp-most-viewed-card,.pgp-most-head,.product-scroll-wrap,.pgp-product-scroll-wrap,.shop-section,.shop-row,.shop-card){
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
  border-color:rgba(0,0,0,.10) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
body :is(.iq-hero,.iq-card,.iq-panel,.iq-list,.garage-card,.garage-top,.store-card,.store-cover,.store-info,.products-card,.products-head,.pgp-parts-hero,.pgp-parts-head,.pgp-part-card,.pgp-part-top,.pgp-section-card,.pgp-section-shell,.pgp-home-managed-section,.pgp-most-viewed-card,.pgp-most-head,.product-scroll-wrap,.pgp-product-scroll-wrap,.shop-section,.shop-row,.shop-card)::before,
body :is(.iq-hero,.iq-card,.iq-panel,.iq-list,.garage-card,.garage-top,.store-card,.store-cover,.store-info,.products-card,.products-head,.pgp-parts-hero,.pgp-parts-head,.pgp-part-card,.pgp-part-top,.pgp-section-card,.pgp-section-shell,.pgp-home-managed-section,.pgp-most-viewed-card,.pgp-most-head,.product-scroll-wrap,.pgp-product-scroll-wrap,.shop-section,.shop-row,.shop-card)::after{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  opacity:0 !important;
}

/* Search button: one clean round purple circle with one centered white arrow. */
body :is(.pgp-header-search-form,.pgp-search-form,.search-form,.pgp-smart-search,.pgp-search-box,.pgp-top-search,.pgp-header-search){
  border-radius:999px !important;
  overflow:hidden !important;
  background:#ffffff !important;
  background-image:none !important;
}
body :is(.pgp-header-search-submit,.pgp-search-submit,.search-submit,.pgp-smart-search button,.pgp-search-box button,.pgp-top-search button,.pgp-header-search button){
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  aspect-ratio:1 / 1 !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  border:0 !important;
  background:#5433eb !important;
  background-image:linear-gradient(135deg,#5433eb,#4504bc) !important;
  color:#ffffff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 10px 28px rgba(84,51,235,.24) !important;
  overflow:hidden !important;
  transform:none !important;
  translate:none !important;
  line-height:1 !important;
  font-size:0 !important;
  text-indent:0 !important;
  vertical-align:middle !important;
}
body :is(.pgp-header-search-submit,.pgp-search-submit,.search-submit,.pgp-smart-search button,.pgp-search-box button,.pgp-top-search button,.pgp-header-search button):hover,
body :is(.pgp-header-search-submit,.pgp-search-submit,.search-submit,.pgp-smart-search button,.pgp-search-box button,.pgp-top-search button,.pgp-header-search button):focus,
body :is(.pgp-header-search-submit,.pgp-search-submit,.search-submit,.pgp-smart-search button,.pgp-search-box button,.pgp-top-search button,.pgp-header-search button):active{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  border-radius:50% !important;
  background:#5433eb !important;
  background-image:linear-gradient(135deg,#5433eb,#4504bc) !important;
  color:#ffffff !important;
  transform:none !important;
  translate:none !important;
  top:auto !important;
  bottom:auto !important;
  box-shadow:0 10px 28px rgba(84,51,235,.24) !important;
}
body :is(.pgp-header-search-submit,.pgp-search-submit,.search-submit,.pgp-smart-search button,.pgp-search-box button,.pgp-top-search button,.pgp-header-search button) > *{
  display:none !important;
}
body :is(.pgp-header-search-submit,.pgp-search-submit,.search-submit,.pgp-smart-search button,.pgp-search-box button,.pgp-top-search button,.pgp-header-search button)::before{
  content:"→" !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  background:transparent !important;
  color:#ffffff !important;
  font-size:26px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-indent:0 !important;
  transform:none !important;
  opacity:1 !important;
  box-shadow:none !important;
}
body :is(.pgp-header-search-submit,.pgp-search-submit,.search-submit,.pgp-smart-search button,.pgp-search-box button,.pgp-top-search button,.pgp-header-search button)::after{
  display:none !important;
  content:none !important;
}
html[dir="rtl"] body :is(.pgp-header-search-submit,.pgp-search-submit,.search-submit,.pgp-smart-search button,.pgp-search-box button,.pgp-top-search button,.pgp-header-search button)::before,
body.rtl :is(.pgp-header-search-submit,.pgp-search-submit,.search-submit,.pgp-smart-search button,.pgp-search-box button,.pgp-top-search button,.pgp-header-search button)::before{
  content:"→" !important;
}

/* Grid/list/view buttons: inactive black, active red. */
body :is(.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn){
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.10) !important;
  color:#000000 !important;
  stroke:#000000 !important;
  fill:none !important;
  box-shadow:none !important;
}
body :is(.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn) :is(svg,path,i,span){
  color:#000000 !important;
  stroke:#000000 !important;
  fill:none !important;
}
body :is(.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn).active,
body :is(.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn).is-active,
body :is(.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn)[aria-pressed="true"]{
  background:#ee174d !important;
  border-color:#ee174d !important;
  color:#ffffff !important;
  stroke:#ffffff !important;
}
body :is(.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn).active :is(svg,path,i,span),
body :is(.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn).is-active :is(svg,path,i,span),
body :is(.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn)[aria-pressed="true"] :is(svg,path,i,span){
  color:#ffffff !important;
  stroke:#ffffff !important;
}

/* Slider arrows: centered, fixed place, no red hover, no drop/translate. */
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow){
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  place-items:center !important;
  background:#5433eb !important;
  background-image:linear-gradient(135deg,#5433eb,#4504bc) !important;
  color:#ffffff !important;
  border:1px solid #4504bc !important;
  box-shadow:0 12px 26px rgba(84,51,235,.22) !important;
  opacity:1 !important;
  transform:none !important;
  translate:none !important;
  top:auto;
  line-height:1 !important;
  text-align:center !important;
  text-indent:0 !important;
  font-size:0 !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):hover,
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):active,
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow):focus{
  background:#5433eb !important;
  background-image:linear-gradient(135deg,#5433eb,#4504bc) !important;
  color:#ffffff !important;
  border-color:#4504bc !important;
  box-shadow:0 12px 26px rgba(84,51,235,.22) !important;
  transform:none !important;
  translate:none !important;
  margin:0 !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) > *{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  transform:none !important;
  translate:none !important;
  color:#ffffff !important;
  stroke:#ffffff !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow) :is(svg,path,i,span){
  color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
  transform:none !important;
  translate:none !important;
}
body .swiper-button-next::after,
body .swiper-button-prev::after{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#ffffff !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
  transform:none !important;
}

@media(max-width:768px){
  body :is(.pgp-header-search-submit,.pgp-search-submit,.search-submit,.pgp-smart-search button,.pgp-search-box button,.pgp-top-search button,.pgp-header-search button){
    width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;
  }
  body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow,.shop-arrow,.pgp-shop-arrow,.pgp-gallery-arrow,.gallery-arrow,.product-gallery-arrow,.pgp-related-arrow,.related-arrow,.carousel-arrow,.pgp-carousel-arrow,.pgp-section-arrow,.swiper-button-next,.swiper-button-prev,.splide__arrow){
    width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;max-width:42px !important;max-height:42px !important;
  }
}

/* =========================================================
   PGP EXACT REPAIR V5 - user screenshot fixes
   1) Full white public pages, no leftover black around sections.
   2) Search pill returns to the earlier clean compact circle button.
   3) Slider arrows stay centered; no hover drop, no broken half circles.
   4) View/filter icons: inactive black, active red. Hide old blue select circles.
   ========================================================= */

:root{
  --pgp-bg:#ffffff !important;
  --pgp-surface:#ffffff !important;
  --pgp-text:#000000 !important;
  --pgp-muted:rgba(0,0,0,.58) !important;
  --pgp-border:rgba(0,0,0,.10) !important;
  --pgp-purple:#5433eb !important;
  --pgp-purple-dark:#4504bc !important;
  --pgp-red-clean:#e13535 !important;
  --pgp-accent-clean:#ee174d !important;
}

html,
body{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
}

/* Force the content area only to white. Header stays untouched. */
body main,
body #home,
body #products,
body #garages,
body #parts,
body .pgp-page,
body .pgp-home,
body .pgp-home-page,
body .pgp-products-page,
body .pgp-garages-page,
body .pgp-parts-page,
body .pgp-store-page,
body .iq-wrap,
body .store-wrap,
body .pgp-parts-wrap,
body .pgp-parts-shell,
body .store-shell,
body .public-page,
body .page-wrap,
body .content-wrap,
body .site-content,
body .min-h-screen{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
}

body main [class*="bg-black"],
body main [class*="bg-zinc-950"],
body main [class*="bg-neutral-950"],
body main [class*="bg-slate-950"],
body main [class*="bg-gray-950"],
body main [class*="bg-zinc-900"],
body main [class*="bg-neutral-900"],
body main [class*="bg-slate-900"],
body main [class*="bg-[#0"],
body main [class*="from-black"],
body main [class*="to-black"],
body main [class*="from-zinc-950"],
body main [class*="to-zinc-950"]{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
  border-color:var(--pgp-border) !important;
  box-shadow:none !important;
}

body main [class*="text-white"],
body .pgp-part-card [class*="text-white"],
body .garage-card [class*="text-white"],
body .store-card [class*="text-white"]{
  color:#000000 !important;
  text-shadow:none !important;
}

/* Main section/cards light style, same feel as product page */
body :is(.pgp-most-viewed-card,.pgp-home-managed-section,.pgp-section-card,.pgp-section-shell,.pgp-section-wrap,.iq-card,.iq-hero,.iq-panel,.iq-list,.garage-card,.garage-top,.store-card,.store-info,.products-card,.products-head,.pgp-parts-hero,.pgp-parts-head,.pgp-part-card,.pgp-part-top,.product-scroll-wrap,.pgp-product-scroll-wrap,.shop-section,.shop-row,.shop-card){
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
  border-color:var(--pgp-border) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
body :is(.pgp-most-viewed-card,.pgp-section-card,.iq-card,.garage-card,.store-card,.products-card,.pgp-part-card){
  border:1px solid var(--pgp-border) !important;
  border-radius:28px !important;
}
body :is(.pgp-most-viewed-card,.pgp-home-managed-section,.pgp-section-card,.iq-card,.garage-card,.store-card,.products-card,.pgp-part-card)::before,
body :is(.pgp-most-viewed-card,.pgp-home-managed-section,.pgp-section-card,.iq-card,.garage-card,.store-card,.products-card,.pgp-part-card)::after,
body :is(.pgp-most-media,.product-media,.pgp-product-media)::after{
  display:none !important;
  content:none !important;
  background:transparent !important;
  background-image:none !important;
  opacity:0 !important;
  box-shadow:none !important;
}

body :is(.pgp-most-head h2,.pgp-section-title,.pgp-part-name,.pgp-part-title,.iq-head h2,.garage-name,.garage-name-link,.store-main h1,.products-head h2,.product-title,.pgp-product-title,.shop-row h3){
  color:#000000 !important;
  text-shadow:none !important;
}
body :is(.pgp-most-head p,.pgp-most-head span,.pgp-section-subtitle,.pgp-part-meta,.pgp-part-subtitle,.iq-head p,.garage-meta,.store-main p,.products-head p,.product-sub,.pgp-product-category){
  color:rgba(0,0,0,.62) !important;
  text-shadow:none !important;
}

/* Product preview cards on homepage: remove dark frame/gradient */
body .pgp-most-product{
  background:#ffffff !important;
  background-image:none !important;
  color:#000000 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.055) !important;
  overflow:hidden !important;
}
body .pgp-most-product:hover{
  border-color:rgba(225,53,53,.28) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.075) !important;
  transform:translateY(-1px) !important;
}
body .pgp-most-product .pgp-most-media{
  position:absolute !important;
  inset:auto 0 auto 0 !important;
  top:0 !important;
  height:64% !important;
  background:#f2f4f5 !important;
  background-image:none !important;
}
body .pgp-most-product .pgp-most-info{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  top:calc(64% + 10px) !important;
  bottom:auto !important;
  z-index:2 !important;
}
body .pgp-most-product .pgp-most-info strong{
  color:#000000 !important;
  text-shadow:none !important;
}
body .pgp-most-product .pgp-most-info span{
  color:rgba(0,0,0,.58) !important;
  text-shadow:none !important;
}
body .pgp-most-price,
body .price-tag,
body .pgp-price-tag,
body .product-price,
body .pgp-product-price,
body .pgp-related-price{
  color:#e13535 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:none !important;
}

/* Search pill: restore the old compact circle and real SVG only */
body .pgp-header-search-wrap{
  position:relative !important;
  z-index:1201 !important;
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:8px auto 12px !important;
  pointer-events:auto !important;
}
body .pgp-header-search-form{
  position:relative !important;
  width:min(390px,64vw) !important;
  max-width:calc(100vw - 34px) !important;
  height:36px !important;
  min-height:36px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:4px 6px 4px 14px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#111315 !important;
  box-shadow:0 4px 24px rgba(0,0,0,.12),0 0 0 4px rgba(0,0,0,.03) !important;
  clip-path:none !important;
  overflow:hidden !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body .pgp-header-search-form:focus-within{
  background:#ffffff !important;
  box-shadow:0 6px 28px rgba(0,0,0,.15),0 0 0 1px rgba(84,51,235,.20) !important;
}
body .pgp-header-search-input{
  background:transparent !important;
  color:#111315 !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  text-align:center !important;
  font-size:14px !important;
  font-weight:800 !important;
}
body .pgp-header-search-input::placeholder{color:rgba(17,19,21,.58) !important;opacity:1 !important;}
body .pgp-header-search-submit{
  flex:0 0 26px !important;
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  min-height:26px !important;
  max-width:26px !important;
  max-height:26px !important;
  aspect-ratio:1 / 1 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#5433eb !important;
  background-image:none !important;
  color:#ffffff !important;
  box-shadow:0 4px 18px rgba(84,51,235,.34) !important;
  line-height:1 !important;
  font-size:0 !important;
  text-indent:0 !important;
  transform:none !important;
  translate:none !important;
  overflow:hidden !important;
}
body .pgp-header-search-submit:hover,
body .pgp-header-search-submit:active,
body .pgp-header-search-submit:focus{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  min-height:26px !important;
  max-width:26px !important;
  max-height:26px !important;
  border-radius:50% !important;
  background:#5433eb !important;
  background-image:none !important;
  color:#fff !important;
  transform:none !important;
  translate:none !important;
  filter:none !important;
  box-shadow:0 4px 18px rgba(84,51,235,.34) !important;
}
body .pgp-header-search-submit::before,
body .pgp-header-search-submit::after{
  display:none !important;
  content:none !important;
  background:transparent !important;
  box-shadow:none !important;
  opacity:0 !important;
}
body .pgp-header-search-submit > *{display:none !important;}
body .pgp-header-search-submit > svg.pgp-search-arrow-desktop,
body .pgp-header-search-submit > svg.pgp-header-search-submit-icon:first-of-type{
  display:block !important;
  width:15px !important;
  height:15px !important;
  min-width:15px !important;
  min-height:15px !important;
  color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
body .pgp-header-search-submit > svg.pgp-search-arrow-mobile{display:none !important;}
body .pgp-header-search-submit svg path{stroke:#ffffff !important;fill:none !important;}

/* Hide old filter/select decoration circles that appeared as blue/purple blobs */
body .iq-select-bg,
body .pgp-select-bg,
body .iq-select-arrow,
body .pgp-select-arrow{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:0 !important;
  max-height:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}
body .iq-select,
body .pgp-select{
  min-height:34px !important;
  height:34px !important;
  border-radius:999px !important;
  background:#f4f1ff !important;
  background-image:none !important;
  color:#4504bc !important;
  border:1px solid rgba(84,51,235,.16) !important;
  box-shadow:none !important;
  clip-path:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* View/layout icons: inactive black, active red. */
body :is(.dots,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn,[data-view],[data-layout],[data-mode]){
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.10) !important;
  color:#000000 !important;
  stroke:#000000 !important;
  fill:none !important;
  box-shadow:none !important;
}
body :is(.dots,.view-toggle,.view-btn,.grid-toggle,.list-toggle,.layout-toggle,.layout-btn,.display-toggle,.display-btn,.mode-toggle,.mode-btn,.pgp-view-toggle,.pgp-view-btn,.pgp-grid-toggle,.pgp-list-toggle,.pgp-layout-toggle,.pgp-layout-btn,.pgp-mode-toggle,.pgp-mode-btn,.iq-view-toggle,.iq-view-btn,.garage-view-toggle,.garage-view-btn,.parts-view-toggle,.parts-view-btn,[data-view],[data-layout],[data-mode]) :is(svg,path,i,span){
  color:#000000 !important;
  stroke:#000000 !important;
  fill:none !important;
}
body :is(.dots.active,.dots.is-active,.dots[aria-expanded="true"],.view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,.display-toggle.active,.display-btn.active,.mode-toggle.active,.mode-btn.active,.pgp-view-toggle.active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-toggle.active,.pgp-layout-btn.active,.pgp-mode-toggle.active,.pgp-mode-btn.active,.iq-view-toggle.active,.iq-view-btn.active,.garage-view-toggle.active,.garage-view-btn.active,.parts-view-toggle.active,.parts-view-btn.active,[data-view].active,[data-layout].active,[data-mode].active,[aria-pressed="true"]){
  background:#ee174d !important;
  border-color:#ee174d !important;
  color:#ffffff !important;
  stroke:#ffffff !important;
}
body :is(.dots.active,.dots.is-active,.dots[aria-expanded="true"],.view-toggle.active,.view-btn.active,.grid-toggle.active,.list-toggle.active,.layout-toggle.active,.layout-btn.active,.display-toggle.active,.display-btn.active,.mode-toggle.active,.mode-btn.active,.pgp-view-toggle.active,.pgp-view-btn.active,.pgp-grid-toggle.active,.pgp-list-toggle.active,.pgp-layout-toggle.active,.pgp-layout-btn.active,.pgp-mode-toggle.active,.pgp-mode-btn.active,.iq-view-toggle.active,.iq-view-btn.active,.garage-view-toggle.active,.garage-view-btn.active,.parts-view-toggle.active,.parts-view-btn.active,[data-view].active,[data-layout].active,[data-mode].active,[aria-pressed="true"]) :is(svg,path,i,span){
  color:#ffffff !important;
  stroke:#ffffff !important;
}

/* Slider row arrows: exact centered circles. No hover drop and no red hover. */
body .pgp-most-scroll-wrap,
body .product-scroll-wrap,
body .pgp-product-scroll-wrap{
  position:relative !important;
  overflow:hidden !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow){
  position:absolute !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  translate:none !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  border:1px solid #4504bc !important;
  background:#5433eb !important;
  background-image:linear-gradient(135deg,#5433eb,#4504bc) !important;
  color:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  place-items:center !important;
  text-align:center !important;
  line-height:1 !important;
  font-size:24px !important;
  font-weight:900 !important;
  z-index:8 !important;
  opacity:1 !important;
  box-shadow:0 12px 26px rgba(84,51,235,.22) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow):hover,
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow):active,
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow):focus,
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow).is-pressed{
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  translate:none !important;
  margin:0 !important;
  background:#5433eb !important;
  background-image:linear-gradient(135deg,#5433eb,#4504bc) !important;
  border-color:#4504bc !important;
  color:#ffffff !important;
  box-shadow:0 12px 26px rgba(84,51,235,.22) !important;
}
body .pgp-most-arrow.left,
body .row-arrow.left,
body .pgp-row-arrow.left{left:10px !important;right:auto !important;}
body .pgp-most-arrow.right,
body .row-arrow.right,
body .pgp-row-arrow.right{right:10px !important;left:auto !important;}
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow) > span,
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow) > i,
body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow) > svg{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  transform:none !important;
  translate:none !important;
  color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
}

@media(max-width:768px){
  body .pgp-header-search-form{width:min(390px,64vw) !important;height:36px !important;min-height:36px !important;}
  body .pgp-header-search-submit{width:26px !important;height:26px !important;min-width:26px !important;min-height:26px !important;flex-basis:26px !important;}
  body :is(.pgp-most-arrow,.row-arrow,.pgp-row-arrow){width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;max-width:42px !important;max-height:42px !important;font-size:22px !important;}
  body .pgp-most-arrow.left,body .row-arrow.left,body .pgp-row-arrow.left{left:8px !important;}
  body .pgp-most-arrow.right,body .row-arrow.right,body .pgp-row-arrow.right{right:8px !important;}
  body .pgp-most-product .pgp-most-media{height:58% !important;}
  body .pgp-most-product .pgp-most-info{top:calc(58% + 8px) !important;left:10px !important;right:10px !important;}
}