/* Satte Alam surfaces are scoped; consignments keep their original palette. */
.satte-identity { position:relative; isolation:isolate; overflow:hidden; background:#121519; border-color:rgba(208,214,221,.34); }
.satte-identity::before { content:""; position:absolute; inset:0; z-index:-2; pointer-events:none; background-size:cover; background-repeat:no-repeat; opacity:.42; }
.satte-identity::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(100deg,rgba(10,13,17,.87),rgba(12,16,21,.44)); }
.satte-night::before { background-image:url('satte-alam-noite-20261006.jpeg'); background-position:center 44%; }
.satte-day::before { background-image:url('satte-alam-dia-20261006.jpeg'); background-position:center 48%; }
.showcase-card.satte-identity:hover { background:#1b2026; border-color:#afb9c3; }
.satte-identity h3 { color:#f4f6f8; }
.satte-identity p { color:#d0d6de; }
.satte-identity .showcase-tag { background:rgba(153,166,181,.15); color:#e1e6ec; border-color:rgba(192,204,215,.42); }
.satte-identity .showcase-cta { color:#e8edf2; }
.store-banner.satte-identity { min-height:240px; justify-content:center; padding:28px; }
.stock-consultant { display:flex; align-items:center; gap:12px; margin:16px 0; min-width:0; }
.stock-consultant img { display:block; width:64px; height:64px; flex:0 0 64px; object-fit:cover; border-radius:50%; border:1px solid #9ba3ad; padding:3px; background:#111418; box-sizing:border-box; }
.stock-consultant strong { display:block; color:#f3f2ee; font-size:.9375rem; line-height:1.4; }
.stock-consultant span { display:block; color:#bbc1c9; font-size:.875rem; line-height:1.4; }
@media(max-width:700px) { .showcase-card .stock-consultant { flex-wrap:wrap; gap:8px; margin:10px 0; } .stock-consultant img { width:56px; height:56px; flex-basis:56px; } .showcase-card .stock-consultant strong { font-size:.875rem; } .showcase-card .stock-consultant span { font-size:.8125rem; } .satte-night::before { background-position:32% center; } .satte-day::before { background-position:50% center; } .store-banner.satte-identity { min-height:260px; padding:22px 18px; } }
@media(min-width:701px) and (max-width:1024px) { .satte-night::before { background-position:40% center; } .store-banner.satte-identity { min-height:250px; } }

/* Consignados: the supplied car photo sits behind both entry panels. */
.showcase-card.consignment-car,
.store-banner.consignment-car {position:relative; isolation:isolate; overflow:hidden; background:#1b1e24; border-color:rgba(192,198,208,.36);}
.showcase-card.consignment-car::before,
.store-banner.consignment-car::before {content:""; position:absolute; inset:0; z-index:-2; pointer-events:none; background:url('consignados-carro-fundo.jpeg') center 65%/cover no-repeat; opacity:.42;}
.showcase-card.consignment-car::after,
.store-banner.consignment-car::after {content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,rgba(19,22,29,.80) 0%,rgba(19,22,29,.64) 48%,rgba(19,22,29,.83) 100%);}
.showcase-card.consignment-car:hover {background:#23272f; border-color:rgba(214,191,126,.55);}
.consignment-car h3,.consignment-car .showcase-cta {color:#f5f3ef;}
.consignment-car p {color:#d2d5dd;}
.consignment-car .stock-consultant {position:relative;}
@media(max-width:700px) {
  .showcase-card.consignment-car::before {background-position:55% 68%; opacity:.35;}
  .store-banner.consignment-car::before {background-position:50% 65%; opacity:.36;}
  .showcase-card.consignment-car::after,.store-banner.consignment-car::after {background:linear-gradient(180deg,rgba(19,22,29,.80),rgba(19,22,29,.58) 45%,rgba(19,22,29,.88));}
}
@media(min-width:701px) and (max-width:1024px) {
  .consignment-car::before {background-position:center 70%;}
}