403

<header class="header">
    <div class="container nav-container">
      <a href="index.php" class="brand-logo">
        Dblessins
        <span style="font-size:5px;">Glam Beauty World</span>
      </a>
      <nav class="nav-links">
        <a href="index.php" class="<?php echo ($activePage == 'home') ? 'active' : ''; ?>">Home</a>
        <a href="about.php" class="<?php echo ($activePage == 'about') ? 'active' : ''; ?>">About</a>
        <a href="services.php" class="<?php echo ($activePage == 'services') ? 'active' : ''; ?>">Services</a>
        <a href="gallery.php" class="<?php echo ($activePage == 'gallery') ? 'active' : ''; ?>">Gallery</a>
        <a href="shop.php" class="<?php echo ($activePage == 'shop') ? 'active' : ''; ?>">Shop</a>
        <a href="contact.php" class="<?php echo ($activePage == 'contact') ? 'active' : ''; ?>">Contact</a>
      </nav>
      <div class="nav-cta">
        <a href="tel:07038829888" class="call-icon-btn" aria-label="Call Us">
          <svg viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
        </a>
        <a href="contact.php" class="btn btn-primary">Book Now</a>
      </div>
      <div class="mobile-toggle">☰</div>
    </div>
  </header>

<div class="mobile-menu">
    <div class="close-menu">✕</div>
    <nav class="mobile-nav-links">
      <a href="index.php" class="<?php echo ($activePage == 'home') ? 'active' : ''; ?>">Home</a>
      <a href="about.php" class="<?php echo ($activePage == 'about') ? 'active' : ''; ?>">About</a>
      <a href="services.php" class="<?php echo ($activePage == 'services') ? 'active' : ''; ?>">Services</a>
      <a href="gallery.php" class="<?php echo ($activePage == 'gallery') ? 'active' : ''; ?>">Gallery</a>
      <a href="shop.php" class="<?php echo ($activePage == 'shop') ? 'active' : ''; ?>">Shop</a>
      <a href="contact.php" class="<?php echo ($activePage == 'contact') ? 'active' : ''; ?>">Contact</a>
    </nav>
  </div>
<style>
.nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav-cta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mobile-toggle {
  margin-left: 8px;
  cursor: pointer;
}

/* ADD THIS */
.call-icon-btn {
  margin-right: 12px;
}

@media (max-width: 768px) {
  .nav-links {
    display: none;
  }

.nav-cta {
    margin-left: auto;
    gap: 8px;
  }

.nav-cta .btn {
    display: none;
  }

.mobile-toggle {
    display: block;
    margin-left: 8px;
  }

/* optional: mobile-only control */
  .call-icon-btn {
    margin-right: 12px;
  }
}
</style>