/* =========================================================
   HOME TIGHT — v179 (2026-10-04). CSS only, scoped to .home-v2. Loaded AFTER 175-home-harmony.css.
   Goal: less empty space on the Home page — smaller gaps between sections, tighter cards, shorter hero.
   Almost everything runs off the same four tokens as 175, so ONE place controls the whole page:
     --hh-gap  space between cards      --hh-sec  space between sections
     --hh-head space under each title   --hh-pad  padding inside cards
   Want it even tighter / a bit looser? Change only the numbers in the first three lines below.
   Roll back: remove the 179 <link> from index.html.
   ========================================================= */
.home-v2{--hh-gap:10px;--hh-sec:18px;--hh-head:10px;--hh-pad:14px;}
@media(max-width:1100px){.home-v2{--hh-gap:9px;--hh-sec:16px;--hh-pad:13px;}}
@media(max-width:640px){.home-v2{--hh-gap:8px;--hh-sec:14px;--hh-head:9px;--hh-pad:12px;}}

/* ---------- hero + stat strip ---------- */
.home-v2 .hero{padding:calc(var(--hh-sec) - 4px) var(--hv-gut) var(--hh-sec);}
.home-v2 .ticker{margin-top:14px;}
@media(min-width:641px){
  .home-v2 .ticker .t-item{min-height:78px;padding:12px 18px;column-gap:14px;row-gap:2px;}
  .home-v2 .ticker .t-icon{width:46px;height:46px;font-size:19px;border-radius:14px;}
  .home-v2 .ticker .t-num{font-size:clamp(23px,2.1vw,29px);}
}
@media(min-width:641px) and (max-width:900px){
  .home-v2 .ticker .t-item{min-height:68px;padding:10px 14px;}
  .home-v2 .ticker .t-icon{width:40px;height:40px;font-size:16px;}
  .home-v2 .ticker .t-num{font-size:22px;}
}
@media(max-width:640px){
  .home-v2 .ticker{margin-top:12px;}
  .home-v2 .ticker .t-item{padding:9px 3px 8px;gap:4px;}
}
.home-v2 .hv2-jumps{margin-top:var(--hh-sec);padding-top:10px;}
.home-v2 .hv2-jump{padding:6px 7px 6px 12px;}
.home-v2 .hv2-jump.all{padding:6px 12px;}
@media(max-width:640px){.home-v2 .hv2-jumps{margin-top:12px;padding-top:8px;}}

/* ---------- sections ---------- */
.home-v2 .section,.home-v2 .section.tight{padding-top:var(--hh-sec);}
.home-v2 .section:last-of-type,.home-v2 .section.tight:last-of-type{padding-bottom:var(--hh-sec);}
.home-v2 .section-head{margin-bottom:var(--hh-head);}
.home-v2 .section-head h2{font-size:clamp(18px,1.7vw,22px);}
.home-v2 .link-more{padding:6px 12px;}

/* ---------- communities (areas) ---------- */
.home-v2 .ha-card{min-height:196px;}
.home-v2 .ha-card.ha-lg{min-height:208px;}
.home-v2 .ha-body{gap:8px;}
.home-v2 .ha-body h3{font-size:clamp(20px,1.8vw,25px);}
.home-v2 .ha-lg .ha-body h3{font-size:clamp(23px,2.2vw,30px);}
.home-v2 .ha-stats li{padding:6px 10px;}
.home-v2 .ha-stats li b,.home-v2 .ha-lg .ha-stats li b{font-size:16px;}
.home-v2 .ha-go{width:34px;height:34px;}
@media(max-width:860px){
  .home-v2 .ha-card,.home-v2 .ha-card.ha-lg{min-height:184px;}
  .home-v2 .ha-card:first-child,.home-v2 .ha-card.ha-lg:first-child{min-height:200px;}
}

/* ---------- hot deals + most requested ---------- */
.home-v2 .dk-deal{--mh:clamp(132px,10.5vw,152px);}
.home-v2 .dk-d-body{padding:var(--hh-pad);gap:9px;}
.home-v2 .dk-d-head h4{font-size:18px;}
.home-v2 .dk-d-now b{font-size:clamp(21px,1.9vw,26px);}
.home-v2 .hv2-rank li{padding:10px var(--hh-pad);gap:10px;}
@media(max-width:700px){
  .home-v2 .dk-deal{--mh:140px;}
  .home-v2 .dk-d-body{padding:var(--hh-pad);}
}