/* Trailo 1.2.6: scoped homepage presentation. */
.homepage{background:#f6f7f9;color:#12212e}
.homepage .topbar{border-bottom:1px solid #e8ecf0}
.homepage .home-hero{background:#101e29!important;background-image:none!important;color:#fff;padding:54px 0 30px;min-height:0;position:relative}
.homepage .home-hero>.container{position:relative}
.homepage .home-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;margin:0 0 30px!important;text-align:left}
.homepage .hero-copy{margin:0!important;min-width:0}
.homepage .home-hero .eyebrow{font-size:11px;letter-spacing:.13em;color:#ffa66f;margin:0 0 18px}
.homepage .home-hero h1{font-size:clamp(34px,4vw,52px)!important;line-height:1.08;letter-spacing:-.045em;max-width:570px;margin:0 0 20px!important;text-wrap:balance}
.homepage .home-hero .lead{font-size:17px;line-height:1.65;color:#bcc8d0;max-width:490px;margin:0!important}
.homepage .hero-highlights{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px;color:#d8e2e9;font-size:12px}
.homepage .hero-highlights span{display:inline-flex;gap:7px;align-items:center}
.homepage .hero-highlights svg{width:16px;height:16px;color:#ff985b;flex-shrink:0}
.homepage .hero-visual{height:320px;position:relative;overflow:hidden;border-radius:20px;border:1px solid #ffffff20;background:#233541;box-shadow:0 20px 45px #0003;isolation:isolate}
.homepage .hero-visual>img{display:block;width:100%;height:100%;object-fit:cover!important;object-position:center}
.homepage .hero-visual:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#08131dd9);z-index:0}
.homepage .hero-visual-caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;text-align:left}
.homepage .hero-visual-caption span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#d5dee4;display:block;margin-bottom:5px}
.homepage .hero-visual-caption b{display:block;font-size:20px;font-weight:700;color:white}
.homepage .hero-visual.hero-studio{background:#f0f2f4;border-color:#fff2}
.homepage .hero-studio>img{object-fit:contain!important;object-position:center 35%;padding:12px 16px 52px}
.homepage .hero-studio:after{inset:auto 0 0;height:70px;background:#182c3df2}
.homepage .hero-studio .hero-visual-caption{bottom:13px}
.homepage .home-search{max-width:none!important;width:100%;margin:0!important;padding:24px;border:1px solid #e4e9ed;border-radius:16px!important;box-shadow:0 12px 32px #0002;text-align:left}
.homepage .condition-tabs{display:inline-flex;gap:4px;padding:4px;background:#f0f3f6;border-radius:10px;margin:0 0 22px}
.homepage .condition-tabs label{font-size:12px;line-height:1.4}
.homepage .condition-tabs span{padding:9px 15px;border:0!important;border-radius:7px;color:#566472;white-space:nowrap}
.homepage .condition-tabs input:checked+span{background:#fff;color:#cf4c00;box-shadow:0 2px 6px #12212e0c}
.homepage .home-search-fields{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 150px!important;gap:14px;align-items:end}
.homepage .home-search-fields>label{display:block;min-width:0}
.homepage .home-search-fields label>span{font-size:12px;font-weight:600;color:#5a6875;margin-bottom:8px}
.homepage .home-search .input,.homepage .home-search select.input,.homepage .home-search .hu-city-search{height:50px;min-height:50px;line-height:normal;font-size:15px;padding:12px 14px;border:1px solid #dbe2e8;border-radius:9px;color:#172b3b;background-color:#fff;box-shadow:none;appearance:none;-webkit-appearance:none}
.homepage .home-search select.input{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a6875' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
.homepage .home-search .hu-city-search{padding-right:40px}
.homepage .home-search-fields .btn{height:50px;min-height:50px;border-radius:9px;font-size:14px}
.homepage .home-search .input:focus{border-color:#f48c50;outline:2px solid #ff5f0015;outline-offset:1px}
.homepage .trailer-filter-details{margin-top:20px;border-top:1px solid #edf0f3;padding-top:15px}
.homepage .trailer-filter-details summary{font-size:12px;color:#596a79;font-weight:600}
.homepage .popular-searches{justify-content:flex-start!important;margin-top:18px;gap:8px 10px;color:#cad5dd;font-size:12px}
.homepage .popular-searches>span{opacity:1;margin-right:3px;color:#91a4b3}
.homepage .popular-searches a{padding:5px 10px;border:1px solid #ffffff25;border-radius:6px;text-decoration:none}
.homepage .popular-searches a:hover{background:#ffffff10;border-color:#ffffff55}
.homepage .category-section{background:#fff;padding:60px 0}
.homepage .section-head h2{font-size:clamp(27px,3vw,35px);letter-spacing:-.035em;line-height:1.18;color:#12212e}
.homepage .category-section .category-tile{border-radius:13px;border-color:#e6ebef;box-shadow:none}
.homepage .category-section .category-image{aspect-ratio:1.65;background:#f4f6f8}
.homepage .category-card-bottom{padding:16px;min-height:62px}
.homepage .inventory-section{background:#f6f7f9}
.homepage .listing-card{border-color:#e1e7ed;box-shadow:0 4px 16px #12212e04;border-radius:14px}
.homepage .listing-card-body{padding:20px}
.homepage .listing-price{font-size:23px;color:#102331;white-space:nowrap}
.homepage .benefits-section{background:#fff;padding:40px 0}
.homepage .benefit-item{border:0;border-left:2px solid #ff5f0030;padding:0 0 0 22px}
.homepage .home-dealer-cta{background:#101e29;border-radius:18px}
.homepage .home-dealer-cta h2{color:white}
.homepage .hero-search{background:#edf2f6!important;color:#12212e}
.homepage .hero-search .lead{color:#5a6b78}
.homepage .hero-search .eyebrow{color:#bd4d0c}
.homepage .hero-search .hero-highlights{color:#536674}
.homepage .hero-search .popular-searches{color:#536674}
.homepage .hero-search .popular-searches>span{color:#647685}
.homepage .hero-search .popular-searches a{border-color:#cdd8e1}
@media(max-width:980px){.homepage .home-hero-grid{gap:26px}.homepage .hero-visual{height:290px}.homepage .home-search-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.homepage .home-search-fields .btn{width:100%}}
@media(max-width:760px){
 .homepage .home-hero{padding:30px 0 24px!important}
 .homepage .home-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:22px;margin-bottom:22px!important}
 .homepage .home-hero h1{font-size:clamp(30px,8vw,38px)!important;line-height:1.1;margin-bottom:14px!important;max-width:100%}
 .homepage .home-hero .eyebrow{font-size:10px;margin-bottom:12px}
 .homepage .home-hero .lead{font-size:15px;line-height:1.6}
 .homepage .hero-highlights{margin-top:16px;gap:8px 16px;font-size:11px}
 .homepage .hero-visual{height:190px;border-radius:13px}
 .homepage .hero-visual-caption{left:18px;bottom:16px}
 .homepage .hero-visual-caption b{font-size:17px}
 .homepage .hero-visual-caption span{font-size:9px}
 .homepage .home-search{padding:16px;border-radius:13px!important}
 .homepage .condition-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:2px;margin-bottom:18px}
 .homepage .condition-tabs label{font-size:11px}
 .homepage .condition-tabs span{white-space:normal;padding:9px 4px;text-align:center;min-height:34px}
 .homepage .home-search-fields{grid-template-columns:minmax(0,1fr)!important;gap:14px}
 .homepage .home-search-fields>*{grid-column:1/-1!important}
 .homepage .home-search .input,.homepage .home-search select.input,.homepage .home-search .hu-city-search{font-size:16px!important;height:50px;min-height:50px}
 .homepage .home-search-fields .btn{height:50px;font-size:15px}
 .homepage .trailer-filter-details{margin-top:16px;padding-top:14px}
 .homepage .popular-searches{font-size:11px;gap:7px;margin-top:16px}
 .homepage .category-section{padding:36px 0}
 .homepage .category-card-bottom{padding:12px 10px;min-height:58px}
 .homepage .listing-price{font-size:22px}
 .homepage .benefits-section{padding:30px 0}
}
@media(prefers-reduced-motion:reduce){.homepage *{scroll-behavior:auto;transition:none!important}}

/* Three independently selectable home presentations, 1.2.7. */
.homepage.layout-market .hero-market{background:#edf2f6!important;color:#12212e}
.homepage.layout-market .hero-market .lead{color:#5a6b78}
.homepage.layout-market .hero-market .eyebrow{color:#bd4d0c}
.homepage.layout-market .hero-highlights{color:#536674}
.homepage.layout-market .popular-searches{color:#536674}
.homepage.layout-market .popular-searches>span{color:#647685}
.homepage.layout-market .popular-searches a{border-color:#cdd8e1}
.homepage.layout-market .home-search{box-shadow:0 10px 30px #12212e0a}
.homepage.layout-premium .hero-premium{background:#101e29!important;color:white;padding-top:64px}
.homepage.layout-premium .hero-visual{height:370px;border-radius:24px}
.homepage.layout-premium .category-section{background:#f6f7f9}
.homepage.layout-premium .inventory-section{background:#fff}
.homepage.layout-search .hero-search{background:#fff!important;padding:62px 0 38px;text-align:center;border-bottom:1px solid #e6ebef}
.homepage.layout-search .home-hero-grid{display:block!important;margin:0 auto 28px!important;max-width:820px}
.homepage.layout-search .hero-copy{text-align:center;margin:0 auto!important}
.homepage.layout-search .hero-visual{display:none}
.homepage.layout-search .home-hero h1{max-width:780px;margin-inline:auto!important;font-size:clamp(34px,4vw,48px)!important}
.homepage.layout-search .home-hero .lead{max-width:640px;margin-inline:auto!important}
.homepage.layout-search .hero-highlights{justify-content:center}
.homepage.layout-search .home-search{max-width:1040px!important;margin:0 auto!important;background:#f7f9fb;box-shadow:none}
.homepage.layout-search .popular-searches{justify-content:center!important}
.homepage.layout-search .category-section{background:#fff;padding-top:38px}
.homepage.layout-search .category-section .category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.homepage.layout-search .category-section .category-tile{display:flex;align-items:center;padding:10px;gap:12px}
.homepage.layout-search .category-section .category-image{width:96px;flex:0 0 96px;aspect-ratio:3/2;border-radius:8px}
.homepage.layout-search .category-card-bottom{flex:1;padding:8px 4px;min-height:0}
.homepage.layout-search .category-section .category-tile strong{font-size:14px}
@media(max-width:980px){.homepage.layout-search .category-section .category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.homepage.layout-premium .hero-visual{height:310px}}
@media(max-width:760px){
 .homepage.layout-premium .hero-visual{height:220px}
 .homepage.layout-search .home-hero h1{font-size:clamp(30px,8vw,38px)!important}
 .homepage.layout-search .home-hero-grid{margin-bottom:22px!important}
 .homepage.layout-search .category-section .category-tiles{grid-template-columns:minmax(0,1fr);gap:10px}
 .homepage.layout-search .category-section .category-image{width:92px;flex-basis:92px}
 .homepage.layout-search .category-section .category-tile strong{font-size:15px}
}

/* Full photograph behind the marketplace search; other layouts remain distinct. */
.homepage.layout-market .home-hero.hero-market{background:#162b3b!important;padding:58px 0 30px!important;color:#fff;isolation:isolate;overflow:visible}
.homepage.layout-market .hero-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden}
.homepage.layout-market .hero-backdrop img{display:block;width:100%;height:100%;object-fit:cover!important;object-position:center 53%}
.homepage.layout-market .hero-market:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,22,33,.76),rgba(8,22,33,.18)),linear-gradient(0deg,rgba(8,22,33,.6),transparent 60%);pointer-events:none}
.homepage.layout-market .home-hero-grid{display:block!important;margin:0 0 64px!important;max-width:650px}
.homepage.layout-market .hero-market .eyebrow{color:#ffd0b1;font-size:11px;letter-spacing:.1em}
.homepage.layout-market .hero-market h1{color:#fff;max-width:650px;font-size:clamp(36px,4.4vw,58px)!important}
.homepage.layout-market .hero-market .lead{color:#eef2f5;max-width:560px;font-size:17px}
.homepage.layout-market .hero-market .hero-highlights{display:none}
.homepage.layout-market .hero-market .popular-searches{color:#fff}
.homepage.layout-market .hero-market .popular-searches>span{color:#d3dce2}
.homepage.layout-market .hero-market .popular-searches a{border-color:#ffffff50;background:#0c1e2f35}
.homepage.layout-market .hero-market .home-search{background:#fff;box-shadow:0 18px 45px #0002}
.homepage.layout-search .hero-backdrop{display:none}
.homepage.layout-premium .hero-highlights{display:none}
@media(max-width:760px){
 .homepage.layout-market .home-hero.hero-market{padding:30px 0 24px!important}
 .homepage.layout-market .home-hero-grid{margin-bottom:28px!important}
 .homepage.layout-market .hero-market h1{font-size:clamp(30px,8vw,38px)!important}
 .homepage.layout-market .hero-market .lead{font-size:15px}
 .homepage.layout-market .hero-backdrop img{object-position:64% center}
 .homepage.layout-market .hero-market:before{background:linear-gradient(180deg,#091a2db3,#091a2d66 48%,#091a2d99)}
}