/* Homepage hero (front-page.php) — V3 variant.
   Split editorial hero with a warm gradient wash and a deep-shadowed photo.
   Ported from ~/vs-wp-prototype/index-v3.html. Loaded only on the front page. */
.home-hero{background:linear-gradient(155deg,#ffffff 0%,#fdf1ea 52%,#edf6f0 100%);border-bottom:1px solid var(--line)}
.home-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding-top:58px;padding-bottom:58px}
.hh-text h1{font-size:58px;font-weight:700;letter-spacing:-.03em;line-height:1.03;margin:18px 0 0;color:var(--ink)}
.hh-text h1 .acc{color:var(--accent)}
.hh-text .lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:46ch;margin:20px 0 0}
.hh-search{display:flex;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:6px;margin-top:28px;max-width:560px;box-shadow:0 16px 34px -22px rgba(14,31,23,.4)}
.hh-search .f{flex:1;padding:8px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.hh-search .f label{font-family:Sora;font-weight:700;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:1px}
.hh-search .f select{border:0;font:inherit;font-size:14.5px;color:var(--ink);outline:none;background:transparent;cursor:pointer}
.hh-search .btn{margin-left:6px}
.hh-trust{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}
.hh-stats{display:flex;align-items:center;gap:22px}/* keep the 3 stats together — wrap as one unit, never orphan 25,000+ next to the reviews */
.hh-trust .stars{color:var(--gold);font-size:18px;letter-spacing:2px}
.hh-trust .t b{font-family:Sora;display:block;font-size:14.5px;color:var(--ink)}
.hh-trust .t span{font-size:12.5px;color:var(--muted)}
.hh-trust .d{width:1px;height:34px;background:var(--line)}
.hh-trust .stat .n{font-family:Sora;font-weight:700;font-size:22px}
.hh-trust .stat .l{font-size:12px;color:var(--muted)}
.hh-photo{position:relative}
.hh-photo img{width:100%;height:560px;object-fit:cover;border-radius:16px;box-shadow:0 34px 66px -30px rgba(16,40,28,.55)}
.hh-badge{position:absolute;left:-18px;bottom:24px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:14px 18px;box-shadow:0 18px 40px -24px rgba(14,31,23,.45);display:flex;align-items:center;gap:12px}
.hh-badge img{width:50px;height:50px;object-fit:contain;flex:0 0 auto;display:block}
.hh-badge b{font-family:Sora;font-size:14px;display:block}.hh-badge span{font-size:12px;color:var(--muted)}
@media(max-width:980px){.home-hero .wrap{grid-template-columns:1fr;gap:28px}.hh-photo img{height:320px}.hh-text h1{font-size:40px}.hh-badge{display:none}}
@media(max-width:620px){
  .home-hero .wrap{padding-top:38px;padding-bottom:38px}
  .hh-search{flex-direction:column;gap:6px;padding:8px}
  .hh-search .f{border-right:0;border-bottom:1px solid var(--line);padding:10px 12px}
  .hh-search .btn{margin-left:0;justify-content:center;width:100%;padding:13px}
  .hh-trust{gap:14px}

  /* Showcase grids become horizontal scrollers on phones, to cut page length.
     (Only the homepage loads home.css, so listing pages keep their vertical grid.) */
  .cards,.dest{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px;scrollbar-width:none}
  .cards::-webkit-scrollbar,.dest::-webkit-scrollbar{display:none}
  .cards>.card{flex:0 0 80%;scroll-snap-align:start}
  .dest>.dcard{flex:0 0 47%;scroll-snap-align:start}
}