/* Keep the landing page inside the viewport, including the longer Chevy name. */
.home-page #anasayfa {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: clamp(24px, 4vw, 64px);
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: min(900px, 100svh);
  padding: 150px clamp(28px, 5vw, 90px) 80px;
  box-sizing: border-box;
}
.home-page .hero-center {
  width: 100%;
  min-width: 0;
  max-width: 940px;
  margin-inline: auto;
  justify-items: center;
}
.home-page .hero h1 {
  width: 100%;
  font-size: clamp(44px, 5.1vw, 92px);
  line-height: 1.03;
  letter-spacing: -.045em;
  text-wrap: balance;
  overflow-wrap: normal;
}
.home-page .hero h1 span { display: block; }
.home-page .hero h1 .hero-subtitle {
  margin-top: 14px;
  font-size: .34em;
  font-weight: 500;
  letter-spacing: .38em;
  padding-left: .38em;
}
.home-page #hero-description { width: min(100%, 590px); font-size: 15px; }
.home-page .hero-actions { flex-wrap: wrap; }
.home-page .home-live-panel {
  display: grid;
  position: static;
  width: 100%;
  min-width: 0;
  align-self: start;
  margin-top: 14px;
}
.home-page .home-live-panel > section {
  background: rgba(12, 15, 26, .84);
  border-color: rgba(172, 144, 226, .2);
}
.home-page .home-live-panel .live-user-list > p { font-size: 12px; line-height: 1.7; color: #b5afc2; }
.background-poster {
  background: linear-gradient(90deg, rgba(3, 5, 14, .3), rgba(3, 5, 14, .1)), url('/brand-assets/chevy-hero-city.png') center / cover no-repeat !important;
  filter: saturate(.95) brightness(.8) !important;
}
#music-player[hidden] { display: none !important; }
/* The 12px visual gap remains part of the dropdown's hover target. */
.navbar .nav-dropdown { position: relative; }
.navbar .nav-dropdown::after { content: ''; position: absolute; top: 100%; left: 0; width: 202px; height: 16px; }
.navbar .nav-dropdown:hover > div,
.navbar .nav-dropdown:focus-within > div,
.navbar .nav-dropdown.open > div { display: grid !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; }
@media (max-width: 1100px) {
  .home-page #anasayfa { grid-template-columns: minmax(0, 1fr); min-height: 100svh; padding-top: 150px; }
  .home-page .hero-center { max-width: 760px; }
  .home-page .hero h1 { font-size: clamp(48px, 9vw, 86px); }
  .home-page .home-live-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 760px; margin: 15px auto 0; }
}
@media (max-width: 600px) {
  .home-page #anasayfa { padding: 130px 24px 48px; gap: 28px; }
  .home-page .hero h1 { font-size: clamp(44px, 13vw, 70px); }
  .home-page .hero-actions { width: 100%; }
  .home-page .hero-actions a { width: 100%; min-width: 0 !important; }
  .home-page .home-live-panel { grid-template-columns: minmax(0, 1fr); }
  .home-page .hero-emblem { margin-bottom: 16px; }
}