/* ============================================================
   conciergerie.css — Styles exclusifs à conciergerie-casher-cannes
   Requiert bekef.css chargé avant ce fichier.
   ============================================================ */

/* ── Contextes (yacht, jet, villa…) ── */
.ctx-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.ctx {
  position: relative;
  background: var(--bg-3);
  border: 1px solid var(--line-soft);
  border-radius: 6px;
  padding: 34px 32px;
  transition: .24s;
  overflow: hidden;
  word-break: break-word;
  min-width: 0;
}
.ctx:hover {
  border-color: rgba(201,168,76,.5);
  transform: translateY(-4px);
}
.ctx .ico {
  font-size: 30px;
  line-height: 1;
  color: var(--gold);
  margin-bottom: 18px;
  display: block;
}
.ctx h3 { font-size: 25px; margin-bottom: 8px; }
.ctx p  { font-size: 14.5px; color: var(--text-dim); font-weight: 300; }
.ctx .ctx-num {
  position: absolute;
  top: 22px;
  right: 26px;
  font-family: var(--serif);
  font-size: 34px;
  color: var(--line);
  font-style: italic;
}

/* ── Zones de livraison ── */
.zone-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 8px;
}
.zone {
  background: var(--bg-3);
  border: 1px solid var(--line-soft);
  border-radius: 6px;
  padding: 22px;
  text-align: center;
  min-width: 0;
}
.zone .zk { font-family: var(--serif); font-size: 20px; color: var(--text); }
.zone .zv { font-size: 12px; color: var(--text-faint); font-weight: 300; margin-top: 4px; }

/* ── Bouton WhatsApp ── */
.btn-wa {
  background: #1f7a4d;
  border-color: #1f7a4d;
  color: #fff;
}
.btn-wa:hover {
  background: #23925c;
  border-color: #23925c;
}

/* ── Note ── */
.priv-note {
  font-size: 13px;
  color: var(--text-faint);
  font-weight: 300;
  margin-top: 18px;
  letter-spacing: .01em;
}

/* ============================================================
   RESPONSIVE 940px
   ============================================================ */
@media (max-width: 940px) {
  .ctx-grid  { grid-template-columns: 1fr; }
  .zone-grid { grid-template-columns: 1fr 1fr; }
}

/* ============================================================
   RESPONSIVE 600px
   ============================================================ */
@media (max-width: 600px) {
  .zone-grid { grid-template-columns: 1fr; }
  /* Fix badge hero qui déborde */
  .hero-badge {
    right: 16px !important;
    bottom: 16px !important;
    width: 180px;
    left: auto;
  }
}