:root{
  --imr-purple: var(--purple, #5a2d82);
  --imr-purple-2: var(--purple2, #6b3aa0);
  --imr-border: #ececf3;
  --imr-text: #111827;
}

.imr-menu-btn{
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 14px;
  background: var(--imr-purple);
  box-shadow: 0 10px 18px rgba(75,42,116,.25);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  padding: 0 14px;
  cursor:pointer;
}
.imr-menu-btn span{
  height: 3px;
  width: 100%;
  background:#fff;
  border-radius: 99px;
  display:block;
}

.imr-overlay{
  position: fixed;
  inset:0;
  background: rgba(0,0,0,.35);
  z-index: 60;
}

/* Drawer is now Bootstrap Offcanvas. We only skin it; Bootstrap handles open/close. */
.offcanvas.imr-drawer{
  width: min(92vw, 380px);
  box-shadow: -14px 0 28px rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
}

/* Fallback mode (if Bootstrap JS can't load): mimic offcanvas "show" */
.offcanvas.imr-drawer.open{
  visibility: visible;
  transform: none;
}

.imr-drawer-head{
  background: var(--imr-purple);
  color:#fff;
  padding: 16px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.imr-drawer-title{ font-size: 22px; font-weight: 800; }

.imr-close-btn{
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 12px;
  background: rgba(255,255,255,.18);
  color:#fff;
  font-size: 20px;
  cursor:pointer;
}

.imr-nav{ padding: 10px 0; overflow:auto; }
.imr-nav-item{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 14px 16px;
  color: var(--imr-purple);
  font-weight: 700;
  text-decoration:none;
  border-bottom: 1px solid var(--imr-border);
}
.imr-nav-item:active{ background:#f6f1fb; }

.imr-actions{ padding: 14px 16px; display:grid; gap: 12px; }

.imr-primary{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background: var(--imr-purple);
  color:#fff;
  padding: 14px 14px;
  border-radius: 14px;
  font-weight: 800;
}

.imr-secondary{
  display:flex;
  align-items:center;
  gap: 10px;
  text-decoration:none;
  background: #fff;
  color: var(--imr-text);
  border: 1px solid var(--imr-border);
  padding: 14px 14px;
  border-radius: 14px;
  font-weight: 700;
}

body.menu-lock{
  overflow:hidden;
  touch-action:none;
}

/* Ensure header stays above hero/sections so the menu button is always clickable */
.site-top{
  position: sticky;
  top: 0;
  z-index: 80;
  background: #fff;
}

.site-nav{
  position: relative;
  z-index: 80;
}

.imr-menu-btn{
  position: relative;
  z-index: 90;
}
.alanya-special-wrapper{
  max-width: 900px;
  margin: 0 auto 40px auto;
  padding: 0 16px;
}

.alanya-special-head{
  text-align: center;
}

.alanya-special-head h2{
  font-size: 36px;
  font-weight: 800;
  line-height: 1.2;
  color: #4b2a74;
  margin-bottom: 16px;
}

.alanya-special-head p{
  font-size: 16px;
  line-height: 1.7;
  color: #6b7280;
  margin: 0;
}

@media (max-width: 768px){
  .alanya-special-head h2{
    font-size: 24px;
  }
}