
/* izGaraže v0.6 — homepage */
.home-hero{background:linear-gradient(135deg,#111315 0%,#1b1e21 100%);color:#fff;padding:64px 0 54px}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:54px;align-items:center}
.hero-kicker{display:inline-block;color:#ff6b35;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;margin-bottom:13px}
.hero-copy h1{font-size:clamp(48px,6vw,76px);line-height:.94;letter-spacing:-3.5px;margin:0 0 20px}
.hero-copy p{font-size:18px;line-height:1.5;color:#bdc2c6;max-width:530px;margin:0}

.home-search{background:#fff;color:#151719;border-radius:18px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.search-title{font-size:20px;font-weight:900;margin-bottom:15px}
.search-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.search-fields label{display:grid;gap:6px}
.search-fields label span{font-size:11px;font-weight:800;color:#687078;text-transform:uppercase;letter-spacing:.06em}
.search-fields select{width:100%;border:1px solid #dde1e4;border-radius:10px;background:#fff;padding:13px;font:inherit}
.search-fields button{border:0;border-radius:10px;background:#ff5a1f;color:#fff;font-weight:900;font-size:15px;cursor:pointer}
.search-foot{font-size:11px;color:#8a9197;margin-top:12px}

.home-section{padding:52px 0}
.home-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}
.home-section-head h2{font-size:32px;letter-spacing:-1px;margin:5px 0 0}
.text-link{font-size:14px;font-weight:800;color:#5b6268}

.listing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.listing-card{background:#fff;border:1px solid #e3e6e8;border-radius:16px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.listing-card:hover{transform:translateY(-3px);border-color:#d7dade;box-shadow:0 14px 35px rgba(25,35,45,.09)}
.listing-card-link{display:block}
.listing-card-photo{position:relative;aspect-ratio:16/10;background:#e9ecef;overflow:hidden}
.listing-card-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}
.listing-card:hover .listing-card-photo img{transform:scale(1.025)}
.listing-card-empty{height:100%;display:grid;place-items:center;color:#899097}
.listing-card-badge{position:absolute;left:12px;bottom:12px;background:rgba(17,19,21,.82);color:#fff;border-radius:7px;padding:6px 9px;font-size:12px;font-weight:800}
.listing-card-content{padding:17px}
.listing-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.listing-card-top h3{font-size:19px;line-height:1.2;margin:0;min-width:0}
.listing-card-top strong{font-size:20px;white-space:nowrap}
.listing-card-specs{display:flex;flex-wrap:wrap;gap:0;margin-top:13px;color:#646c72;font-size:12px}
.listing-card-specs span+span:before{content:"•";padding:0 7px;color:#a5aaae}
.listing-card-city{margin-top:12px;padding-top:12px;border-top:1px solid #eceeef;color:#646c72;font-size:12px}

.sell-strip{margin-top:12px;margin-bottom:58px;background:#fff;border:1px solid #e3e6e8;border-radius:18px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sell-strip h2{font-size:27px;margin:5px 0}.sell-strip p{color:#6f757a;margin:0}
.sell-button{background:#ff5a1f;color:#fff;border-radius:10px;padding:14px 22px;font-weight:900;white-space:nowrap}

@media(max-width:950px){
 .hero-inner{grid-template-columns:1fr;gap:32px}
 .home-search{max-width:700px}
 .listing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .home-hero{padding:42px 0}
 .hero-copy h1{letter-spacing:-2px}
 .search-fields{grid-template-columns:1fr}
 .search-fields button{padding:14px}
 .listing-cards{grid-template-columns:1fr}
 .home-section-head{align-items:flex-start;gap:15px}.text-link{display:none}
 .sell-strip{align-items:flex-start;flex-direction:column}
}
