/* Ajustements de finition spécifiques à la landing desktop. */
.men-landing-page #header { padding-top: 1.25em; }

.men-landing {
  width: min(1240px, calc(100% - 40px));
  padding-top: 8px;
}

.men-landing .booking-primary-btn,
.men-landing .booking-secondary-btn {
  min-height: 50px;
  padding: .72rem 1.15rem;
  letter-spacing: .12em;
}

.men-hero,
.men-hero-content { min-height: 560px; }

.men-hero-content {
  width: min(680px, 60%);
  padding: 58px;
}

.men-hero .booking-kicker {
  width: max-content;
  max-width: 100%;
  align-self: flex-start;
}

.men-section { margin-top: 68px; }
.men-massage-card > img { height: 245px; }
.men-massage-card > div { min-height: 250px; }

.men-experiences-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 16px;
  padding: 23px 25px;
  border: 1px solid rgba(64, 214, 215, .22);
  border-radius: 14px;
  background: linear-gradient(120deg, rgba(64, 214, 215, .08), rgba(20, 11, 60, .72));
}

.men-experiences-link .booking-kicker { margin-bottom: 5px; }
.men-experiences-link h3 { margin: 0; font-size: 1.05rem; font-weight: 950; text-transform: uppercase; }
.men-experiences-link p:last-child { margin: 7px 0 0; color: #bdb5d5; font-size: .74rem; }
.men-experiences-link > a { flex: 0 0 auto; }
.men-editorial > img { min-height: 480px; }
.men-access-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.men-access-cards article { align-items: flex-start; }
.men-access-cards svg { width: 34px; height: 34px; margin-bottom: 16px; fill: none; stroke: #42d7d1; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.men-review-summary { display: inline-flex; align-items: baseline; gap: 6px; margin-top: 7px !important; padding: 9px 15px; border: 1px solid rgba(255, 228, 109, .25); border-radius: 999px; background: rgba(255, 228, 109, .06); color: #d8d2eb !important; font-size: .88rem; }
.men-review-summary strong { color: #ffe46d; font-size: 1.18rem; }
.men-review-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.men-review-card { min-height: 275px; padding: 27px; }
.men-review-card > p { font-size: .84rem; line-height: 1.75; }
.men-final { padding-top: 42px; padding-bottom: 42px; }

@media (max-width: 850px) {
  .men-landing { width: calc(100% - 30px); }
  .men-hero-content { width: 76%; padding: 42px; }
  .men-experiences-link { align-items: flex-start; flex-direction: column; }
  .men-experiences-link > a { width: 100%; }
  .men-access-actions > a { width: 100%; }
  .men-review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .men-landing-page #header { padding-top: 2.3em; }
  .men-landing { width: calc(100% - 20px); }
  .men-hero,
  .men-hero-content { min-height: 680px; }
  .men-massage-card > img { height: 190px; }
  .men-massage-card > div { min-height: 265px; }
  .men-experiences-link { padding: 20px; }
  .men-access-actions { gap: 8px; }
  .men-access-actions > a { min-height: 52px; padding: 11px 14px; font-size: .64rem; }
  .men-access-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 0; }
  .men-access-cards article { justify-content: flex-start; min-height: 180px; padding: 20px 16px; }
  .men-access-cards svg { width: 29px; height: 29px; margin-bottom: 12px; }
  .men-access-cards strong { font-size: .64rem; line-height: 1.35; }
  .men-access-cards span { margin-top: 6px; font-size: .63rem; line-height: 1.5; }
  .men-review-summary { display: block; border-radius: 12px; line-height: 1.5; }
  .men-review-summary strong { display: block; }
  .men-review-grid { grid-template-columns: 1fr; }
  .men-review-card { min-height: 250px; padding: 21px; }
  .men-final { padding-top: 30px; padding-bottom: 30px; }
  .men-section { margin-top: 58px; }
}