.elementor-6156 .elementor-element.elementor-element-9ceffb1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-6156 .elementor-element.elementor-element-167ca05 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-6156 .elementor-element.elementor-element-167ca05 .elementor-icon-wrapper{text-align:center;}.elementor-6156 .elementor-element.elementor-element-167ca05.elementor-view-stacked .elementor-icon{background-color:#E8E5E000;}.elementor-6156 .elementor-element.elementor-element-167ca05.elementor-view-framed .elementor-icon, .elementor-6156 .elementor-element.elementor-element-167ca05.elementor-view-default .elementor-icon{color:#E8E5E000;border-color:#E8E5E000;}.elementor-6156 .elementor-element.elementor-element-167ca05.elementor-view-framed .elementor-icon, .elementor-6156 .elementor-element.elementor-element-167ca05.elementor-view-default .elementor-icon svg{fill:#E8E5E000;}.elementor-6156 .elementor-element.elementor-element-167ca05 .elementor-icon{font-size:30px;}.elementor-6156 .elementor-element.elementor-element-167ca05 .elementor-icon svg{height:30px;}.elementor-6156 .elementor-element.elementor-element-7a045fa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6156 .elementor-element.elementor-element-2459e9b{--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;}.elementor-6156 .elementor-element.elementor-element-4749891{--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;}.elementor-6156 .elementor-element.elementor-element-4ab3ae4{--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;}.elementor-6156 .elementor-element.elementor-element-c37b393{--display:flex;}.elementor-6156 .elementor-element.elementor-element-6f07f26{--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;}.elementor-6156 .elementor-element.elementor-element-72f8715{--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;}.elementor-6156 .elementor-element.elementor-element-63582aa{--display:flex;}.elementor-6156 .elementor-element.elementor-element-4cd2f0f{--display:flex;}.elementor-6156 .elementor-element.elementor-element-4cd2f0f:not(.elementor-motion-effects-element-type-background), .elementor-6156 .elementor-element.elementor-element-4cd2f0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://miriammay.com/wp-content/uploads/2025/02/freepik__adjust__23252.png");background-position:top left;background-size:cover;}.elementor-6156 .elementor-element.elementor-element-c35e18e{--display:flex;}.elementor-6156 .elementor-element.elementor-element-c35e18e:not(.elementor-motion-effects-element-type-background), .elementor-6156 .elementor-element.elementor-element-c35e18e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://miriammay.com/wp-content/uploads/2025/02/freepik__adjust__23252.png");background-position:top center;background-size:cover;}.elementor-6156 .elementor-element.elementor-element-3e1128c{--display:flex;}.elementor-6156 .elementor-element.elementor-element-3e1128c:not(.elementor-motion-effects-element-type-background), .elementor-6156 .elementor-element.elementor-element-3e1128c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://miriammay.com/wp-content/uploads/2025/02/freepik__adjust__23252.png");background-position:top right;background-size:cover;}.elementor-6156 .elementor-element.elementor-element-a5e05dd{--display:flex;}.elementor-6156 .elementor-element.elementor-element-a5e05dd:not(.elementor-motion-effects-element-type-background), .elementor-6156 .elementor-element.elementor-element-a5e05dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://miriammay.com/wp-content/uploads/2025/02/freepik__adjust__23252.png");background-position:bottom left;background-size:cover;}.elementor-6156 .elementor-element.elementor-element-e63d0a4{--display:flex;}.elementor-6156 .elementor-element.elementor-element-e63d0a4:not(.elementor-motion-effects-element-type-background), .elementor-6156 .elementor-element.elementor-element-e63d0a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://miriammay.com/wp-content/uploads/2025/02/freepik__adjust__23252.png");background-position:bottom right;background-size:cover;}.elementor-6156 .elementor-element.elementor-element-c1a59eb{--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;}.elementor-6156 .elementor-element.elementor-element-97134f3{--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;}.elementor-6156 .elementor-element.elementor-element-d1ecefc{--display:flex;}@media(max-width:767px){.elementor-6156 .elementor-element.elementor-element-9ceffb1{--width:100%;--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;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-6156 .elementor-element.elementor-element-7a045fa > .elementor-widget-container{margin:10px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6156 .elementor-element.elementor-element-9ceffb1{--width:100%;}}.elementor-element-4749891 {
    position: relative;
}
.elementor-element-4749891 .sirefin-lines-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: visible;
    z-index: 1;
}
.elementor-element-4749891 .sirefin-line.sirefin-line-tl-0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 90%;
    background: linear-gradient(to bottom, var(--e-global-color-primary) 0%, var(--e-global-color-primary) 70%, transparent 100%);
    transform: translate(20px, -30px);
    z-index: 2;
}
.elementor-element-4749891 .sirefin-line.sirefin-line-tl-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 60vw;
    height: 1px;
    background: linear-gradient(to right, transparent 0%, var(--e-global-color-primary) 20%, var(--e-global-color-primary) 30%, transparent 100%);
    transform: translate(-15%, -10px);
    z-index: 2;
}
.elementor-element-4749891 .sirefin-line.sirefin-line-tl-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 40vw;
    height: 1px;
    background: linear-gradient(to right, var(--e-global-color-primary) 0%, var(--e-global-color-primary) 70%, transparent 100%);
    transform: translate(-20px, -20px);
    z-index: 2;
}
.elementor-element-4749891 .sirefin-line.sirefin-line-br-0 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 90%;
    background: linear-gradient(to top, var(--e-global-color-primary) 0%, var(--e-global-color-primary) 70%, transparent 100%);
    transform: translate(-20px, 30px);
    z-index: 2;
}
.elementor-element-4749891 .sirefin-line.sirefin-line-br-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60vw;
    height: 1px;
    background: linear-gradient(to left, transparent 0%, var(--e-global-color-primary) 20%, var(--e-global-color-primary) 30%, transparent 100%);
    transform: translate(15%, 10px);
    z-index: 2;
}
.elementor-element-4749891 .sirefin-line.sirefin-line-br-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40vw;
    height: 1px;
    background: linear-gradient(to left, var(--e-global-color-primary) 0%, var(--e-global-color-primary) 70%, transparent 100%);
    transform: translate(20px, 20px);
    z-index: 2;
}
@media (max-width: 1024px) {
.elementor-element-4749891 .sirefin-line.sirefin-line-tl-2,
.elementor-element-4749891 .sirefin-line.sirefin-line-br-2 {
    display: none !important;
}
}
@media (max-width: 767px) {
.elementor-element-4749891 .sirefin-line.sirefin-line-tl-2,
.elementor-element-4749891 .sirefin-line.sirefin-line-br-2 {
    display: none !important;
}
}
/* Start custom CSS *//* ============================================
   STRONA: BIO (O mnie)
   Design System: Miriam May v1.2.1
   Ostatnia aktualizacja: 23.12.2025
   ============================================ */


