/* GOODLOAD — तस्वीरें (माल, POD)
   ═══════════════════════════════════════════════════════════════
   ⚠️ ये सिर्फ़ काग़ज़ खोलने पर दिखती हैं, सूची में कभी नहीं।
      `loading="lazy"` भी लगा है — जो पर्दे पर न आए, वह उतरे ही न।
   ═══════════════════════════════════════════════════════════════ */

/* ── चुनने वाला डिब्बा ──────────────────────────────────── */
.ts-dibba{ display:flex; gap:9px; flex-wrap:wrap; margin-bottom:12px; }

.ts-jodo{
  flex:none; width:5rem; height:5rem;
  appearance:none; cursor:pointer; font:inherit;
  border:2px dashed #C3CDE2; border-radius:.8rem;
  background:#F7FAFF; color:var(--p2);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
}
.ts-jodo:active{ background:#EAF0FB; }
.ts-jodo small{ font-size:.62rem; font-weight:700; color:var(--txt3); }

.ts-ek{
  position:relative; flex:none;
  width:5rem; height:5rem; border-radius:.8rem; overflow:hidden;
  border:1px solid var(--border); background:#EEF1F7;
}
.ts-ek img{ width:100%; height:100%; object-fit:cover; display:block; }

.ts-hatao{
  position:absolute; inset-block-start:3px; inset-inline-end:3px;
  width:1.6rem; height:1.6rem; border-radius:50%;
  appearance:none; border:0; cursor:pointer;
  background:rgba(12,22,40,.72); color:#fff;
  font-size:1rem; font-weight:700; line-height:1;
  display:grid; place-items:center;
}

/* ── दिखाने वाला हिस्सा — काग़ज़ खोलने पर ─────────────────── */
.ts-dikh{ display:flex; gap:9px; flex-wrap:wrap; margin-bottom:14px; }
.ts-dikh img{
  flex:1 1 8rem; min-width:0; max-width:100%;
  aspect-ratio:4/3; object-fit:cover;
  border-radius:.7rem; border:1px solid var(--border);
  background:#EEF1F7;
}
/* aspect-ratio पुराने फ़ोन में नहीं है — तब भी भद्दा न लगे */
@supports not (aspect-ratio: 4/3){
  .ts-dikh img{ height:8rem; }
}