/* ===== Container & row ===== */
.alt-blocks {
  width: 88%;
  max-width: 1144px;
  margin: 0 auto;
}

.alt-block { margin: 50px 0; }

.alt-block__inner {
  display: flex;
  align-items: stretch;     /* equal column heights */
  justify-content: center;
  background: #D7D8CA;
  text-align: center;
  min-height: 476px;        /* concrete height for the media column */
}


/* ===== Columns ===== */
.alt-block__media,
.alt-block__copy {
  flex: 1 1 50%;
  min-width: 0;             /* critical inside flex to avoid overflow calc bugs */
}

/* Text column (vertically centered) */
.alt-block__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px;
}
.alt-block__copy p { font-size: 13px; }

/* ===== Media column + Slick =====
   We give the media column a definite height,
   then make every Slick wrapper fill 100% of that height.
*/
.alt-block__media {
  position: relative;
  display: flex;
  min-height: 476px;        /* matches row min-height; adjust as needed */
  overflow: hidden;         /* keep edges clean */
}

.alt-block__slider {
	width: 100% !important;
}

/* Slick container and wrappers must fill the column */
.alt-block__media .content-slider,
.alt-block__media .content-slider .slick-list,
.alt-block__media .content-slider .slick-track,
.alt-block__media .content-slider .slick-slide,
.alt-block__media .content-slider .slick-slide > div,
.alt-block__media .content-slider .content-slide {
  width: 100%;
  height: 100%;
}

/* IMPORTANT:
   For fade mode, the track must stay block (not flex).
   For slide mode, block also works fine, so we always keep it block. */
.alt-block__media .content-slider .slick-track { display: block; }

/* The actual image covers the entire slide area */
.alt-block__media .content-slider .content-slide { position: relative; }
.alt-block__media .content-slider .content-slide img.alt-block__img,
.alt-block__img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}

/* ===== Buttons ===== */
.alt-block .fancy-button {
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
}