@font-face{
font-family:"Lemon Milk";
src:url("https://cityhomebuilders.com.au/wp-content/uploads/2026/09/LEMONMILK-Light.ttf") format("truetype");
font-weight:300;font-style:normal;font-display:swap}
@font-face{
font-family:"Lemon Milk";
src:url("https://cityhomebuilders.com.au/wp-content/uploads/2026/09/LEMONMILK-Medium.ttf") format("truetype");
font-weight:500;font-style:normal;font-display:swap}

html.chb-menu-open,body.chb-menu-open{overflow:hidden!important}
.chb-site-header,.chb-site-header *{box-sizing:border-box;border-radius:0!important}

.chb-site-header{
position:fixed;
left:0;
right:0;
top:0;
z-index:999990;
height:92px;
transition:transform .34s ease,background-color .28s ease,border-color .28s ease,box-shadow .28s ease;
background:#fff;
border-bottom:1px solid rgba(17,19,21,.08);
color:var(--chb-dark);
}

.chb-site-header.is-transparent{
background:transparent;
border-bottom-color:rgba(255,255,255,.18);
color:#fff;
}

.chb-site-header.is-solid{
background:rgba(255,255,255,.97);
backdrop-filter:blur(10px);
border-bottom-color:rgba(17,19,21,.1);
box-shadow:0 8px 30px rgba(0,0,0,.05);
color:var(--chb-dark);
}

.chb-site-header.is-hidden{
transform:translateY(-100%);
}

.chb-header-shell{
width:min(100%,1500px);
height:100%;
margin:0 auto;
padding:0 34px;
display:grid;
grid-template-columns:240px 1fr auto;
align-items:center;
gap:30px;
}

.chb-header-logo{
display:inline-flex;
align-items:center;
text-decoration:none!important;
color:inherit!important;
width:max-content;
}

.chb-header-logo img{
display:block;
width:auto;
height:58px;
max-width:200px;
object-fit:contain;
}

.chb-header-logo-fallback{
display:flex;
flex-direction:column;
font-family:"Lemon Milk",Arial,sans-serif;
line-height:.92;
}
.chb-header-logo-fallback strong{
font-size:18px;
font-weight:500;
letter-spacing:.02em;
}
.chb-header-logo-fallback small{
font-size:9px;
font-weight:300;
letter-spacing:.2em;
color:var(--chb-gold);
margin-top:5px;
}

.chb-header-nav{
justify-self:center;
}

.chb-header-menu,
.chb-header-menu ul{
list-style:none;
margin:0;
padding:0;
}

.chb-header-menu{
display:flex;
align-items:center;
gap:34px;
}

.chb-header-menu>li{
position:relative;
}

.chb-header-menu a{
font-family:"Lemon Milk",Arial,sans-serif;
font-weight:300;
font-size:10px;
letter-spacing:.045em;
text-transform:uppercase;
text-decoration:none!important;
color:inherit!important;
display:inline-flex;
align-items:center;
min-height:44px;
position:relative;
}

.chb-header-menu>li>a:after{
content:"";
position:absolute;
left:0;
right:100%;
bottom:4px;
height:1px;
background:var(--chb-gold);
transition:right .24s ease;
}

.chb-header-menu>li:hover>a:after,
.chb-header-menu>.current-menu-item>a:after,
.chb-header-menu>.current_page_item>a:after{
right:0;
}

.chb-header-menu .sub-menu{
position:absolute;
top:100%;
left:-18px;
min-width:220px;
padding:10px 0;
background:#fff;
border:1px solid #e3e4e5;
box-shadow:0 20px 45px rgba(0,0,0,.09);
opacity:0;
visibility:hidden;
transform:translateY(7px);
transition:.2s ease;
}

.chb-header-menu li:hover>.sub-menu{
opacity:1;
visibility:visible;
transform:none;
}

.chb-header-menu .sub-menu a{
width:100%;
padding:0 18px;
min-height:42px;
font-size:8px;
color:#111315!important;
}

.chb-header-menu .sub-menu a:hover{
background:#f5f5f3;
}

.chb-header-actions{
display:flex;
align-items:center;
gap:20px;
}

.chb-header-phone{
display:inline-flex;
align-items:center;
gap:9px;
text-decoration:none!important;
color:inherit!important;
font-family:"Lemon Milk",Arial,sans-serif;
font-weight:300;
font-size:10px;
letter-spacing:.03em;
white-space:nowrap;
}
.chb-header-phone svg{
width:17px;
height:17px;
color:var(--chb-gold);
}

.chb-header-cta{
min-height:46px;
padding:0 18px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
background:var(--chb-gold);
color:#111!important;
text-decoration:none!important;
font-family:"Lemon Milk",Arial,sans-serif;
font-weight:500;
font-size:8px;
letter-spacing:.08em;
text-transform:uppercase;
transition:background .2s ease,color .2s ease;
}
.chb-header-cta svg{width:14px;height:14px}
.chb-header-cta:hover{background:#111315;color:#fff!important}

.chb-header-toggle{
display:none;
width:44px;
height:44px;
padding:0;
border:0;
background:transparent;
position:relative;
color:inherit;
cursor:pointer;
}

.chb-header-toggle span{
position:absolute;
left:8px;
width:28px;
height:1.5px;
background:currentColor;
transition:.24s ease;
}
.chb-header-toggle span:first-child{top:17px}
.chb-header-toggle span:last-child{top:26px}
.chb-header-toggle.is-open span:first-child{top:21px;transform:rotate(45deg)}
.chb-header-toggle.is-open span:last-child{top:21px;transform:rotate(-45deg)}

.chb-mobile-drawer{
display:none;
}

@media(max-width:1150px){
.chb-header-shell{
grid-template-columns:200px 1fr auto;
padding:0 22px;
gap:18px;
}
.chb-header-menu{gap:20px}
.chb-header-phone span{display:none}
}

@media(max-width:900px){
.chb-site-header{
height:76px;
}

.chb-header-shell{
grid-template-columns:1fr auto;
padding:0 16px;
}

.chb-header-logo img{
height:48px;
max-width:170px;
}

.chb-header-nav,
.chb-header-phone,
.chb-header-cta{
display:none;
}

.chb-header-toggle{
display:block;
}

.chb-mobile-drawer{
display:block;
position:fixed;
top:76px;
left:0;
right:0;
height:calc(100dvh - 76px);
background:#111315;
color:#fff;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(-8px);
transition:opacity .24s ease,transform .24s ease,visibility .24s ease;
overflow:auto;
}

.chb-mobile-drawer.is-open{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:none;
}

.chb-mobile-drawer-inner{
min-height:100%;
display:flex;
flex-direction:column;
padding:36px 20px 20px;
}

.chb-mobile-eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
font-family:"Lemon Milk",Arial,sans-serif;
font-weight:300;
font-size:7px;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--chb-gold);
margin-bottom:24px;
}

