/* Preview framing only. These rules never change the assembled homepage. */
body[data-preview], body.handoff-header-only { padding-bottom: 0; }
.handoff-header-only { background: #193342; min-height: 500px; }
.handoff-header-only .site-header { position: relative; top: auto; }
.dc-home-assembly, .dc-home-assembly .sc-host { display: contents; }
.handoff-component { margin: 0 auto; padding: 40px max(22px,5vw); max-width: 1600px; }
.handoff-component .handoff-variants { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.handoff-component.carte-trace { min-height: 750px; height: auto; }
.handoff-component.carte-trace .trace-card { position: relative; top: auto; right: auto; margin: 0 auto; }
.handoff-component.fiche-region .region-detail { width: min(480px,100%); margin-inline:auto; position:static; }
.handoff-component.carte-pepite .pepites-rail { width:100%; margin:0; }
.handoff-component.carte-voyage .voyages-rail { display:flex; gap:10px; overflow:auto; }
.handoff-component.carte-voyage .trip-card { flex:0 0 calc((100% - 30px)/4); }
.handoff-component.commandes-carrousel .handoff-variants { display:block; }
.handoff-component.commandes-carrousel .rail-footer { margin-bottom:35px; }
.handoff-component.entree-pratique .pratique-grid { border:0; }
@media(max-width:720px) {
  .handoff-component { padding:24px 22px; }
  .handoff-component.carte-voyage .trip-card { flex-basis:90%; }
  .handoff-component.carte-trace { min-height:430px; padding-top:28px; }
  .handoff-component.carte-trace .trace-card { width:100%; }
}