/* URMOT v6.27 homepage visual upgrade; scoped, preserves existing functionality */
:root{--urmot-gold:#e9b65d;--urmot-navy:#081e31}
body{background:#f3f6fa}
.header{background:#071c2e!important;border-bottom:1px solid #294055}
.header .nav{min-height:72px;gap:20px}
.header .nav-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.header .languages{background:#122b41;border:1px solid #395067;border-radius:12px;padding:4px;display:flex;gap:3px}
.header .languages a{border-radius:9px;padding:9px 13px;font-weight:700}
.header .languages a.active{background:linear-gradient(135deg,#ffe0a0,#dca344);color:#071c2e}
.urmot-header-fav{white-space:nowrap}
.urmot-quick-nav{background:#102b43!important;border-bottom:1px solid #30465b}
.urmot-quick-nav-inner{gap:10px}
.urmot-quick-item{border-radius:10px;transition:background .2s}
.urmot-quick-item:hover{background:#24455e}
.hero-v5{position:relative;padding-bottom:60px!important}
.hero-v5 .hero-photo{filter:saturate(.95);background-position:center center!important}
.hero-v5:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,23,39,.35),rgba(4,23,39,.48));pointer-events:none}
.hero-v5 .hero-content{position:relative;z-index:1}
.hero-v5 .hero-copy{text-align:center;max-width:100%;padding-top:35px}
.hero-v5 .hero-copy h1{font-weight:900;letter-spacing:-.5px;text-shadow:0 3px 20px #061c30}
.hero-v5 .hero-benefits{justify-content:center;gap:24px}
.urmot-market-tabs{border-radius:17px 17px 0 0!important;overflow:hidden;box-shadow:0 12px 30px #061c3020}
.urmot-market-tab.is-active{background:linear-gradient(120deg,#ffe6ac,#e7af50)!important;color:#09223b!important}
.smart-search{border-radius:0 0 22px 22px!important;box-shadow:0 18px 42px #0b294526!important;border:1px solid #e1e8ef!important;background:#fff!important}
.smart-search-heading h2{font-size:clamp(23px,2.5vw,32px)!important}
.smart-search-fields select,.smart-search-fields input{background:#fbfcfe;border:1px solid #d9e2ec;border-radius:11px;min-height:48px}
.smart-submit{background:linear-gradient(120deg,#f8d486,#e3a941)!important;color:#081f34!important;border-radius:11px!important;font-weight:800}
.makes-section,.featured-section,.listings{margin-top:30px!important}
.section-head h2{font-weight:900;color:#0b263f}
.brand-carousel-card{background:#fff!important;border:1px solid #dce5ee!important;border-radius:15px!important;box-shadow:0 5px 17px #17334c0b;transition:transform .2s,box-shadow .2s}
.brand-carousel-card:hover{transform:translateY(-3px);box-shadow:0 11px 25px #17334c20}
.market-cards .card,.market-cards article{border-radius:17px!important;overflow:hidden}
.urmot-app-promo{margin-top:44px;margin-bottom:26px;padding:28px 35px;background:linear-gradient(110deg,#082239,#164663 65%,#082239);color:white;border-radius:20px;display:flex;align-items:center;gap:24px;box-shadow:0 12px 30px #102b4322}
.urmot-app-promo-icon{width:74px;height:74px;border-radius:17px;background:linear-gradient(135deg,#ffdf9a,#c78e33);color:#081e31;font-size:52px;font-weight:900;text-align:center;flex:none}
.urmot-app-promo h2{color:white;margin:5px 0;font-size:27px}.urmot-app-promo p{color:#d9e5ee;margin:0}.urmot-app-promo span{color:#f6c671;font-size:12px;letter-spacing:2px;font-weight:800}
.urmot-app-promo-cta{margin-inline-start:auto;white-space:nowrap;background:#edbb65;color:#071c2e!important;padding:14px 22px;border-radius:11px;font-weight:800;text-decoration:none}






@media(max-width:800px){.urmot-app-promo{flex-wrap:wrap;padding:22px}.urmot-app-promo-cta{margin-inline-start:0}.hero-v5 .hero-benefits{flex-wrap:wrap;gap:8px}.header .nav-actions{gap:5px}.header .languages a{padding:7px}}
@media(max-width:520px){.urmot-app-promo-icon{width:55px;height:55px;font-size:40px}.urmot-app-promo h2{font-size:21px}.urmot-header-fav{display:none}}

/* URMOT v6.28 — closer to approved full-page reference; no changes to data model */
:root{--urmot-gold:#e9b65d;--urmot-navy:#071c2e}
body{background:#f2f6fc!important}
.header .nav{min-height:68px!important}
.header .nav-actions{gap:7px}
.header .nav-actions>.gold{order:5}
.header .nav-actions>.outline,.header .nav-actions>.gold{border-radius:9px}
.header .languages{flex-direction:row;white-space:nowrap}
.urmot-quick-nav-inner{justify-content:space-between;align-items:center}
.urmot-quick-item{font-weight:750}
.hero.hero-v5{min-height:520px!important;padding-top:0!important;padding-bottom:35px!important;background:#0a2840}
.hero.hero-v5 .hero-photo{z-index:0!important;background-image:linear-gradient(90deg,rgba(5,25,43,.25),rgba(5,25,43,.44)),url('images/hero-car.webp')!important;background-position:center 58%!important;filter:none}
html[dir=ltr] .hero.hero-v5 .hero-photo{background-image:linear-gradient(90deg,rgba(5,25,43,.44),rgba(5,25,43,.25)),url('images/hero-car.webp')!important}
.hero.hero-v5:before{z-index:1;background:linear-gradient(0deg,rgba(6,25,42,.6),transparent 60%)}
.hero.hero-v5 .hero-content{z-index:2!important}
.hero.hero-v5 .hero-copy{padding-top:36px!important;max-width:780px;margin:0 auto 22px}
.hero.hero-v5 .hero-copy h1{font-size:clamp(32px,3.2vw,52px);line-height:1.25}
.hero.hero-v5 .hero-copy p{font-size:clamp(15px,1.4vw,21px)}
.hero.hero-v5 .hero-benefits span{background:#09283ec7;border:1px solid #ffffff38;border-radius:9px;padding:8px 13px}
.hero.hero-v5 .urmot-market-tabs{max-width:1120px;margin-inline:auto;box-shadow:0 6px 22px #071e3030}
.hero.hero-v5 .search-v5.smart-search{max-width:1120px;margin-inline:auto!important;padding:20px 24px!important}
.smart-search-heading{margin-bottom:13px!important}.smart-search-heading h2{font-size:25px!important}
.smart-search-heading .smart-search-emblem{color:#c18a23;font-size:36px}
.smart-search-fields{gap:10px!important}
.smart-search-footer{margin-top:12px!important}
.smart-submit{background:#09263d!important;color:#fff!important;border:2px solid #d8a04a!important}
.hero.hero-v5 + .makes-section{padding-top:30px!important}
.makes-section,.featured-section,.listings{margin-top:35px!important}
.section-head h2{font-size:clamp(23px,2vw,29px)}
.brand-carousel-card{min-width:118px!important}
.brand-carousel-logo{width:67px;height:54px;display:flex;align-items:center;justify-content:center}
.featured-section .market-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.featured-section .market-cards>.card,.featured-section .market-cards>article{min-width:0!important;width:auto!important}
#urmotListingResults.is-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
#urmotListingResults.is-grid>.card,#urmotListingResults.is-grid>article{min-width:0!important;width:auto!important}
#urmotListingResults.is-list{display:grid!important;grid-template-columns:1fr!important}
.featured-section .market-cards img,#urmotListingResults.is-grid img{max-width:100%}
.urmot-app-promo-v628{min-height:184px;position:relative;isolation:isolate;overflow:hidden;justify-content:center;text-align:center;padding:20px 260px 20px 235px!important;gap:10px!important;background:radial-gradient(ellipse at 80% 90%,#b27b3277,transparent 35%),linear-gradient(105deg,#051c2e,#0d3854 60%,#071c2e)!important}
.urmot-app-promo-v628>div:nth-child(2){position:relative;z-index:2}
.urmot-app-promo-v628 h2{font-size:26px}
.urmot-mobile-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;position:relative;z-index:2}
.urmot-store-link{color:#fff!important;text-decoration:none;border:1px solid #b7c4d1;border-radius:8px;padding:9px 14px;font-weight:700;background:#06182caa;white-space:nowrap}
.urmot-store-link:hover{border-color:#f0c371;background:#153f5d}
.urmot-phone-scene{position:absolute;left:45px;bottom:-14px;width:180px;height:175px;z-index:1}
.urmot-phone-back,.urmot-phone-front{position:absolute;width:88px;height:160px;border:5px solid #071322;border-radius:15px;background:#e7f0f7;box-shadow:0 9px 20px #0007;overflow:hidden}
.urmot-phone-back{left:5px;bottom:3px;transform:rotate(-14deg)}.urmot-phone-front{left:70px;bottom:0;transform:rotate(8deg);background:#f4f7fb}
.urmot-phone-back>img{width:100%;height:100%;object-fit:cover}.urmot-phone-top{position:absolute;top:2px;left:50%;transform:translateX(-50%);height:5px;width:28px;border-radius:8px;background:#101f2b;z-index:2}
.urmot-phone-logo{display:flex;flex-direction:column;align-items:center;gap:3px;background:#0c263e;padding:20px 4px 10px;color:white;font-size:10px}.urmot-phone-logo img{width:32px;height:32px;border-radius:8px}.urmot-phone-line{height:7px;margin:10px 8px;background:#dce4eb;border-radius:3px}.urmot-phone-line.short{width:60%}.urmot-phone-car{margin:8px}.urmot-phone-car img{width:100%;height:47px;object-fit:cover;border-radius:5px}
.urmot-promo-car{position:absolute;right:-10px;bottom:-16px;width:250px;height:170px;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 22%)}
.urmot-promo-car img{width:100%;height:100%;object-fit:cover;object-position:35% center;filter:saturate(1.1)}

@media(max-width:1150px){#urmotListingResults.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.featured-section .market-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.urmot-app-promo-v628{padding-inline:190px!important}.urmot-promo-car{width:190px}.urmot-phone-scene{left:12px}}
@media(max-width:800px){.featured-section .market-cards,#urmotListingResults.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero.hero-v5{min-height:auto!important}.hero.hero-v5 .hero-photo{background-position:37% center!important}.urmot-app-promo-v628{padding:20px 24px 155px!important}.urmot-phone-scene{bottom:-22px;left:10%;transform:scale(.75);transform-origin:bottom left}.urmot-promo-car{bottom:-30px;right:0;width:38%;height:145px}.header .nav{flex-wrap:wrap}.header .languages a{font-size:12px}}
@media(max-width:520px){.featured-section .market-cards,#urmotListingResults.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.hero.hero-v5 .hero-copy{padding-top:25px!important}.hero.hero-v5 .hero-copy h1{font-size:30px}.hero.hero-v5 .search-v5.smart-search{padding:15px!important}.urmot-app-promo-v628 h2{font-size:21px}.urmot-phone-scene{left:0}.urmot-promo-car{width:43%}.urmot-quick-nav-inner{overflow-x:auto;scrollbar-width:none}.urmot-quick-item{white-space:nowrap}}

/* v6.29: preserve card prices, legibility, responsive behavior */
.featured-section .market-cards>.car,#urmotListingResults.is-grid>.car{min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.featured-section .market-cards>.car .car-body,#urmotListingResults.is-grid>.car .car-body{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important;padding:13px!important}
.featured-section .market-cards>.car .car-bottom,#urmotListingResults.is-grid>.car .car-bottom{margin-top:auto!important;min-width:0!important;gap:6px!important;align-items:flex-end!important;padding-top:12px!important}
.featured-section .market-cards>.car .car-bottom strong,#urmotListingResults.is-grid>.car .car-bottom strong{font-size:clamp(14px,1.5vw,22px)!important;line-height:1.3!important;overflow-wrap:anywhere!important;white-space:normal!important;min-width:0!important;max-width:100%!important}
.featured-section .market-cards>.car .car-view,#urmotListingResults.is-grid>.car .car-view{flex:0 0 30px!important}
.featured-section .market-cards>.car .car-specs,#urmotListingResults.is-grid>.car .car-specs{min-width:0!important}
.featured-section .market-cards>.car .car-img,#urmotListingResults.is-grid>.car .car-img{width:100%!important}
@media(max-width:520px){.featured-section .market-cards>.car .car-body,#urmotListingResults.is-grid>.car .car-body{padding:10px!important}.featured-section .market-cards>.car .car-bottom strong,#urmotListingResults.is-grid>.car .car-bottom strong{font-size:14px!important}.featured-section .market-cards>.car .car-view,#urmotListingResults.is-grid>.car .car-view{flex-basis:25px!important;width:25px!important;height:25px!important}.urmot-app-promo-v628{min-height:250px!important}}
@media(max-width:370px){.featured-section .market-cards,#urmotListingResults.is-grid{grid-template-columns:1fr!important}}
