.poonar-mobile-nav-toggle,
.poonar-mobile-quicklinks { display:none; }
.poonar-mobile-nav-backdrop { display:none; }

@media (max-width: 860px) {
  body.poonar-nav-open { overflow:hidden; }

  .site-header { z-index:1000 !important; }
  .site-header .container {
    min-height:62px !important;
    height:auto !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    gap:12px !important;
  }

  .poonar-mobile-nav-toggle {
    display:inline-flex;
    margin-left:auto;
    width:42px;
    height:42px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(7,82,68,.16);
    border-radius:12px;
    background:#fff;
    color:#075244;
    cursor:pointer;
    box-shadow:0 4px 14px rgba(7,82,68,.07);
    position:relative;
    z-index:1003;
  }
  .poonar-mobile-nav-toggle svg { width:21px;height:21px; }

  .site-header .header-cta { display:none !important; }

  .site-header .main-nav {
    display:flex !important;
    position:fixed !important;
    left:14px !important;
    right:14px !important;
    top:72px !important;
    z-index:1002 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:4px !important;
    max-height:calc(100dvh - 96px) !important;
    overflow:auto !important;
    padding:14px !important;
    border:1px solid rgba(7,82,68,.11) !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 20px 55px rgba(5,56,46,.20) !important;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px) scale(.985);
    transform-origin:top center;
    transition:opacity .17s ease, transform .17s ease, visibility .17s ease;
  }
  .site-header.poonar-mobile-open .main-nav {
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
  }
  .site-header .main-nav a {
    display:flex !important;
    min-height:44px !important;
    align-items:center !important;
    padding:10px 12px !important;
    border-radius:10px !important;
    font-size:15px !important;
    font-weight:650 !important;
    color:#17201c !important;
  }
  .site-header .main-nav a:hover,
  .site-header .main-nav a:focus { background:#f2f7f4 !important;color:#075244 !important; }

  .poonar-mobile-nav-backdrop.show {
    display:block;
    position:fixed;
    inset:0;
    z-index:999;
    border:0;
    padding:0;
    background:rgba(7,34,29,.28);
    backdrop-filter:blur(2px);
  }

  .poonar-mobile-quicklinks {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    padding:0 12px 8px;
    background:inherit;
  }
  .poonar-mobile-quicklinks a,
  .poonar-mobile-quicklinks button {
    min-width:0;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:7px 6px;
    border:1px solid rgba(7,82,68,.13);
    border-radius:10px;
    background:#fff;
    color:#075244;
    font:inherit;
    font-size:11.5px;
    font-weight:750;
    line-height:1.1;
    text-align:center;
    cursor:pointer;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .poonar-mobile-quicklinks button {
    background:#075244;
    color:#fff;
    border-color:#075244;
  }
}

@media (max-width: 390px) {
  .poonar-mobile-quicklinks { gap:4px;padding-left:8px;padding-right:8px; }
  .poonar-mobile-quicklinks a,
  .poonar-mobile-quicklinks button { font-size:10.5px;padding-left:4px;padding-right:4px; }
}