/* NKUDUMUSHA v2 — sections: preuves (livraisons réelles) + lightbox vidéos */

/* ============ PREUVES / LIVRAISONS RÉELLES ============ */
.preuves__head{display:grid;gap:16px;max-width:64ch;margin-bottom:48px}
.preuves__head .h-section{max-width:20ch}
.preuves__grid{display:grid;gap:28px}

.pf{margin:0;display:flex;flex-direction:column}
.pf__media{border-radius:var(--r-block);overflow:hidden;position:relative}
.pf__media img{width:100%;height:100%;object-fit:cover;display:block}
.pf figcaption{margin-top:12px;font-size:var(--fs-14);color:var(--grey);line-height:1.45}

/* machine : grande image paysage, en tête */
.pf--machine .pf__media img{height:clamp(260px,36vw,430px)}

/* chaise : cadrage serré, garde le haut (la chaise), masque le sol encombré */
.pf--chaise .pf__media img{height:420px;object-position:center 20%}

/* cérémonie : léger redressement (horizon penché), sans déformer */
.pf--ceremonie .pf__media img{height:clamp(220px,28vw,340px);transform:rotate(-1deg) scale(1.03)}

@media (min-width:900px){
  .preuves__grid{grid-template-columns:repeat(12,1fr);align-items:start}
  .pf--machine{grid-column:1 / 8;grid-row:1}
  .pf--chaise{grid-column:8 / 13;grid-row:1;margin-top:72px}
  .pf--chaise .pf__media img{height:520px}
  .pf--ceremonie{grid-column:4 / 13;grid-row:2;margin-top:-16px}
}

/* ============ BANDEAU VIDÉOS (vignettes verticales 9:16) ============ */
.preuves__vids{margin-top:64px}
.preuves__vids-title{font-size:var(--fs-14);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--grey);margin-bottom:24px}
.preuves__vids-track{display:flex;gap:16px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.vid-thumb{flex:0 0 auto;width:190px;scroll-snap-align:start;text-align:left;display:flex;flex-direction:column;gap:10px;padding:0}
.vid-thumb__frame{border-radius:20px;overflow:hidden;background:var(--tint);aspect-ratio:9/16;display:block;position:relative}
.vid-thumb__frame img{width:100%;height:100%;object-fit:cover;display:block}
.vid-thumb__label{font-size:var(--fs-14);color:var(--grey);line-height:1.4}
.vid-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:20px}

@media (min-width:700px){.vid-thumb{width:220px}}
@media (min-width:900px){
  .preuves__vids-track{overflow-x:visible;flex-wrap:wrap;scroll-snap-type:none;padding-bottom:0}
}

/* ============ LIGHTBOX VIDÉO ============ */
.lightbox{position:fixed;inset:0;z-index:200;display:none}
.lightbox.is-open{display:flex;align-items:center;justify-content:center;padding:24px}
.lightbox__backdrop{position:absolute;inset:0;background:rgba(18,17,14,.9)}
.lightbox__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:90vw}
.lightbox__vid{border-radius:20px;overflow:hidden;background:#000}
.lightbox__vid video{display:block;max-height:70vh;max-width:min(420px,88vw);width:auto;height:auto}
.lightbox__caption{color:#cfc8bd;font-size:var(--fs-14);text-align:center}
.lightbox__close{position:absolute;top:-14px;right:-8px;width:44px;height:44px;border-radius:50%;background:var(--white);color:var(--ink);font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(0,0,0,.35)}
.lightbox__close:hover{background:var(--tint)}
.lightbox__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lightbox__nav{display:flex;gap:12px}
.lightbox__arrow{width:44px;height:44px;border-radius:50%;background:var(--white);color:var(--ink);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center}
.lightbox__arrow:hover{background:var(--tint)}
.lightbox__arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}