/* ============================================
   KOMPONENT: Hero Header
   Klasa: .mm-hero-header (na CONTAINER)
   Użycie: Sekcja powitalna z ikoną, H1 i podtytułem
   Zawiera: właściwości kontenera + layout
   ============================================ */

.mm-hero-header {
  /* 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;
  justify-content: flex-start !important;
  text-align: center !important;
  gap: 0 !important;
  
  /* Spacing */
  padding-top: 48px !important;
  padding-bottom: 0 !important;
  margin-bottom: 56px !important;
}

/* === IKONA (Widget: Icon) === */
.mm-hero-header__icon {
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 12px !important;
}

.mm-hero-header__icon .elementor-icon-wrapper,
.mm-hero-header__icon .elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mm-hero-header__icon svg {
  width: 32px !important;
  height: auto !important;
}

/* === TYTUŁ H1 (Widget: Heading) === */
.mm-hero-header__title {
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 12px !important;
}

.mm-hero-header__title .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

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

/* === PODTYTUŁ (Widget: Heading) === */
.mm-hero-header__subtitle {
  margin: 0 !important;
  padding: 0 !important;
}

.mm-hero-header__subtitle .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.mm-hero-header__subtitle .elementor-heading-title {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 0.9 !important;
  letter-spacing: -0.54px !important;
  color: #986665 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ============================================
   KOMPONENT: Bio Content (2-kolumnowy tekst)
   Klasa: .mm-bio-content (na CONTAINER)
   Użycie: Sekcja z płynnym tekstem w 2 kolumnach
   ============================================ */

.mm-bio-content {
  /* Container */
  max-width: 1300px !important;
  margin-inline: auto !important;
  overflow: hidden !important;
}

.mm-bio-content > .e-con-inner {
  /* Padding - zunifikowane */
  padding-inline: clamp(20px, 1rem + 2vw, 40px) !important;
  
  /* Block display for columns */
  display: block !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  
  /* Columns */
  column-count: 2 !important;
  column-gap: 72px !important;
}

.mm-bio-content {
  /* Spacing */
  margin-bottom: 56px !important;
}

/* === TEXT LIGHT (Open Sans 300) === */
.mm-text-light,
.mm-text-light p,
.mm-text-light .elementor-widget-container,
.mm-text-light .elementor-widget-container p {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 26px !important;
  letter-spacing: 0.9px !important;
  color: #444444 !important;
  margin: 0 0 25px 0 !important;
  padding: 0 !important;
  text-align: justify !important;
  
  /* Dzielenie wyrazów */
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  -webkit-locale: "pl-PL" !important;
  locale: "pl-PL" !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

/* === TEXT EMPHASIS (Open Sans 400) === */
.mm-text-emphasis,
.mm-text-emphasis p,
.mm-text-emphasis .elementor-widget-container,
.mm-text-emphasis .elementor-widget-container p {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  letter-spacing: 0.9px !important;
  color: #444444 !important;
  margin: 0 0 25px 0 !important;
  padding: 0 !important;
  text-align: justify !important;
  
  /* Dzielenie wyrazów */
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  -webkit-locale: "pl-PL" !important;
  locale: "pl-PL" !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

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


/* ============================================
   KOMPONENT: Image Trio (3 zdjęcia dekoracyjne)
   Klasa: .mm-image-trio (na CONTAINER)
   Użycie: Sekcja z 3 obrazami - pióra, róża, portret
   PORTRET: Stała proporcja 370:510 na wszystkich breakpointach
   PIÓRA + RÓŻA: Wypełniają resztę, kurczą się
   ============================================ */

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

/* Flex container na .e-con-inner */
.mm-image-trio > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 26px !important;
  width: 100% !important;
  height: 510px !important;
}

/* === PIÓRA (lewa kolumna) === */
.mm-image-trio__feathers.elementor-widget-image {
  flex: 1 3 0 !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

.mm-image-trio__feathers .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;
}

.mm-image-trio__feathers .elementor-widget-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  /* filter: sepia(0.4) saturate(0.8) hue-rotate(-10deg) !important; */
}

/* === RÓŻA (środkowa kolumna) === */
.mm-image-trio__rose.elementor-widget-image {
  flex: 2 2 0 !important;
  min-width: 80px !important;
  height: 100% !important;
  overflow: hidden !important;
}

.mm-image-trio__rose .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;
}

