/* Literie collections in the /meilleur-canape/ layout (inc/literie-collection.php): only what the sofa sheets
   (design-collection, affiner, maillage-0710, meilleur-canape, calculateur) do not already give these blocks. */
.collection--literie .dk-col figure img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 3; }
.collection--literie .carte__photo .coeur { left: auto; right: 10px; bottom: 10px; }
.collection--literie .dk-ligne { margin: 0 0 .8rem; font-size: .88rem; color: var(--feutre); }
.collection--literie .pilier-verdict__item.est-deja .pilier-verdict__usage::after { content: " · déjà cité"; color: var(--feutre); font-weight: 400; }

/* Calculator: bed / bedroom inputs (the sofa sheet styles the frame, modes, list and cards). */
.collection--literie .calc__champs { display: flex; flex-wrap: wrap; gap: .8rem 1.4rem; margin: .8rem 0; }
.collection--literie .calc__champ { display: flex; flex-direction: column; gap: .3rem; }
.collection--literie .calc__champ[hidden] { display: none; }
.collection--literie .calc__saisie { display: inline-flex; align-items: center; gap: .4rem; }
.collection--literie .calc__saisie input, .collection--literie .calc__saisie select { min-height: 44px; padding: .4rem .6rem; border: 1px solid var(--trait); border-radius: 4px; background: var(--blanc); font: inherit; font-variant-numeric: tabular-nums; }
.collection--literie .calc__saisie input { width: 6.5rem; }
.collection--literie .calc__plan { color: var(--anthracite); }

/* Infographic vignette drawn as SVG (the sofa one is a PNG). */
.collection--literie .ifg__vignette svg { display: block; width: 100%; height: auto; max-width: 380px; }

@media (max-width: 640px) {
  .collection--literie .calc__champs { gap: .6rem; }
  .collection--literie .calc__saisie input { width: 5.5rem; }
}
