@media (max-width: 1025px) {
 
}

/* =============================================
   RESPONSIVE
============================================= */

/* Large screens / desktop transition */
@media (max-width: 1199px) {
  .hdr_brand_mid {
    display: none !important;
  }
  .zodiac_wheel_container {
    width: 460px;
    height: 460px;
  }
  .hero_visual_wrapper {
    min-height: 500px;
  }
  .hero_title {
    font-size: 4rem;
  }
  .hero_desc {
    font-size: 1.15rem;
  }
}

/* Tablet view — hide desktop nav and show hamburger */
@media (max-width: 1024px) {
  .hdr_nav {
    display: none !important;
  }

  .hdr_ham {
    display: flex !important;
  }

  .hdr_logo_img {
    height: 54px;
  }
}

@media (max-width: 991px) {
  .hero_title {
    font-size: 3.2rem;
  }

  .hero_visual_wrapper {
    height: auto;
    min-height: 400px;
  }

  .zodiac_wheel_container {
    width: 380px;
    height: 380px;
  }

  .center_yantra {
    width: 105px;
    height: 105px;
  }

  .rashi_board {
    margin-top: 20px;
    padding: 12px 18px;
    max-width: 380px;
  }
}

@media (max-width: 768px) {
  /* Hide topbar on mobile — header moves to top */
  .topbar {
    display: none !important;
  }

  .site_header {
    top: 0 !important;
  }

  .hero {
    padding-top: var(--header-h) !important;
  }

  .page_header_offset {
    padding-top: calc(var(--header-h) + 30px) !important;
  }

  .hdr_logo_img {
    height: 48px;
  }

  .hero_title {
    font-size: 2.6rem;
  }

  .hero_tagline_hindi {
    font-size: 1.3rem;
  }

  .hero_visual_wrapper {
    height: auto;
    min-height: 320px;
  }

  .zodiac_wheel_container {
    width: 290px;
    height: 290px;
  }

  .center_yantra {
    width: 85px;
    height: 85px;
  }

  .about_experience_badge {
    bottom: -15px;
    right: 12px;
  }

  .section_title {
    font-size: 1.85rem;
  }

  .rashi_board {
    margin-top: 15px;
    padding: 10px 15px;
    max-width: 290px;
  }
}

@media (max-width: 480px) {
  .hdr_logo_img {
    height: 42px;
  }

  .header_row {
    padding: 0 16px;
  }

  .topbar_inner {
    padding: 0 16px;
  }

  .hero_title {
    font-size: 2.1rem;
  }

  .hero_tagline_hindi {
    font-size: 1.1rem;
  }

  .hero_visual_wrapper {
    height: auto;
    min-height: 290px;
  }

  .zodiac_wheel_container {
    width: 260px;
    height: 260px;
  }

  .center_yantra {
    width: 75px;
    height: 75px;
  }

  .rashi_board {
    margin-top: 12px;
    padding: 8px 12px;
    max-width: 260px;
  }
}