.hs_navigation_header_wrapper .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .hs_main_menu > ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        margin: 0 !important;
        justify-content: flex-end !important;
    }
    .hs_main_menu > ul > li {
        padding: 0 10px !important;
    }
    .hs_main_menu > ul > li > a {
        font-size: 13px !important;
        padding: 15px 0 !important;
        white-space: nowrap !important;
    }
    .hs_header_logo_right {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        justify-content: flex-end !important;
        flex: 1 !important;
    }
    .hs_header_logo_right .hs_btn_wrapper {
        margin: 0 !important;
        float: none !important;
    }

    .hs_main_menu a, .hs_main_menu a.menu-button, .hs_main_menu > ul > li > a {
        white-space: nowrap !important;
    }

    .hs_logo_wrapper img, .hs_logo img {
        max-height: 100px !important;
        width: auto !important;
        margin: 5px 0 !important;
    }

    .hs_navigation_header_wrapper, .hs_header_add_wrapper, .hs_header_add_info p {
        line-height: normal !important;
        overflow: visible !important;
    }
    .hs_navigation_header_wrapper {
        min-height: 50px !important;
        padding-bottom: 5px !important;
    }

/* ═══════════════════════════════════════════
   VASTU DESIGN TOKENS
═══════════════════════════════════════════ */
.vastu-page {
  --green:       #1b4332;
  --green-d:     #0f2b1e;
  --green-m:     #2d6a4f;
  --green-l:     #52b788;
  --green-lt:    #d8f3dc;
  --saffron:     #c1440e;
  --saffron-lt:  #fff0e6;
  --gold:        #b5832a;
  --bg:          #f7faf8;
  --surface:     #ffffff;
  --border:      #e2ede7;
  --text:        #111d17;
  --text2:       #374d3f;
  --text3:       #6b8c78;
  --r-md:        12px;
  --r-lg:        16px;
  --r-xl:        24px;
  --r-2xl:       32px;
  --pill:        999px;
  --sh-sm:       0 1px 4px rgba(0,0,0,.06), 0 2px 8px rgba(45,106,79,.05);
  --sh-md:       0 4px 16px rgba(0,0,0,.08), 0 2px 8px rgba(45,106,79,.08);
  --sh-lg:       0 8px 32px rgba(0,0,0,.1), 0 4px 16px rgba(45,106,79,.1);
  --font-body:   'DM Sans', sans-serif;
  --font-serif:  'Cormorant Garamond', Georgia, serif;
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text);
  padding: 150px 0 60px 0;
}

.vastu-page .v-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.vastu-page .sec { padding: 40px 0; }
.vastu-page .sec-kicker {
  display: inline-flex; align-items: center; gap: 7px;
  background: var(--green-lt); color: var(--green);
  font-size: 11px; font-weight: 700; letter-spacing: 1.6px;
  text-transform: uppercase; padding: 5px 14px;
  border-radius: var(--pill); margin-bottom: 14px;
}
.vastu-page .sec-h2 {
  font-family: var(--font-serif);
  font-size: clamp(26px, 3.5vw, 38px);
  font-weight: 800; color: var(--text);
  line-height: 1.15; margin-bottom: 28px;
}
.vastu-page .sec-h2 span { color: var(--green); }

