/* Best Bird Nets: shared responsive improvements */
.bbn-mobile-action-bar{display:none}
@media(max-width:1199px){
  #header .header-top{display:none!important}
  #header .header-nav-wrapper .header-nav-container{background:#fff}
  #header .header-nav-col-row{position:relative;min-height:94px;display:flex;align-items:center;justify-content:center}
  #header .header-nav-col-row > .col-sm-auto:first-child{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;padding:0!important;z-index:3;width:auto;max-width:calc(100% - 100px)}
  #header .menuzord-brand.site-brand{display:flex!important;align-items:center;justify-content:center;margin:0!important;float:none!important}
  #header .menuzord-brand.site-brand img.logo-1x{height:72px!important;max-height:72px!important;width:auto!important;max-width:100%!important;object-fit:contain}
  #header .header-nav-col-row > .col-sm-auto:nth-child(2){margin-left:auto!important;z-index:4;min-height:94px;display:flex;align-items:center;justify-content:flex-end}
  #header .menuzord-responsive .showhide{min-width:46px;min-height:46px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}
  #header .menuzord-responsive .showhide em{height:3px;min-width:23px}
  #header #top-primary-nav-clone .menuzord-menu{position:relative;z-index:10}
  .sticky1-container1{display:none!important}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
  .bbn-mobile-action-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:99999;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -3px 16px rgba(0,0,0,.16)}
  .bbn-mobile-action-bar a{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;color:#fff!important;font-size:16px;text-decoration:none!important;min-height:62px}
  .bbn-mobile-call{background:#4f7fae}
  .bbn-mobile-whatsapp{background:#20b85a}
  .bbn-mobile-action-bar i{font-size:23px}
}
@media(min-width:1200px){.bbn-mobile-action-bar{display:none!important}}
@media(max-width:420px){#header .menuzord-brand.site-brand img.logo-1x{height:64px!important;max-height:64px!important}}

/* October 31: continuous message and gap-free sticky navigation */
#header{position:sticky!important;top:0!important;z-index:99990!important;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.09)}
#header .header-nav-wrapper{position:relative!important;top:auto!important;left:auto!important;width:100%!important;transform:none!important}
#header .header-nav{margin:0!important;padding:0!important}
.bbn-offer-marquee{height:35px;display:flex;align-items:center;overflow:hidden;background:#9fe5fe;color:#12314e;font-size:14px;font-weight:700;white-space:nowrap;position:relative}
.bbn-offer-track{display:flex;align-items:center;width:max-content;animation:bbn-offer-move 62s linear infinite}
.bbn-offer-track span{display:block;flex-shrink:0;padding-right:65px}
@keyframes bbn-offer-move{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.bbn-offer-track{animation-duration:180s}}
#header + .main-content-area,#header ~ .main-content-area{margin-top:0!important;padding-top:0!important}
#home,#home>.container-fluid,#home>.container-fluid>.row,#home>.container-fluid>.row>.col{padding-top:0!important;margin-top:0!important}
#home .rs-p-wp-fix{display:none!important;margin:0!important;padding:0!important;height:0!important}
#home rs-module-wrap{margin-top:0!important;padding-top:0!important;vertical-align:top!important}
@media(max-width:1199px){
  #header .header-top{display:none!important}
  #header .header-nav-col-row{height:102px!important;min-height:102px!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}
  #header .header-nav-col-row > .col-sm-auto:nth-child(2){min-height:102px!important}
  #header .menuzord-brand.site-brand img.logo-1x{height:87px!important;max-height:87px!important}
  #header .header-nav-container,#header .menuzord-container{margin-bottom:0!important;padding-bottom:0!important}
  .bbn-offer-marquee{height:32px;font-size:13px}
}
@media(max-width:420px){#header .menuzord-brand.site-brand img.logo-1x{height:79px!important;max-height:79px!important}}

/* 2026-10-31: fixed header, no empty responsive navigation row */
#header{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;z-index:99990!important;margin:0!important}
#header .header-nav-wrapper,#header .header-nav-wrapper.scroll-to-fixed-fixed{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;margin:0!important}
#header .header-nav-wrapper .header-nav-container{padding:0!important;margin:0!important}
.bbn-header-spacer{display:block;width:100%;height:0}
.sticky1-container1{position:fixed;right:-155px;top:290px;width:210px;z-index:1000;list-style:none}
.sticky1{list-style:none;padding:0;margin:0}
.sticky1 li{list-style:none;height:50px;margin:0 0 1px}
@media(max-width:1199px){
 #header .header-nav-container .container.position-relative{position:relative!important}
 #header .header-nav-container .row.d-block.d-xl-none{position:absolute!important;right:6px;top:0;width:52px!important;height:102px!important;margin:0!important;z-index:12;display:flex!important;align-items:center}
 #header .header-nav-container .row.d-block.d-xl-none > .col-12{width:52px!important;padding:0!important;position:static!important}
 #header #top-primary-nav-clone{position:static!important;width:52px!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
 #header #top-primary-nav-clone .showhide{position:relative!important;float:none!important;margin:0!important;padding:0!important;width:46px!important;height:46px!important}
 #header #top-primary-nav-clone .menuzord-menu{position:absolute!important;left:0!important;right:0!important;top:100%!important;width:100%!important;z-index:50!important;background:#fff!important;box-shadow:0 8px 20px #0002}
 #header .header-nav-col-row > .col-sm-auto:nth-child(2){min-height:0!important}
 #header .header-nav-col-row{margin:0!important}
 #header .header-nav-wrapper{min-height:0!important}
}

/* Mobile menu repair: one toggle, full-width collapsible panel */
#bbn-mobile-menu-toggle{display:none}
@media(max-width:1199px){
 #header .header-nav-col-row{height:112px!important;min-height:112px!important}
 #header .header-nav-col-row > .col-sm-auto:nth-child(2){min-height:0!important}
 #header .menuzord-brand.site-brand img.logo-1x{height:100px!important;max-height:100px!important;max-width:calc(100vw - 100px)!important}
 #header .header-nav-container .row.d-block.d-xl-none{height:112px!important;right:10px!important;width:52px!important}
 #header #top-primary-nav-clone>.showhide{display:none!important}
 #bbn-mobile-menu-toggle{appearance:none;background:#fff;border:1px solid #e3e9ef;border-radius:9px;width:46px;height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;position:relative;z-index:101;padding:0;box-shadow:0 1px 5px #0001}
 #bbn-mobile-menu-toggle span{display:block;width:24px;height:2.5px;border-radius:2px;background:#173659;transition:transform .2s,opacity .2s}
 #bbn-mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
 #bbn-mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 #bbn-mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
 #header #top-primary-nav-clone .menuzord-menu{display:none!important;position:fixed!important;top:var(--bbn-header-height,144px)!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;max-height:calc(100dvh - var(--bbn-header-height,144px) - 62px)!important;overflow-y:auto!important;overscroll-behavior:contain;background:#fff!important;box-shadow:0 12px 26px #0003!important;z-index:99992!important;padding:8px 12px 18px!important}
 #header #top-primary-nav-clone .menuzord-menu.bbn-menu-open{display:block!important}
 #header #top-primary-nav-clone{width:0!important;height:0!important;min-width:0!important}
 #header .header-nav-wrapper{overflow:visible!important}
}
@media(max-width:420px){#header .menuzord-brand.site-brand img.logo-1x{height:92px!important;max-height:92px!important}}

/* Restore the original service navigation on mobile, including dropdowns. */
@media(max-width:1199px){
 #header #top-primary-nav-clone .showhide,
 #header #top-primary-nav .showhide{display:none!important}
 #header #main-nav-clone.bbn-menu-open{display:block!important}
 #header #main-nav-clone > li{display:block!important;float:none!important;width:100%!important;position:relative!important}
 #header #main-nav-clone > li > a{display:block!important;width:100%!important;padding:13px 16px!important;color:#173659!important;border-bottom:1px solid #edf0f4!important}
 #header #main-nav-clone li > .dropdown,
 #header #main-nav-clone li > .megamenu{display:none!important;position:static!important;float:none!important;transform:none!important;width:100%!important;max-width:100%!important;box-shadow:none!important;visibility:visible!important;opacity:1!important}
 #header #main-nav-clone li.bbn-submenu-expanded > .dropdown,
 #header #main-nav-clone li.bbn-submenu-expanded > .megamenu{display:block!important}
 #header #main-nav-clone .megamenu-row{display:block!important;width:100%!important}
 #header #main-nav-clone .megamenu-row > div{display:block!important;float:none!important;width:100%!important;max-width:100%!important}
 #header #main-nav-clone li li a{display:block!important;white-space:normal!important;padding:9px 15px!important}
}

/* Independent mobile navigation avoids theme's empty hidden nav clone. */
#bbn-mobile-panel{display:none}
@media(max-width:1199px){
 #header #top-primary-nav-clone{display:none!important}
 #bbn-mobile-panel{position:fixed!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;z-index:2147483000!important;background:#fff!important;box-shadow:0 12px 25px #0003!important;overflow-y:auto!important;overscroll-behavior:contain!important;visibility:hidden!important;pointer-events:none!important}
 #bbn-mobile-panel.bbn-is-open{display:block!important;visibility:visible!important;pointer-events:auto!important}
 #bbn-mobile-panel ul{list-style:none!important;margin:0!important}
 #bbn-mobile-panel .bbn-navigation-list{padding:8px 14px 22px!important;display:block!important;width:100%!important}
 #bbn-mobile-panel .bbn-navigation-list>li{display:block!important;float:none!important;width:100%!important;position:relative!important}
 #bbn-mobile-panel .bbn-navigation-list>li>a{display:block!important;padding:14px 12px!important;color:#173659!important;font-weight:700!important;text-decoration:none!important;border-bottom:1px solid #e9eef2!important}
 #bbn-mobile-panel .dropdown,#bbn-mobile-panel .megamenu{display:none!important;position:static!important;float:none!important;width:100%!important;max-width:100%!important;height:auto!important;visibility:visible!important;opacity:1!important;transform:none!important;box-shadow:none!important;padding:2px 0 7px 12px!important;background:#f7fafc!important}
 #bbn-mobile-panel li.bbn-submenu-expanded>.dropdown,#bbn-mobile-panel li.bbn-submenu-expanded>.megamenu{display:block!important}
 #bbn-mobile-panel .megamenu-row,#bbn-mobile-panel .megamenu-row>div{display:block!important;float:none!important;width:100%!important;max-width:100%!important}
 #bbn-mobile-panel .dropdown li,#bbn-mobile-panel .megamenu li{display:block!important;position:static!important;float:none!important;width:100%!important}
 #bbn-mobile-panel .dropdown a,#bbn-mobile-panel .megamenu a{display:block!important;padding:10px 12px!important;color:#234560!important;text-decoration:none!important;white-space:normal!important}
 #bbn-mobile-panel li>a[href="#"]:after{content:'+';float:right;color:#79b937;font-size:22px;line-height:16px}
 #bbn-mobile-panel li.bbn-submenu-expanded>a[href="#"]:after{content:'−'}
}

/* Server-rendered menu: force the standalone panel and navigation list visible on open. */
@media(max-width:1199px){
  body > #bbn-mobile-panel{display:none!important;position:fixed!important;left:0!important;right:0!important;width:100%!important;z-index:2147483000!important;background:white!important;overflow:auto!important;box-sizing:border-box!important;}
  body > #bbn-mobile-panel.bbn-is-open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
  body > #bbn-mobile-panel > ul{display:block!important;margin:0!important;padding:8px 14px 18px!important;list-style:none!important;background:#fff!important;width:100%!important;}
  body > #bbn-mobile-panel > ul > li{display:block!important;width:100%!important;float:none!important;}
  body > #bbn-mobile-panel > ul > li > a{display:block!important;color:#173659!important;padding:15px 12px!important;font-weight:700!important;border-bottom:1px solid #e7edf2!important;text-decoration:none!important;}
}
@media(min-width:1200px){body > #bbn-mobile-panel{display:none!important;}}

/* Mobile navigation only: vertical left-aligned items and animated opening. Desktop CSS untouched. */
@media (max-width:1199px) {
  body > #bbn-mobile-panel {
    display:block!important; visibility:hidden!important; opacity:0!important;
    pointer-events:none!important; transform:translateY(-14px)!important;
    transition:opacity .28s ease,transform .28s ease,visibility .28s!important;
    padding:0!important; margin:0!important; overflow-x:hidden!important;
    text-align:left!important; max-width:100vw!important;
  }
  body > #bbn-mobile-panel.bbn-is-open {
    display:block!important; visibility:visible!important; opacity:1!important;
    pointer-events:auto!important; transform:translateY(0)!important;
  }
  body > #bbn-mobile-panel > ul,
  body > #bbn-mobile-panel ul#bbn-mobile-links,
  body > #bbn-mobile-panel ul.menuzord-menu {
    display:flex!important; flex-flow:column nowrap!important; align-items:stretch!important;
    gap:0!important; width:100%!important; max-width:100%!important;
    padding:6px 0 20px!important; margin:0!important; position:static!important;
    height:auto!important; float:none!important; text-align:left!important;
  }
  body > #bbn-mobile-panel > ul > li,
  body > #bbn-mobile-panel ul#bbn-mobile-links > li,
  body > #bbn-mobile-panel ul.menuzord-menu > li {
    display:block!important; flex:0 0 auto!important; float:none!important; clear:both!important;
    width:100%!important; max-width:100%!important; height:auto!important;
    padding:0!important; margin:0!important; text-align:left!important; position:relative!important;
  }
  body > #bbn-mobile-panel ul#bbn-mobile-links > li > a,
  body > #bbn-mobile-panel ul.menuzord-menu > li > a {
    display:block!important; width:100%!important; box-sizing:border-box!important;
    text-align:left!important; margin:0!important; padding:14px 42px 14px 20px!important;
    line-height:1.4!important; font-size:15px!important; font-weight:600!important;
    color:#173659!important; border-bottom:1px solid #e7edf2!important;
    background:#fff!important; white-space:normal!important;
  }
  body > #bbn-mobile-panel li > ul.dropdown,
  body > #bbn-mobile-panel li > .megamenu {
    display:block!important; max-height:0!important; overflow:hidden!important; opacity:0!important;
    visibility:hidden!important; pointer-events:none!important;
    transition:max-height .38s ease,opacity .25s ease!important;
    padding:0!important; margin:0!important; position:static!important;
    width:100%!important; box-sizing:border-box!important; transform:none!important;
    background:#f6fafc!important; box-shadow:none!important;
  }
  body > #bbn-mobile-panel li.bbn-submenu-expanded > ul.dropdown,
  body > #bbn-mobile-panel li.bbn-submenu-expanded > .megamenu {
    max-height:2500px!important; opacity:1!important; visibility:visible!important;
    pointer-events:auto!important;
  }
  body > #bbn-mobile-panel .megamenu-row,
  body > #bbn-mobile-panel .megamenu-row > div,
  body > #bbn-mobile-panel .dropdown li,
  body > #bbn-mobile-panel .megamenu li {
    display:block!important; float:none!important; clear:both!important;
    width:100%!important; max-width:100%!important; height:auto!important;
    text-align:left!important; position:static!important;
  }
  body > #bbn-mobile-panel .dropdown a,
  body > #bbn-mobile-panel .megamenu a {
    display:block!important; box-sizing:border-box!important; width:100%!important;
    text-align:left!important; white-space:normal!important;
    padding:11px 16px 11px 30px!important; line-height:1.4!important;
    color:#234560!important; border-bottom:1px solid #e6eef1!important;
  }
  body > #bbn-mobile-panel li > a[href="#"]:after {
    content:'+'!important; position:absolute!important; right:20px!important;
    float:none!important; color:#79b937!important;
  }
  body > #bbn-mobile-panel li.bbn-submenu-expanded > a[href="#"]:after {content:'−'!important;}
}
@media (prefers-reduced-motion:reduce) {
  body > #bbn-mobile-panel, body > #bbn-mobile-panel li > ul.dropdown,
  body > #bbn-mobile-panel li > .megamenu {transition:none!important;}
}

