/* Lightweight dimensional surfaces: no animation loop or extra media. */
body.public-surface.public-surface{--depth-accent:#2464c9;--depth-dark:#143a6b;--depth-light:#eef5ff;--depth-edge:#cbdcf3;--depth-shadow:rgba(22,53,95,.13);background:#fbfcff}
body.site-road.public-surface{--depth-accent:#efc300;--depth-dark:#594600;--depth-light:#fff9dd;--depth-edge:#e9dda0;--depth-shadow:rgba(99,77,10,.14)}
body.site-market.public-surface{--depth-accent:#c52d38;--depth-dark:#7d1527;--depth-light:#fff0f1;--depth-edge:#efccd0;--depth-shadow:rgba(107,30,43,.12)}
body.public-surface.public-surface header{border-bottom:1px solid var(--depth-edge);box-shadow:0 5px 18px var(--depth-shadow);background:linear-gradient(180deg,#fff,#fcfdff)}
body.public-surface.public-surface .brand-mark{box-shadow:inset 0 2px 1px #ffffff70,inset 0 -3px 1px #0002,0 5px 0 var(--depth-dark),0 9px 14px var(--depth-shadow);border:1px solid #ffffff50}
body.public-surface.public-surface .brand-name{text-shadow:0 1px 0 #fff,0 2px 1px #17385416}
body.public-surface.public-surface .hero{padding-top:42px;padding-bottom:40px;gap:32px}
body.public-surface.public-surface .hero h1{letter-spacing:-.055em;text-shadow:0 2px 0 #fff,0 4px 10px var(--depth-shadow)}
body.public-surface.public-surface .hero-image,body.public-surface.public-surface .trust-brand{border:1px solid var(--depth-edge);border-radius:20px;box-shadow:inset 0 1px 0 #fff,0 6px 0 var(--depth-edge),0 18px 30px var(--depth-shadow);background-color:var(--depth-light)}
body.public-surface.public-surface .catalog-bg{background:linear-gradient(160deg,var(--depth-light),#f7f9fc 65%);border-top:1px solid var(--depth-edge)}
body.public-surface.public-surface .search-shell,body.public-surface.public-surface .filters{background:linear-gradient(145deg,#fff,#fff 65%,var(--depth-light));border:1px solid var(--depth-edge);border-top:4px solid var(--depth-accent);border-radius:18px;box-shadow:inset 0 1px 0 #fff,0 5px 0 var(--depth-edge),0 14px 24px var(--depth-shadow)}
body.public-surface.public-surface .filter-title strong{color:var(--depth-dark)}
body.public-surface.public-surface .filters select,body.public-surface.public-surface .search-field input{box-shadow:inset 0 2px 4px #16324f0a,0 1px 0 #fff}
body.public-surface.public-surface .type-photo-button{border:1px solid var(--depth-edge);border-radius:12px;background:linear-gradient(155deg,#fff 55%,var(--depth-light));box-shadow:inset 0 1px 0 #fff,0 3px 0 var(--depth-edge),0 6px 10px var(--depth-shadow);transition:transform .16s ease,background-color .16s ease}
body.public-surface.public-surface .type-photo-button.active,body.public-surface.public-surface .type-photo-button[aria-pressed=true]{background:var(--depth-light);border-color:var(--depth-accent);box-shadow:inset 0 0 0 1px var(--depth-accent),0 3px 0 var(--depth-accent);color:var(--depth-dark)}
body.public-surface.public-surface .vehicle-card{border:1px solid var(--depth-edge);border-radius:15px;background:#fff;box-shadow:0 4px 0 var(--depth-edge),0 10px 20px var(--depth-shadow);transition:transform .18s ease,box-shadow .18s ease}
body.public-surface.public-surface .vehicle-card .card-body{background:linear-gradient(165deg,#fff 55%,var(--depth-light))}
body.public-surface.public-surface .vehicle-card .card-actions{background:#fff;border-top:1px solid var(--depth-edge)}
body.public-surface.public-surface .vehicle-group-title{border-top-color:var(--depth-accent)}
body.public-surface.public-surface .btn,body.public-surface.public-surface .header-contact,body.public-surface.public-surface .ton-choices button{box-shadow:inset 0 1px 0 #ffffff75,0 3px 0 var(--depth-edge),0 6px 10px var(--depth-shadow);transition:transform .15s ease,background-color .15s ease}
body.public-surface.public-surface .btn-primary,body.public-surface.public-surface .btn-navy{box-shadow:inset 0 1px 0 #ffffff50,0 3px 0 var(--depth-dark),0 7px 12px var(--depth-shadow)}
body.public-surface.public-surface .guide-card,body.public-surface.public-surface .type-guide-card{border-radius:14px;background:linear-gradient(145deg,#fff,var(--depth-light));border:1px solid var(--depth-edge);border-top:3px solid var(--depth-accent);box-shadow:0 4px 0 var(--depth-edge),0 10px 20px var(--depth-shadow)}
body.public-surface.public-surface .consult{background:linear-gradient(125deg,var(--depth-dark),var(--depth-accent));border:1px solid #ffffff40;box-shadow:inset 0 1px 0 #ffffff40,0 6px 0 var(--depth-dark),0 18px 25px var(--depth-shadow)}
body.site-road.public-surface .consult{background:linear-gradient(120deg,#29271e,#554718);color:#fff}
body.site-road.public-surface .consult p{color:#fff0bd}
body.public-surface.public-surface .gallery-main,body.public-surface.public-surface .vehicle-basics,body.public-surface.public-surface .seller-information{border:1px solid var(--depth-edge);border-radius:16px;box-shadow:0 4px 0 var(--depth-edge),0 12px 22px var(--depth-shadow)}
body.public-surface.public-surface .vehicle-basics,body.public-surface.public-surface .seller-information{background:linear-gradient(145deg,#fff,var(--depth-light));padding:clamp(14px,2vw,24px)}
body.public-surface.public-surface .footer{background:linear-gradient(180deg,var(--depth-light),#f4f6fa);border-top:1px solid var(--depth-edge);box-shadow:inset 0 4px 8px #16324f05}
body.site-market.public-surface .vehicle-card{border-radius:9px;border-bottom:3px solid var(--depth-accent)}
body.site-road.public-surface .vehicle-card{border-radius:18px 6px 18px 6px}
@media(hover:hover) and (pointer:fine){body.public-surface.public-surface .vehicle-card:hover{transform:translateY(-4px);box-shadow:0 5px 0 var(--depth-edge),0 18px 28px var(--depth-shadow)}body.public-surface.public-surface .type-photo-button:hover{transform:translateY(-3px);background:var(--depth-light)}body.public-surface.public-surface .btn:hover,body.public-surface.public-surface .header-contact:hover,body.public-surface.public-surface .ton-choices button:hover{transform:translateY(-2px)}}
body.public-surface.public-surface .btn:active,body.public-surface.public-surface .type-photo-button:active,body.public-surface.public-surface .ton-choices button:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #0001,0 1px 0 var(--depth-edge)}
@media(max-width:800px){body.public-surface.public-surface .hero{padding-top:24px;padding-bottom:26px;gap:20px}body.public-surface.public-surface .vehicle-card{box-shadow:0 3px 0 var(--depth-edge),0 5px 10px var(--depth-shadow)}body.public-surface.public-surface .trust-brand,body.public-surface.public-surface .hero-image{box-shadow:0 4px 0 var(--depth-edge),0 10px 16px var(--depth-shadow)}body.public-surface.public-surface .filters{box-shadow:0 3px 0 var(--depth-edge),0 8px 14px var(--depth-shadow)}}
@media(prefers-reduced-motion:reduce){body.public-surface.public-surface .vehicle-card,body.public-surface.public-surface .type-photo-button,body.public-surface.public-surface .btn,body.public-surface.public-surface .header-contact,body.public-surface.public-surface .ton-choices button{transition:none!important;transform:none!important}}