/* Karta */
.c-product-interconnection-banner__link{
  border: 1px solid #e3e6ea !important;
  border-radius: 12px !important;
  background: #f8f9fb !important;
  padding: 18px !important;
  box-sizing: border-box !important;
}

/* Hover */
.c-product-interconnection-banner__link:hover{
  box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
  transform: translateY(-1px);
  transition: box-shadow .2s ease, transform .2s ease;
}

/* ✅ Plain HTML banner: udělej z wrapperu flex a tlačítko dej na nový řádek */
.c-product-interconnection-banner__link.is--plain-html{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  column-gap: 16px !important;
  row-gap: 14px !important;
}

/* Obrázek (1. span) */
.c-product-interconnection-banner__link.is--plain-html > span:nth-of-type(1){
  flex: 0 0 92px !important;     /* fixní šířka */
  width: 92px !important;
  height: 92px !important;
  margin: 0 !important;          /* zruš marginy z HTML */
}

/* Text (2. span) */
.c-product-interconnection-banner__link.is--plain-html > span:nth-of-type(2){
  flex: 1 1 260px !important;     /* roste, ale umí se zalomit */
  max-width: none !important;     /* zruš max-width:calc(...) z HTML */
  margin: 0 !important;
  min-width: 0 !important;
}

/* Tlačítko: celý řádek + do středu */
.c-product-interconnection-banner__link.is--plain-html > .c-product-interconnection-banner__button{
  flex: 0 0 100% !important;
  display: inline-block !important;
  margin: 0 auto !important;      /* centrování */
}