.chb-mobile-eyebrow:before{
content:"";
width:28px;
height:1px;
background:var(--chb-gold);
}

.chb-mobile-menu,
.chb-mobile-menu ul{
list-style:none;
padding:0;
margin:0;
}

.chb-mobile-menu>li{
border-bottom:1px solid rgba(255,255,255,.12);
}

.chb-mobile-menu>li>a{
display:flex;
align-items:center;
justify-content:space-between;
min-height:64px;
font-family:"Lemon Milk",Arial,sans-serif;
font-weight:500;
font-size:22px;
letter-spacing:-.025em;
text-transform:uppercase;
text-decoration:none!important;
color:#fff!important;
}

.chb-mobile-menu .sub-menu{
padding:0 0 14px 14px;
}

.chb-mobile-menu .sub-menu a{
display:block;
padding:9px 0;
font-family:"Lemon Milk",Arial,sans-serif;
font-weight:300;
font-size:9px;
letter-spacing:.08em;
text-transform:uppercase;
color:rgba(255,255,255,.65)!important;
text-decoration:none!important;
}

.chb-mobile-bottom{
margin-top:auto;
padding-top:34px;
}

.chb-mobile-phone{
display:block;
padding-bottom:18px;
text-decoration:none!important;
color:#fff!important;
}
.chb-mobile-phone span{
display:block;
font-family:"Lemon Milk",Arial,sans-serif;
font-size:7px;
letter-spacing:.12em;
text-transform:uppercase;
color:rgba(255,255,255,.5);
margin-bottom:6px;
}
.chb-mobile-phone strong{
font-family:"Lemon Milk",Arial,sans-serif;
font-weight:300;
font-size:15px;
}

.chb-mobile-cta{
display:flex;
align-items:center;
justify-content:space-between;
min-height:56px;
padding:0 18px;
background:var(--chb-gold);
color:#111!important;
text-decoration:none!important;
font-family:"Lemon Milk",Arial,sans-serif;
font-weight:500;
font-size:8px;
letter-spacing:.08em;
text-transform:uppercase;
}
.chb-mobile-cta svg{
width:16px;
height:16px;
}

.chb-site-header.is-transparent .chb-header-logo-fallback strong,
.chb-site-header.is-transparent .chb-header-toggle{
color:#fff;
}

.chb-site-header.is-solid .chb-header-toggle{
color:#111315;
}

.chb-site-header.is-menu-open{
background:#111315!important;
color:#fff!important;
transform:none!important;
}
}

@media(max-width:430px){
.chb-header-shell{padding:0 12px}
.chb-header-logo img{height:44px;max-width:155px}
.chb-mobile-drawer-inner{padding:28px 16px 16px}
.chb-mobile-menu>li>a{font-size:20px}
}


/* =========================================================
   v1.0.2 — HERO / TRANSPARENT HEADER LOGO
   Match the white footer logo while header sits over hero.
   ========================================================= */

.chb-header-logo img{
  transition:filter .22s ease, opacity .22s ease;
}

/* White logo over hero, matching footer treatment */
.chb-site-header.is-transparent .chb-header-logo img,
.chb-site-header.is-menu-open .chb-header-logo img{
  filter:brightness(0) invert(1);
}

/* Restore original brand artwork once header becomes white */
.chb-site-header.is-solid .chb-header-logo img{
  filter:none;
}


/* =========================================================
   v1.0.3 — PREMIUM MOBILE DRAWER REDESIGN
   ========================================================= */
@media(max-width:900px){

  .chb-mobile-drawer{
    background:
      linear-gradient(180deg, rgba(255,255,255,.025), transparent 32%),
      #101214!important;
  }

  .chb-mobile-drawer-inner{
    min-height:100%;
    padding:28px 18px 18px!important;
    display:grid!important;
    grid-template-rows:auto 1fr auto;
    gap:0;
  }

  .chb-mobile-menu-wrap{
    display:contents;
  }

  .chb-mobile-menu-head{
    padding:4px 0 22px;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .chb-mobile-eyebrow{
    margin:0 0 10px!important;
    font-size:6px!important;
    letter-spacing:.2em!important;
  }

  .chb-mobile-eyebrow:before{
    width:22px!important;
  }

  .chb-mobile-menu-head p{
    margin:0;
    max-width:360px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.55;
    color:rgba(255,255,255,.48);
  }

  .chb-mobile-menu{
    counter-reset:chb-nav;
    align-self:start;
    padding-top:8px!important;
  }

  .chb-mobile-menu>li{
    counter-increment:chb-nav;
    position:relative;
    border-bottom:1px solid rgba(255,255,255,.105)!important;
  }

  .chb-mobile-menu>li>a{
    min-height:70px!important;
    padding:0 42px 0 42px;
    position:relative;
    font-size:20px!important;
    line-height:1!important;
    letter-spacing:-.03em!important;
  }

  .chb-mobile-menu>li>a:before{
    content:"0" counter(chb-nav);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    font-family:"Lemon Milk",Arial,sans-serif;
    font-weight:300;
    font-size:7px;
    letter-spacing:.06em;
    color:var(--chb-gold);
  }

  .chb-mobile-menu>li>a:after{
    content:"→";
    position:absolute;
    right:2px;
    top:50%;
    transform:translateY(-52%);
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    font-weight:400;
    color:rgba(255,255,255,.42);
    transition:transform .2s ease,color .2s ease;
  }

  .chb-mobile-menu>li>a:hover:after{
    color:var(--chb-gold);
    transform:translate(4px,-52%);
  }

  .chb-mobile-menu .sub-menu{
    padding:0 0 15px 42px!important;
    margin-top:-5px!important;
  }

  .chb-mobile-menu .sub-menu a{
    padding:7px 0!important;
    font-size:7px!important;
    color:rgba(255,255,255,.48)!important;
  }

  .chb-mobile-bottom{
    margin-top:28px!important;
    padding:0!important;
    border-top:1px solid rgba(255,255,255,.12);
  }

  .chb-mobile-bottom__meta{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:end;
    gap:18px;
    padding:18px 0;
  }

  .chb-mobile-bottom__label{
    align-self:start;
    font-family:"Lemon Milk",Arial,sans-serif;
    font-weight:300;
    font-size:6px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--chb-gold);
  }

  .chb-mobile-phone{
    padding:0!important;
    text-align:right;
  }

  .chb-mobile-phone span{
    font-size:6px!important;
    margin-bottom:4px!important;
    color:rgba(255,255,255,.4)!important;
  }

  .chb-mobile-phone strong{
    font-size:13px!important;
    letter-spacing:.015em;
  }

  .chb-mobile-cta{
    min-height:58px!important;
    padding:0 18px!important;
    border:1px solid var(--chb-gold);
    background:var(--chb-gold)!important;
    transition:background .2s ease,color .2s ease;
  }

  .chb-mobile-cta:hover{
    background:#fff!important;
    color:#111!important;
  }

  .chb-mobile-cta span{
    display:inline-flex;
    align-items:center;
  }

  .chb-mobile-drawer-foot{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:13px 0 2px;
    font-family:"Lemon Milk",Arial,sans-serif;
    font-weight:300;
    font-size:5.5px;
    letter-spacing:.11em;
    text-transform:uppercase;
    color:rgba(255,255,255,.3);
  }
}