.mm-image-trio__rose .elementor-widget-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  /* filter: sepia(0.4) saturate(0.8) hue-rotate(-10deg) !important; */
}

/* === PORTRET (prawa kolumna - STAŁA PROPORCJA) === */
.mm-image-trio__portrait.elementor-widget-image {
  flex: 0 0 auto !important;
  width: calc(510px * (370 / 510)) !important;
  min-width: calc(510px * (370 / 510)) !important;
  height: 100% !important;
  overflow: hidden !important;
}

.mm-image-trio__portrait .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;
}

.mm-image-trio__portrait .elementor-widget-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}


/* ============================================
   KOMPONENT: Activities Section (Czym się zajmuję?)
   Klasa: .mm-activities (na CONTAINER)
   Użycie: Sekcja z H2, divider, italic quote, 2-col text
   ============================================ */

.mm-activities {
  /* Container */
  max-width: 1300px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 1rem + 2vw, 40px) !important;
  
  /* Spacing */
  margin-top: 56px !important;
  margin-bottom: 96px !important;
}

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

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

.mm-activities__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;
}

/* === ITALIC QUOTE (Widget: Text Editor) === */
.mm-activities__quote {
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 56px !important;
}

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

.mm-activities__quote .elementor-widget-container,
.mm-activities__quote .elementor-widget-container p,
.mm-activities__quote .elementor-heading-title {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 29px !important;
  font-weight: 300 !important;
  font-style: italic !important;
  line-height: 1.2 !important;
  letter-spacing: -0.24px !important;
  color: #444444 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === 2-COL TEXT (nested e-con-full) === */
.mm-activities .mm-bio-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mm-activities .mm-bio-content.e-flex {
  display: block !important;
  column-count: 2 !important;
  column-gap: 72px !important;
}


/* ============================================
   KOMPONENT: Highlight Section (tło 100vw + zawartość 1300px)
   STRUKTURA: Zagnieżdżone kontenery
     - .mm-highlight-wrapper (full-width, tło)
     - .mm-highlight (1300px, zawartość)
   ============================================ */

/* === WRAPPER FULL-WIDTH (tło) === */
.mm-highlight-wrapper {
  width: 100% !important;
  background-color: #F8F8F8 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === CONTAINER 1300px (zawartość) === */
.mm-highlight {
  max-width: 1300px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 1rem + 2vw, 40px) !important;
  
  /* Spacing */
  padding-top: 64px !important;
  padding-bottom: 80px !important;
}

/* === NAGŁÓWEK H2 === */
.mm-highlight__title {
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}

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

.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;
}

