/* Version mobile : chargée quand l'appareil détecté est un téléphone */
html[data-device=mobile] body{padding-bottom:env(safe-area-inset-bottom,0px)}
html[data-device=mobile] .hdr-in{padding:10px 16px;gap:12px}
html[data-device=mobile] .hdr-logo{width:146px}
html[data-device=mobile] .hdr-nav,html[data-device=mobile] .hdr .hide-sm{display:none!important}
html[data-device=mobile] .burger{display:grid}
html[data-device=mobile] .mob-menu{margin:4px 10px 0;max-height:calc(100svh - 96px);overflow:auto;overscroll-behavior:contain}
html[data-device=mobile] .mob-menu a{font-size:30px;padding:12px 0}
html[data-device=mobile] .hero-grid{padding-top:96px;gap:28px}
html[data-device=mobile] .hero .row,html[data-device=mobile] .visite .row{flex-direction:column;align-items:stretch;gap:12px}
html[data-device=mobile] .hero .row>*,html[data-device=mobile] .visite .row>*{width:100%;justify-content:center}
html[data-device=mobile] .univers.swipe .u-track{--u-pad:9vw;gap:20px}
html[data-device=mobile] .univers.swipe .u-card{width:82vw}
html[data-device=mobile] .univers.swipe .u-end{width:70vw}
html[data-device=mobile] .univers.swipe .u-end .script{font-size:42px!important}
html[data-device=mobile] .u-head .u-orn{display:none}
html[data-device=mobile] .cd-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(-1*clamp(20px,4vw,40px));padding:6px clamp(20px,4vw,40px) 28px;scroll-padding-inline:clamp(20px,4vw,40px)}
html[data-device=mobile] .cd-grid::-webkit-scrollbar{display:none}
html[data-device=mobile] .cd-tag{flex:0 0 78vw;scroll-snap-align:center}
html[data-device=mobile] .v-rows{grid-template-columns:1fr;gap:16px}
@media (orientation:landscape){
html[data-device=mobile] .univers.swipe .u-card{width:min(380px,56vw)}
html[data-device=mobile] .univers.swipe .u-img{aspect-ratio:2/1}
html[data-device=mobile] .univers.swipe .u-head{padding-top:64px}
html[data-device=mobile] .hero .row{flex-direction:row;flex-wrap:wrap}
html[data-device=mobile] .hero .row>*{width:auto}
html[data-device=mobile] .cd-tag{flex-basis:min(320px,46vw)}
}