/* Ajustements tactiles, uniquement sur petit écran. */
@media(max-width:620px){
header{gap:12px;padding:18px 5%}header nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0 16px}header nav a{display:flex;align-items:center;min-height:44px;font-size:14px}
.preview,.preview-bar{font-size:11px;gap:6px 14px;flex-wrap:wrap}.preview a,.preview-bar a{display:inline-flex;align-items:center;min-height:44px}
.filters{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.filters button{min-height:48px;font-size:13px;text-align:left}
.newsletter input,.newsletter select{font-size:16px;min-height:44px}.text-link{min-height:44px;align-items:center}.newsletter label{font-size:14px}
.hero-photo{height:auto;aspect-ratio:4/5}h1{font-size:clamp(44px,13vw,60px)}
.ingredient-list label{min-height:44px;padding-top:7px;padding-bottom:7px}.step-navigation{gap:4px}.step-navigation>button{width:44px;height:44px;flex-shrink:0}.step-dots{flex:1}.step-dots button{width:44px;height:44px}.rating-stars button{min-width:44px;min-height:44px}#ingredients .text-button{min-height:44px;font-size:12px}
dialog{max-width:calc(100vw - 24px);max-height:90dvh}.close{min-width:44px;min-height:44px}.video-column{max-width:220px}.hero{padding-bottom:12px}.editorial-rule{margin-bottom:24px}
}