/* Standalone pages and consistent desktop/mobile navigation. */
.site-nav { gap:clamp(12px,1.5vw,23px); align-items:center; }
.site-nav a { white-space:nowrap; }
.site-nav a[aria-current="page"] { color:#fff; position:relative; }
.site-nav a[aria-current="page"]:after { content:""; position:absolute; height:2px; background:var(--orange); left:0; right:0; bottom:-10px; }
.menu-toggle,.mobile-nav { display:none; }
.mobile-nav[hidden] { display:none!important; }
.home-page .label,.home-page .web-design-label,.home-page .reflabel { font-size:12px; letter-spacing:2.4px; }
.listing-section { background:#f3f4f1; }
.listing-section .related-service-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.listing-section .premium-link-card { min-height:230px; }
@media (max-width:1100px) {
  .site-nav { display:none; }
  .menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:5px; flex:0 0 42px; height:42px; padding:9px; background:transparent; border:1px solid #435056; border-radius:10px; cursor:pointer; margin-left:auto; }
  .menu-toggle span { display:block; height:2px; width:100%; background:#fff; border-radius:1px; }
  .menu-toggle:focus-visible,.mobile-nav a:focus-visible { outline:2px solid #f0783e; outline-offset:3px; }
  .mobile-nav:not([hidden]) { display:block; position:absolute; top:100%; left:0; right:0; background:#101a1e; border-top:1px solid #2f3a3e; box-shadow:0 18px 32px #0006; max-height:calc(100vh - 66px); overflow:auto; }
  .mobile-nav-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 15px; padding-top:15px; padding-bottom:20px; }
  .mobile-nav a { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:46px; padding:12px 15px; color:#dce3e4; font-size:13px; font-weight:700; border-radius:9px; }
  .mobile-nav a:hover,.mobile-nav a[aria-current="page"] { color:#fff; background:#253034; }
  .mobile-nav a[aria-current="page"] { border-left:3px solid var(--orange); }
  .mobile-nav a span { color:#ee7440; }
  .mobile-nav a.mobile-whatsapp { background:var(--orange); color:#fff; }
  .mobile-nav a.mobile-whatsapp span { color:#fff; }
}
@media (max-width:900px) {
  .listing-section .related-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .header-wa { display:none; }
  .mobile-nav-links,.listing-section .related-service-grid { grid-template-columns:1fr; }
  .mobile-nav-links { gap:3px; padding-top:10px; padding-bottom:15px; }
  .mobile-nav a { min-height:43px; }
}