.elementor-7203 .elementor-element.elementor-element-ae72837{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* ============================================
   STRONA: Referencje (Landing Page)
   Design System: Miriam May v1.2.1
   Data utworzenia: 24.03.2026
   Bazuje na: BIO (komponenty nagłówkowe)
   ============================================ */


/* ============================================
   KOMPONENT: References Header
   Klasa: .mm-references (na CONTAINER)
   Zawiera: ikona + H2 + divider
   ============================================ */

.mm-references {
  /* Container */
  max-width: 1300px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 1rem + 2vw, 40px) !important;

  /* Layout */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;

  /* Spacing */
  padding-top: 48px !important;
  padding-bottom: 0 !important;
}


/* === IKONA (Widget: Image, klasa .mm-cta__icon) === */
.mm-references .mm-cta__icon {
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 12px !important;
}

.mm-references .mm-cta__icon .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mm-references .mm-cta__icon img {
  width: 45px !important;
  height: auto !important;
}


/* === NAGŁÓWEK H2 (Widget: Heading, klasa .mm-highlight__title) === */
.mm-references .mm-highlight__title {
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}

.mm-references .mm-highlight__title .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.mm-references .mm-highlight__title .elementor-heading-title {
  font-family: 'Cinzel', serif !important;
  font-size: 29px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: -0.93px !important;
  color: #553F36 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* === DIVIDER (Widget: HTML, klasa .mm-divider-line) === */
.mm-references .mm-divider-line {
  width: 100px !important;
  height: 1px !important;
  margin: 0 auto 32px auto !important;
  padding: 0 !important;
  background: linear-gradient(
    to right,
    transparent 0%,
    #553F36 50%,
    transparent 100%
  ) !important;
  border: none !important;
}


/* ============================================
   TABLET (768px - 1024px)
   ============================================ */
@media (max-width: 1024px) {

  .mm-references {
    padding-top: 40px !important;
  }

  .mm-references .mm-cta__icon {
    margin-bottom: 10px !important;
  }

  .mm-references .mm-cta__icon img {
    width: 40px !important;
  }

  .mm-references .mm-highlight__title {
    margin-bottom: 14px !important;
  }

  .mm-references .mm-highlight__title .elementor-heading-title {
    font-size: 26px !important;
    letter-spacing: -0.81px !important;
  }

  .mm-references .mm-divider-line {
    margin: 0 auto 28px auto !important;
  }

}


/* ============================================
   MOBILE (≤767px)
   ============================================ */
@media (max-width: 767px) {

  .mm-references {
    padding-top: 32px !important;
  }

  .mm-references .mm-cta__icon {
    margin-bottom: 8px !important;
  }

  .mm-references .mm-cta__icon img {
    width: 36px !important;
  }

  .mm-references .mm-highlight__title {
    margin-bottom: 12px !important;
  }

  .mm-references .mm-highlight__title .elementor-heading-title {
    font-size: 22px !important;
    letter-spacing: -0.69px !important;
  }

  .mm-references .mm-divider-line {
    margin: 0 auto 24px auto !important;
  }

}/* End custom CSS */