/* ProParts final mobile/tablet responsive layer.
   Desktop remains controlled by the existing desktop styles. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) and (max-width: 1024px) {
  html,
  body,
  .pp-custom-home,
  .pp-header,
  .pp-part-finder-section,
  .pp-products-section,
  .pp-brands-section,
  .pp-categories-section,
  .pp-why-section,
  .pp-hero,
  .pp-site-footer {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  .pp-container,
  .pp-header-inner,
  .pp-nav-inner,
  .pp-hero-grid,
  .pp-hero .pp-container {
    width: min(100% - 40px, 1180px) !important;
    max-width: min(100% - 40px, 1180px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .pp-header-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    grid-template-areas:
      "logo burger"
      "search search" !important;
    align-items: center !important;
    gap: 14px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .pp-logo {
    grid-area: logo !important;
    max-width: 230px !important;
  }

  .pp-logo-img {
    max-width: 190px !important;
  }

  .pp-burger {
    grid-area: burger !important;
    display: inline-flex !important;
    justify-self: end !important;
  }

  .pp-header-actions,
  .pp-desktop-sticky-nav {
    display: none !important;
  }

  .pp-search {
    grid-area: search !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  .pp-search input {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  .pp-header.pp-mobile-menu-open .pp-nav {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9998 !important;
    background: #050608 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 18px 32px rgba(0,0,0,.34) !important;
  }

  .pp-header.pp-mobile-menu-open .pp-nav-inner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding-top: 14px !important;
    padding-bottom: 16px !important;
  }

  .pp-nav-inner a,
  .pp-mobile-seller-nav a {
    min-width: 0 !important;
    min-height: 44px !important;
    justify-content: flex-start !important;
    white-space: normal !important;
  }

  .pp-part-finder-grid,
  .pp-code-search-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pp-part-finder-btn {
    width: 100% !important;
  }

  .pp-products-carousel {
    padding-left: 36px !important;
    padding-right: 36px !important;
    overflow: hidden !important;
  }

  .pp-products-carousel-track {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(260px, 36%) !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 8px !important;
  }

  .pp-products-carousel-track .pp-product-card {
    scroll-snap-align: start !important;
  }

  .home .pp-products-section .pp-products-carousel-track .pp-product-card,
  .pp-products-section .pp-products-carousel .pp-products-carousel-track > .pp-product-card {
    flex: 0 0 min(320px, 42vw) !important;
    width: min(320px, 42vw) !important;
    min-width: min(260px, 42vw) !important;
    max-width: min(320px, 42vw) !important;
  }

  .pp-brand-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .pp-categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pp-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pp-why-card {
    min-height: 0 !important;
  }
}

@media (max-width: 767px) {
  html,
  body,
  .pp-custom-home,
  .pp-header,
  .pp-part-finder-section,
  .pp-products-section,
  .pp-brands-section,
  .pp-categories-section,
  .pp-why-section,
  .pp-hero,
  .pp-site-footer {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .pp-container,
  .pp-header-inner,
  .pp-nav-inner,
  .pp-hero-grid,
  .pp-hero .pp-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .pp-header {
    position: relative !important;
    z-index: 9999 !important;
    background: #050608 !important;
  }

  .pp-header-inner {
    position: relative !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    grid-template-areas:
      "logo burger"
      "search search" !important;
    align-items: center !important;
    gap: 10px 12px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    background: #050608 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    overflow: visible !important;
  }

  .pp-logo {
    grid-area: logo !important;
    width: auto !important;
    max-width: calc(100vw - 88px) !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .pp-logo-img {
    width: auto !important;
    max-width: min(170px, calc(100vw - 100px)) !important;
    height: auto !important;
  }

  .pp-burger {
    grid-area: burger !important;
    display: inline-flex !important;
    justify-self: end !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
  }

  .pp-header-actions,
  .pp-desktop-sticky-nav {
    display: none !important;
  }

  .pp-search {
    grid-area: search !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    padding: 5px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  .pp-search input {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .pp-search button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 72px !important;
    max-width: 96px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .pp-nav {
    display: none !important;
  }

  .pp-header.pp-mobile-menu-open .pp-nav {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9998 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 72px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #050608 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 18px 32px rgba(0,0,0,.34) !important;
  }

  .pp-nav-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding-top: 12px !important;
    padding-bottom: 16px !important;
    overflow: visible !important;
  }

  .pp-mobile-seller-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .pp-nav-inner a,
  .pp-mobile-seller-nav a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .pp-part-finder-section,
  .pp-products-section,
  .pp-brands-section,
  .pp-categories-section,
  .pp-why-section,
  .pp-hero,
  .pp-site-footer {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  .pp-section-head,
  .pp-light-head,
  .pp-section-head-wide,
  .pp-section-head-split {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin-bottom: 20px !important;
  }

  .pp-section-head h2 {
    font-size: 24px !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  .pp-section-head p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .pp-marketplace-section-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .pp-marketplace-section-actions a,
  .pp-section-link,
  .pp-marketplace-add-listing-btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .pp-part-finder-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    border-radius: 14px !important;
    overflow: visible !important;
  }

  .pp-part-finder-head h2 {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  .pp-part-finder-head p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .pp-part-finder-block,
  .pp-part-finder-grid,
  .pp-code-search-panel {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .pp-part-finder-field,
  .pp-part-finder-field label,
  .pp-part-finder-field select,
  .pp-part-finder-field button,
  .pp-category-popup-trigger,
  .pp-code-search-panel input,
  .pp-code-search-panel button,
  .pp-part-finder-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .pp-part-finder-field select,
  .pp-category-popup-trigger,
  .pp-code-search-panel input,
  .pp-code-search-panel button,
  .pp-part-finder-btn {
    min-height: 48px !important;
    font-size: 14px !important;
  }

  .pp-compact-code-search {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .pp-compact-code-search button {
    width: 100% !important;
    min-height: 46px !important;
  }

  .pp-popular-search-chips {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important;
  }

  .pp-popular-search-chips button {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    white-space: nowrap !important;
  }

  .pp-products-carousel {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }

  .pp-products-carousel-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 2px 0 12px !important;
  }

  .pp-products-carousel-track .pp-product-card {
    flex: 0 0 min(280px, calc(100vw - 44px)) !important;
    width: min(280px, calc(100vw - 44px)) !important;
    min-width: min(252px, calc(100vw - 44px)) !important;
    max-width: min(280px, calc(100vw - 44px)) !important;
    scroll-snap-align: start !important;
  }

  .home .pp-products-section .pp-products-carousel-track .pp-product-card,
  .home .pp-products-carousel-track.pp-products-grid .pp-product-card,
  .pp-products-section .pp-products-carousel .pp-products-carousel-track > .pp-product-card,
  .pp-products-section .pp-products-carousel-track.pp-products-grid > .pp-product-card {
    flex: 0 0 min(280px, calc(100vw - 44px)) !important;
    width: min(280px, calc(100vw - 44px)) !important;
    min-width: min(252px, calc(100vw - 44px)) !important;
    max-width: min(280px, calc(100vw - 44px)) !important;
  }

  .pp-product-card {
    min-height: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .pp-product-image {
    width: auto !important;
    aspect-ratio: 4 / 3 !important;
    margin: 10px 10px 0 !important;
    overflow: hidden !important;
  }

  .pp-product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .pp-product-badge {
    max-width: calc(100% - 16px) !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }

  .pp-product-body {
    padding: 14px !important;
  }

  .pp-product-body h3 {
    min-height: 0 !important;
    margin: 8px 0 8px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }

  .pp-product-category,
  .pp-product-price {
    overflow-wrap: anywhere !important;
  }

  .pp-products-carousel-arrow {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 999px !important;
    font-size: 22px !important;
    opacity: .94 !important;
    z-index: 3 !important;
  }

  .pp-products-carousel-prev {
    left: 2px !important;
  }

  .pp-products-carousel-next {
    right: 2px !important;
  }

  .pp-brand-strip {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  .pp-brand-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 92px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 8px !important;
    text-align: center !important;
  }

  .pp-brand-logo,
  .pp-brand-logo img {
    max-width: 88px !important;
    max-height: 36px !important;
  }

  .pp-brand-wordmark,
  .pp-brand-name {
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important;
  }

  .pp-categories-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .pp-category-card {
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }

  .pp-card-icon {
    width: 46px !important;
    height: 46px !important;
    margin-bottom: 12px !important;
    border-radius: 12px !important;
  }

  .pp-category-card strong {
    margin-top: 0 !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  .pp-category-card small {
    margin-top: 8px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .pp-why-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  .pp-why-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 18px !important;
    border-radius: 14px !important;
  }

  .pp-why-number {
    margin-bottom: 14px !important;
  }

  .pp-why-card h3 {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  .pp-why-card p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    overflow-wrap: anywhere !important;
  }

  .pp-hero {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 24px 0 30px !important;
    overflow: hidden !important;
  }

  .pp-hero-grid,
  .pp-hero .pp-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .pp-hero-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .pp-hero-title {
    display: block !important;
    margin: 0 0 10px !important;
    font-size: 30px !important;
    line-height: 1.1 !important;
  }

  .pp-hero-brand {
    display: inline !important;
    font-size: inherit !important;
  }

  .pp-hero-description {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .pp-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .pp-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
  }

  .pp-hero-visual,
  .pp-hero-car-wrap {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 170px !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .pp-hero-car {
    display: block !important;
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .pp-hero-car-glow {
    display: none !important;
  }

  .pp-site-footer {
    padding-bottom: 20px !important;
  }

  .pp-footer-main {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .pp-footer-brand,
  .pp-footer-column,
  .pp-footer-list,
  .pp-footer-links {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .pp-footer-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .pp-footer-btn {
    width: 100% !important;
  }

  .pp-scroll-top,
  .scroll-to-top,
  .ast-scroll-top-icon,
  #ast-scroll-top {
    width: 48px !important;
    height: 48px !important;
    right: 16px !important;
    bottom: 90px !important;
    z-index: 9997 !important;
  }
}

@media (min-width: 390px) and (max-width: 767px) {
  .home .pp-categories-section .pp-categories-grid,
  .pp-categories-section .pp-categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 360px) {
  .pp-container,
  .pp-header-inner,
  .pp-nav-inner,
  .pp-hero-grid,
  .pp-hero .pp-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .pp-logo-img {
    max-width: 146px !important;
  }

  .pp-search {
    gap: 4px !important;
    padding: 4px !important;
  }

  .pp-search input {
    font-size: 13px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .pp-search button {
    min-width: 64px !important;
    max-width: 78px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 12px !important;
  }

  .pp-products-carousel-track {
    gap: 12px !important;
  }

  .pp-products-carousel-track .pp-product-card {
    flex-basis: calc(100vw - 28px) !important;
    width: calc(100vw - 28px) !important;
    min-width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  .pp-brand-card {
    min-height: 86px !important;
  }

  .home .pp-products-section .pp-products-carousel-track .pp-product-card,
  .home .pp-products-carousel-track.pp-products-grid .pp-product-card,
  .pp-products-section .pp-products-carousel .pp-products-carousel-track > .pp-product-card,
  .pp-products-section .pp-products-carousel-track.pp-products-grid > .pp-product-card {
    flex: 0 0 calc(100vw - 28px) !important;
    width: calc(100vw - 28px) !important;
    min-width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  .home .pp-categories-section .pp-categories-grid,
  .pp-categories-grid {
    grid-template-columns: 1fr !important;
  }

  .pp-hero-title {
    font-size: 26px !important;
  }
}

/* Mobile marketplace app redesign. Desktop stays governed by the existing styles. */
@media (max-width: 767px) {
  :root {
    --pp-mobile-page-pad: 14px;
    --pp-mobile-card-radius: 18px;
    --pp-mobile-shadow: 0 14px 34px rgba(15,23,42,.12);
  }

  html,
  body {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
  }

  body.pp-mobile-menu-active {
    overflow-x: hidden !important;
  }

  .pp-container,
  .pp-search-results-page .pp-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: var(--pp-mobile-page-pad) !important;
    padding-right: var(--pp-mobile-page-pad) !important;
  }

  .pp-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
    background: rgba(5,6,8,.98) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
    backdrop-filter: saturate(140%) blur(12px);
    -webkit-backdrop-filter: saturate(140%) blur(12px);
  }

  .pp-header-inner {
    min-height: 112px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 46px !important;
    grid-template-areas:
      "logo burger"
      "search search" !important;
    gap: 10px !important;
    align-items: center !important;
    padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: 10px !important;
    border: 0 !important;
  }

  .pp-logo {
    grid-area: logo !important;
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: calc(100vw - 84px) !important;
  }

  .pp-logo-img {
    display: block !important;
    width: auto !important;
    max-width: min(172px, calc(100vw - 96px)) !important;
    max-height: 34px !important;
  }

  .pp-burger {
    grid-area: burger !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
    touch-action: manipulation;
  }

  .pp-burger span {
    width: 20px !important;
    height: 2px !important;
    display: block !important;
    border-radius: 99px !important;
    background: #fff !important;
    transition: transform .18s ease, opacity .18s ease !important;
  }

  .pp-header.pp-mobile-menu-open .pp-burger span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  .pp-header.pp-mobile-menu-open .pp-burger span:nth-child(2) {
    opacity: 0 !important;
  }

  .pp-header.pp-mobile-menu-open .pp-burger span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  .pp-search {
    grid-area: search !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 5px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.18) !important;
  }

  .pp-search input {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 11px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #111827 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .pp-search button {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    min-height: 42px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    font-size: 0 !important;
    background: #e21b23 !important;
    color: #fff !important;
  }

  .pp-search button::before {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    background: currentColor;
    -webkit-mask: radial-gradient(circle at 42% 42%, transparent 0 6px, #000 6.5px 8px, transparent 8.5px), linear-gradient(45deg, transparent 53%, #000 54% 68%, transparent 69%);
    mask: radial-gradient(circle at 42% 42%, transparent 0 6px, #000 6.5px 8px, transparent 8.5px), linear-gradient(45deg, transparent 53%, #000 54% 68%, transparent 69%);
  }

  .pp-nav {
    display: block !important;
    position: fixed !important;
    top: calc(132px + env(safe-area-inset-top, 0px)) !important;
    left: var(--pp-mobile-page-pad) !important;
    right: var(--pp-mobile-page-pad) !important;
    width: auto !important;
    max-width: none !important;
    max-height: min(68vh, 560px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-8px) scale(.98) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 20px !important;
    background: #0a0d12 !important;
    box-shadow: 0 22px 54px rgba(0,0,0,.42) !important;
    transition: opacity .18s ease, transform .18s ease !important;
  }

  .pp-header.pp-mobile-menu-open .pp-nav {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  .pp-header.pp-mobile-menu-open #pp-mobile-nav.pp-nav {
    position: fixed !important;
    top: calc(132px + env(safe-area-inset-top, 0px)) !important;
    left: var(--pp-mobile-page-pad) !important;
    right: var(--pp-mobile-page-pad) !important;
    width: auto !important;
    max-width: none !important;
    max-height: min(68vh, 560px) !important;
    border-radius: 20px !important;
  }

  .pp-nav-inner {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    padding: 12px !important;
  }

  .pp-nav-inner a,
  .pp-mobile-seller-nav a {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.045) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
  }

  .pp-nav-inner a::after,
  .pp-mobile-seller-nav a::after {
    content: "›";
    flex: 0 0 auto;
    color: rgba(255,255,255,.55);
    font-size: 24px;
    line-height: 1;
  }

  .pp-mobile-seller-nav {
    display: grid !important;
    gap: 7px !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
  }

  .pp-mobile-seller-nav .pp-marketplace-nav-cta {
    background: #e21b23 !important;
    border-color: #e21b23 !important;
  }

  .pp-products-section,
  .pp-brands-section,
  .pp-categories-section,
  .pp-why-section,
  .pp-site-footer,
  .pp-search-results-section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pp-section-head-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
  }

  .pp-section-head h2,
  .pp-search-results-head h1 {
    font-size: clamp(22px, 7vw, 28px) !important;
    line-height: 1.12 !important;
  }

  .pp-section-head p,
  .pp-search-results-head p {
    font-size: 14px !important;
    line-height: 1.48 !important;
  }

  .pp-marketplace-section-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  .pp-marketplace-section-actions a {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 10px !important;
    border-radius: 14px !important;
    font-size: 0 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 10px 22px rgba(15,23,42,.08) !important;
  }

  .pp-marketplace-add-listing-btn::before,
  .pp-section-link::before,
  .pp-search-secondary-cta::before {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
  }

  .pp-marketplace-add-listing-btn::before,
  .pp-search-secondary-cta::before {
    content: "+";
  }

  .pp-section-link::before {
    content: "▦";
    font-size: 16px;
  }

  .pp-marketplace-add-listing-btn::after {
    content: "დამატება";
    font-size: 13px;
  }

  .pp-section-link::after {
    content: "ყველა";
    font-size: 13px;
  }

  .pp-products-carousel {
    overflow: visible !important;
    padding: 0 !important;
  }

  .pp-products-carousel-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: var(--pp-mobile-page-pad) !important;
    padding: 4px 2px 14px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none;
  }

  .pp-products-carousel-track::-webkit-scrollbar,
  .pp-brand-strip::-webkit-scrollbar,
  .pp-categories-grid::-webkit-scrollbar {
    display: none;
  }

  .home .pp-products-section .pp-products-carousel-track .pp-product-card,
  .pp-products-carousel-track .pp-product-card {
    flex: 0 0 min(286px, calc(100vw - 44px)) !important;
    width: min(286px, calc(100vw - 44px)) !important;
    min-width: min(286px, calc(100vw - 44px)) !important;
    max-width: min(286px, calc(100vw - 44px)) !important;
    scroll-snap-align: start !important;
    border-radius: var(--pp-mobile-card-radius) !important;
    box-shadow: var(--pp-mobile-shadow) !important;
  }

  .home .pp-products-section .pp-product-image,
  .pp-products-section .pp-product-image {
    height: 164px !important;
    min-height: 164px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 18px 18px 0 0 !important;
    background: #f8fafc !important;
  }

  .home .pp-products-section .pp-product-image img,
  .pp-products-section .pp-product-image img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .pp-product-body {
    padding: 13px 14px 15px !important;
  }

  .pp-product-body h3 {
    display: -webkit-box !important;
    min-height: 42px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  .pp-product-category {
    display: -webkit-box !important;
    min-height: 18px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  .pp-product-price {
    font-size: 18px !important;
    line-height: 1.1 !important;
  }

  .pp-products-carousel-arrow {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    top: calc(50% - 10px) !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    background: rgba(255,255,255,.95) !important;
    color: #111827 !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.16) !important;
  }

  .pp-products-carousel-prev {
    left: -5px !important;
  }

  .pp-products-carousel-next {
    right: -5px !important;
  }

  .pp-brands-section .pp-section-head,
  .pp-categories-section .pp-section-head {
    margin-bottom: 12px !important;
  }

  .home .pp-brand-strip,
  .pp-brand-strip {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    padding: 2px 2px 12px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none;
  }

  .home .pp-brand-strip .pp-brand-card,
  .pp-brand-card {
    flex: 0 0 clamp(112px, 39vw, 146px) !important;
    width: clamp(112px, 39vw, 146px) !important;
    min-width: clamp(112px, 39vw, 146px) !important;
    min-height: 86px !important;
    height: 86px !important;
    scroll-snap-align: start !important;
    gap: 6px !important;
    padding: 10px 8px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 22px rgba(15,23,42,.07) !important;
  }

  .home .pp-brand-strip .pp-brand-logo,
  .pp-brand-logo {
    min-height: 34px !important;
    margin: 0 !important;
  }

  .home .pp-brand-strip .pp-brand-logo img,
  .pp-brand-logo img {
    max-width: 74px !important;
    max-height: 30px !important;
  }

  .home .pp-brand-strip .pp-brand-logo--bmw img,
  .pp-brand-logo--bmw img {
    max-width: 48px !important;
    max-height: 30px !important;
  }

  .pp-brand-name,
  .pp-brand-wordmark {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  .pp-brand-action {
    margin-top: 2px !important;
  }

  .pp-brand-all {
    min-height: 42px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
  }

  .home .pp-categories-section .pp-categories-grid,
  .pp-categories-section .pp-categories-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    padding: 2px 2px 12px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none;
  }

  .home .pp-categories-section .pp-category-card,
  .pp-category-card {
    flex: 0 0 clamp(148px, 45vw, 184px) !important;
    width: clamp(148px, 45vw, 184px) !important;
    min-width: clamp(148px, 45vw, 184px) !important;
    min-height: 150px !important;
    height: 150px !important;
    max-height: 150px !important;
    display: grid !important;
    align-content: start !important;
    gap: 7px !important;
    scroll-snap-align: start !important;
    padding: 12px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 22px rgba(15,23,42,.07) !important;
  }

  .pp-card-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-radius: 12px !important;
  }

  .pp-card-icon img {
    width: 25px !important;
    height: 25px !important;
    object-fit: contain !important;
  }

  .pp-category-card strong {
    display: -webkit-box !important;
    min-height: 36px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  .pp-category-card small {
    display: -webkit-box !important;
    min-height: 34px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  .pp-category-link {
    margin-top: 0 !important;
    font-size: 12px !important;
  }

  .pp-search-results-main,
  .pp-search-results-section {
    overflow-x: hidden !important;
  }

  .pp-search-results-head {
    margin-bottom: 14px !important;
  }

  .pp-search-results-quickbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: var(--pp-mobile-shadow) !important;
  }

  .pp-search-results-quickbar label,
  .pp-results-part-search,
  .pp-search-toolbar-actions label {
    min-width: 0 !important;
  }

  .pp-search-results-quickbar select,
  .pp-search-results-quickbar input,
  .pp-search-results-quickbar button,
  .pp-category-popup-trigger,
  .pp-searchable-picker-toggle {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  select.pp-native-searchable-select,
  select.pp-native-model-select,
  select.pp-category-hidden-select,
  select.pp-search-hidden-control,
  .pp-search-results-page select.pp-native-searchable-select,
  .pp-search-results-page select.pp-native-model-select,
  .pp-search-results-page select.pp-search-hidden-control {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: .01 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .pp-search-results-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .pp-mobile-filter-toggle {
    width: 100% !important;
    min-height: 46px !important;
    margin: 14px 0 !important;
    border-radius: 14px !important;
  }

  .pp-search-results-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  .pp-search-toolbar-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
    align-items: end !important;
  }

  .pp-search-secondary-cta {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 10px !important;
    border-radius: 14px !important;
    font-size: 0 !important;
  }

  .pp-search-secondary-cta::after {
    content: "დამატება";
    font-size: 12px;
  }

  .pp-search-results-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
  }

  .pp-search-results-page .pp-search-marketplace-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: var(--pp-mobile-shadow) !important;
  }

  .pp-search-results-page .pp-search-card-link {
    z-index: 2 !important;
  }

  .pp-search-results-page .pp-search-marketplace-image {
    width: 100% !important;
    height: clamp(210px, 62vw, 280px) !important;
    min-height: clamp(210px, 62vw, 280px) !important;
    padding: 12px !important;
    border-radius: 0 !important;
    background: #f8fafc !important;
  }

  .pp-search-results-page .pp-search-marketplace-image img {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    object-fit: contain !important;
    background: transparent !important;
  }

  .pp-search-results-page .pp-search-marketplace-image .pp-dashboard-listing-badge {
    top: 12px !important;
    left: 12px !important;
    max-width: calc(100% - 24px) !important;
  }

  .pp-search-results-page .pp-search-marketplace-body {
    display: grid !important;
    gap: 8px !important;
    padding: 14px 14px 4px !important;
    min-width: 0 !important;
  }

  .pp-search-results-page .pp-search-marketplace-body > strong {
    display: -webkit-box !important;
    min-height: 44px !important;
    color: #111827 !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  .pp-search-results-page .pp-search-compatible-line {
    display: -webkit-box !important;
    min-height: 18px !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  .pp-search-results-page .pp-search-oem-line,
  .pp-search-results-page .pp-search-listing-meta {
    display: none !important;
  }

  .pp-search-results-page .pp-search-marketplace-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  .pp-search-results-page .pp-search-marketplace-meta span {
    max-width: 100% !important;
    min-height: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    color: #475467 !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .pp-search-results-page .pp-search-city-chip::after {
    content: none !important;
  }

  .pp-search-results-page .pp-search-marketplace-side {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 10px 14px 14px !important;
  }

  .pp-search-results-page .pp-search-price {
    display: block !important;
    color: #e21b23 !important;
    font-size: 21px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    text-align: left !important;
  }

  .pp-search-results-page .pp-search-marketplace-actions,
  .pp-search-results-page .pp-search-detail-btn {
    display: flex !important;
  }

  .pp-search-results-page .pp-search-detail-btn {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: #111827 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }
}

@media (min-width: 390px) and (max-width: 767px) {
  .home .pp-categories-section .pp-category-card,
  .pp-category-card {
    flex-basis: clamp(158px, 43vw, 190px) !important;
    width: clamp(158px, 43vw, 190px) !important;
    min-width: clamp(158px, 43vw, 190px) !important;
  }
}

@media (max-width: 360px) {
  :root {
    --pp-mobile-page-pad: 10px;
  }

  .pp-header-inner {
    min-height: 108px !important;
  }

  .pp-nav {
    top: calc(128px + env(safe-area-inset-top, 0px)) !important;
  }

  .pp-header.pp-mobile-menu-open #pp-mobile-nav.pp-nav {
    top: calc(128px + env(safe-area-inset-top, 0px)) !important;
  }

  .home .pp-products-section .pp-products-carousel-track .pp-product-card,
  .pp-products-carousel-track .pp-product-card {
    flex-basis: calc(100vw - 26px) !important;
    width: calc(100vw - 26px) !important;
    min-width: calc(100vw - 26px) !important;
    max-width: calc(100vw - 26px) !important;
  }

  .pp-search-results-page .pp-search-marketplace-image {
    height: 210px !important;
    min-height: 210px !important;
  }

  .pp-marketplace-section-actions,
  .pp-search-toolbar-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .pp-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
  }

  .pp-brand-strip {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding-bottom: 12px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .pp-brand-card {
    flex: 0 0 180px !important;
    width: 180px !important;
    min-height: 118px !important;
    scroll-snap-align: start !important;
  }

  .pp-categories-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pp-search-results-page .pp-search-marketplace-image {
    min-height: 210px !important;
  }
}

@media (max-width: 767px) {
  body.pp-mobile-menu-active {
    overflow: hidden !important;
    touch-action: none !important;
  }

  .pp-header {
    isolation: isolate !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100000 !important;
    overflow: visible !important;
  }

  .pp-header.pp-mobile-menu-open,
  body.pp-mobile-menu-active .pp-header {
    z-index: 2147483000 !important;
    overflow: visible !important;
  }

  .pp-header-inner {
    position: relative !important;
    z-index: 3 !important;
  }

  .pp-burger {
    position: relative !important;
    z-index: 10003 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    cursor: pointer !important;
  }

  .pp-burger * {
    pointer-events: none !important;
  }

  .pp-search {
    position: relative !important;
    z-index: 1 !important;
  }

  .pp-nav {
    pointer-events: none !important;
  }

  .pp-header.pp-mobile-menu-open .pp-nav,
  .pp-header.pp-mobile-menu-open #pp-mobile-nav.pp-nav,
  body.pp-mobile-menu-active #pp-mobile-nav.pp-nav,
  #pp-mobile-nav.pp-nav.is-open {
    display: block !important;
    position: fixed !important;
    top: calc(112px + env(safe-area-inset-top, 0px)) !important;
    left: 12px !important;
    right: 12px !important;
    bottom: auto !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 132px) !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #090b10 !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 64px rgba(0,0,0,.42) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
    z-index: 10002 !important;
  }

  .pp-header.pp-mobile-menu-open #pp-mobile-nav.pp-nav .pp-nav-inner,
  body.pp-mobile-menu-active #pp-mobile-nav.pp-nav .pp-nav-inner,
  #pp-mobile-nav.pp-nav.is-open .pp-nav-inner {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .pp-header.pp-mobile-menu-open #pp-mobile-nav.pp-nav a,
  body.pp-mobile-menu-active #pp-mobile-nav.pp-nav a,
  #pp-mobile-nav.pp-nav.is-open a {
    width: 100% !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .pp-header.pp-mobile-menu-open #pp-mobile-nav.pp-nav .pp-mobile-seller-nav,
  body.pp-mobile-menu-active #pp-mobile-nav.pp-nav .pp-mobile-seller-nav,
  #pp-mobile-nav.pp-nav.is-open .pp-mobile-seller-nav {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .pp-section-head,
  .pp-light-head,
  .pp-section-head-wide,
  .pp-section-head-split {
    margin-bottom: 18px !important;
  }

  .pp-section-head h2,
  .pp-light-head h2,
  .pp-products-section .pp-section-head h2,
  .pp-why-section .pp-section-head h2,
  .pp-search-results-head h1 {
    margin-bottom: 18px !important;
    font-size: clamp(28px, 8vw, 38px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
  }

  .pp-products-section,
  .pp-products-section .pp-container {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .home .pp-products-carousel,
  .home .pp-products-section .pp-products-carousel,
  .pp-products-carousel {
    position: relative !important;
    width: calc(100% - 4px) !important;
    max-width: calc(100% - 4px) !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    margin-inline: 2px !important;
    padding: 0 0 50px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .pp-products-carousel-track,
  .home .pp-products-carousel-track,
  .pp-products-carousel-track.pp-products-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
    grid-auto-columns: unset !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 4px max(0px, calc((100% - min(360px, calc(100vw - 48px))) / 2)) 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    transform: none !important;
    translate: none !important;
    scroll-padding-inline: max(0px, calc((100% - min(360px, calc(100vw - 48px))) / 2)) !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .pp-products-carousel-track::-webkit-scrollbar {
    display: none !important;
  }

  .home .pp-products-section .pp-products-carousel-track .pp-product-card,
  .home .pp-products-carousel-track.pp-products-grid .pp-product-card,
  .pp-products-section .pp-products-carousel .pp-products-carousel-track > .pp-product-card,
  .pp-products-section .pp-products-carousel-track.pp-products-grid > .pp-product-card,
  .pp-products-carousel-track .pp-product-card {
    flex: 0 0 min(360px, calc(100vw - 48px)) !important;
    width: calc(100vw - 48px) !important;
    min-width: min(360px, calc(100vw - 48px)) !important;
    max-width: 360px !important;
    margin: 0 !important;
    scroll-snap-align: center !important;
    box-sizing: border-box !important;
  }

  .home .pp-products-section .pp-product-image,
  .pp-products-section .pp-product-image,
  .pp-products-carousel-track .pp-product-image {
    height: clamp(190px, 50vw, 230px) !important;
    min-height: clamp(190px, 50vw, 230px) !important;
    padding: 14px !important;
    background: #f8fafc !important;
  }

  .pp-products-carousel-track .pp-product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .pp-product-body h3,
  .pp-products-carousel-track .pp-product-body h3 {
    min-height: auto !important;
    max-height: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  .pp-product-price,
  .pp-products-carousel-track .pp-product-price {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .pp-products-carousel-arrow {
    top: auto !important;
    bottom: 8px !important;
    transform: none !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    z-index: 4 !important;
  }

  .pp-products-carousel-prev {
    left: calc(50% - 48px) !important;
    right: auto !important;
  }

  .pp-products-carousel-next {
    left: auto !important;
    right: calc(50% - 48px) !important;
  }
}

@media (max-width: 360px) {
  .home .pp-products-section .pp-products-carousel-track .pp-product-card,
  .home .pp-products-carousel-track.pp-products-grid .pp-product-card,
  .pp-products-section .pp-products-carousel .pp-products-carousel-track > .pp-product-card,
  .pp-products-section .pp-products-carousel-track.pp-products-grid > .pp-product-card,
  .pp-products-carousel-track .pp-product-card {
    flex: 0 0 min(360px, calc(100vw - 48px)) !important;
    width: calc(100vw - 48px) !important;
    min-width: min(360px, calc(100vw - 48px)) !important;
    max-width: 360px !important;
  }
}

@media (max-width: 767px) {
  .home .pp-categories-section,
  .home .pp-categories-section .pp-container,
  .pp-categories-section,
  .pp-categories-section .pp-container {
    overflow: visible !important;
  }

  .home .pp-categories-section .pp-categories-grid,
  .pp-categories-section .pp-categories-grid {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 4px 0 20px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .home .pp-categories-section .pp-category-card,
  .pp-categories-section .pp-category-card {
    flex: 0 0 min(280px, calc(100vw - 48px)) !important;
    width: min(280px, calc(100vw - 48px)) !important;
    min-width: min(280px, calc(100vw - 48px)) !important;
    max-width: min(280px, calc(100vw - 48px)) !important;
    height: auto !important;
    min-height: 220px !important;
    padding: 18px 16px 20px !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    scroll-snap-align: start !important;
  }

  .pp-category-card strong,
  .pp-category-card small {
    display: block !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
  }

  .pp-category-link {
    display: inline-flex !important;
    align-items: center !important;
    margin-top: auto !important;
    padding-top: 12px !important;
    overflow: visible !important;
  }

  .home .pp-products-section .pp-section-head-split {
    margin-bottom: 12px !important;
  }

  .home .pp-products-section .pp-products-carousel,
  .pp-products-section .pp-products-carousel {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .home .pp-products-section .pp-products-carousel-track,
  .pp-products-section .pp-products-carousel-track {
    padding-top: 2px !important;
  }

  .pp-seller-section {
    padding: 22px 0 48px !important;
  }

  .pp-seller-section .pp-seller-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .pp-seller-section .pp-seller-sidebar {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 16px !important;
    overflow: visible !important;
  }

  .pp-seller-section .pp-seller-sidebar nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  .pp-seller-section .pp-seller-sidebar nav a {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: flex-start !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    transform: none !important;
  }

  .pp-seller-section .pp-seller-main,
  .pp-seller-section .pp-seller-panel,
  .pp-seller-section .pp-myads-management-panel,
  .pp-seller-section .pp-myads-topbar,
  .pp-seller-section .pp-seller-listing-card {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .pp-seller-section .pp-seller-form-grid {
    grid-template-columns: 1fr !important;
  }
}