@media(max-width:430px){
  .chb-mobile-drawer-inner{
    padding:24px 16px 14px!important;
  }

  .chb-mobile-menu-head{
    padding-bottom:18px;
  }

  .chb-mobile-menu>li>a{
    min-height:64px!important;
    font-size:18px!important;
  }

  .chb-mobile-menu-head p{
    font-size:11px;
  }

  .chb-mobile-bottom{
    margin-top:22px!important;
  }
}


/* =========================================================
   v1.1.0 — EDITORIAL MOBILE DRAWER
   Graya-inspired restraint, redesigned for City Home Builders.
   Desktop header is intentionally untouched.
   ========================================================= */
@media(max-width:900px){

  /* Header becomes part of the dark full-screen experience */
  .chb-site-header.is-menu-open{
    background:#0d0f10!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
  }

  .chb-site-header.is-menu-open .chb-header-toggle{
    width:46px;
    height:46px;
    border:1px solid rgba(255,255,255,.18);
    color:#fff!important;
    transition:border-color .25s ease, background .25s ease;
  }

  .chb-site-header.is-menu-open .chb-header-toggle:hover{
    border-color:var(--chb-gold);
    background:rgba(183,155,58,.08);
  }

  .chb-site-header.is-menu-open .chb-header-toggle span{
    left:10px;
    width:24px;
  }

  .chb-mobile-drawer{
    top:76px!important;
    height:calc(100dvh - 76px)!important;
    overflow:hidden!important;
    background:#0d0f10!important;
    transform:translateY(-10px) scale(.995)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:
      opacity .36s cubic-bezier(.2,.7,.2,1),
      transform .48s cubic-bezier(.2,.7,.2,1),
      visibility .36s ease!important;
  }

  .chb-mobile-drawer:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.75;
    background:
      linear-gradient(125deg,transparent 0 72%,rgba(183,155,58,.055) 72% 72.08%,transparent 72.08%),
      linear-gradient(34deg,transparent 0 68%,rgba(255,255,255,.022) 68% 68.08%,transparent 68.08%);
    background-size:520px 520px, 660px 660px;
    transform:scale(1.08);
    transition:transform 1.1s cubic-bezier(.18,.7,.2,1);
  }

  .chb-mobile-drawer.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .chb-mobile-drawer.is-open:before{
    transform:scale(1);
  }

  .chb-mobile-drawer-inner{
    position:relative;
    z-index:2;
    min-height:100%!important;
    height:100%;
    padding:0 22px 18px!important;
    display:grid!important;
    grid-template-rows:auto 1fr auto!important;
    overflow-y:auto;
    overscroll-behavior:contain;
  }

  .chb-mobile-menu-wrap{
    display:contents!important;
  }

  /* Minimal label only — removes the previous paragraph-heavy drawer intro */
  .chb-mobile-menu-head{
    border:0!important;
    padding:30px 0 0!important;
    text-align:center;
    opacity:0;
    transform:translateY(10px);
    transition:opacity .45s ease .08s, transform .55s cubic-bezier(.2,.7,.2,1) .08s;
  }

  .chb-mobile-drawer.is-open .chb-mobile-menu-head{
    opacity:1;
    transform:none;
  }

  .chb-mobile-menu-head p{
    display:none!important;
  }

  .chb-mobile-eyebrow{
    justify-content:center;
    gap:12px!important;
    margin:0!important;
    font-size:6px!important;
    letter-spacing:.23em!important;
    color:var(--chb-gold)!important;
  }

  .chb-mobile-eyebrow:before,
  .chb-mobile-eyebrow:after{
    content:"";
    display:block;
    width:26px!important;
    height:1px;
    background:var(--chb-gold);
    opacity:.8;
  }

  /* The main navigation is the hero of the drawer */
  .chb-mobile-menu{
    align-self:center!important;
    width:100%;
    padding:34px 0 28px!important;
    margin:0!important;
    counter-reset:none!important;
  }

  .chb-mobile-menu>li{
    border:0!important;
    text-align:center;
    opacity:0;
    transform:translateY(22px);
    transition:
      opacity .42s ease,
      transform .58s cubic-bezier(.17,.74,.23,1);
  }

  .chb-mobile-drawer.is-open .chb-mobile-menu>li{
    opacity:1;
    transform:none;
  }

  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(1){transition-delay:.10s}
  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(2){transition-delay:.15s}
  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(3){transition-delay:.20s}
  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(4){transition-delay:.25s}
  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(5){transition-delay:.30s}
  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(6){transition-delay:.35s}

  .chb-mobile-menu>li>a{
    min-height:auto!important;
    padding:11px 36px!important;
    justify-content:center!important;
    position:relative;
    font-family:"Lemon Milk",Arial,sans-serif!important;
    font-weight:300!important;
    font-size:clamp(27px,8vw,38px)!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    text-transform:none!important;
    color:#f3f3f1!important;
    transition:color .22s ease, transform .25s ease!important;
  }

  /* Remove previous numbered / permanent arrow treatment */
  .chb-mobile-menu>li>a:before{
    display:none!important;
  }

  .chb-mobile-menu>li>a:after{
    content:"";
    position:absolute!important;
    right:8px!important;
    top:50%!important;
    width:22px;
    height:1px;
    background:var(--chb-gold);
    opacity:0;
    transform:translate(-10px,-50%)!important;
    transition:opacity .22s ease, transform .25s ease!important;
  }

  .chb-mobile-menu>li>a:hover,
  .chb-mobile-menu>li.current-menu-item>a,
  .chb-mobile-menu>li.current_page_item>a{
    color:var(--chb-gold)!important;
    transform:translateY(-1px);
  }

  .chb-mobile-menu>li>a:hover:after,
  .chb-mobile-menu>li.current-menu-item>a:after,
  .chb-mobile-menu>li.current_page_item>a:after{
    opacity:1;
    transform:translate(0,-50%)!important;
  }

  /* Elegant submenu presentation */
  .chb-mobile-menu .sub-menu{
    padding:3px 0 10px!important;
    margin:0!important;
    text-align:center;
  }

  .chb-mobile-menu .sub-menu a{
    display:inline-flex!important;
    width:auto!important;
    padding:7px 10px!important;
    font-family:"Lemon Milk",Arial,sans-serif!important;
    font-weight:300!important;
    font-size:7px!important;
    line-height:1.2!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    color:rgba(255,255,255,.42)!important;
    transition:color .2s ease!important;
  }

  .chb-mobile-menu .sub-menu a:hover{
    color:var(--chb-gold)!important;
    background:transparent!important;
  }

  /* Bottom area becomes a restrained editorial footer */
  .chb-mobile-bottom{
    margin:0!important;
    padding:16px 0 0!important;
    border-top:1px solid rgba(255,255,255,.11)!important;
    opacity:0;
    transform:translateY(14px);
    transition:opacity .5s ease .28s, transform .55s cubic-bezier(.2,.7,.2,1) .28s;
  }

  .chb-mobile-drawer.is-open .chb-mobile-bottom{
    opacity:1;
    transform:none;
  }

  .chb-mobile-bottom__meta{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:18px!important;
    align-items:end!important;
    padding:0 0 15px!important;
  }

  .chb-mobile-bottom__label{
    font-size:5.5px!important;
    letter-spacing:.18em!important;
    color:rgba(255,255,255,.35)!important;
  }

  .chb-mobile-phone{
    padding:0!important;
    text-align:right!important;
  }

  .chb-mobile-phone span{
    font-size:5.5px!important;
    letter-spacing:.14em!important;
    color:rgba(255,255,255,.34)!important;
    margin-bottom:4px!important;
  }

  .chb-mobile-phone strong{
    font-size:13px!important;
    font-weight:300!important;
    color:#fff!important;
  }

  .chb-mobile-cta{
    position:relative;
    overflow:hidden;
    min-height:56px!important;
    padding:0 18px!important;
    background:transparent!important;
    border:1px solid rgba(183,155,58,.72)!important;
    color:#fff!important;
    transition:color .25s ease, border-color .25s ease!important;
  }

  .chb-mobile-cta:before{
    content:"";
    position:absolute;
    inset:0;
    background:var(--chb-gold);
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .36s cubic-bezier(.2,.7,.2,1);
  }

  .chb-mobile-cta span,
  .chb-mobile-cta svg{
    position:relative;
    z-index:2;
  }

  .chb-mobile-cta:hover{
    color:#111!important;
    border-color:var(--chb-gold)!important;
    background:transparent!important;
  }

  .chb-mobile-cta:hover:before{
    transform:scaleX(1);
  }

  .chb-mobile-cta svg{
    width:15px!important;
    height:15px!important;
    transition:transform .24s ease;
  }

  .chb-mobile-cta:hover svg{
    transform:translateX(4px);
  }

  .chb-mobile-drawer-foot{
    display:flex!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:11px 0 0!important;
    font-size:5px!important;
    letter-spacing:.13em!important;
    color:rgba(255,255,255,.22)!important;
  }
}

