/* Mobile hamburger toggle and dropdown panel */
.pv-menu-toggle{
  display:none;
  appearance:none;
  border:1px solid #cfd7e6;
  background:#fff;
  border-radius:10px;
  padding:10px 12px;
  line-height:1;
  cursor:pointer;
}
.pv-menu-toggle .bars{display:inline-block;width:22px;height:14px;position:relative;vertical-align:middle;margin-left:6px}
.pv-menu-toggle .bars::before,
.pv-menu-toggle .bars::after,
.pv-menu-toggle .bar{content:"";position:absolute;left:0;right:0;height:2px;background:#0b1426}
.pv-menu-toggle .bar{top:6px}
.pv-menu-toggle .bars::before{top:0}
.pv-menu-toggle .bars::after{bottom:0}

/* Base */
@media (max-width: 900px){
  .header .inner{ gap: 10px; }
  .pv-menu-toggle{ display:inline-block; }
  .header .cta{ display:none; } /* CTA hidden on mobile; added into menu instead */
  .header .nav{
    position: fixed;
    top: 64px; /* header height */
    left: 0; right: 0;
    display: none;
    background: #FFF8CC;
    border-top: 1px solid #F3E48F;
    padding: 12px;
    z-index: 9999;
  }
  body.pv-menu-open .header .nav{ display:block; }
  .header .nav ul{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin:0; padding:0; list-style:none;
  }
  .header .nav li{ margin:0; }
  .header .nav a{
    display:block;
    background: var(--pv-primary, #0a6cf1);
    color:#fff !important;
    padding:12px 16px;
    border-radius:10px;
    font-weight:600;
    text-decoration:none;
  }
}
@media (max-width: 900px){
  body.pv-menu-open{ overflow:hidden; }
}