/* ===== HEADER BAR ===== */
.hd7r3x9k1m{position:fixed;top:0;left:0;right:0;z-index:9999;transition:background .4s,box-shadow .4s}
.hd7r3x9k1m.scrolled{background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.hd7r3x9k1m.scrolled .hd7r--burger span{background:#1A202C}
.hd7r3x9k1m.scrolled .hd7r--burger:hover span{background:#C3A474}
.hd7r3x9k1m.scrolled .hd7r--logoimg{filter:brightness(0)}
.hd7r3x9k1m.scrolled .hd7r--phone{border-color:rgba(26,32,44,.2)}
.hd7r3x9k1m.scrolled .hd7r--phone svg{stroke:#1A202C}
.hd7r3x9k1m.scrolled .hd7r--phone:hover{border-color:#C3A474}
.hd7r--inner{max-width:1800px;margin:0 auto;padding:0 40px;height:80px;display:flex;align-items:center;justify-content:space-between}

/* ===== BURGER ===== */
.hd7r--burger{background:none;border:none;cursor:pointer;padding:10px;display:flex;flex-direction:column;gap:8px;width:40px}
.hd7r--burger span{display:block;width:100%;height:1px;background:#FFF;transition:transform .4s,opacity .3s}
.hd7r--burger:hover span{background:#C3A474}

/* ===== LOGO ===== */
.hd7r--logo{position:absolute;left:50%;transform:translateX(-50%);text-decoration:none;display:flex;align-items:center}
.hd7r--logoimg{height:50px;width:auto;transition:opacity .3s}
.hd7r--logo:hover .hd7r--logoimg{opacity:.85}

/* ===== PHONE ===== */
.hd7r--phone{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;transition:border-color .3s,background .3s;text-decoration:none}
.hd7r--phone:hover{border-color:#C3A474;background:rgba(195,164,116,.1)}

/* ===== OVERLAY ===== */
.hd7r--overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10000;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.hd7r--overlay.active{opacity:1;visibility:visible}

/* ===== SIDE PANEL ===== */
.hd7r--panel{position:fixed;top:0;left:0;bottom:0;width:380px;background:#C3A474;z-index:10001;transform:translateX(-100%);transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px;font-family:'Montserrat',sans-serif}
.hd7r--panel.active{transform:translateX(0)}
.hd7r--panel a,.hd7r--panel a:hover,.hd7r--panel a:visited,.hd7r--panel a:focus,.hd7r--panel a:active,.hd7r--panel button{color:#FFF !important;text-decoration:none !important}

/* ===== CLOSE ===== */
.hd7r--close{position:absolute;top:28px;right:28px;background:none;border:none;color:#FFF;font-size:22px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:opacity .3s;font-family:'Montserrat',sans-serif}
.hd7r--close:hover{opacity:.6}

/* ===== NAV LINKS ===== */
.hd7r--nav{display:flex;flex-direction:column;gap:0;margin-top:80px}
.hd7r--link{display:block;font-size:22px;color:#FFF !important;text-decoration:none !important;font-weight:700;letter-spacing:0;padding:12px 0;border:none;background:none;cursor:pointer;text-align:left;width:100%;font-family:'Montserrat',sans-serif;transition:opacity .3s}
.hd7r--link:hover,.hd7r--link:visited,.hd7r--link:focus,.hd7r--link:active{color:#FFF !important;text-decoration:none !important;opacity:.65}
.hd7r--toggle:hover,.hd7r--toggle:focus,.hd7r--toggle:active{background:none !important;box-shadow:none !important;outline:none !important;-webkit-tap-highlight-color:transparent}
.hd7r--arrow{font-size:15px;margin-left:8px;display:inline-block;transition:transform .3s}
.hd7r--toggle.open .hd7r--arrow{transform:rotate(90deg)}

/* ===== SUB NAV ===== */
.hd7r--group{position:relative}
.hd7r--sub{max-height:0;overflow:hidden;transition:max-height .4s ease;padding-left:16px}
.hd7r--sub.open{max-height:400px}
.hd7r--sub a{display:block;font-size:14px;color:rgba(255,255,255,.75) !important;text-decoration:none !important;padding:7px 0;font-weight:500;letter-spacing:.3px;transition:color .3s,padding-left .3s;border-bottom:1px solid rgba(255,255,255,.08);font-family:'Montserrat',sans-serif}
.hd7r--sub a:last-child{border-bottom:none}
.hd7r--sub a:hover,.hd7r--sub a:visited,.hd7r--sub a:focus,.hd7r--sub a:active{color:#FFF !important;text-decoration:none !important;padding-left:6px}

/* ===== BOTTOM ===== */
.hd7r--bottom{display:flex;flex-direction:column;gap:12px}
.hd7r--line{width:40px;height:1px;background:rgba(255,255,255,.3)}
.hd7r--mention{font-size:11px;color:rgba(255,255,255,.45);letter-spacing:3px;text-transform:uppercase;font-weight:500;font-family:'Montserrat',sans-serif}
.hd7r--tel{font-size:15px;color:#FFF !important;text-decoration:none !important;font-weight:500;letter-spacing:1px;transition:opacity .3s;font-family:'Montserrat',sans-serif}
.hd7r--tel:hover,.hd7r--tel:visited,.hd7r--tel:focus,.hd7r--tel:active{color:#FFF !important;text-decoration:none !important;opacity:.65}

/* ===== RESPONSIVE ===== */
@media screen and (max-width:1024px){
  .hd7r--panel{width:340px;padding:36px 40px}
}
@media screen and (max-width:768px){
  .hd7r--inner{padding:0 20px;height:64px}
  .hd7r--logoimg{height:38px}
  .hd7r--panel{width:100%;padding:32px}
  .hd7r--link{font-size:20px;padding:11px 0}
  .hd7r--nav{margin-top:60px}
}