/* === PARAGRAFY CENTERED + NARROW (dodatkowy margines 100px) === */
.mm-highlight .mm-text-emphasis,
.mm-highlight .mm-text-light {
  margin-inline: 100px !important;
}

.mm-highlight .mm-text-emphasis,
.mm-highlight .mm-text-emphasis p,
.mm-highlight .mm-text-emphasis .elementor-widget-container,
.mm-highlight .mm-text-emphasis .elementor-widget-container p,
.mm-highlight .mm-text-light,
.mm-highlight .mm-text-light p,
.mm-highlight .mm-text-light .elementor-widget-container,
.mm-highlight .mm-text-light .elementor-widget-container p {
  text-align: center !important;
}

/* ============================================
   KOMPONENT: Services Grid (Karty usług)
   Klasa: .mm-services-grid (na CONTAINER nadrzędny)
   Zawiera: 5 kart z ikoną + H3, tło obrazkowe
   Design System: Miriam May v1.2.1
   ============================================ */


/* === GRID CONTAINER === */
.mm-services-grid {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 20px !important;
  margin-top: 40px !important;
  width: 100% !important;
}

/* Reset Elementor inner container */
.mm-services-grid > .e-con-inner {
  display: contents !important;
}


/* === KARTA BAZOWA === */
.mm-service-card {
  position: relative !important;
  height: 195px !important;
  overflow: hidden !important;
  
  /* Flexbox dla zawartości */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 20px !important;
  
  /* Tło - obrazek ustawiany w Elementorze */
  background-size: 1300px auto !important;
  background-repeat: no-repeat !important;
  
  /* Transition dla hover */
  transition: all 300ms ease !important;
}

/* Reset Elementor inner container */
.mm-service-card > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  z-index: 2 !important;
}


/* === HOVER OVERLAY (::before) === */
.mm-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-color: #E8E5E0 !important;
  opacity: 0.75 !important; /* Normal state: półprzezroczysty */
  transition: opacity 300ms ease !important;
  z-index: 1 !important;
}

.mm-service-card:hover::before {
  opacity: 1 !important;
}


