/* Search entry: photography, solid brand colors, and bounded decorative motion. */
body.brand-v4 #page-app #main-content > .customer-search-hub.search-showcase { display:block!important; color:#17191c; }
.search-showcase { --showcase-yellow:#ffd426; --showcase-ink:#17191c; }
.search-showcase .showcase-welcome { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.search-showcase .showcase-eyebrow { display:flex; align-items:center; gap:8px; font-size:10px; letter-spacing:1.3px; font-weight:750; color:#555b63; }
.search-showcase .showcase-eyebrow > span { display:grid; place-items:center; width:24px; height:24px; border-radius:5px; background:var(--showcase-yellow); color:#17191c; font-size:18px; }
body.brand-v4 #page-app .search-showcase h1 { margin:10px 0 12px; color:#17191c; font:850 clamp(34px,3.6vw,54px)/1.06 'Archivo','Segoe UI',sans-serif; letter-spacing:-2px; }
.search-showcase h1 mark { padding:0 6px; background:var(--showcase-yellow); color:#17191c; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.search-showcase .showcase-welcome p { margin:0; color:#5d646d; font-size:14px; line-height:1.5; }
.search-showcase .showcase-back { display:none; margin:0 0 14px; }
.search-showcase .showcase-back button { padding:9px 0; min-height:44px; border:0; background:transparent; color:#30353b; font:650 12px 'Archivo','Segoe UI',sans-serif; cursor:pointer; }
.search-showcase .search-hub-tabs { display:none; }
#main-content:not([data-visual-search-mode=all]) .showcase-welcome { display:none; }
#main-content:not([data-visual-search-mode=all]) .showcase-back { display:block; }
.search-showcase .showcase-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.search-showcase .showcase-cards:has(.showcase-ai[hidden]) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.search-showcase .showcase-card { display:flex; flex-direction:column; min-width:0; width:100%; padding:0; overflow:hidden; border:1px solid #e1e3e6; border-radius:18px; background:#fff; color:#17191c; text-align:left; cursor:pointer; font-family:'Archivo','Segoe UI',sans-serif; box-shadow:0 8px 18px #17191c06; transition:transform .2s,border-color .2s,box-shadow .2s; }
.search-showcase .showcase-card:hover { transform:translateY(-5px); border-color:#d1b124; box-shadow:0 13px 26px #17191c12; }
.search-showcase .showcase-card:focus-visible { outline:3px solid #17191c; outline-offset:4px; }
.search-showcase .showcase-photo { display:block; position:relative; width:100%; aspect-ratio:1.65; overflow:hidden; background:#202225; }
.search-showcase .showcase-photo > img { display:block; width:100%; height:100%; object-fit:cover; }
.search-showcase .showcase-number { position:absolute; left:12px; top:12px; display:grid; place-items:center; width:32px; height:32px; border-radius:8px; background:var(--showcase-yellow); color:#17191c; font-size:13px; font-weight:850; }
.search-showcase .showcase-photo-label { position:absolute; bottom:0; left:0; padding:7px 12px; background:var(--showcase-yellow); color:#17191c; font-size:9px; font-weight:800; letter-spacing:.65px; border-radius:0 6px 0 0; }
.search-showcase .showcase-card-body { display:flex; flex:1; flex-direction:column; align-items:stretch; padding:22px 20px 20px; }
.search-showcase .showcase-card-kicker { font-size:9px; font-weight:750; letter-spacing:1.15px; color:#6a717a; }
.search-showcase .showcase-card strong { display:block; margin:8px 0 10px; font-size:clamp(21px,2vw,29px); line-height:1.12; font-weight:800; letter-spacing:-.7px; }
.search-showcase .showcase-card-copy { display:block; min-height:44px; margin-bottom:22px; color:#5c636c; font-size:12px; line-height:1.6; }
.search-showcase .showcase-card-cta { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:47px; padding:13px 14px; margin-top:auto; border-radius:9px; font-size:12px; font-weight:750; background:var(--showcase-yellow); color:#17191c; }
.search-showcase .showcase-card-cta > span { font-size:20px; line-height:1; }
.search-showcase .showcase-vehicle .showcase-card-cta { background:#17191c; color:var(--showcase-yellow); }
.search-showcase .showcase-ai { border-color:#e8c525; background:var(--showcase-yellow); }
.search-showcase .showcase-ai .showcase-card-kicker, .search-showcase .showcase-ai .showcase-card-copy { color:#4b421b; }
.search-showcase .showcase-ai .showcase-card-cta { background:#17191c; color:var(--showcase-yellow); }
.search-showcase .showcase-brands { margin:26px 0 12px; padding:18px 0 6px; border-top:1px solid #e4e6e8; }
.search-showcase .showcase-brands-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.search-showcase .showcase-brands-heading > div { display:flex; align-items:center; gap:12px; }
.search-showcase .showcase-mini-star { color:#17191c; background:var(--showcase-yellow); border-radius:50%; width:36px; height:36px; display:grid; place-items:center; font-size:25px; }
.search-showcase .showcase-brands-heading strong { font-size:14px; line-height:1.5; font-weight:750; }
.search-showcase .showcase-brands-heading strong span { color:#646b74; font-size:12px; font-weight:450; }
.search-showcase .showcase-motion-toggle { min-height:44px; padding:8px 0 8px 12px; background:transparent; border:0; color:#606871; font-size:11px; font-family:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.search-showcase .showcase-brand-stage { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; padding:10px 12px 14px; }
.search-showcase .showcase-brand-slot { position:relative; min-width:0; min-height:75px; display:grid; place-items:center; padding:14px; border:1px solid #e7e9ec; border-radius:13px; background:#fff; isolation:isolate; }
.search-showcase .showcase-brand-slot > img { position:relative; z-index:2; display:block; width:100%; max-width:140px; height:40px; object-fit:contain; }
.search-showcase .showcase-brand-slot.brand-dark { background:#343b43; border-color:#343b43; }
.search-showcase .showcase-brand-particle { position:absolute; left:50%; top:50%; width:5px; height:8px; border-radius:1px; background:var(--showcase-yellow); pointer-events:none; z-index:1; opacity:0; }
.search-showcase .showcase-brand-particle:nth-of-type(even) { background:#17191c; width:4px; height:5px; }
.search-showcase .showcase-brand-ring { position:absolute; inset:3px; border:2px solid var(--showcase-yellow); border-radius:13px; pointer-events:none; opacity:0; }
body.brand-v4:has(#main-content .search-showcase) :is(.customer-assistant-launch,.astra-floating) { display:none!important; }
@media(max-width:1099px) {
  .search-showcase .showcase-cards { gap:12px; }
  .search-showcase .showcase-card-body { padding:17px 14px 15px; }
  .search-showcase .showcase-card strong { font-size:23px; }
  .search-showcase .showcase-card-copy { min-height:59px; font-size:12px; margin-bottom:16px; }
  .search-showcase .showcase-brand-stage { gap:10px; }
  .search-showcase .showcase-brand-slot { padding:10px; min-height:67px; }
}
@media(max-width:850px) {
  body.brand-v4:has(#main-content .search-showcase) .rp-chat-launcher { width:48px!important; min-width:48px!important; height:48px!important; min-height:48px!important; padding:12px!important; border-radius:50%!important; bottom:14px!important; right:14px!important; left:auto!important; justify-content:center; }
  body.brand-v4:has(#main-content .search-showcase) .rp-chat-launcher > span:not(.rp-chat-badge) { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .search-showcase .showcase-cards, .search-showcase .showcase-cards:has(.showcase-ai[hidden]) { grid-template-columns:1fr; }
  .search-showcase .showcase-card { display:grid; grid-template-columns:40% minmax(0,1fr); }
  .search-showcase .showcase-photo { aspect-ratio:auto; height:100%; min-height:210px; }
  .search-showcase .showcase-photo > img { position:absolute; inset:0; }
  .search-showcase .showcase-card-copy { min-height:0; }
  .search-showcase .showcase-brand-stage { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:639px) {
  body.brand-v4:has(#main-content .search-showcase) .rp-chat-launcher { left:8px!important; right:auto!important; width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; padding:10px!important; }
  .search-showcase .showcase-welcome { gap:8px; margin-bottom:19px; }
  .search-showcase .showcase-eyebrow { font-size:8px; letter-spacing:.8px; }
  body.brand-v4 #page-app .search-showcase h1 { font-size:35px; letter-spacing:-1.5px; line-height:1.18; }
  .search-showcase .showcase-welcome p { font-size:12px; }
  .search-showcase .showcase-card { display:flex; border-radius:14px; }
  .search-showcase .showcase-photo { height:auto; min-height:0; aspect-ratio:1.8; }
  .search-showcase .showcase-photo > img { position:static; }
  .search-showcase .showcase-card-body { padding:18px; }
  .search-showcase .showcase-card strong { font-size:25px; }
  .search-showcase .showcase-card-copy { font-size:12px; margin-bottom:17px; }
  .search-showcase .showcase-brands-heading { flex-wrap:wrap; gap:3px; }
  .search-showcase .showcase-motion-toggle { margin-left:auto; }
  .search-showcase .showcase-brand-stage { grid-template-columns:repeat(2,minmax(0,1fr)); padding:8px 6px 14px; gap:12px; }
  .search-showcase .showcase-brand-slot { padding:10px; min-height:69px; }
  .search-showcase .showcase-brand-slot:last-child { grid-column:1/-1; justify-self:center; width:calc(50% - 6px); }
}
@media(prefers-reduced-motion:reduce) { .search-showcase .showcase-card { transition:none; } .search-showcase .showcase-card:hover { transform:none; } }

/* Coordinated presentation of native search flows. */
body.brand-v4 #page-app .search-01 .hsc-head { display:grid; grid-template-columns:minmax(0,1fr) 34%; gap:8px 24px; align-items:center; margin-bottom:20px!important; }
body.brand-v4 #page-app .search-01 .hsc-head h2 { grid-column:1; align-self:end; font-size:clamp(28px,3vw,42px); letter-spacing:-1.3px; }
body.brand-v4 #page-app .search-01 .search-mode-copy { grid-column:1; align-self:start; margin:0; font-size:13px; line-height:1.5; max-width:520px; color:#39351e; }
body.brand-v4 #page-app .search-01 .search-mode-photo { grid-column:2; grid-row:1/3; width:100%; height:142px; object-fit:cover; border-radius:12px; background:#17191c; }
body.brand-v4 #page-app .search-01-heading-arrow { display:none; }
body.brand-v4 #page-app .search-01 .rp-catalog-tab { background:#fff; border:1px solid #e1bd23; }
body.brand-v4 #page-app .search-01 .rp-catalog-tab.is-active { background:#17191c; color:#ffd426; border-color:#17191c; }
body.brand-v4 #page-app .search-01-assistant { background:#17191c; color:#ffd426; border-color:#17191c; }
body.brand-v4 #page-app .search-01-assistant:hover { background:#34363a; }
body.brand-v4 #page-app .search-01 .rp-catalog-panel { padding:24px; border:0; border-radius:14px; }
body.brand-v4 #page-app .search-01 .rp-catalog-title { color:#17191c; font-size:22px; letter-spacing:-.6px; }
body.brand-v4 #page-app .search-01 .rp-catalog-subtitle { margin:8px 0 24px; color:#62666d; line-height:1.6; }
body.brand-v4 #page-app .search-01 .rp-catalog-fields { counter-reset:selection; gap:14px; }
body.brand-v4 #page-app .search-01 .rp-catalog-field { counter-increment:selection; padding:14px; background:#fff; border:1px solid #e2e4e7; border-top:3px solid #ffd426; border-radius:11px; min-width:0; }
body.brand-v4 #page-app .search-01 .rp-catalog-field label { display:flex; align-items:center; gap:9px; color:#17191c; font-size:12px; text-transform:none; letter-spacing:0; margin-bottom:12px; }
body.brand-v4 #page-app .search-01 .rp-catalog-field label::before { content:counter(selection,decimal-leading-zero); display:grid; place-items:center; width:27px; height:27px; background:#ffd426; border-radius:7px; color:#17191c; font-size:11px; }
body.brand-v4 #page-app .search-01 :is(.rp-catalog-select,.rp-catalog-input,.rp-category-filter) { min-height:48px; border:1px solid #b8bdc5; border-radius:9px; background:#fff; color:#17191c; box-shadow:none; max-width:100%; }
body.brand-v4 #page-app .search-01 :is(.rp-catalog-select,.rp-catalog-input,.rp-category-filter):focus { border-color:#17191c; outline:2px solid #ffd426; outline-offset:2px; }
body.brand-v4 #page-app .search-01 .rp-catalog-select:disabled { background:#f4f5f6; color:#727880; border-color:#e1e4e7; }
body.brand-v4 #page-app .search-01 .rp-vin-row { gap:12px; padding:16px; border-radius:12px; background:#ffd426; }
body.brand-v4 #page-app .search-01 #rp-vin { font:700 16px/1.4 ui-monospace,Consolas,monospace; letter-spacing:1px; }
body.brand-v4 #page-app .search-01 :is(.rp-vin-btn,.rp-article-search-btn) { background:#17191c; color:#ffd426; border:1px solid #17191c; border-radius:9px; min-height:48px; box-shadow:none; font-weight:750; }
body.brand-v4 #page-app .search-01 .rp-vehicle-card { background:#fffbed; border:1px solid #ebd471; border-left:5px solid #ffd426; border-radius:12px; box-shadow:none; }
body.brand-v4 #page-app .search-01 :is(.rp-vehicle-brand,.rp-vehicle-model,.rp-vehicle-engine) { color:#17191c; }
body.brand-v4 #page-app .search-01 .rp-category-btn { border:1px solid #dedfe2; border-left:4px solid #ffd426; background:#fff; color:#17191c; border-radius:10px; min-height:50px; box-shadow:none; }
body.brand-v4 #page-app .search-01 .rp-category-btn:hover { background:#fff4bb; border-color:#e4c42f; }
body.brand-v4 #page-app .search-01 .rp-category-btn.is-active { background:#17191c; color:#ffd426; border-color:#17191c; }
body.brand-v4 #page-app .search-01 .rp-article-card { border:1px solid #dfe2e6; border-top:4px solid #ffd426; border-radius:13px; box-shadow:none; }
body.brand-v4 #page-app .search-hub-assistant { background:#ffd426; border:1px solid #e1bc22; border-radius:16px; padding:24px; gap:24px; }
body.brand-v4 #page-app .search-hub-assistant > .search-hub-symbol { width:200px; height:160px; border-radius:12px; background:#17191c url('/assets/simone-robot-c2-v1.png') center/cover; font-size:0; }
body.brand-v4 #page-app .search-hub-assistant .btn-primary { background:#17191c; color:#ffd426; border-color:#17191c; }
body.brand-v4 .astra-dialog { border:1px solid #d8dce1; border-radius:18px; background:#fff; }
body.brand-v4 .astra-dialog > header { background:#ffd426; color:#17191c; border-bottom:0; padding:16px; }
body.brand-v4 .astra-dialog > header :is(h2,p,small) { color:#17191c; }
body.brand-v4 .astra-dialog > header .astra-avatar { width:64px; height:64px; flex:0 0 64px; border-radius:12px; background:#17191c url('/assets/simone-robot-c2-v1.png') center 25%/cover; }
body.brand-v4 .astra-dialog > header .astra-avatar > * { visibility:hidden; }
body.brand-v4 .astra-dialog > header button { background:#17191c; color:#ffd426; border-color:#17191c; }
body.brand-v4 .astra-dialog :is(.astra-primary,.astra-identify,.astra-upload-main,.astra-upload-part,.astra-form button[type=submit]) { background:#17191c; color:#ffd426; border-color:#17191c; border-radius:10px; box-shadow:none; }
body.brand-v4 .astra-dialog :is(.astra-input,.astra-vin):focus { outline:2px solid #ffd426; border-color:#17191c; }
body.brand-v4 .astra-dialog .astra-compose { background:#fff; border-top:3px solid #ffd426; }
body.brand-v4 .astra-dialog .astra-terms { background:#fffbed; border-color:#e9d885; }
body.brand-v4 .astra-dialog .astra-message { border-radius:12px; }
@media(max-width:900px) { body.brand-v4 #page-app .search-01 .rp-catalog-fields { grid-template-columns:1fr; } }
@media(max-width:639px) {
 body.brand-v4 #page-app .search-01 .hsc-head { grid-template-columns:minmax(0,1fr); gap:10px; }
 body.brand-v4 #page-app .search-01 .search-mode-photo { grid-column:1; grid-row:3; height:110px; }
 body.brand-v4 #page-app .search-01 .hsc-head h2 { font-size:28px; }
 body.brand-v4 #page-app .search-01 .search-mode-copy { font-size:12px; }
 body.brand-v4 #page-app .search-01 .rp-catalog-panel { padding:14px; }
 body.brand-v4 #page-app .search-01 .rp-vin-row { display:flex; flex-direction:column; padding:10px; }
 body.brand-v4 #page-app .search-01 .rp-vin-btn { width:100%; white-space:normal; padding:12px; }
 body.brand-v4 #page-app .search-hub-assistant { display:flex; flex-direction:column; padding:18px; }
 body.brand-v4 #page-app .search-hub-assistant > .search-hub-symbol { width:100%; }
}

body.brand-v4 .astra-dialog > header .astra-avatar { background-size:260%; background-position:50% 15%; }