/* 2026-10-31: compact mobile header and one crisp logo across pixel densities.
   Override only mobile sizing; desktop navigation remains unchanged. */
@media (max-width:1199px) {
  #header .header-nav-col-row {height:94px!important;min-height:94px!important;padding-block:0!important;}
  #header .header-nav-container .row.d-block.d-xl-none {height:94px!important;}
  #header .menuzord-brand.site-brand img.logo-1x {display:block!important;height:86px!important;max-height:86px!important;width:auto!important;max-width:calc(100vw - 108px)!important;object-fit:contain!important;}
}
@media (max-width:420px) {
  #header .header-nav-col-row {height:90px!important;min-height:90px!important;}
  #header .header-nav-container .row.d-block.d-xl-none {height:90px!important;}
  #header .menuzord-brand.site-brand img.logo-1x {height:82px!important;max-height:82px!important;}
}

/* Single high-resolution logo: keep visible on Retina/HiDPI displays.
   The theme hides .logo-1x at >=1.5 device pixel ratio expecting a .logo-2x.
   This site intentionally uses one full-resolution image only. */
#header .menuzord-brand.site-brand > img.logo-default.logo-1x {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (min-width:1200px) {
  #header .menuzord-brand.site-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  #header .menuzord-brand.site-brand > img.logo-default.logo-1x {
    height: 72px !important;
    max-height: 72px !important;
    width: auto !important;
    max-width: 270px !important;
    object-fit: contain !important;
  }
}
