/* Shared header layout for the Design Component pages (home, about, pricing, city pages, ...). */
nav.c365-nav{top:var(--c365-qb-h,66px) !important}
.c365-menu-btn{display:none}
.c365-menu-toggle{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
@media (max-width:1180px){.c365-nav .c365-nav-phone{display:none !important}}
@media (max-width:980px){
  nav.c365-nav{flex-wrap:nowrap !important;gap:12px !important}
  .c365-nav .c365-menu-btn{display:inline-flex;order:5;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:44px;height:44px;border:1.5px solid #E3E9F1;border-radius:10px;background:#fff;cursor:pointer}
  .c365-nav .c365-menu-btn span{display:block;width:20px;height:2px;border-radius:2px;background:#13233B;transition:transform .2s ease,opacity .2s ease}
  .c365-nav:has(.c365-menu-toggle:checked) .c365-menu-btn span:nth-of-type(1){transform:translateY(6px) rotate(45deg)}
  .c365-nav:has(.c365-menu-toggle:checked) .c365-menu-btn span:nth-of-type(2){opacity:0}
  .c365-nav:has(.c365-menu-toggle:checked) .c365-menu-btn span:nth-of-type(3){transform:translateY(-6px) rotate(-45deg)}
  .c365-nav:has(.c365-menu-toggle:focus-visible) .c365-menu-btn{box-shadow:0 0 0 3px rgba(240,115,31,.45)}
  .c365-nav .c365-nav-links{display:none !important;position:absolute;left:0;right:0;top:100%;z-index:90;flex-direction:column !important;align-items:stretch !important;gap:0 !important;background:#fff;border-bottom:1px solid #E3E9F1;box-shadow:0 18px 32px rgba(14,27,46,.14);padding:6px clamp(16px,4vw,48px) 14px;max-height:calc(100vh - 140px);overflow-y:auto}
  .c365-nav:has(.c365-menu-toggle:checked) .c365-nav-links{display:flex !important}
  .c365-nav .c365-nav-links > a,.c365-nav .c365-nav-links > .svc-dd > a{display:block;padding:13px 2px;border-bottom:1px solid #EDF1F6;font-size:16px}
  .c365-nav .c365-nav-links > .svc-dd{display:block}
  .c365-nav .c365-nav-links .svc-dd-menu{display:none !important}
  .c365-nav .c365-nav-links > span:not(.svc-dd){display:flex !important;padding:12px 0 2px}
  .c365-nav .c365-nav-links input{width:100% !important;font-size:16px !important}
  .c365-nav .c365-nav-actions{margin-left:auto;gap:10px !important;display:flex !important}
}
@media (max-width:760px){
  nav.c365-nav{padding:10px 16px !important}
  .c365-nav .c365-nav-logo img{height:40px !important;width:auto}
  .c365-nav .c365-nav-actions a:not(.c365-nav-phone){padding:11px 14px !important;font-size:14px !important;box-shadow:none !important}
  .c365-topbar{gap:4px 16px !important;font-size:12px !important;padding:7px 12px !important}
}
@media (max-width:370px){
  .c365-nav .c365-nav-logo img{height:34px !important}
  .c365-nav .c365-nav-actions a:not(.c365-nav-phone){padding:10px 10px !important;font-size:13px !important}
}

/* Monthly vs total price switch (state lives on <html>, set by /assets/site.js). */
.c365-full{display:none}
html.c365-show-full .c365-full{display:inline}
html.c365-show-full .c365-mo{display:none}
.c365-price-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;margin:0 0 16px;border:1.5px solid currentColor;border-radius:999px;font-family:inherit}
.c365-price-toggle button{appearance:none;border:0;margin:0;background:transparent;color:inherit;font:600 14px/1 "Instrument Sans",system-ui,-apple-system,sans-serif;padding:9px 16px;border-radius:999px;cursor:pointer}
.c365-price-toggle button:focus-visible{outline:2px solid #F0731F;outline-offset:2px}
html:not(.c365-show-full) .c365-price-toggle [data-c365-mode="mo"],
html.c365-show-full .c365-price-toggle [data-c365-mode="full"]{background:#C2410C;color:#fff}
html:not(.c365-js) .c365-price-toggle{display:none}