/* ═══════════════════════════════════════
   HAMBURGER BUTTON
═══════════════════════════════════════ */
.hamburger{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  background:none;border:1px solid rgba(200,104,30,.3);border-radius:8px;
  padding:9px 11px;cursor:pointer;
  position:relative;z-index:200;
  pointer-events:auto;
  -webkit-tap-highlight-color:transparent;
}
.hamburger span{
  display:block;width:22px;height:2px;
  background:rgba(245,239,230,.85);border-radius:2px;
  transition:transform .3s, opacity .3s;
}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ═══════════════════════════════════════
   FULLSCREEN MOBILE MENU
═══════════════════════════════════════ */
.mobile-menu{
  position:fixed;inset:0;
  background:rgba(6,5,4,.97);
  z-index:9999;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:24px 32px 48px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s ease, visibility .35s ease;
  box-sizing:border-box;
}
.mobile-menu.open{opacity:1;visibility:visible;pointer-events:all}

.mobile-menu-close{
  position:fixed;top:14px;right:20px;
  background:rgba(245,239,230,.1);
  border:1.5px solid rgba(245,239,230,.4);
  border-radius:50%;width:44px;height:44px;
  color:#f5efe6;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;
  z-index:10000;
}
.mobile-menu-close:hover{background:rgba(200,104,30,.3);border-color:#c8681e;color:#fff}

.mobile-nav{
  display:flex;flex-direction:column;align-items:center;
  gap:0;width:100%;
}
.mobile-nav a{
  color:rgba(245,239,230,.45);text-decoration:none;
  font-family:'Gucina',sans-serif;font-size:clamp(22px,6.5vw,34px);
  font-weight:700;text-transform:uppercase;letter-spacing:-.01em;
  line-height:1;text-align:center;
  padding:11px 0;
  border-bottom:1px solid rgba(245,239,230,.06);
  width:100%;
  transition:color .2s;
}
.mobile-nav a:last-child{border-bottom:none}
.mobile-nav a:hover{color:rgba(245,239,230,.9)}

.mobile-menu .mobile-cta{
  margin-top:28px;background:#c8681e;color:#fff;
  padding:14px 44px;border-radius:100px;text-align:center;
  font-size:15px;font-weight:600;text-decoration:none;
  transition:background .2s;display:inline-block;
  letter-spacing:.01em;
}
.mobile-menu .mobile-cta:hover{background:#e07830}

/* ═══════════════════════════════════════
   MOBILE NAV HIDE/SHOW (≤ 768px)
═══════════════════════════════════════ */
@media(max-width:768px){
  .nav-links,.btn-p{display:none}
  .hamburger{display:flex}
}