/* Latest listings: photo-led cards, isolated from search results and trends. */
#page-home #homeLatest { --latest-ink:#153550; --latest-accent:#4f46c7; }
#page-home #homeLatest > .lt89-shell { overflow:visible; }
/* Transfer space above the heading to keep both card rows in place. */
#page-home #homeLatest .lt89-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding-top:13px; margin-bottom:12px; }
#page-home #homeLatest .lt89-heading > .lt296-heading-copy { display:flex; align-items:center; justify-content:flex-end; min-height:44px; min-width:0; width:auto; max-width:100%; margin-left:auto; text-align:right; }
#page-home #homeLatest .lt89-region { display:flex; flex:0 1 280px; flex-direction:column; gap:7px; width:100%; max-width:280px; min-width:0; }
#page-home #homeLatest .lt89-region label { font:650 11px/1.4 var(--font-body); color:#50677b; }
#page-home #homeLatest .lt89-region-select { display:block; position:relative; }
#page-home #homeLatest .lt89-region-select > svg { position:absolute; right:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; pointer-events:none; color:#61798e; }
#page-home #homeLatest #trendRegion { appearance:none; box-sizing:border-box; width:100%; min-width:0; max-width:none; min-height:44px; padding:10px 38px 10px 14px; background:#fff; border:1px solid #d2dde7; border-radius:6px; color:#173a56; font:600 12px/1.5 var(--font-body); cursor:pointer; box-shadow:0 2px 3px #17324d04; }
#page-home #homeLatest .lt89-region-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#page-home #homeLatest .lt89-eyebrow { display:inline-flex; align-items:center; gap:8px; color:#6c68a5; font:650 10px/1.5 var(--font-body); letter-spacing:1.3px; }
#page-home #homeLatest .lt89-eyebrow::before { content:''; width:6px; height:6px; border-radius:50%; background:#8b86ce; }
#page-home #homeLatest .lt89-heading h2 { margin:0!important; color:var(--latest-ink)!important; font:700 clamp(23px,2.5vw,27px)/1.18 var(--font-head)!important; letter-spacing:-.6px!important; }
#page-home #homeLatest .lt89-heading h2 em { color:var(--latest-accent)!important; font-style:normal!important; }
#page-home #homeLatest .lt89-heading p { max-width:490px; margin:0; color:#718395; font:400 13px/1.6 var(--font-body); }

