@layer pscc {
.czsubbanner_container .subbanner .subbanner-content {
  width: 400.25px !important ;              /* fixed width */
  height: 220px !important;               /* same height on all */
  box-sizing: border-box !important;      /* keep total width (incl. padding) = 441.5px */
  display: flex !important;               /* stack title / text / button */
  flex-direction: column !important;
  justify-content: flex-start !important; /* text at the top of the 220px box */
  padding: 12px 16px !important;   
    
}

.czsubbanner_container .subbanner-part2 .subbanner-content {
  width: 560.25px !important ;              /* fixed width */
  height: 220px !important;               /* same height on all */
  box-sizing: border-box !important;      /* keep total width (incl. padding) = 441.5px */
  display: flex !important;               /* stack title / text / button */
  flex-direction: column !important;
  justify-content: flex-start !important; /* text at the top of the 220px box */
  padding: 12px 16px !important;   
 
}

.czsubbanner_container .subbanner .subbanner-content .main-title,
.czsubbanner_container .subbanner .subbanner-content .main-title span {
  font-size: 30px;
  line-height: 1.2;
}







#czcategoryimagelist-carousel .owl-wrapper {
  display: flex !important;          /* tu l’as déjà, je le rappelle ici */
  width: auto !important;
  gap: 14px !important;               /* petit espace entre cartes */
}

#czcategoryimagelist-carousel .owl-item {
  /* largeur fixe confortable (change 320px -> 340/360 si tu veux encore + large) */
  flex: 0 0 320px !important;
  width: 320px !important;
}

#czcategoryimagelist-carousel .categoryblock.item {
  /* pour éviter que le contenu colle aux bords quand la carte s’élargit */
  padding: 12px !important;
}

/* Autoriser le titre à aller à la ligne et supprimer l’ellipse/clip */
#czcategoryimagelist-carousel .cate-heading a {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: initial !important;
  word-break: break-word !important;   /* si un mot est très long */
  line-height: 1.25 !important;
}

/* Option: forcer le titre sur max 2 lignes (au lieu d’illimité) */
/*
#czcategoryimagelist-carousel .cate-heading a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}
*/

/* Responsive: sur mobile, une grande carte pleine largeur */
@media (max-width: 768px) {
  #czcategoryimagelist-carousel .owl-item {
    flex: 0 0 88% !important;         /* grande carte = facile à lire */
    width: 88% !important;
  }

}