body {font-family: Arial, sans-serif; background:#0b0b0c; color:#f8f9fb; margin:0;}
.nav {background:#111; color:white; padding:10px;}
.btn {padding:10px 15px; border-radius:6px; text-decoration:none; margin:4px;}
.btn.primary {background:#f5d24b; color:#111;}
.btn.ghost {border:1px solid #f5d24b; color:#f5d24b;}
.footer {text-align:center; padding:20px; background:#111; color:#aaa;}


/* === Mobile Floating Call Button (added by ChatGPT) === */
.fab-call {
  position: fixed;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--gold);
  color: #111;
  padding: 12px 16px;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 800;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35), 0 0 12px rgba(212,175,55,0.6);
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}

.fab-call:active { transform: scale(0.98); }
.fab-call:hover  { box-shadow: 0 10px 28px rgba(0,0,0,0.4), 0 0 16px rgba(212,175,55,0.75); }

.fab-icon { line-height: 1; font-size: 1.1rem; }
.fab-text { line-height: 1; font-size: 0.95rem; }

/* Only show on small screens */
@media (min-width: 768px) {
  .fab-call { display: none; }
}


/* === Phone overlap fix (reinforced) === */
@media (max-width: 640px) {
  .nav { flex-wrap: wrap; }
  .nav .brand { width:100%; text-align:center; margin-bottom:6px; }
  header nav { display:grid; grid-template-columns: 1fr; gap:8px; width:100%; }
  .nav a.btn { width:100%; text-align:center; padding:14px 16px; }
  .cta-wrap { display:grid; grid-template-columns: 1fr; gap:10px; }
  .cta { width:100%; text-align:center; padding:14px 16px; }
}