/* HERO */
.vastu-page .hero-bg {
  background: linear-gradient(125deg, #0f2b1e 0%, #1b4332 40%, #2d6a4f 65%, #c1440e 130%);
  border-radius: var(--r-2xl); position: relative; overflow: hidden;
  padding: 52px 56px; box-shadow: 0 16px 56px rgba(27,67,50,.32);
}
.vastu-page .hero-inner {
  position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 40px;
}
.vastu-page .hero-h1 {
  font-family: var(--font-serif); font-size: clamp(36px, 5.5vw, 58px);
  font-weight: 800; color: #fff; line-height: 1.07; margin-bottom: 16px; margin-top: 0;
}
.vastu-page .hero-h1 .gold {
  background: linear-gradient(90deg, #fde68a, #fbbf24);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.vastu-page .hero-lead { font-size: 15.5px; color: rgba(255,255,255,.72); line-height: 1.65; margin-bottom: 30px; max-width: 440px; }

/* COMPASS ANIMATION */
.vastu-page .hero-compass { display: flex; }
.vastu-page .compass-ring {
  width: 230px; height: 230px; border-radius: 50%; background: rgba(255,255,255,.08);
  border: 2px solid rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center;
  position: relative; animation: compassSpin 30s linear infinite;
}
@keyframes compassSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.vastu-page .compass-ring i { font-size: 95px; color: rgba(255,255,255,.45); animation: compassSpin 30s linear infinite reverse; }
.vastu-page .compass-ring .cd {
  position: absolute; font-size: 11px; font-weight: 800; color: rgba(255,255,255,.75);
  animation: compassSpin 30s linear infinite reverse;
}
.vastu-page .compass-ring .cd-n { top: 12px; left: 50%; transform: translateX(-50%); }
.vastu-page .compass-ring .cd-s { bottom: 12px; left: 50%; transform: translateX(-50%); }
.vastu-page .compass-ring .cd-e { right: 14px; top: 50%; transform: translateY(-50%); }
.vastu-page .compass-ring .cd-w { left: 14px; top: 50%; transform: translateY(-50%); }

/* DIRECTIONS GRID */
.vastu-page .dir-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 30px;}
.vastu-page .dir-card {
  background: var(--surface); border: 1.5px solid var(--border);
  border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--sh-sm);
  transition: transform .2s, box-shadow .2s;
}
.vastu-page .dir-card:hover { transform: translateY(-4px); box-shadow: var(--sh-lg); }
.vastu-page .dir-head { padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; }
.vastu-page .dir-icon { font-size: 26px; color: rgba(255,255,255,.9); }
.vastu-page .dir-name { font-family: var(--font-serif); font-size: 19px; font-weight: 800; color: #fff; }
.vastu-page .dir-body { padding: 14px 16px; }
.vastu-page .tag {
  display: inline-block; font-size: 10px; font-weight: 700;
  padding: 2px 9px; border-radius: var(--pill); margin-bottom: 8px;
}
.vastu-page .dir-deity { font-size: 12px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.vastu-page .dir-tip { font-size: 11.5px; color: var(--text3); line-height: 1.55; margin:0;}

/* TOOLS GRID */
.vastu-page .tools-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 30px;}
.vastu-page .tool-card {
  background: var(--surface); border: 1.5px solid var(--border);
  border-radius: var(--r-lg); padding: 22px; display: flex; flex-direction: column; gap: 14px;
  box-shadow: var(--sh-sm); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  text-decoration:none;
}
.vastu-page .tool-card:hover { transform: translateY(-4px); box-shadow: var(--sh-lg); border-color: var(--green-l); }
.vastu-page .icon-box {
  width: 46px; height: 46px; border-radius: 13px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.vastu-page .tool-title { font-size: 16px; font-weight: 700; color: var(--text); margin-bottom: 5px; }
.vastu-page .tool-desc { font-size: 13.5px; color: var(--text3); line-height: 1.55; margin:0;}

/* CALCULATOR FORM */
.vastu-page .calc-box {
    background: var(--surface); border: 1.5px solid var(--border);
    border-radius: var(--r-xl); padding: 40px; box-shadow: var(--sh-lg);
    margin-top: -30px; position: relative; z-index: 10; max-width: 800px; margin-left: auto; margin-right: auto;
}
.vastu-page .btn-green {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 13px 28px; border-radius: var(--pill);
  background: var(--green); color: #fff; font-size: 16px; font-weight: 700;
  box-shadow: 0 4px 20px rgba(45,106,79,.35); transition: transform .2s, box-shadow .2s, background .2s;
  cursor: pointer; border: none; text-decoration: none;
}
.vastu-page .btn-green:hover { background: var(--green-d); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(27,67,50,.4); color:#fff;}

/* MOBILE MENU GLITCH FIXES */
.cd-dropdown {
    background: #1b4332 !important; /* Premium brand green instead of default green */
}
.cd-dropdown-content li a:hover {
    background: #2d6a4f !important; /* Premium brand green-medium hover instead of default purple */
    color: #ffffff !important;
}
.cd-dropdown h2 a {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
}
.cd-dropdown h2 a:hover {
    color: #ffffff !important;
}
.cd-dropdown-content a {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
}

.vastu-page .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media(max-width: 700px) { .vastu-page .form-grid { grid-template-columns: 1fr; } }

/* Constrain logo size in mobile view */
@media (max-width: 991px) {
    .hs_logo_wrapper img, .hs_logo img {
        max-height: 55px !important;
        width: auto !important;
        margin: 0 !important;
    }
    .mobail_menu {
        padding: 10px 15px !important;
        background: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        height: auto !important;
        display: block !important;
    }
    .mobail_menu .container {
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .mobail_menu .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .mobail_menu .col-xs-6, .mobail_menu .col-sm-6 {
        float: none !important;
        width: auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    .mobail_menu .cd-dropdown-wrapper {
        margin: 0 !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }
    .hs_logo {
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
}