#page-home #homeLatest #homeLatestGrid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; grid-template-rows:auto!important; align-items:stretch; gap:16px!important; width:100%; margin:0; }
#page-home #homeLatest #homeLatestGrid[data-count="1"] { grid-template-columns:minmax(0,330px)!important; }
#page-home #homeLatest #homeLatestGrid[data-count="2"] { grid-template-columns:repeat(2,minmax(0,1fr))!important; max-width:680px; }
#page-home #homeLatest #homeLatestGrid[data-count="3"] { grid-template-columns:repeat(3,minmax(0,1fr))!important; max-width:1020px; }
#page-home #homeLatest #homeLatestGrid[data-count="0"] { grid-template-columns:1fr!important; }
#page-home #homeLatest .lt89-card { appearance:none; box-sizing:border-box; position:relative; display:flex; flex-direction:column; align-items:stretch; grid-template-columns:none; width:100%; min-width:0; min-height:0; padding:0; border:1px solid #dce4ed; border-radius:6px; background:#fff; color:var(--latest-ink); overflow:hidden; text-align:left; box-shadow:0 3px 8px #15355005,0 14px 26px -23px #243f6166; cursor:pointer; }
#page-home #homeLatest .lt89-photo { display:block; position:relative; isolation:isolate; flex:0 0 auto; width:100%; height:110px; min-height:0; aspect-ratio:auto; overflow:hidden; background:#eaf0f5; }
#page-home #homeLatest .lt89-photo .dc89-image { position:absolute; inset:0; }
#page-home #homeLatest .lt89-photo .dc89-brand { display:none!important; }
#page-home #homeLatest .lt89-photo .dc89-no-photo { color:#627b91; background:linear-gradient(135deg,#eef3f8,#e1e9f0); font:500 12px var(--font-body); }
#page-home #homeLatest .lt296-category { position:absolute; z-index:2; top:12px; left:12px; max-width:calc(100% - 24px); box-sizing:border-box; padding:6px 9px; border:1px solid #ffffffa6; border-radius:5px; background:#fffffff0; color:#29455b; font:600 10px/1.3 var(--font-body); box-shadow:0 2px 8px #19304a14; }
#page-home #homeLatest .lt89-info { display:flex; flex:1; flex-direction:column; gap:0; min-width:0; padding:12px 13px; background:linear-gradient(180deg,#fff 55%,#f7f9fc); }
#page-home #homeLatest .lt296-meta { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:5px 8px; min-height:16px; margin-bottom:9px; }
#page-home #homeLatest .lt296-brand { color:#6d79a1; font:650 9px/1.4 var(--font-body); letter-spacing:.6px; text-transform:uppercase; overflow-wrap:anywhere; }
#page-home #homeLatest .lt89-new { position:static; display:inline-flex; align-items:center; gap:5px; padding:0; background:none; color:#44776d; border:0; border-radius:0; box-shadow:none; font:600 10px/1.4 var(--font-body); }
#page-home #homeLatest .lt89-new i { width:5px; height:5px; border-radius:50%; background:#6c9d89; }
#page-home #homeLatest .lt89-date { color:#8392a1; font:400 9px/1.4 var(--font-body); }
#page-home #homeLatest .lt89-name { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:2.6em; margin:0 0 8px; color:var(--latest-ink); font:700 15px/1.3 var(--font-head); letter-spacing:-.25px; overflow-wrap:anywhere; }
#page-home #homeLatest .lt89-location { display:flex; align-items:flex-start; gap:5px; margin:0; color:#718398; font:400 11px/1.5 var(--font-body); }
#page-home #homeLatest .lt89-location > svg { width:14px; height:15px; flex:0 0 14px; margin-top:1px; color:#8d9eae; }
#page-home #homeLatest .lt89-location > span { min-width:0; overflow-wrap:anywhere; }
#page-home #homeLatest .lt89-specs { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 12px; color:#536d85; font:500 10px/1.4 var(--font-body); }
#page-home #homeLatest .lt89-specs > span { padding:4px 7px; border:1px solid #e6ecf2; border-radius:4px; background:#f5f8fb; }
#page-home #homeLatest .lt89-bottom { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:auto; padding-top:10px; border-top:1px solid #e4ebf2; color:var(--latest-ink); }
#page-home #homeLatest .lt89-bottom > strong { min-width:0; font:750 20px/1.15 var(--font-head); letter-spacing:-.6px; }
#page-home #homeLatest .lt89-bottom small { font-size:.7em; font-weight:550; }
#page-home #homeLatest .lt89-open { display:grid; place-items:center; flex:0 0 29px; width:29px; height:29px; border:1px solid #e4e2f3; border-radius:6px; background:#f0eef9; color:#6560a9; transition:background .2s,color .2s,border-color .2s; }
#page-home #homeLatest .lt89-open > svg { width:19px; height:19px; }
#page-home #homeLatest .lt89-card:is(:hover,:focus-visible) .lt89-open { background:var(--latest-accent); border-color:var(--latest-accent); color:#fff; }
#page-home #homeLatest .lt89-all { display:inline-flex; align-items:center; flex-shrink:0; width:auto; min-height:44px; gap:20px; padding:11px 15px; border:1px solid #d9d8ec; border-radius:6px; background:#fff; color:#534c9d; font:650 12px/1.4 var(--font-body); transition:background .2s,border-color .2s; }
#page-home #homeLatest .lt89-all:hover { background:#f2f0fc; border-color:#bcb7df; }
#page-home #homeLatest .lt89-empty { padding:38px 22px; border:1px dashed #cfdbe7; background:#ffffffa6; border-radius:6px; }
#page-home #homeLatest .lt296-empty-icon { display:grid; place-items:center; width:42px; height:42px; margin:0 auto 15px; border-radius:6px; background:#eeecf8; color:#7166a9; }
#page-home #homeLatest .lt296-empty-icon svg { width:24px; height:24px; }
#page-home #homeLatest .lt89-empty strong { display:block; }
#page-home #homeLatest :is(button,select):focus-visible { outline:3px solid #9b91da; outline-offset:4px; }

