/* Une présentation dédiée, avec le plateau entier et les détails à la demande. */
.nav-links{gap:22px}
.product-event-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:11px;color:var(--moka);text-decoration:underline;text-underline-offset:4px}
.plateaux{background:#f1e5d8;margin:6px 0 30px;padding:28px 0}
.plateaux-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(30px,5vw,76px);align-items:center}
.plateaux-main{min-width:0}
.plateaux-main .photo-button{display:block;position:relative;width:100%;height:500px;border:0;border-radius:9px;background:#f4e8dd;overflow:hidden;padding:0}
.plateaux-main img{width:100%;height:100%;object-fit:contain;transform:none}
.plateaux-main .photo-arrow{opacity:1;background:var(--paper);bottom:14px;right:14px;width:36px;height:36px}
.plateaux-main figcaption{font-size:9px;color:var(--muted);margin-top:5px;line-height:1.5}
.plateaux-copy{min-width:0}
.plateaux-copy h2{font-size:clamp(38px,4vw,57px);margin-bottom:14px;line-height:1.02}
.plateaux-description{font-size:14px;color:var(--muted);line-height:1.7;max-width:42ch}
.plateaux-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0 18px}
.plateaux-actions .button-light{background:var(--ink);border-color:var(--ink);color:var(--paper);min-height:46px}
.plateaux-actions .button-light:hover{background:var(--moka);border-color:var(--moka)}
.plateaux-actions>span{font-size:11px;color:var(--muted)}
.plateaux-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plateaux-view{display:flex;flex-direction:column;gap:6px;min-width:0;border:0;padding:0;background:transparent;text-align:left;font-size:11px;line-height:1.5}
.plateaux-view img{height:110px;object-fit:cover;border-radius:5px}
.plateaux-view:first-child img{object-position:50% 47%}
.plateaux-view:last-child img{object-position:50% 52%}
.plateaux-view>span{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:30px}
.plateaux-poster{margin-top:10px;border-top:1px solid #ccb8a0}
.plateaux-poster>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;min-height:48px;font-size:12px}
.plateaux-poster>summary::-webkit-details-marker{display:none}
.plateaux-poster>summary>span{font-size:22px;line-height:1;transition:transform .2s}
.plateaux-poster[open]>summary>span{transform:rotate(45deg)}
.plateaux-poster>summary:focus-visible{outline:2px solid var(--moka);outline-offset:3px}
.plateaux-poster-content{display:grid;grid-template-columns:105px minmax(0,1fr);gap:18px;padding:5px 0 14px;align-items:center}
.plateaux-poster-preview{display:block;border:0;background:transparent;padding:0;min-width:0}
.plateaux-poster-preview img{height:auto;width:100%;border-radius:3px;box-shadow:0 4px 14px #291c1317}
.plateaux-poster-content p{font-size:12px;line-height:1.6;color:var(--muted)}
.plateaux-poster-content .underlined{font-size:12px;white-space:normal;gap:10px}
@media(max-width:1100px){.nav-links{gap:17px}.plateaux-layout{gap:35px}.plateaux-main .photo-button{height:470px}}
@media(max-width:900px){.nav-links{gap:14px}.nav-links a[href="#plateaux"]{display:inline-flex}.plateaux-layout{gap:26px}.plateaux-copy h2{font-size:43px}.plateaux-main .photo-button{height:460px}.plateaux-actions{gap:7px;margin:16px 0}.plateaux-description{font-size:13px}.plateaux-actions .button-light{font-size:12px;padding:10px 17px}.plateaux-views{gap:10px}.plateaux-view img{height:92px}}
@media(max-width:600px){
 .plateaux{padding:22px 0;margin-bottom:24px}
 .plateaux-layout{grid-template-columns:1fr;gap:18px}
 .plateaux-main .photo-button{height:360px;background:#f4e8dd}
 .plateaux-copy h2{font-size:37px;margin-bottom:10px}
 .plateaux-copy h2 br{display:none}
 .plateaux-description{font-size:13px;max-width:none}
 .plateaux-actions{margin:16px 0 10px}
 .plateaux-actions>span{font-size:11px}
 .plateaux-views{display:none}
 .plateaux-poster{margin-top:4px}
 .plateaux-poster-content{grid-template-columns:90px minmax(0,1fr);gap:15px}
}
@media(prefers-reduced-motion:reduce){.plateaux-poster>summary>span{transition:none}}

/* Les vues fournies accompagnent les produits, l’histoire et l’adresse. */
.story-photo{overflow:hidden;min-width:0}
.story-photo .photo-button{display:block;border:0;padding:0;width:100%;height:100%;min-height:310px;background:var(--paper)}
.story-photo img{object-fit:cover;object-position:46% center}
.story-feature>img{object-position:63% center}
.visit-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.9fr);gap:35px;align-items:start}
.visit-front{min-width:0}
.visit-front .photo-button{display:block;width:100%;padding:0;border:0;aspect-ratio:3/2;background:var(--paper);border-radius:5px;overflow:hidden}
.visit-front img{width:100%;height:100%;object-fit:contain}
.visit-front figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:7px}
@media(max-width:1000px){.visit-inner{grid-template-columns:1fr 1fr;gap:26px 40px}.visit-front{grid-column:1/-1;max-width:600px}.visit-front .photo-button{max-height:320px}}
@media(max-width:600px){
 .story-photo{grid-column:1;grid-row:1;height:245px}
 .story-photo .photo-button{height:245px;min-height:0}
 .story-photo img{object-position:50% 44%}
 .story-feature>img{object-position:64% center}
 .visit-inner{grid-template-columns:1fr;gap:22px}
 .visit-front{grid-column:auto;max-width:none}
 .visit-front .photo-button{max-height:none}
}

