/* ==================== IMAGES + HERO (19 Sep 2026) ==================== */
.imgwrap{display:grid;grid-template-columns:1.35fr .95fr;gap:16px;margin-bottom:16px}
@media (max-width:900px){.imgwrap{grid-template-columns:1fr}}

.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
  border:1.5px dashed var(--line);border-radius:var(--radius);padding:26px 18px;text-align:center;
  background:var(--card);transition:border-color var(--t),background var(--t);cursor:pointer}
.drop:hover,.drop.over{border-color:var(--gold);background:var(--gold-soft)}
.drop .dico{width:34px;height:34px;color:var(--gold);opacity:.9}
.drop b{font-size:14px}
.drop .fine{font-size:11.5px;color:var(--ink-3);line-height:1.5;max-width:330px}

.herobox{border:1px solid var(--line);border-radius:var(--radius);padding:13px;background:var(--card);
  display:flex;flex-direction:column;gap:7px}
.herobox .hlab{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.herobox img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;background:var(--navy-3);
  border:1px solid var(--line)}
.herobox .hnm{font-size:12.5px;font-weight:650;word-break:break-all}

.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:11px}
.tile{position:relative;border:1px solid var(--line);border-radius:11px;overflow:hidden;
  background:var(--navy-3);aspect-ratio:4/3}
.tile img{width:100%;height:100%;object-fit:cover;display:block}
.tile.hero{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft)}
.tile .tno{position:absolute;top:6px;left:6px;font-size:10.5px;font-weight:700;padding:2px 6px;
  border-radius:999px;background:rgba(10,22,40,.78);color:#f0ead6;border:1px solid var(--line)}
.tile .hbadge{position:absolute;top:6px;right:6px;font-size:10px;font-weight:800;letter-spacing:.06em;
  padding:3px 7px;border-radius:999px;background:var(--gold);color:#241a03}
.tile .tact{position:absolute;inset:auto 0 0 0;display:flex;gap:6px;padding:7px;
  background:linear-gradient(180deg,rgba(10,22,40,0),rgba(10,22,40,.90))}
.tile .tact .btn{flex:1;justify-content:center;padding:5px 7px;font-size:11px}
.tile.bad img{opacity:.5}
.tile .warn{position:absolute;bottom:42px;left:6px;right:6px;font-size:10px;color:#241a03;
  background:var(--amber);border-radius:6px;padding:2px 6px;font-weight:700}

.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
@media (max-width:820px){.checks{grid-template-columns:1fr}}
.checks div{display:flex;gap:8px;font-size:11.5px;color:var(--ink-3);line-height:1.5;align-items:flex-start}
.checks svg{margin-top:1px;flex:0 0 auto;color:var(--green)}

:root.theme-light .drop,:root.theme-light .herobox{background:#fff}
:root.theme-light .tile .tno{background:rgba(255,255,255,.86);color:#1e293b}
:root.theme-light .tile .tact{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.94))}