@media(max-width:900px) {
  #page-home #homeLatest #homeLatestGrid,
  #page-home #homeLatest #homeLatestGrid[data-count="3"] { grid-template-columns:repeat(2,minmax(0,1fr))!important; max-width:none; }
  #page-home #homeLatest .lt89-photo { height:110px; aspect-ratio:auto; }
  #page-home #homeLatest .lt89-info { padding:13px 14px; }
  #page-home #homeLatest .lt89-name { min-height:0; }
}
@media(max-width:680px) {
  #page-home #homeLatest .lt89-heading { flex-direction:column; align-items:stretch; gap:20px!important; }
  #page-home #homeLatest .lt89-region { flex:0 0 auto; max-width:none; gap:6px!important; }
  #page-home #homeLatest .lt89-heading > .lt296-heading-copy { width:auto; }
  #page-home #homeLatest .lt89-heading h2 { font-size:25px!important; }
  #page-home #homeLatest #homeLatestGrid { gap:12px!important; }
  #page-home #homeLatest .lt89-info { padding:12px; }
  #page-home #homeLatest .lt89-photo { height:105px; aspect-ratio:auto; }
  #page-home #homeLatest .lt89-name { font-size:15px; }
  #page-home #homeLatest .lt89-bottom > strong { font-size:20px; }
}
@media(max-width:540px) {
  #page-home #homeLatest #homeLatestGrid,
  #page-home #homeLatest #homeLatestGrid[data-count] { grid-template-columns:minmax(0,1fr)!important; max-width:none; gap:18px!important; }
  #page-home #homeLatest .lt89-card { display:grid; grid-template-columns:36% minmax(0,1fr); }
  #page-home #homeLatest .lt89-photo { height:100%; min-height:155px; aspect-ratio:auto; }
  #page-home #homeLatest .lt89-info { padding:12px 13px; }
  #page-home #homeLatest .lt89-name { font-size:15px; }
  #page-home #homeLatest .lt89-location { font-size:10px; }
  #page-home #homeLatest .lt89-specs { font-size:10px; gap:4px; margin:9px 0; }
  #page-home #homeLatest .lt296-category { top:8px; left:7px; padding:5px 6px; font-size:8px; max-width:calc(100% - 14px); }
  #page-home #homeLatest .lt89-all { width:100%; justify-content:space-between; }
}
@media(prefers-reduced-motion:reduce) {
  #page-home #homeLatest :is(.lt89-open,.lt89-all) { transition:none; }
}

/* Give the photo the space saved by a tighter information block. */
#page-home #homeLatest .lt89-photo { height:155px; }
#page-home #homeLatest .lt89-info { padding:10px 12px; }
#page-home #homeLatest .lt296-meta { margin-bottom:4px; }
#page-home #homeLatest .lt89-name { display:block; min-height:0; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#page-home #homeLatest .lt89-location { align-items:center; }
#page-home #homeLatest .lt89-location>span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#page-home #homeLatest .lt89-specs { flex-wrap:nowrap; gap:8px; margin:7px 0 8px; }
#page-home #homeLatest .lt89-specs>span { padding:0; border:0; border-radius:0; background:none; white-space:nowrap; }
#page-home #homeLatest .lt89-bottom { padding-top:7px; }
@media(min-width:541px) and (max-width:900px) {
  #page-home #homeLatest .lt89-photo { height:170px; }
}
@media(max-width:540px) {
  #page-home #homeLatest .lt89-card { grid-template-columns:42% minmax(0,1fr); }
  #page-home #homeLatest .lt89-photo { height:100%; min-height:160px; }
  #page-home #homeLatest .lt89-info { padding:10px; }
}

/* Phone: shorter rows while retaining the photo, location, specs and price. */
@media(max-width:680px){
  #page-home #homeLatest .lt89-heading{padding-top:0;margin-bottom:12px!important;gap:10px!important;}
  #page-home #homeLatest .lt89-heading h2{margin:0!important;font-size:23px!important;}
  #page-home #homeLatest #homeLatestGrid,
  #page-home #homeLatest #homeLatestGrid[data-count]{gap:10px!important;}
}
@media(max-width:540px){
  #page-home #homeLatest .lt89-card{grid-template-columns:38% minmax(0,1fr);}
  #page-home #homeLatest .lt89-photo{min-height:128px;}
  #page-home #homeLatest .lt89-info{padding:8px 10px;}
  #page-home #homeLatest .lt296-meta{min-height:13px;margin-bottom:3px;gap:3px 6px;}
  #page-home #homeLatest .lt89-name{margin-bottom:3px;}
  #page-home #homeLatest .lt89-specs{margin:4px 0 5px;}
  #page-home #homeLatest .lt89-bottom{padding-top:5px;}
  #page-home #homeLatest .lt89-bottom>strong{font-size:19px;}
  #page-home #homeLatest .lt89-open{width:24px;height:24px;flex-basis:24px;}
}
