/* Shared finish, explicitly limited to the two autonomous entry pages. */
.tisse-ui:is(.carte-page,.rdv-page)::before {
  content: ""; position: absolute; z-index: -1; inset: 0 0 auto;
  height: clamp(480px,66.6667vw,1100px);
  background: url('../carte-fond-terracotta.webp') center top / cover no-repeat;
  -webkit-mask-image: linear-gradient(180deg,#000 58%,transparent 100%);
  mask-image: linear-gradient(180deg,#000 58%,transparent 100%);
  pointer-events: none;
}
.tisse-ui.carte-page .carte-content,
.tisse-ui.rdv-page .rdv-card {
  border: 1px solid rgba(255,250,243,.48);
  border-radius: var(--radius2);
  box-shadow: 0 22px 55px rgba(36,26,22,.13),inset 0 1px 0 rgba(255,250,243,.65),0 0 32px rgba(255,250,243,.12);
}
.tisse-ui.carte-page .carte-content,
.tisse-ui.rdv-page .rdv-presentation {
  background: linear-gradient(135deg,rgba(255,250,243,.82),rgba(254,250,243,.50));
  backdrop-filter: blur(12px) saturate(1.04);
  -webkit-backdrop-filter: blur(12px) saturate(1.04);
}
@media (max-width: 620px) {
  .tisse-ui:is(.carte-page,.rdv-page)::before {
    height: clamp(520px,78svh,780px); background-position: 48% top;
    -webkit-mask-image: linear-gradient(180deg,#000 52%,transparent 100%);
    mask-image: linear-gradient(180deg,#000 52%,transparent 100%);
  }
}
@media (min-width: 740px) {
  .tisse-ui.rdv-page .rdv-header { padding-inline: 32px; }
}