/* === IKONA === */
.mm-service-card__icon {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

.mm-service-card__icon .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mm-service-card__icon img {
  width: 68px !important;
  height: auto !important;
  transition: filter 300ms ease !important;
}

/* Hover: biała ikona */
.mm-service-card:hover .mm-service-card__icon img {
  filter: brightness(0) invert(1) !important;
}


/* === TYTUŁ H3 === */
.mm-service-card__title {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

.mm-service-card__title .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.mm-service-card__title .elementor-heading-title {
  font-family: 'Cinzel', serif !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: -0.5px !important;
  color: #553F36 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: color 300ms ease !important;
}

/* Hover: biały tekst */
.mm-service-card:hover .mm-service-card__title .elementor-heading-title {
  color: #FFFFFF !important;
}


/* === GRID SPANS + BACKGROUND POSITION (per karta) === */

/* Karta 1 - lewa górna */
.mm-service-card--1 {
  grid-column: span 2 !important;
  background-position: left top !important;
}

/* Karta 2 - środek górny */
.mm-service-card--2 {
  grid-column: span 2 !important;
  background-position: center top !important;
}

/* Karta 3 - prawa górna */
.mm-service-card--3 {
  grid-column: span 2 !important;
  background-position: right top !important;
}

/* Karta 4 - lewa dolna */
.mm-service-card--4 {
  grid-column: span 3 !important;
  background-position: 25% bottom !important;
}

/* Karta 5 - prawa dolna */
.mm-service-card--5 {
  grid-column: span 3 !important;
  background-position: 75% bottom !important;
}

/* ============================================
   KOMPONENT: CTA Section (Call to Action)
   Klasy: .mm-cta-wrapper (full-width), .mm-cta (1300px)
   Design System: Miriam May v1.2.1
   Użycie: Sekcja z ikoną, divider, tekst, button
   ============================================ */

/* === WRAPPER FULL-WIDTH (tło) === */
.mm-cta-wrapper {
  width: 100% !important;
  background-color: #E8E5E0 !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* === CONTAINER 1300px (zawartość) === */
.mm-cta {
  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;
  
  /* Spacing */
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

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

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

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

/* === DIVIDER (REUSE .mm-divider-line) === */
.mm-cta .mm-divider-line {
  margin: 0 auto 32px auto !important;
}

/* === TEKST (REUSE .mm-text-light z modyfikacjami) === */
.mm-cta .mm-text-light,
.mm-cta .mm-text-light p,
.mm-cta .mm-text-light .elementor-widget-container,
.mm-cta .mm-text-light .elementor-widget-container p {
  text-align: center !important;
  margin-inline: 50px !important;
  margin-bottom: 20px !important;
}

/* === BUTTON (Outline Brand) === */
.mm-cta__button {
  margin: 0 !important;
  padding: 0 !important;
}

.mm-cta__button .elementor-widget-container {
  display: flex !important;
  justify-content: center !important;
}

.mm-cta__button a,
.mm-cta__button .elementor-button {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.48px !important;
  line-height: normal !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  
  color: #553F36 !important;
  background-color: #FFFFFF !important;
  border: 0.5px solid #553F36 !important;
  border-radius: 0 !important;
  
  padding: 12px 25px !important;
  min-height: 36px !important;
  
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  cursor: pointer !important;
  transition: all 300ms ease !important;
}

.mm-cta__button a:hover,
.mm-cta__button .elementor-button:hover {
  color: #FFFFFF !important;
  background-color: #553F36 !important;
  border-color: #553F36 !important;
}
/* ============================================
   KOMPONENT: References Header (Referencje)
   Klasa: .mm-references (na CONTAINER)
   Design System: Miriam May v1.2.1
   Użycie: Nagłówek sekcji testimoniali
   ============================================ */

.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;

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

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

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

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

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

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

.mm-references__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 (REUSE .mm-divider-line) === */
.mm-references .mm-divider-line {
  margin: 0 auto !important;
}

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

  /* --- HERO HEADER --- */
  .mm-hero-header {
    padding-top: 40px !important;
    margin-bottom: 48px !important;
  }

  .mm-hero-header__icon {
    margin-bottom: 10px !important;
  }
  
  .mm-hero-header__icon svg {
    width: 28px !important;
  }

  .mm-hero-header__title {
    margin-bottom: 10px !important;
  }

  .mm-hero-header__title .elementor-heading-title {
    font-size: 38px !important;
    letter-spacing: 0.75px !important;
  }

  .mm-hero-header__subtitle .elementor-heading-title {
    font-size: 17px !important;
    letter-spacing: -0.4px !important;
  }

  /* --- BIO CONTENT --- */
  .mm-bio-content {
    margin-bottom: 48px !important;
  }
  
  .mm-bio-content > .e-con-inner {
    column-count: 1 !important;
    column-gap: 0 !important;
  }

  .mm-text-light,
  .mm-text-light p,
  .mm-text-light .elementor-widget-container,
  .mm-text-light .elementor-widget-container p {
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 20px !important;
  }

  .mm-text-emphasis,
  .mm-text-emphasis p,
  .mm-text-emphasis .elementor-widget-container,
  .mm-text-emphasis .elementor-widget-container p {
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 20px !important;
  }

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

  /* --- IMAGE TRIO --- */
  .mm-image-trio {
    margin-bottom: 48px !important;
  }

  .mm-image-trio > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 20px !important;
    height: 420px !important;
  }

  .mm-image-trio__feathers.elementor-widget-image {
    display: none !important;
  }

  .mm-image-trio__rose.elementor-widget-image {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 100% !important;
    display: block !important;
  }

  .mm-image-trio__portrait.elementor-widget-image {
    flex: 0 0 auto !important;
    width: calc(420px * (370 / 510)) !important;
    min-width: calc(420px * (370 / 510)) !important;
    height: 100% !important;
  }

  /* --- ACTIVITIES --- */
  .mm-activities {
    margin-top: 48px !important;
    margin-bottom: 76px !important;
  }

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

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

  .mm-activities__quote {
    margin-bottom: 48px !important;
  }

  .mm-activities__quote .elementor-widget-container,
  .mm-activities__quote .elementor-widget-container p,
  .mm-activities__quote .elementor-heading-title {
    font-size: 26px !important;
  }

  .mm-activities .mm-bio-content.e-flex {
    column-count: 1 !important;
    column-gap: 0 !important;
  }

  /* --- HIGHLIGHT SECTION --- */
  .mm-highlight {
    padding-top: 54px !important;
    padding-bottom: 64px !important;
  }

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

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

  /* Marginesy paragrafów zanikają na tablet */
  .mm-highlight .mm-text-emphasis,
  .mm-highlight .mm-text-light {
    margin-inline: 0 !important;
  }
  .mm-services-grid {
    gap: 18px !important;
    margin-top: 34px !important;
  }

  .mm-service-card {
    height: 160px !important;
    padding: 16px !important;
    gap: 10px !important;
    background-size: 200% auto !important;
  }
  
  .mm-service-card > .e-con-inner {
    gap: 10px !important;
  }

  .mm-service-card__icon img {
    width: 57px !important;
  }

  .mm-service-card__title .elementor-heading-title {
    font-size: 22px !important;
    letter-spacing: -0.4px !important;
  }

  /* Grid spans - Tablet */
  .mm-service-card--1 {
    grid-column: span 6 !important;
    background-position: center top !important;
  }

  .mm-service-card--2 {
    grid-column: span 3 !important;
    background-position: left center !important;
  }

  .mm-service-card--3 {
    grid-column: span 3 !important;
    background-position: right center !important;
  }

  .mm-service-card--4 {
    grid-column: span 3 !important;
    background-position: left bottom !important;
  }

  .mm-service-card--5 {
    grid-column: span 3 !important;
    background-position: right bottom !important;
  }
  .mm-cta-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mm-cta {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

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

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

  .mm-cta .mm-divider-line {
    margin-bottom: 28px !important;
  }

  .mm-cta .mm-text-light,
  .mm-cta .mm-text-light p,
  .mm-cta .mm-text-light .elementor-widget-container,
  .mm-cta .mm-text-light .elementor-widget-container p {
    margin-inline: 0 !important;
    margin-bottom: 18px !important;
  }

  .mm-cta__button a,
  .mm-cta__button .elementor-button {
    font-size: 12px !important;
    letter-spacing: 0.48px !important;
    padding: 11px 22px !important;
    min-height: 34px !important;
  }
  .mm-references {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
  }

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

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

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

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


}


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

  /* --- HERO HEADER --- */
  .mm-hero-header {
    padding-top: 32px !important;
    margin-bottom: 40px !important;
  }

  .mm-hero-header__icon {
    margin-bottom: 8px !important;
  }
  
  .mm-hero-header__icon svg {
    width: 24px !important;
  }

  .mm-hero-header__title {
    margin-bottom: 8px !important;
  }

  .mm-hero-header__title .elementor-heading-title {
    font-size: 32px !important;
    letter-spacing: 0.5px !important;
  }

  .mm-hero-header__subtitle .elementor-heading-title {
    font-size: 16px !important;
    letter-spacing: -0.3px !important;
  }

  /* --- BIO CONTENT --- */
  .mm-bio-content {
    margin-bottom: 40px !important;
  }
  
  .mm-bio-content > .e-con-inner {
    column-count: 1 !important;
    column-gap: 0 !important;
  }

  .mm-text-light,
  .mm-text-light p,
  .mm-text-light .elementor-widget-container,
  .mm-text-light .elementor-widget-container p {
    font-size: 15px !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
    margin-bottom: 15px !important;
  }

  .mm-text-emphasis {
    padding: 8px 8px 8px 12px !important;
    background-color: #F5F5F5 !important;
    border-left: 3px solid #A6947E !important;
    margin-bottom: 15px !important;
  }
  
  .mm-text-emphasis p,
  .mm-text-emphasis .elementor-widget-container,
  .mm-text-emphasis .elementor-widget-container p {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
  }

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

  /* --- IMAGE TRIO --- */
  .mm-image-trio {
    padding-inline: clamp(20px, 1rem + 2vw, 40px) !important;
    margin-bottom: 40px !important;
  }

  .mm-image-trio > .e-con-inner {
    gap: 0 !important;
    height: auto !important;
  }

  .mm-image-trio__feathers.elementor-widget-image {
    display: none !important;
  }

  .mm-image-trio__rose.elementor-widget-image {
    display: none !important;
  }

  .mm-image-trio__portrait.elementor-widget-image {
    flex: 1 0 100% !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 370 / 510 !important;
  }

  /* --- ACTIVITIES --- */
  .mm-activities {
    margin-top: 40px !important;
    margin-bottom: 22px !important;
  }

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

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

  .mm-activities__quote {
    margin-bottom: 40px !important;
  }

  .mm-activities__quote .elementor-widget-container,
  .mm-activities__quote .elementor-widget-container p,
  .mm-activities__quote .elementor-heading-title {
    font-size: 20px !important;
  }

  .mm-activities .mm-bio-content.e-flex {
    column-count: 1 !important;
    column-gap: 0 !important;
  }

  /* --- HIGHLIGHT SECTION --- */
  .mm-highlight {
    padding-top: 44px !important;
    padding-bottom: 48px !important;
  }

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

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

  /* Marginesy paragrafów zanikają na mobile */
  .mm-highlight .mm-text-emphasis,
  .mm-highlight .mm-text-light {
    margin-inline: 0 !important;
  }

  /* Reset callout style dla highlight section */
  .mm-highlight .mm-text-emphasis {
    padding: 0 !important;
    background-color: transparent !important;
    border-left: none !important;
  }
  .mm-services-grid {
    gap: 16px !important;
    margin-top: 28px !important;
  }

  .mm-service-card {
    height: 100px !important;
    padding: 12px 16px !important;
    gap: 12px !important;
    background-size: cover !important; /* Wypełnia cały kontener */
    
    /* Horizontal layout */
    flex-direction: row !important;
    justify-content: flex-start !important;
  }
  
  .mm-service-card > .e-con-inner {
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  .mm-service-card__icon img {
    width: 45px !important;
  }

  .mm-service-card__title .elementor-heading-title {
    font-size: 18px !important;
    letter-spacing: -0.3px !important;
    text-align: left !important;
  }

  /* Grid spans - Mobile (wszystkie full width) */
  .mm-service-card--1,
  .mm-service-card--2,
  .mm-service-card--3,
  .mm-service-card--4,
  .mm-service-card--5 {
    grid-column: span 6 !important;
  }

  /* Background positions - Mobile (left + vertical %) */
  .mm-service-card--1 {
    background-position: left 10% !important;  /* Pas 0-20% */
  }

  .mm-service-card--2 {
    background-position: left 30% !important;  /* Pas 20-40% */
  }

  .mm-service-card--3 {
    background-position: left 50% !important;  /* Pas 40-60% */
  }

  .mm-service-card--4 {
    background-position: left 70% !important;  /* Pas 60-80% */
  }

  .mm-service-card--5 {
    background-position: left 90% !important;  /* Pas 80-100% */
  }
  .mm-cta-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mm-cta {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

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

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

  .mm-cta .mm-divider-line {
    margin-bottom: 24px !important;
  }

  .mm-cta .mm-text-light,
  .mm-cta .mm-text-light p,
  .mm-cta .mm-text-light .elementor-widget-container,
  .mm-cta .mm-text-light .elementor-widget-container p {
    margin-inline: 0 !important;
    margin-bottom: 16px !important;
  }

  .mm-cta__button a,
  .mm-cta__button .elementor-button {
    font-size: 11px !important;
    letter-spacing: 0.4px !important;
    padding: 10px 18px !important;
    min-height: 31px !important;
  }
  /* --- TEXT JUSTIFY NA MOBILE (highlight + cta) --- */
.mm-highlight .mm-text-light,
.mm-highlight .mm-text-light p,
.mm-highlight .mm-text-light .elementor-widget-container,
.mm-highlight .mm-text-light .elementor-widget-container p,
.mm-cta .mm-text-light,
.mm-cta .mm-text-light p,
.mm-cta .mm-text-light .elementor-widget-container,
.mm-cta .mm-text-light .elementor-widget-container p {
  text-align: justify !important;
  }
  .mm-references {
    padding-top: 32px !important;
    padding-bottom: 0 !important;
  }

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

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

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

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



}/* End custom CSS */