/* V67: original generated Porsche/Dubai artwork with live HTML branding.
   Theme transitions are CSS gradients. Product styles are unchanged. */
.reference-search-row { display:flex; gap:6px; }
.reference-search-row .mobile-smart-search-form { flex:1; min-width:0; }
.reference-photo-search { display:grid; place-items:center; }
@media(max-width:760px) {
  body.home-page:not(.owner-body) { --reference-bg:#fff; --reference-track:#f1f3f8; --reference-ink:#10121f; --reference-art:url('/assets/img/hero-porsche-day-v69.webp'); }
  body.home-page:not(.owner-body) .site-header {
    position:relative!important; top:auto!important; display:block!important;
    width:100%!important; height:87.4413vw!important; min-height:0!important;
    padding:0!important; margin:0!important; border:0!important; border-radius:0!important;
    background:var(--reference-art) center top / 100% 100% no-repeat!important;
    box-shadow:none!important; backdrop-filter:none!important; overflow:hidden!important;
  }
  body.home-page:not(.owner-body) .site-header::before { display:none!important; }
  body.home-page:not(.owner-body) .site-header::after {
    content:''; display:block!important; position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(to bottom,transparent 83%,#ffffff80 91%,#fff 100%)!important;
  }
  body.home-page:not(.owner-body) .site-header .brand {
    display:flex!important; flex-direction:column!important; align-items:center!important;
    position:absolute!important; inset:21.5% 10% auto!important; z-index:2!important;
    width:80%!important; height:auto!important; margin:0!important; opacity:1!important;
    text-align:center!important; color:#061637!important; text-decoration:none;
  }
  body.home-page:not(.owner-body) .site-header .brand-name {
    display:block!important; font-family:Arial,Helvetica,sans-serif!important;
    font-size:8.45vw!important; line-height:1.08!important; font-weight:700!important;
    letter-spacing:1.05vw!important; padding-left:1.05vw; color:#061637!important;
  }
  body.home-page:not(.owner-body) .site-header .brand-sub {
    display:block!important; margin:1.05vw 0 0!important; padding-left:.68vw;
    font-family:Arial,Helvetica,sans-serif!important; font-size:1.95vw!important;
    line-height:1.4!important; font-weight:400!important; letter-spacing:.68vw!important;
    color:#344362!important; white-space:nowrap;
  }
  body.home-page:not(.owner-body) .mobile-marketplace-home {
    display:block!important; position:relative!important; width:100vw!important;
    margin:0 0 0 calc(50% - 50vw)!important; padding:0 4.9296vw 3.52vw!important;
    border:0!important; border-radius:0!important; box-shadow:none!important;
    background:var(--reference-bg)!important; color:var(--reference-ink)!important;
    color-scheme:normal!important;
  }
  body.home-page:not(.owner-body) .mobile-marketplace-home::before,
  body.home-page:not(.owner-body) .mobile-marketplace-home::after { display:none!important; }
  body.home-page:not(.owner-body) .mobile-marketplace-home .mobile-smart-search {
    width:100%!important; padding:0!important; margin:0!important;
    background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
  }
  body.home-page:not(.owner-body) .mobile-smart-search-head,
  body.home-page:not(.owner-body) .mobile-smart-search-panel>small { display:none!important; }
  body.home-page:not(.owner-body) .mobile-marketplace-home .mobile-smart-search-tabs {
    display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0!important;
    height:8.6854vw!important; padding:0!important; margin:0 0 2.4648vw!important;
    border:0!important; border-radius:999px!important; background:var(--reference-track)!important;
  }
  body.home-page:not(.owner-body) .mobile-marketplace-home .mobile-smart-search-tabs button {
    height:100%!important; padding:0!important; border:0!important; border-radius:999px!important;
    font-size:3.2864vw!important; line-height:1!important; font-weight:400!important;
    color:var(--reference-ink)!important; background:transparent!important; box-shadow:none!important;
  }
  body.home-page:not(.owner-body) .mobile-marketplace-home .mobile-smart-search-tabs button.active {
    background:linear-gradient(110deg,#008aff,#0074ff)!important; color:#fff!important;
    box-shadow:0 1px 6px #0086ff20!important;
  }
  body.home-page:not(.owner-body) .reference-search-row { gap:1.4084vw; align-items:stretch; margin-right:-1.4084vw; }
  body.home-page:not(.owner-body) .mobile-marketplace-home .mobile-smart-search-form {
    height:9.1549vw!important; min-height:36px; padding:0 1.6432vw!important;
    grid-template-columns:6.338vw minmax(0,1fr) 7.0423vw!important;
    border:0!important; border-radius:999px!important; background:#fff!important;
    color:#10121f!important; box-shadow:0 4px 16px #192a4510!important;
  }
  body.home-page:not(.owner-body) .mobile-smart-search-icon { color:#10121f!important; }
  body.home-page:not(.owner-body) .mobile-smart-search-icon svg { width:4.46vw; height:4.46vw; }
  body.home-page:not(.owner-body) .mobile-marketplace-home .mobile-smart-search-form input {
    padding:0!important; font-size:max(16px,3.05vw)!important; color:#10121f!important;
    -webkit-text-fill-color:#10121f!important; background:transparent!important;
  }
  body.home-page:not(.owner-body) .mobile-marketplace-home .mobile-smart-search-form input::placeholder {
    font-size:3.05vw!important; color:#737886!important; -webkit-text-fill-color:#737886!important; opacity:1;
  }
  body.home-page:not(.owner-body) .mobile-marketplace-home .mobile-smart-search-form button {
    width:7.0423vw!important; height:100%!important; border:0!important; padding:0!important;
    background:transparent!important; color:#10121f!important; box-shadow:none!important;
  }
  body.home-page:not(.owner-body) .mobile-smart-search-form button svg { width:4.46vw; height:4.46vw; }
  body.home-page:not(.owner-body) .reference-photo-search {
    flex:0 0 10.5634vw; border-radius:2.3474vw; background:#fff; color:#10121f;
    box-shadow:0 4px 16px #192a4510;
  }
  body.home-page:not(.owner-body) .reference-photo-search svg { width:5.1643vw; height:5.1643vw; stroke-width:1.8; }
  body.home-page:not(.owner-body) .mobile-marketplace-home > .category-strip {
    display:flex!important; width:calc(100% + 1.4084vw)!important; height:9.1549vw!important;
    margin:2.8169vw 0 0!important; padding:0!important; gap:0!important;
    overflow-x:auto!important; overflow-y:hidden!important; border-radius:999px!important;
    background:var(--reference-track)!important; scrollbar-width:none;
    -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity;
    mask-image:linear-gradient(to right,#000 91%,transparent 100%);
  }
  body.home-page:not(.owner-body) .category-strip::-webkit-scrollbar { display:none; }
  body.home-page:not(.owner-body) .mobile-marketplace-home > .category-strip .category-card {
    flex:0 0 24.2958vw!important; width:24.2958vw!important; min-width:0!important;
    height:100%!important; min-height:0!important; padding:0!important;
    display:flex!important; align-items:center!important; justify-content:center!important;
    border:0!important; border-radius:999px!important; background:transparent!important;
    box-shadow:none!important; scroll-snap-align:start;
  }
  body.home-page:not(.owner-body) .mobile-marketplace-home > .category-strip .category-card h3 {
    position:static!important; margin:0!important; width:auto!important; padding:0!important;
    font-size:3.2864vw!important; font-weight:400!important; line-height:1!important;
    color:var(--reference-ink)!important;
  }
  body.home-page:not(.owner-body) .mobile-marketplace-home > .category-strip .category-card:first-child {
    background:linear-gradient(110deg,#008aff,#0074ff)!important;
  }
  body.home-page:not(.owner-body) .mobile-marketplace-home > .category-strip .category-card:first-child h3 { color:#fff!important; }
  body.home-page:not(.owner-body) .mobile-marketplace-home > .category-strip .category-card :is(img,.round-arrow) { display:none!important; }
  body:not(.owner-body) .mobile-bottom-nav.reference-nav {
    position:fixed!important; display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important;
    left:0!important; right:0!important; bottom:0!important; width:100%!important; max-width:none!important;
    height:calc(15.96vw + env(safe-area-inset-bottom,0px))!important; min-height:64px;
    padding:1.64vw .82vw max(2.1vw,env(safe-area-inset-bottom,0px))!important;
    gap:0!important; transform:none!important; border:0!important; border-radius:2.58vw 2.58vw 0 0!important;
    background:rgba(255,255,255,.97)!important; box-shadow:0 -3px 12px #18293e08!important;
    color:#111626!important; z-index:60;
  }
  body:not(.owner-body) .mobile-bottom-nav.reference-nav a {
    display:flex!important; flex-direction:column; align-items:center; justify-content:center;
    gap:.35vw!important; min-width:0; font-size:2.4648vw!important; font-weight:400!important;
    color:#535969!important; line-height:1.2!important;
  }
  body:not(.owner-body) .mobile-bottom-nav.reference-nav a svg {
    box-sizing:content-box; width:4.46vw!important; height:4.46vw!important;
    padding:1.05vw 1.52vw!important; border-radius:2.1vw!important;
    background:transparent!important; color:#111626!important;
  }
  body:not(.owner-body) .mobile-bottom-nav.reference-nav a.active { color:#218bce!important; }
  body:not(.owner-body) .mobile-bottom-nav.reference-nav a.active svg { background:#e5f2ff!important; color:#1688d4!important; stroke-width:2; }
  .reference-nav a:focus-visible, .reference-photo-search:focus-visible,
  .mobile-marketplace-home button:focus-visible, .category-strip a:focus-visible { outline:2px solid #0086ff; outline-offset:-2px; }
}
@media(max-width:760px) and (prefers-color-scheme:dark) {
  body.home-page:not(.owner-body) { --reference-bg:#000; --mobile-bg:#000; --bg:#000; --reference-track:#1b1e21; --reference-ink:#f3f3f5; --reference-art:url('/assets/img/hero-porsche-night-v69.webp'); background:#000!important; }
  body.home-page:not(.owner-body) .site-header::after {
    background:linear-gradient(to bottom,rgba(0,0,0,0) 82%,rgba(0,0,0,.5) 91%,#000 100%)!important;
  }
  /* One continuous page surface under the hero, search and product feed. */
  body.home-page:not(.owner-body) main,
  body.home-page:not(.owner-body) .mobile-marketplace-home,
  body.home-page:not(.owner-body) .home-products-feed { background:#000!important; }
  body.home-page:not(.owner-body) .site-header .brand-name { color:#f6f8fc!important; }
  body.home-page:not(.owner-body) .site-header .brand-sub { color:#d3dcea!important; }
  body.home-page:not(.owner-body) .mobile-bottom-nav.reference-nav { background:#000!important; box-shadow:none!important; }
  body:not(.owner-body) .mobile-bottom-nav.reference-nav { background:rgba(29,32,36,.98)!important; }
  body:not(.owner-body) .mobile-bottom-nav.reference-nav a,
  body:not(.owner-body) .mobile-bottom-nav.reference-nav a svg { color:#bfc5d1!important; }
  body:not(.owner-body) .mobile-bottom-nav.reference-nav a.active { color:#218bce!important; }
  body:not(.owner-body) .mobile-bottom-nav.reference-nav a.active svg { background:#142d46!important; color:#1688d4!important; box-shadow:inset 0 0 0 1px #19517b55,0 0 8px #0086ff12; }
}
@media(max-width:760px) {
  body:not(.owner-body) { padding-bottom:max(88px,calc(15.96vw + env(safe-area-inset-bottom,0px)))!important; }
  body.home-page:not(.owner-body) .mobile-marketplace-home .mobile-smart-search-form button svg { width:4.46vw; height:4.46vw; }
  body.home-page:not(.owner-body) .mobile-marketplace-home .mobile-auto-search-card {
    min-height:9.1549vw; border-radius:3vw!important; background:var(--reference-track)!important;
    color:var(--reference-ink)!important; border:0!important;
  }
  body.home-page:not(.owner-body) .mobile-marketplace-home .mobile-auto-search-copy b { color:var(--reference-ink)!important; }
}