@media(max-width:430px){
  .chb-mobile-drawer-inner{
    padding:0 16px 14px!important;
  }

  .chb-mobile-menu-head{
    padding-top:24px!important;
  }

  .chb-mobile-menu{
    padding:24px 0 20px!important;
  }

  .chb-mobile-menu>li>a{
    padding:9px 30px!important;
    font-size:clamp(25px,8vw,34px)!important;
  }

  .chb-mobile-menu>li>a:after{
    right:4px!important;
    width:18px;
  }

  .chb-mobile-bottom__meta{
    padding-bottom:13px!important;
  }

  .chb-mobile-cta{
    min-height:54px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .chb-mobile-drawer,
  .chb-mobile-drawer:before,
  .chb-mobile-menu-head,
  .chb-mobile-menu>li,
  .chb-mobile-bottom,
  .chb-mobile-cta:before{
    transition:none!important;
  }
}


/* =========================================================
   v1.1.1 — PURE EDITORIAL MOBILE DRAWER
   Only logo, close button and primary navigation remain.
   ========================================================= */
@media(max-width:900px){

  .chb-mobile-drawer{
    top:76px!important;
    height:calc(100dvh - 76px)!important;
    background:#0d0f10!important;
    overflow:hidden!important;
  }

  .chb-mobile-drawer-inner{
    height:100%!important;
    min-height:0!important;
    padding:0 22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  /* Hide every legacy drawer element if old cached markup exists */
  .chb-mobile-menu-head,
  .chb-mobile-bottom,
  .chb-mobile-bottom__meta,
  .chb-mobile-drawer-foot,
  .chb-mobile-cta,
  .chb-mobile-phone,
  .chb-mobile-eyebrow{
    display:none!important;
  }

  .chb-mobile-editorial-nav{
    width:100%;
    max-width:460px;
    margin:0 auto;
    padding:12px 0 28px;
  }

  .chb-mobile-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .chb-mobile-menu>li{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    text-align:center!important;
    list-style:none!important;
    opacity:0;
    transform:translateY(24px);
    transition:
      opacity .42s ease,
      transform .6s cubic-bezier(.17,.74,.23,1);
  }

  .chb-mobile-drawer.is-open .chb-mobile-menu>li{
    opacity:1;
    transform:none;
  }

  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(1){transition-delay:.08s}
  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(2){transition-delay:.13s}
  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(3){transition-delay:.18s}
  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(4){transition-delay:.23s}
  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(5){transition-delay:.28s}
  .chb-mobile-drawer.is-open .chb-mobile-menu>li:nth-child(6){transition-delay:.33s}

  .chb-mobile-menu>li>a{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:0!important;
    width:auto!important;
    padding:10px 34px!important;
    font-family:"Lemon Milk",Arial,sans-serif!important;
    font-weight:300!important;
    font-size:clamp(25px,7.5vw,36px)!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    text-transform:none!important;
    color:#f2f2ef!important;
    background:transparent!important;
    border:0!important;
    transition:
      color .22s ease,
      transform .26s ease!important;
  }

  .chb-mobile-menu>li>a:before{
    content:"";
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:50%!important;
    width:16px!important;
    height:1px!important;
    background:var(--chb-gold)!important;
    opacity:0!important;
    transform:translate(-8px,-50%)!important;
    transition:opacity .22s ease,transform .26s ease!important;
  }

  .chb-mobile-menu>li>a:after{
    content:"";
    display:block!important;
    position:absolute!important;
    right:0!important;
    top:50%!important;
    width:16px!important;
    height:1px!important;
    background:var(--chb-gold)!important;
    opacity:0!important;
    transform:translate(8px,-50%)!important;
    transition:opacity .22s ease,transform .26s ease!important;
  }

  .chb-mobile-menu>li>a:hover,
  .chb-mobile-menu>li>a:focus-visible{
    color:var(--chb-gold)!important;
    transform:translateY(-1px)!important;
    outline:none!important;
  }

  .chb-mobile-menu>li>a:hover:before,
  .chb-mobile-menu>li>a:hover:after,
  .chb-mobile-menu>li>a:focus-visible:before,
  .chb-mobile-menu>li>a:focus-visible:after{
    opacity:1!important;
    transform:translate(0,-50%)!important;
  }

  /* Keep the header itself brutally clean */
  .chb-site-header.is-menu-open .chb-header-shell{
    background:#0d0f10!important;
  }

  .chb-site-header.is-menu-open .chb-header-toggle{
    border:1px solid rgba(255,255,255,.2)!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .chb-site-header.is-menu-open .chb-header-toggle:hover{
    border-color:var(--chb-gold)!important;
    background:transparent!important;
  }
}

@media(max-width:430px){
  .chb-mobile-drawer-inner{
    padding:0 14px!important;
  }

  .chb-mobile-editorial-nav{
    padding:2px 0 20px;
  }

  .chb-mobile-menu>li>a{
    font-size:clamp(23px,7.4vw,32px)!important;
    padding:9px 28px!important;
  }

  .chb-mobile-menu>li>a:before,
  .chb-mobile-menu>li>a:after{
    width:13px!important;
  }
}

@media(max-height:720px) and (max-width:900px){
  .chb-mobile-menu>li>a{
    font-size:clamp(21px,6.2vw,29px)!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
}


/* =========================================================
   v1.1.2 — SUBTLE MOTION BACKGROUND FOR MOBILE DRAWER
   ========================================================= */
@media(max-width:900px){

  .chb-mobile-drawer{
    isolation:isolate;
  }

  /* Primary animated line field */
  .chb-mobile-drawer:before{
    content:"";
    position:absolute;
    inset:-18%;
    z-index:0;
    pointer-events:none;
    opacity:.48;
    background:
      linear-gradient(32deg,
        transparent 0 33%,
        rgba(255,255,255,.028) 33% 33.08%,
        transparent 33.08% 66%,
        rgba(194,164,63,.055) 66% 66.08%,
        transparent 66.08% 100%),
      linear-gradient(118deg,
        transparent 0 46%,
        rgba(255,255,255,.022) 46% 46.07%,
        transparent 46.07% 78%,
        rgba(194,164,63,.04) 78% 78.07%,
        transparent 78.07% 100%);
    background-size:520px 520px, 680px 680px;
    transform:translate3d(-2%,0,0) rotate(.001deg);
    animation:chbDrawerLines 18s linear infinite alternate;
  }

  /* Secondary geometric outline — intentionally very faint */
  .chb-mobile-drawer:after{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    left:50%;
    top:48%;
    z-index:0;
    pointer-events:none;
    border:1px solid rgba(194,164,63,.055);
    transform:translate(-50%,-50%) rotate(38deg);
    animation:chbDrawerShape 24s ease-in-out infinite;
  }

  .chb-mobile-drawer-inner{
    position:relative;
    z-index:2;
  }

  /* Additional fine moving lines behind the nav */
  .chb-mobile-editorial-nav:before,
  .chb-mobile-editorial-nav:after{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
  }

  .chb-mobile-editorial-nav:before{
    width:1px;
    height:210px;
    left:14%;
    top:8%;
    background:linear-gradient(
      to bottom,
      transparent,
      rgba(255,255,255,.06),
      transparent
    );
    transform:rotate(34deg);
    animation:chbDrawerNeedleA 11s ease-in-out infinite alternate;
  }

  .chb-mobile-editorial-nav:after{
    width:1px;
    height:260px;
    right:12%;
    bottom:4%;
    background:linear-gradient(
      to bottom,
      transparent,
      rgba(194,164,63,.09),
      transparent
    );
    transform:rotate(-31deg);
    animation:chbDrawerNeedleB 14s ease-in-out infinite alternate;
  }

  @keyframes chbDrawerLines{
    0%{
      transform:translate3d(-2%,0,0) scale(1.02) rotate(.001deg);
      background-position:0 0,0 0;
    }
    100%{
      transform:translate3d(2%,-1.5%,0) scale(1.055) rotate(.001deg);
      background-position:70px -46px,-52px 64px;
    }
  }

  @keyframes chbDrawerShape{
    0%,100%{
      transform:translate(-50%,-50%) rotate(38deg) scale(.96);
      opacity:.32;
    }
    50%{
      transform:translate(-47%,-52%) rotate(44deg) scale(1.05);
      opacity:.58;
    }
  }

  @keyframes chbDrawerNeedleA{
    0%{
      transform:translate3d(0,10px,0) rotate(34deg);
      opacity:.28;
    }
    100%{
      transform:translate3d(18px,-16px,0) rotate(38deg);
      opacity:.62;
    }
  }

  @keyframes chbDrawerNeedleB{
    0%{
      transform:translate3d(0,-8px,0) rotate(-31deg);
      opacity:.24;
    }
    100%{
      transform:translate3d(-16px,14px,0) rotate(-36deg);
      opacity:.56;
    }
  }
}

@media(max-width:430px){
  .chb-mobile-drawer:after{
    width:280px;
    height:280px;
    top:50%;
  }
}

@media(prefers-reduced-motion:reduce){
  .chb-mobile-drawer:before,
  .chb-mobile-drawer:after,
  .chb-mobile-editorial-nav:before,
  .chb-mobile-editorial-nav:after{
    animation:none!important;
  }
}


/* =========================================================
   v1.1.3 — FULL WHITE DRAWER LOGO
   ========================================================= */

.chb-header-logo{
  position:relative;
}

.chb-header-logo-main,
.chb-header-logo-drawer{
  display:block;
  width:auto;
  height:58px;
  max-width:200px;
  object-fit:contain;
  transition:opacity .22s ease, filter .22s ease;
}

.chb-header-logo-drawer{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  filter:none!important;
}

/* Keep the standard artwork outside the open mobile drawer. */
.chb-site-header:not(.is-menu-open) .chb-header-logo-main{
  opacity:1;
  visibility:visible;
}

/* Use the supplied full-white artwork while the drawer is open. */
.chb-site-header.is-menu-open .chb-header-logo-main{
  opacity:0!important;
  visibility:hidden!important;
}

.chb-site-header.is-menu-open .chb-header-logo-drawer{
  opacity:1!important;
  visibility:visible!important;
}

/* Do not apply the old invert filter to the dedicated white asset. */
.chb-site-header.is-menu-open .chb-header-logo-drawer,
.chb-site-header.is-transparent .chb-header-logo-drawer,
.chb-site-header.is-solid .chb-header-logo-drawer{
  filter:none!important;
}

@media(max-width:900px){
  .chb-header-logo-main,
  .chb-header-logo-drawer{
    height:48px;
    max-width:170px;
  }
}

@media(max-width:430px){
  .chb-header-logo-main,
  .chb-header-logo-drawer{
    height:44px;
    max-width:155px;
  }
}


/* =========================================================
   v1.2.0 — PREMIUM DESKTOP MEGA MENUS
   Services + House Designs
   ========================================================= */

@media(min-width:901px){

  .chb-site-header.is-mega-open{
    background:#fff!important;
    color:#111315!important;
    border-bottom-color:rgba(17,19,21,.10)!important;
    box-shadow:none!important;
    transform:none!important;
  }

  .chb-site-header.is-mega-open .chb-header-logo-main{
    filter:none!important;
  }

  .chb-site-header.is-mega-open .chb-header-menu>li>a{
    color:#111315!important;
  }

  .chb-site-header.is-mega-open .chb-header-phone{
    color:#111315!important;
  }

  .chb-site-header.is-mega-open .chb-header-menu>li>a:after{
    background:var(--chb-gold)!important;
  }

  /* Small chevron only for the two mega triggers */
  .chb-header-menu>li.chb-has-mega>a{
    gap:7px;
  }

  .chb-header-menu>li.chb-has-mega>a:before{
    content:"";
    width:5px;
    height:5px;
    border-right:1px solid currentColor;
    border-bottom:1px solid currentColor;
    transform:rotate(45deg) translateY(-2px);
    order:2;
    opacity:.6;
    transition:transform .22s ease,opacity .22s ease;
  }

  .chb-header-menu>li.chb-has-mega.is-active>a:before{
    transform:rotate(225deg) translate(-1px,-1px);
    opacity:1;
  }

  .chb-mega-layer{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    z-index:20;
    pointer-events:none;
    visibility:hidden;
  }

  .chb-mega-layer.is-open{
    visibility:visible;
    pointer-events:auto;
  }

  .chb-mega-panel{
    position:absolute;
    left:0;
    right:0;
    top:0;
    background:#f3f4f3;
    border-top:1px solid rgba(17,19,21,.07);
    border-bottom:1px solid rgba(17,19,21,.09);
    opacity:0;
    visibility:hidden;
    transform:translateY(-12px);
    transition:
      opacity .26s cubic-bezier(.2,.7,.2,1),
      transform .34s cubic-bezier(.2,.7,.2,1),
      visibility .26s ease;
  }

  .chb-mega-panel.is-open{
    opacity:1;
    visibility:visible;
    transform:none;
  }

  .chb-mega-shell{
    width:min(100%,1500px);
    min-height:390px;
    margin:0 auto;
    padding:36px 34px 42px;
    display:grid;
    grid-template-columns:minmax(340px,.86fr) minmax(520px,1.14fr);
    gap:52px;
  }

  .chb-mega-feature{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    min-height:310px;
    padding:34px;
    background:#111315;
    color:#fff!important;
    text-decoration:none!important;
    overflow:hidden;
  }

  .chb-mega-feature:before,
  .chb-mega-feature:after{
    content:"";
    position:absolute;
    pointer-events:none;
    border:1px solid rgba(183,155,58,.11);
    width:300px;
    height:300px;
    transform:rotate(38deg);
    transition:transform 1s cubic-bezier(.2,.7,.2,1);
  }

  .chb-mega-feature:before{
    right:-110px;
    top:-170px;
  }

  .chb-mega-feature:after{
    right:30px;
    bottom:-245px;
  }

  .chb-mega-feature:hover:before{
    transform:rotate(45deg) translate(-12px,18px);
  }

  .chb-mega-feature:hover:after{
    transform:rotate(31deg) translate(10px,-15px);
  }

  .chb-mega-kicker{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:18px;
    font-family:"Lemon Milk",Arial,sans-serif;
    font-weight:300;
    font-size:6px;
    letter-spacing:.18em;
    color:var(--chb-gold);
  }

  .chb-mega-kicker:before{
    content:"";
    width:28px;
    height:1px;
    background:var(--chb-gold);
  }

  .chb-mega-feature h3{
    position:relative;
    z-index:2;
    margin:0;
    max-width:480px;
    font-family:"Lemon Milk",Arial,sans-serif;
    font-size:42px;
    line-height:.95;
    letter-spacing:-.045em;
    font-weight:500;
    text-transform:uppercase;
    color:#fff;
  }

  .chb-mega-feature p{
    position:relative;
    z-index:2;
    max-width:520px;
    margin:18px 0 26px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.7;
    color:rgba(255,255,255,.56);
  }

  .chb-mega-link{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:11px;
    width:max-content;
    font-family:"Lemon Milk",Arial,sans-serif;
    font-size:6px;
    letter-spacing:.08em;
    color:#fff;
  }

  .chb-mega-link b{
    color:var(--chb-gold);
    font-size:13px;
    transition:transform .22s ease;
  }

  .chb-mega-feature:hover .chb-mega-link b{
    transform:translateX(4px);
  }

  .chb-mega-links{
    display:grid;
    grid-template-rows:repeat(3,1fr);
    border-top:1px solid #d4d7d8;
    align-self:stretch;
  }

  .chb-mega-links>a{
    position:relative;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 30px;
    align-items:center;
    gap:18px;
    min-height:100px;
    padding:18px 4px;
    border-bottom:1px solid #d4d7d8;
    color:#111315!important;
    text-decoration:none!important;
    transition:padding .24s ease,background .24s ease;
  }

  .chb-mega-links>a:hover{
    padding-left:14px;
    background:rgba(255,255,255,.55);
  }

  .chb-mega-index{
    font-family:"Lemon Milk",Arial,sans-serif;
    font-size:6px;
    letter-spacing:.08em;
    color:var(--chb-gold);
  }

  .chb-mega-links strong{
    display:block;
    margin-bottom:7px;
    font-family:"Lemon Milk",Arial,sans-serif;
    font-size:17px;
    line-height:1;
    font-weight:500;
    text-transform:uppercase;
  }

  .chb-mega-links small{
    display:block;
    max-width:540px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    line-height:1.55;
    color:#747b7f;
  }

  .chb-mega-links>a>b{
    justify-self:end;
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:400;
    color:var(--chb-gold);
    transition:transform .22s ease;
  }

  .chb-mega-links>a:hover>b{
    transform:translateX(4px);
  }

  /* Mega menus replace basic desktop submenus for the trigger items */
  .chb-header-menu>li.chb-has-mega>.sub-menu{
    display:none!important;
  }

  /* Soft page veil */
  .chb-site-header:after{
    content:"";
    position:fixed;
    left:0;
    right:0;
    top:92px;
    bottom:0;
    z-index:-1;
    background:rgba(8,10,11,.18);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .25s ease,visibility .25s ease;
  }

  .chb-site-header.is-mega-open:after{
    opacity:1;
    visibility:visible;
  }
}

@media(min-width:901px) and (max-width:1150px){
  .chb-mega-shell{
    padding-left:22px;
    padding-right:22px;
    grid-template-columns:minmax(300px,.8fr) minmax(470px,1.2fr);
    gap:32px;
  }

  .chb-mega-feature h3{
    font-size:36px;
  }
}


/* =========================================================
   v1.2.2 — SURGICAL MOBILE MEGA-MENU CONFLICT FIX
   Based directly on the original v1.2.0.
   Nothing about Services-page assets or header enqueue timing is changed.
   ========================================================= */

/* Desktop mega-menu markup must NEVER exist in mobile layout flow. */
@media(max-width:900px){
  .chb-site-header .chb-mega-layer{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
  }

  .chb-site-header .chb-mega-panel{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Remove desktop mega trigger state from the mobile header. */
  .chb-site-header.is-mega-open{
    background:inherit!important;
  }

  .chb-header-menu>li.chb-has-mega>a:before{
    display:none!important;
  }
}

/* Explicitly restore the mega layer ONLY on desktop. */
@media(min-width:901px){
  .chb-site-header .chb-mega-layer{
    display:block;
  }
}


/* =========================================================
   v1.2.5 — SINGLE LOGO / SERVICE PAGE STABILITY FIX
   The dedicated drawer image has been removed from header markup.
   One logo is used everywhere, with a white filter over transparent/dark states.
   ========================================================= */

.chb-site-header .chb-header-logo{
  position:relative!important;
  width:max-content!important;
  height:auto!important;
  overflow:visible!important;
}

.chb-site-header .chb-header-logo-main{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:58px!important;
  max-width:200px!important;
  max-height:58px!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

/* Transparent hero state = white logo. */
.chb-site-header.is-transparent .chb-header-logo-main,
.chb-site-header.is-menu-open .chb-header-logo-main{
  filter:brightness(0) invert(1)!important;
}

/* Solid/mega state = original brand logo. */
.chb-site-header.is-solid .chb-header-logo-main,
.chb-site-header.is-mega-open .chb-header-logo-main{
  filter:none!important;
}

/* The old drawer logo must never render, including stale cached markup. */
.chb-site-header .chb-header-logo-drawer{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
}

/* Lock the complete header geometry on the two service hero pages too. */
body.page-id-0 .chb-site-header .chb-header-logo-main{
  width:auto!important;
}

@media(max-width:900px){
  .chb-site-header .chb-header-logo-main{
    height:48px!important;
    max-height:48px!important;
    max-width:170px!important;
  }
}

@media(max-width:430px){
  .chb-site-header .chb-header-logo-main{
    height:44px!important;
    max-height:44px!important;
    max-width:155px!important;
  }
}


/* =========================================================
   v1.3.1 — DESKTOP-ONLY RUNTIME MEGA MENUS
   ========================================================= */

.chb-mega-runtime{display:none}

@media(max-width:900px){
  .chb-mega-runtime,
  .chb-mega-runtime *{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

@media(min-width:901px){
  .chb-mega-runtime{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    z-index:99980;
    display:block;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .18s ease,transform .22s ease,visibility .18s ease;
  }

  .chb-mega-runtime.is-open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:none;
  }

  .chb-mega-runtime .chb-mega-panel{
    display:none;
    background:#fff;
    border-top:1px solid #e2e2df;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
  }

  .chb-mega-runtime .chb-mega-panel.is-open{display:block}

  .chb-mega-runtime .chb-mega-shell{
    width:min(1500px,calc(100% - 56px));
    min-height:400px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  }

  .chb-mega-runtime .chb-mega-feature{
    padding:54px 52px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#f1f2f1;
    color:#19212d!important;
  }

  .chb-mega-runtime .chb-mega-kicker{
    margin-bottom:22px;
    color:#b79b3a;
    font-family:"Lemon Milk",Arial,sans-serif;
    font-size:7px;
    letter-spacing:.15em;
  }

  .chb-mega-runtime .chb-mega-feature h3{
    margin:0 0 20px;
    color:#19212d;
    font-family:"Lemon Milk",Arial,sans-serif;
    font-size:42px;
    line-height:.96;
    letter-spacing:-.04em;
  }

  .chb-mega-runtime .chb-mega-feature p{
    max-width:470px;
    margin:0;
    color:#686f73;
    font-size:12px;
    line-height:1.7;
  }

  .chb-mega-runtime .chb-mega-link{
    margin-top:30px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-family:"Lemon Milk",Arial,sans-serif;
    font-size:6px;
    color:#19212d;
  }

  .chb-mega-runtime .chb-mega-link b{color:#b79b3a}

  .chb-mega-runtime .chb-mega-links{background:#fff}

  .chb-mega-runtime .chb-mega-links>a{
    min-height:133px;
    padding:25px 30px;
    display:grid;
    grid-template-columns:44px 1fr 24px;
    align-items:center;
    gap:18px;
    border-bottom:1px solid #e2e2df;
    color:#19212d!important;
    transition:background .18s ease,color .18s ease;
  }

  .chb-mega-runtime .chb-mega-links>a:last-child{border-bottom:0}
  .chb-mega-runtime .chb-mega-links>a:hover{background:#111416!important;color:#fff!important}

  .chb-mega-runtime .chb-mega-index{
    color:#b79b3a;
    font-family:"Lemon Milk",Arial,sans-serif;
    font-size:6px;
  }

  .chb-mega-runtime .chb-mega-links strong{
    display:block;
    margin-bottom:7px;
    font-family:"Lemon Milk",Arial,sans-serif;
    font-size:18px;
    line-height:1;
  }

  .chb-mega-runtime .chb-mega-links small{
    display:block;
    color:#6d7478;
    font-size:10px;
    line-height:1.5;
  }

  .chb-mega-runtime .chb-mega-links>a:hover small{color:rgba(255,255,255,.58)}
  .chb-mega-runtime .chb-mega-links>a>b{justify-self:end;color:#b79b3a;font-size:15px}

  .chb-header-menu>li.chb-has-mega>a{position:relative}

  .chb-header-menu>li.chb-has-mega>a:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-20px;
    height:2px;
    background:#b79b3a;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .18s ease;
  }

  .chb-header-menu>li.chb-has-mega.is-active>a:after{transform:scaleX(1)}

  .chb-site-header.is-mega-open{
    background:#fff!important;
    color:#111!important;
  }

  .chb-site-header.is-mega-open .chb-header-logo-main{filter:none!important}
  .chb-site-header.is-mega-open .chb-header-menu>li>a,
  .chb-site-header.is-mega-open .chb-header-phone{color:#111!important}
}


/* =========================================================
   v1.3.2 — MOBILE HEADER BLUE HOVER REMOVAL
   Keep hamburger background transparent/neutral in every state.
   ========================================================= */
@media(max-width:900px){
  .chb-header-menu-toggle,
  .chb-header-menu-toggle:hover,
  .chb-header-menu-toggle:focus,
  .chb-header-menu-toggle:focus-visible,
  .chb-header-menu-toggle:active,
  .chb-site-header.is-transparent .chb-header-menu-toggle,
  .chb-site-header.is-transparent .chb-header-menu-toggle:hover,
  .chb-site-header.is-transparent .chb-header-menu-toggle:focus,
  .chb-site-header.is-transparent .chb-header-menu-toggle:active,
  .chb-site-header.is-solid .chb-header-menu-toggle:hover,
  .chb-site-header.is-solid .chb-header-menu-toggle:focus,
  .chb-site-header.is-solid .chb-header-menu-toggle:active{
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    outline:none!important;
    border-color:transparent!important;
  }

  .chb-header-menu-toggle::before,
  .chb-header-menu-toggle::after,
  .chb-header-menu-toggle span,
  .chb-header-menu-toggle:hover::before,
  .chb-header-menu-toggle:hover::after,
  .chb-header-menu-toggle:hover span,
  .chb-header-menu-toggle:focus::before,
  .chb-header-menu-toggle:focus::after,
  .chb-header-menu-toggle:focus span{
    background-color:currentColor!important;
  }

  .chb-site-header.is-transparent .chb-header-menu-toggle{
    color:#fff!important;
  }

  .chb-site-header.is-solid .chb-header-menu-toggle{
    color:#111!important;
  }

  .chb-header-menu-toggle,
  .chb-header-menu-toggle *{
    -webkit-tap-highlight-color:transparent!important;
  }
}