/* Présentations de sandwichs : conserver les photos entières. */
.plateaux-main .photo-button{height:auto;aspect-ratio:3/2}
.product-card .sandwich-presentation{height:auto;aspect-ratio:3/2}
.product-card .sandwich-presentation img{width:100%;height:100%;object-fit:contain;transform:none}

/* Affiche verticale complète, sans découper les deux plateaux. */
.plateaux-main .photo-button{height:auto;aspect-ratio:594/841}
.plateaux-main img{object-fit:contain}

/* Une affiche lisible, accompagnée d’un vrai bloc de commande. */
.plateaux{padding:52px 0}
.plateaux-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.plateaux-main .photo-button{border-radius:6px;box-shadow:0 8px 28px #35211715;aspect-ratio:594/841;height:auto}
.plateaux-copy h2{font-size:clamp(42px,4.8vw,66px)}
.plateaux-description{font-size:17px;line-height:1.7}
.plateaux-order{margin-top:28px;padding:26px;background:var(--paper);border:1px solid #dcc9b6;border-radius:10px}
.plateaux-order h3{font-family:inherit;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 12px}
.plateaux-order p{font-size:16px;line-height:1.6;margin:0 0 18px;color:var(--muted)}
.plateaux-phone{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:clamp(27px,3vw,39px);font-weight:600;line-height:1.25;text-decoration:none;white-space:nowrap;min-height:48px}
.plateaux-phone span{font-size:27px}
.plateaux-call{display:flex;justify-content:center;background:var(--ink);border-color:var(--ink);color:var(--paper);font-size:16px;min-height:52px;margin-top:20px;padding:14px 18px}
.plateaux-download{margin-top:22px}
.plateaux-download .underlined{font-size:16px;min-height:44px;white-space:normal}
@media(max-width:700px){.plateaux{padding:30px 0}.plateaux-layout{grid-template-columns:1fr;gap:28px}.plateaux-copy h2{font-size:42px}.plateaux-copy h2 br{display:none}.plateaux-order{padding:22px}.plateaux-phone{font-size:34px}}
@media(max-width:360px){.plateaux-phone{font-size:28px}.plateaux-order{padding:18px}}

/* L’histoire conserve uniquement la photo du comptoir et son texte. */
.story{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
@media(max-width:600px){.story{grid-template-columns:1fr}.story-photo{grid-column:1;grid-row:1}.story-copy{grid-column:1;grid-row:2}}