/* New UI (WhatsApp, réalisations, avis) — separate file so Hostinger cannot serve a cached lunis.css. */
.lunis-nav__actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.lunis-btn--whatsapp {
  color: #04210f;
  background: linear-gradient(100deg, #d8ffe8, #25d366);
  box-shadow: 0 0 0 1px rgba(37, 211, 102, 0.28), 0 10px 40px -12px rgba(37, 211, 102, 0.55);
}
.lunis-btn--whatsapp:hover { box-shadow: 0 0 0 1px rgba(37, 211, 102, 0.5), 0 16px 50px -10px rgba(37, 211, 102, 0.75); }
.lunis-btn--whatsapp svg, .lunis-btn--whatsapp img {
  width: 16px; height: 16px; max-width: 16px; max-height: 16px; display: block; flex: none;
}
.lunis-wa {
  position: fixed !important; z-index: 50 !important;
  left: max(16px, env(safe-area-inset-left)) !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  display: inline-flex !important; align-items: center !important; gap: 10px !important;
  padding: 12px 16px 12px 12px !important; border-radius: 999px !important;
  font: 500 11px/1 var(--lunis-mono, ui-monospace, monospace) !important;
  letter-spacing: 0.14em !important; text-transform: uppercase !important;
  color: #04210f !important; text-decoration: none !important;
  background: linear-gradient(100deg, #d8ffe8, #25d366) !important;
  box-shadow: 0 0 0 1px rgba(37, 211, 102, 0.28), 0 14px 40px -10px rgba(37, 211, 102, 0.55) !important;
}
.lunis-wa svg, .lunis-wa img {
  width: 22px !important; height: 22px !important; max-width: 22px !important; max-height: 22px !important;
  display: block !important; flex: none !important;
}
.cta-block__actions { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }

.works {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 56px;
}
.work {
  display: flex; flex-direction: column;
  min-height: 100%;
  border-radius: 28px; overflow: hidden;
  background: #070b16;
  box-shadow: 0 0 0 1px rgba(200, 212, 255, 0.08);
  color: inherit; text-decoration: none;
}
.work:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(200, 212, 255, 0.18), 0 24px 60px -28px rgba(80, 120, 255, 0.45); }
.work__visual {
  display: flex; align-items: center; justify-content: center;
  height: 220px; min-height: 220px; overflow: hidden;
  background: #0c1224;
}
.work__photo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.work__visual--bunel { background: #1a140c; }
.work__visual--allure { background: #1a1613; }
.work__visual--xlasme { background: #f3f1ec; }
.work__visual--xlasme .work__photo { object-fit: contain; padding: 18px; }
.work__visual--next { background: radial-gradient(80% 90% at 50% 0%, rgba(37, 211, 102, 0.16), transparent 62%), #08140f; }
.work__mark { font: 600 42px/1 var(--lunis-font, inherit); letter-spacing: -0.04em; color: #d7e4ff; }
.work__visual--next .work__mark { color: #b8ffd2; }
.work__body { display: flex; flex-direction: column; flex: 1; padding: 28px 30px 30px; }
.work__body small { font: 500 10px/1.5 var(--lunis-mono, ui-monospace, monospace); letter-spacing: 0.16em; text-transform: uppercase; color: var(--lunis-faint, rgba(200, 212, 255, 0.36)); }
.work__body h2, .work__body h3 { margin: 14px 0 12px; font-weight: 500; font-size: clamp(1.35rem, 2.2vw, 1.85rem); letter-spacing: -0.03em; line-height: 1.15; }
.work__body p { flex: 1; color: var(--lunis-muted, rgba(214, 222, 255, 0.6)); line-height: 1.65; }
.work .go { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--lunis-line, rgba(170, 190, 255, 0.12)); font: 500 10px/1.5 var(--lunis-mono, ui-monospace, monospace); letter-spacing: 0.22em; text-transform: uppercase; color: #8fb4ff; }
.work__visual--next + .work__body .go { color: #6ee7a4; }

.reviews { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 22px; margin-top: 56px; }
.reviews--solo { grid-template-columns: 1fr; }
.reviews__panel {
  display: flex; flex-direction: column; justify-content: center;
  padding: 36px 34px; border-radius: 28px; background: #070b16;
  box-shadow: 0 0 0 1px rgba(200, 212, 255, 0.08);
}
.reviews__brand { font: 500 11px/1 var(--lunis-mono, ui-monospace, monospace); letter-spacing: 0.22em; text-transform: uppercase; color: var(--lunis-faint, rgba(200, 212, 255, 0.36)); }
.reviews__copy { margin: 18px 0 28px; color: var(--lunis-muted, rgba(214, 222, 255, 0.6)); line-height: 1.7; max-width: 36rem; }
.reviews__actions { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 1100px) {
  .works, .reviews { grid-template-columns: 1fr; }
  .lunis-nav__actions .lunis-btn--whatsapp { display: none; }
}