/* Cartes des collections de volets roulants (09/10/2026, gérant : « quand on choisit une collection de volets, les
   cartes sont trop hautes, on ne peut pas voir les produits en entier ; faut les faire bien plus courtes »).
   Feuille chargée seulement sur /volets-roulants et les quatre collections de volets (scripts/generer-referencement.mjs) :
   aucune autre famille ne change. Contenu gardé : photo, « Sur mesure », origine et moteur, nom, dimensions maxi,
   commande et coloris, caractéristiques, prix « à partir de », « Ce prix comprend », bouton.
   Angles droits, sans ombre ; toute la carte ouvre le configurateur (lien du nom étendu à la carte). */
#onlybaie-perspective #op-produits .obp-card.obp-unified-card{position:relative;border-radius:0!important;box-shadow:none!important}
#onlybaie-perspective #op-produits .obp-unified-card :is(.obp-card-image,.obp-card-image img,.obp-origin,.ob-product-badge,.obp-card-actions .obp-button){border-radius:0!important}
/* Carte entièrement cliquable : le lien du nom couvre la carte ; les volets dépliables et le bouton restent au-dessus. */
#onlybaie-perspective #op-produits .obp-unified-card .obp-card-title a::after{content:"";position:absolute;inset:0;z-index:1}
#onlybaie-perspective #op-produits .obp-unified-card :is(details,.obp-card-actions .obp-button){position:relative;z-index:2}
@media(min-width:651px){
  /* Photo : 140 px de haut, le volet entier (avant : carré de toute la largeur, 321 px). */
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-image{height:140px!important;padding:6px 0 0!important;aspect-ratio:auto!important;background:#fff!important}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-image img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important}
  /* « Sur mesure » posé sur la photo, en haut à gauche, au lieu d'une ligne à part. */
  #onlybaie-perspective #op-produits .obp-unified-card .ob-product-badge{position:absolute;top:10px;left:10px;z-index:2;margin:0;padding:3px 8px;font-size:11px;line-height:1.3}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-body{padding:8px 14px 12px}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-meta{margin-bottom:4px}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-heading{margin-bottom:6px}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-title{font-size:17px!important;line-height:1.22;margin:0}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-keypoints{padding:4px 0 3px}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-keypoints small{margin-top:2px}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-options{padding:2px 0 4px}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-options .obp-command img{width:34px;height:34px}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-options .obp-command{min-height:0}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-more>summary{min-height:0;padding-block:7px}
  /* Prix : « À partir de » et le montant sur une ligne, détails resserrés. */
  #onlybaie-perspective #op-produits .obp-unified-card .ob-prix-collection{padding-top:6px;margin-bottom:6px}
  #onlybaie-perspective #op-produits .obp-unified-card .ob-prix-montant{display:flex!important;flex-direction:row!important;align-items:baseline;flex-wrap:wrap;gap:0 8px}
  #onlybaie-perspective #op-produits .obp-unified-card .ob-prix-montant strong{display:inline-block;width:auto;font-size:24px;line-height:1.15}
  #onlybaie-perspective #op-produits .obp-unified-card .ob-prix-reference{margin:2px 0 2px}
  #onlybaie-perspective #op-produits .obp-unified-card .ob-prix-details{margin-top:2px}
  #onlybaie-perspective #op-produits .obp-unified-card .ob-prix-details>summary{padding-block:6px}
  #onlybaie-perspective #op-produits .obp-unified-card .obp-card-actions .obp-button{min-height:40px;padding:9px 14px}
}
