/* fauteuils-da 02/10: layout fixes of the fiches T1-A2 found on the armchair fiches (inc/fauteuils-da.php). */

/* The « Notre avis express sur … » heading alone once its text moved into the head: no empty block. */
.fiche.ft.ft1a2 .avis-express:not(:has(> :not(h2))) { display: none !important; }

/* Head: the scene photos (square for an armchair) no longer set its height, the reading column does
   (an empty band opened under the subtitle of Sam, Palm, Simba, Pump...). */
@media (min-width: 901px) {
  .fiche.ft1a2 .ft-scenes .ft-scene { contain: size; min-height: 0; }
  /* An armchair photo is square: shown whole on white in the lower scene boxes, never cut at the backrest or the feet. */
  body.qc-fauteuil .fiche.ft1a2 .ft-scene { background: #fff; }
  body.qc-fauteuil .fiche.ft1a2 .ft-scene img { object-fit: contain; }
}

/* Phone sticky bar: the merchant button shrinks (ellipsis) instead of pushing the heart off the screen. */
@media (max-width: 700px) {
  .barre-achat__achat { flex: 0 1 auto; min-width: 0; }
  .barre-achat__achat .bouton--marchand { flex: 0 1 auto; min-width: 0; }
  .barre-achat__achat .bouton--marchand .cta__texte { min-width: 0; }
  .barre-achat__produit { flex: 1 1 5.5rem; min-width: 5.5rem; }
}
@media (max-width: 480px) {
  .barre-achat .barre-achat__photo { display: none; }
  .fiche.ft .barre-achat .bouton--marchand .cta__chez, .barre-achat .bouton--marchand .cta__chez { display: none !important; }
  .barre-achat__nom { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}

/* Armchair collection (body class qc-fauteuils): no inspiration scene, the collage shows studio photos; their grey
   backdrop fills the frame instead of white blocks above and under the photo. */
body.qc-fauteuils .dk-col .dk-col--studio, body.qc-fauteuils .dk-col .dk-col--studio img { background: #dad9df; }