.elementor-8 .elementor-element.elementor-element-6b0a17e{--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-8 .elementor-element.elementor-element-c91f568{--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-8 .elementor-element.elementor-element-9b7f4f0{--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-8 .elementor-element.elementor-element-50fdd7e{--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-8 .elementor-element.elementor-element-9d54cec{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-8 .elementor-element.elementor-element-8601035 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-8 .elementor-element.elementor-element-8601035 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-8 .elementor-element.elementor-element-8601035{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:#7A7A7A;--galleries-title-color-hover:#323132;--galleries-pointer-bg-color-hover:#FFFFFF00;--gallery-title-color-active:#323132;--galleries-pointer-bg-color-active:#323132;}.elementor-8 .elementor-element.elementor-element-8601035 .elementor-gallery-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8 .elementor-element.elementor-element-384295e{--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-8 .elementor-element.elementor-element-f673690{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-4f969e9{--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-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-field-type-html{padding-bottom:0px;}.elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-8 .elementor-element.elementor-element-2c8b27f .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-button[type="submit"]{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-8 .elementor-element.elementor-element-2c8b27f .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-2c8b27f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-2c8b27f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-8 .elementor-element.elementor-element-2c8b27f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-2c8b27f{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-8 .elementor-element.elementor-element-208a8ad{--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;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-4f969e9{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-6b0a17e *//* ================== GLOBAL ================== */
html, body{
  height: 100%;
  margin: 0;
  padding: 0;
}

:root{
  --hero-bg-1: url("https://gronowodomy.pl/wp-content/uploads/2025/11/Wizualizacja-zewnetrzna-2.jpg");

  --header-h-desktop: 88px;
  --header-h-mobile: 64px;

  --accent: #2EAF67;
  --accent-700: #27995A;
  --text: #0F1115;
  --muted: #2A2F36;

  --radius-lg: 20px;
  --radius-md: 12px;
  --hero-br: 20px;
  --shadow-lg: 0 8px 24px rgba(0,0,0,.10);

  --max-card-w: clamp(360px, 26vw, 520px);
  --copy-lh: 1.45;
  --copy-mb: 8px;

  --btn-py: clamp(8px, 1.1vw, 12px);
  --btn-px: clamp(14px, 1.8vw, 18px);
  --btn-radius: 10px;
}

/* ================== HERO BASE ================== */
.hero{
  position: relative;
  isolation: isolate;
  display: grid;
  justify-items: center;
  align-content: flex-start;
  overflow: clip;
  padding: 0;
  padding-inline:
    max(clamp(10px, 2vw, 18px), env(safe-area-inset-left,0px))
    max(clamp(10px, 2vw, 18px), env(safe-area-inset-right,0px));
  color: var(--text);
}

.hero.hero--glass{
  position: relative;
  border-radius: 0 0 var(--hero-br) var(--hero-br);
  overflow: visible;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.12))
          drop-shadow(0 2px 4px rgba(0,0,0,.05));
  min-height: 100vh;
}

/* Elementor containers */
.hero.hero--glass .elementor-container,
.hero.hero--glass .elementor-row,
.hero.hero--glass .elementor-column,
.hero.hero--glass .elementor-widget-wrap,
.hero.hero--glass .elementor-widget-html{
  position: static !important;
}

/* ================== VIDEO (SMART COVER) ================== */
.hero.hero--glass .hero__bg-video {
  position: absolute;
  top: 0;                   /* przyklej do góry kontenera */
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;        /* wypełnia kontener */
  object-position: top center;  /* trzymaj górę, ucinaj dół */
  z-index: 0;
  pointer-events: none;
  background: #e9e0d7;
}

/* ================== CARD ================== */
.hero .hero__card{
  position: relative;
  z-index: 5;
  max-width: min(var(--max-card-w), 92vw);
  padding: clamp(12px, 1.6vw, 18px);
  margin: 0;

  background: rgba(255,255,255,.88);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255,255,255,.85);
  box-shadow: 0 10px 26px rgba(0,0,0,.14);

  opacity: 0;
  transform: translateY(12px);
  animation: heroIn .6s ease-out .15s forwards;
}

/* hover */
.hero .hero__card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
}

/* ================== EYEBROW (NOWA INWESTYCJA) ================== */
.hero .hero__eyebrow{
  display: inline-block;
  margin-bottom: 8px;
  padding: 5px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.96);
  border: 1px solid rgba(0,0,0,0.06);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #4a4743;
  box-shadow: 0 8px 18px rgba(0,0,0,0.16);

  opacity: 0;
  transform: translateY(6px);
  animation: heroChildIn .45s ease-out .35s forwards;
}

/* ================== TYPO ================== */
.hero .hero__title,
.hero .hero__card :is(h1,h2,.elementor-heading-title){
  margin: 0 0 6px 0;
  font-weight: 800;
  line-height: 1.12;
  font-size: clamp(20px, 2.3vw, 32px);
  letter-spacing: -0.02em;

  background: linear-gradient(
    120deg,
    #121111,
    #323132,
    #6a6663,
    #323132,
    #121111
  );
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  opacity: 0;
  transform: translateY(8px);
  animation:
    heroChildIn .45s ease-out .5s forwards,
    heroTitleGradient 12s infinite;
}

.hero .hero__sub,
.hero .hero__card :is(p, .elementor-widget-text-editor p){
  margin: 0 0 var(--copy-mb);
  color: rgba(26,30,34,.92);
  font-size: clamp(14px, 1.3vw, 17px);
  line-height: var(--copy-lh);
  max-width: 60ch;

  opacity: 0;
  transform: translateY(8px);
  animation: heroChildIn .45s ease-out .65s forwards;
}

/* ================== CTA ================== */
.btns{
  display:flex;
  gap:6px 8px;
  flex-wrap:wrap;
  justify-content:flex-start;
  opacity: 0;
  transform: translateY(8px);
  animation: heroChildIn .45s ease-out .8s forwards;
}

/* ================== MOBILE (≤480px) ================== */
@media (max-width: 480px){
  .hero .hero__card{
    margin-top: 60vh;
    background: transparent;
    border: none;
    box-shadow: none;
    text-align: center;
  }

  /* na mobile ukrywamy duży tytuł i opis, zostaje eyebrow + przycisk */
  .hero .hero__title,
  .hero .hero__sub{
    display: none !important;
  }

  .hero .hero__eyebrow{
    margin-left: auto;
    margin-right: auto;
  }

  .btns{
    justify-content: center;
  }
}

/* ================== TABLET (481–1024px) ================== */
@media (min-width: 481px) and (max-width: 1024px){
  .hero .hero__card{
    margin-top: 52vh;
    max-width: min(420px, 80vw);
    text-align: center;
    background: rgba(255,255,255,0.92);
  }

  /* na tablet też tylko eyebrow + przycisk */
  .hero .hero__title,
  .hero .hero__sub{
    display: none !important;
  }

  .hero .hero__eyebrow{
    margin-left: auto;
    margin-right: auto;
  }

  .btns{
    justify-content: center;
  }
}

/* ================== DESKTOP – CARD LOWER ================== */
@media (min-width: 1025px){
  .hero .hero__card{
    margin-top: 50vh;    /* obniżona karta */
  }
}

/* ================== HEIGHT FIX FOR TRANSPARENT HEADER ================== */
@media (min-width: 1025px){
  .hero.hero--glass{
    min-height: calc(100vh + var(--header-h-desktop) + 50px);
  }
}

@media (max-width: 1024px){
  .hero.hero--glass{
    min-height: calc(100vh + var(--header-h-mobile) + 50px);
  }
}

/* ================== ANIMATIONS ================== */
@keyframes heroIn{
  from{opacity:0; transform:translateY(12px)}
  to{opacity:1; transform:translateY(0)}
}

@keyframes heroChildIn{
  from{opacity:0; transform:translateY(8px)}
  to{opacity:1; transform:translateY(0)}
}

@keyframes heroTitleGradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* ================== PRZYCISK W HERO – PASUJĄCY DO NAGŁÓWKA ================== */

.hero .btns .elementor-button-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--btn-py) var(--btn-px);
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.35) !important;
  text-decoration: none;
  font-size: clamp(13px, 1.15vw, 15px);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;

  background: linear-gradient(135deg, #121111, #323132, #6a6663) !important;
  color: #f9f6f0 !important;

  box-shadow: 0 10px 24px rgba(0,0,0,0.28);
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease;
}

.hero .btns .elementor-button-link:hover,
.hero .btns .elementor-button-link:focus-visible{
  background: linear-gradient(135deg, #2c2b2a, #73706c, #b3aea8) !important;
  color: #ffffff !important;
  border-color: rgba(0,0,0,0.55) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(0,0,0,0.32);
  outline: none;
}

.hero .btns .elementor-button-link:active{
  transform: translateY(0);
  box-shadow: 0 8px 18px rgba(0,0,0,0.26);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c91f568 *//* =========================================
   GLOBALNE TŁO I PIERWSZA SEKCJA ELEMENTORA
   – usuwa biały pasek nad sekcją
   ========================================= */

html,
body{
  background:#f1edea;
}

/* jeśli ta sekcja jest pierwszą sekcją na stronie */
body .elementor-section.elementor-top-section:first-of-type{
  margin-top:0;
  padding-top:0;
  background:#f1edea;
}

/* jeśli masz osobną sekcję-wraper dla tej sekcji,
   możesz nadać jej klasę np. sekcja1-wrapper
   i użyć tego zamiast powyższego: */
/*
.sekcja1-wrapper{
  margin-top:0;
  padding-top:0;
  background:#f1edea;
}
*/

/* ================================
   SEKCJA 1 – TEKST + ZDJĘCIE
   Kolory:
   - tło sekcji: #f1edea
   - nagłówki/akcent: #323132
   ================================ */

.sekcja1,
.sekcja1 *{
  box-sizing:border-box;
}

/* --- BAZA SEKCJI --- */
.sekcja1{
  position:relative;
  padding-top:120px;
  padding-bottom:120px;
  background:#f1edea;
  color:#323132;
  overflow:hidden;
  font-family:inherit;
}

.sekcja1 > *{
  position:relative;
  z-index:1;
}

/* KONTENER GŁÓWNY */
.sekcja1-container{
  max-width:1320px;
  margin-left:auto;
  margin-right:auto;
  padding-left:clamp(24px,5vw,80px);
  padding-right:clamp(24px,5vw,80px);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  row-gap:32px;
}

/* BLOKI */
.sekcja1-text,
.sekcja1-image{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

/* ===================== TEKST ===================== */

.sekcja1-text{
  padding:32px 32px 30px;
  background:#ffffff;
  border-radius:24px;
  box-shadow:
    0 22px 60px rgba(0,0,0,0.12),
    0 0 0 1px rgba(50,49,50,0.06);
  color:#4f4a45;
}

/* Nagłówek z ruchomym gradientem opartym o #323132 */
.sekcja1-title{
  margin-top:0;
  margin-right:0;
  margin-bottom:1rem;
  margin-left:0;

  font-size:clamp(32px,3.4vw,46px);
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.15;
  text-transform:none;
  text-decoration:none;

  background:linear-gradient(
    120deg,
    #121111,
    #323132,
    #6a6663,
    #323132,
    #121111
  );
  background-size:220% 220%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;

  animation:sekcja1GradientMove 12s ease-in-out infinite;
}

/* Linia pod nagłówkiem */
.sekcja1-divider{
  width:104px;
  height:3px;
  margin-top:0;
  margin-right:0;
  margin-bottom:1.4rem;
  margin-left:0;
  background:linear-gradient(90deg,#121111,#323132,#6a6663);
  border-radius:999px;
  box-shadow:0 6px 14px rgba(50,49,50,0.4);
}

/* Treść – akapity i listy */
.sekcja1-text p,
.sekcja1-text li{
  font-size:16px;
  line-height:1.8;
  color:#4f4a45;
  margin:0;
}

.sekcja1-text p + p{
  margin-top:0.85em;
}

.sekcja1-text ul,
.sekcja1-text ol{
  margin-top:1em;
  margin-bottom:1.2em;
  margin-left:1.3em;
  margin-right:0;
  padding:0;
  color:#4f4a45;
}

.sekcja1-text ul{
  list-style-type:disc;
}

.sekcja1-text ol{
  list-style-type:decimal;
}

.sekcja1-text li{
  margin-bottom:0.4em;
}

/* Linki w treści */
.sekcja1-text a{
  color:#323132;
  text-decoration:none;
  border-bottom:1px solid rgba(50,49,50,0.5);
  background-color:transparent;
  transition:
    color 150ms ease,
    border-color 150ms ease,
    background-color 150ms ease;
}

.sekcja1-text a:hover,
.sekcja1-text a:focus-visible{
  color:#121111;
  border-color:rgba(18,17,17,0.7);
  background-color:rgba(50,49,50,0.06);
}

/* CTA */
.sekcja1-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.4rem;

  margin-top:1.6rem;
  font-size:14px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.13em;
  text-decoration:none;

  padding:0.7em 1.6em;
  border-radius:999px;

  border:1px solid rgba(50,49,50,0.4);
  background-color:#323132;
  color:#f1edea;

  box-shadow:0 16px 30px rgba(0,0,0,0.25);
  cursor:pointer;

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease,
    color 180ms ease,
    border-color 180ms ease;
}

.sekcja1-btn::after{
  content:"→";
  font-size:0.85em;
  transform:translateX(0);
  transition:transform 180ms ease;
  color:inherit;
}

.sekcja1-btn:hover,
.sekcja1-btn:focus-visible{
  background-color:#f1edea;
  color:#323132;
  border-color:rgba(50,49,50,0.8);
  box-shadow:0 22px 45px rgba(0,0,0,0.30);
  transform:translateY(-1px);
}

.sekcja1-btn:hover::after,
.sekcja1-btn:focus-visible::after{
  transform:translateX(3px);
}

/* ===================== ZDJĘCIE / SLIDER ===================== */

.sekcja1-image{
  position:relative;
}

/* poświata wokół zdjęcia */
.sekcja1-image::before{
  content:"";
  position:absolute;
  left:-18px;
  right:-18px;
  top:-18px;
  bottom:-18px;
  border-radius:32px;
  background:
    radial-gradient(circle at 0 0,rgba(50,49,50,0.16),rgba(50,49,50,0) 60%),
    radial-gradient(circle at 100% 100%,rgba(50,49,50,0.20),rgba(50,49,50,0) 55%);
  opacity:0.6;
  z-index:0;
  filter:blur(2px);
  pointer-events:none;
}

/* ===== KARTY / PRZETASOWANIE (slider) ===== */

.sekcja1 .sekcja1-slider{
  position:relative;
  z-index:1;
}

/* “stół” na karty: musi mieć wysokość = aktywny slajd */
.sekcja1 .sekcja1-slider{
  display:block;
}

/* każdy slajd jest nakładany na siebie */
.sekcja1 .sekcja1-slider .sekcja1-slide{
  position:absolute;
  inset:0;
  margin:0;

  opacity:0;
  transform:translate3d(0, 8px, 0) scale(0.985);
  transition:
    transform 520ms cubic-bezier(.2,.9,.2,1),
    opacity 520ms ease,
    filter 520ms ease;

  pointer-events:none;
}

/* aktywny na wierzchu */
.sekcja1 .sekcja1-slider .sekcja1-slide.is-active{
  position:relative;     /* ustala wysokość kontenera */
  opacity:1;
  transform:translate3d(0, 0, 0) scale(1);
  filter:none;
  pointer-events:auto;
  z-index:3;
}

/* kolejny slajd “za” aktywnym – lekko wysunięty jak karta */
.sekcja1 .sekcja1-slider .sekcja1-slide.is-next{
  opacity:1;
  z-index:2;
  transform:translate3d(18px, 18px, 0) scale(0.985);
  filter:saturate(0.98) contrast(0.98);
  pointer-events:none;
}

/* opcjonalnie: poprzedni delikatnie po lewej (jeśli dodasz klasę w JS) */
.sekcja1 .sekcja1-slider .sekcja1-slide.is-prev{
  opacity:0;
  z-index:1;
  transform:translate3d(-18px, 18px, 0) scale(0.985);
}

/* styl obrazu – przeniesiony na IMG wewnątrz slajdu */
.sekcja1-image .sekcja1-slider .sekcja1-slide img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;

  border-radius:28px;
  box-shadow:0 26px 70px rgba(0,0,0,0.35);
  transform:translateY(0);
  transition:
    transform 260ms ease,
    box-shadow 260ms ease,
    filter 260ms ease;
}

/* hover tylko dla aktywnego */
.sekcja1-image .sekcja1-slider .sekcja1-slide.is-active img:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 32px 90px rgba(0,0,0,0.45);
  filter:saturate(1.03);
}

/* “karta z tyłu” ma trochę mniejszy cień */
.sekcja1-image .sekcja1-slider .sekcja1-slide.is-next img{
  box-shadow:0 18px 55px rgba(0,0,0,0.25);
}

/* ===================== NAV pod zdjęciem ===================== */

.sekcja1 .sekcja1-slider .sekcja1-nav{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:14px;
}

/* odporność na style motywu: konkretne selektory + reset */
.sekcja1 .sekcja1-slider .sekcja1-nav .sekcja1-arrow{
  -webkit-appearance:none !important;
  appearance:none !important;
  background:rgba(241,237,234,0.75) !important;
  color:#323132 !important;
  border:1px solid rgba(50,49,50,0.28) !important;
  border-radius:999px !important;

  width:38px;
  height:38px;
  padding:0 !important;
  margin:0 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  font:inherit !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 14px 26px rgba(0,0,0,0.14) !important;

  cursor:pointer;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease,
    color 180ms ease,
    border-color 180ms ease;
}

.sekcja1 .sekcja1-slider .sekcja1-nav .sekcja1-arrow span{
  font-size:16px;
  transform:translateY(-1px);
}

.sekcja1 .sekcja1-slider .sekcja1-nav .sekcja1-arrow:hover,
.sekcja1 .sekcja1-slider .sekcja1-nav .sekcja1-arrow:focus-visible{
  background:#323132 !important;
  color:#f1edea !important;
  border-color:rgba(50,49,50,0.55) !important;
  box-shadow:0 18px 34px rgba(0,0,0,0.20) !important;
  transform:translateY(-1px);
}

.sekcja1 .sekcja1-slider .sekcja1-nav .sekcja1-arrow:focus-visible{
  outline:none !important;
}

/* ===================== ANIMACJA GRADIENTU ===================== */
@keyframes sekcja1GradientMove{
  0%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
  100%{ background-position:0% 50%; }
}

/* ===================== RESPONSYWNOŚĆ ===================== */

/* Desktop – tekst i zdjęcie obok siebie */
@media (min-width:992px){
  .sekcja1-container{
    flex-direction:row;
    align-items:center;
    column-gap:40px;
  }

  .sekcja1-text,
  .sekcja1-image{
    width:50%;
  }
}

/* Tablet */
@media (max-width:991px){
  .sekcja1{
    padding-top:56px;
    padding-bottom:56px;
  }

  .sekcja1-container{
    row-gap:28px;
  }

  .sekcja1-text{
    padding:26px 22px 24px;
    border-radius:20px;
  }

  .sekcja1-image::before{
    left:-12px;
    right:-12px;
    top:-12px;
    bottom:-12px;
    border-radius:24px;
  }

  /* na tablecie mniejsze “wysunięcie karty” */
  .sekcja1 .sekcja1-slider .sekcja1-slide.is-next{
    transform:translate3d(12px, 12px, 0) scale(0.988);
  }
}

/* Mobile */
@media (max-width:767px){
  .sekcja1{
    padding-top:36px;
    padding-bottom:36px;
  }

  .sekcja1-container{
    padding-left:16px;
    padding-right:16px;
    row-gap:20px;
  }

  .sekcja1-title{
    font-size:24px;
  }

  .sekcja1-text p,
  .sekcja1-text li{
    font-size:15px;
  }

  .sekcja1-text{
    padding:20px 16px 18px;
    border-radius:18px;
    box-shadow:0 18px 40px rgba(0,0,0,0.12);
  }

  .sekcja1-image .sekcja1-slider .sekcja1-slide img{
    border-radius:22px;
  }

  .sekcja1-divider{
    width:88px;
    height:3px;
  }

  /* na mobile prawie brak wysunięcia (żeby nie ucinało) */
  .sekcja1 .sekcja1-slider .sekcja1-slide.is-next{
    transform:translate3d(8px, 10px, 0) scale(0.99);
  }

  .sekcja1 .sekcja1-slider .sekcja1-nav{
    margin-top:12px;
  }

  .sekcja1 .sekcja1-slider .sekcja1-nav .sekcja1-arrow{
    width:36px;
    height:36px;
  }
}
.sekcja1 .sekcja1-slider .sekcja1-slide.is-next{
  opacity: 0.92;
  transform: translate3d(22px, 18px, 0) scale(0.982);
}

/* =====================
   NAV – niżej + responsywność
   ===================== */

/* Desktop: trochę niżej */
.sekcja1 .sekcja1-slider .sekcja1-nav{
  margin-top:22px;
}

/* Tablet */
@media (max-width:991px){
  .sekcja1 .sekcja1-slider .sekcja1-nav{
    margin-top:18px;
    gap:12px;
  }
  .sekcja1 .sekcja1-slider .sekcja1-nav .sekcja1-arrow{
    width:40px;
    height:40px;
  }
  .sekcja1 .sekcja1-slider .sekcja1-nav .sekcja1-arrow span{
    font-size:16px;
  }
}

/* Mobile */
@media (max-width:767px){
  .sekcja1 .sekcja1-slider .sekcja1-nav{
    margin-top:16px;
    gap:12px;
  }
  .sekcja1 .sekcja1-slider .sekcja1-nav .sekcja1-arrow{
    width:38px;
    height:38px;
  }
  .sekcja1 .sekcja1-slider .sekcja1-nav .sekcja1-arrow span{
    font-size:15px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b7f4f0 *//* =========================================
   GLOBALNE TŁO I PIERWSZA SEKCJA ELEMENTORA
   – usuwa biały pasek nad sekcją
   ========================================= */

html,
body{
  background:#f1edea;
}

/* jeśli ta sekcja jest pierwszą sekcją na stronie */
body .elementor-section.elementor-top-section:first-of-type{
  margin-top:0;
  padding-top:0;
  background:#f1edea;
}

/* jeśli masz osobną sekcję-wraper dla tej sekcji,
   możesz nadać jej klasę np. sekcja2-wrapper
   i użyć tego zamiast powyższego: */
/*
.sekcja2-wrapper{
  margin-top:0;
  padding-top:0;
  background:#f1edea;
}
*/

/* ================================
   SEKCJA 2 – TEKST + ZDJĘCIE
   Kolory:
   - tło sekcji: #f1edea
   - nagłówki/akcent: #323132
   ================================ */

.sekcja2,
.sekcja2 *{
  box-sizing:border-box;
}

/* --- BAZA SEKCJI --- */
.sekcja2{
  position:relative;
  padding-top:120px;
  padding-bottom:120px;
  background:#f1edea;
  color:#323132;
  overflow:hidden;
  font-family:inherit;
}

.sekcja2 > *{
  position:relative;
  z-index:1;
}

/* KONTENER GŁÓWNY */
.sekcja2-container{
  max-width:1320px;
  margin-left:auto;
  margin-right:auto;
  padding-left:clamp(24px,5vw,80px);
  padding-right:clamp(24px,5vw,80px);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  row-gap:32px;
}

/* BLOKI */
.sekcja2-text,
.sekcja2-image{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

/* ===================== TEKST ===================== */

.sekcja2-text{
  padding:32px 32px 30px;
  background:#ffffff;
  border-radius:24px;
  box-shadow:
    0 22px 60px rgba(0,0,0,0.12),
    0 0 0 1px rgba(50,49,50,0.06);
  color:#4f4a45;
}

/* Nagłówek z ruchomym gradientem opartym o #323132 */
.sekcja2-title{
  margin-top:0;
  margin-right:0;
  margin-bottom:1rem;
  margin-left:0;

  font-size:clamp(32px,3.4vw,46px);
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.15;
  text-transform:none;
  text-decoration:none;

  background:linear-gradient(
    120deg,
    #121111,
    #323132,
    #6a6663,
    #323132,
    #121111
  );
  background-size:220% 220%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;

  animation:sekcja2GradientMove 12s ease-in-out infinite;
}

/* Linia pod nagłówkiem */
.sekcja2-divider{
  width:104px;
  height:3px;
  margin-top:0;
  margin-right:0;
  margin-bottom:1.4rem;
  margin-left:0;
  background:linear-gradient(90deg,#121111,#323132,#6a6663);
  border-radius:999px;
  box-shadow:0 6px 14px rgba(50,49,50,0.4);
}

/* Treść – akapity i listy */
.sekcja2-text p,
.sekcja2-text li{
  font-size:16px;
  line-height:1.8;
  color:#4f4a45;
  margin:0;
}

.sekcja2-text p + p{
  margin-top:0.85em;
}

.sekcja2-text ul,
.sekcja2-text ol{
  margin-top:1em;
  margin-bottom:1.2em;
  margin-left:1.3em;
  margin-right:0;
  padding:0;
  color:#4f4a45;
}

.sekcja2-text ul{
  list-style-type:disc;
}

.sekcja2-text ol{
  list-style-type:decimal;
}

.sekcja2-text li{
  margin-bottom:0.4em;
}

/* Linki w treści */
.sekcja2-text a{
  color:#323132;
  text-decoration:none;
  border-bottom:1px solid rgba(50,49,50,0.5);
  background-color:transparent;
  transition:
    color 150ms ease,
    border-color 150ms ease,
    background-color 150ms ease;
}

.sekcja2-text a:hover,
.sekcja2-text a:focus-visible{
  color:#121111;
  border-color:rgba(18,17,17,0.7);
  background-color:rgba(50,49,50,0.06);
}

/* CTA */
.sekcja2-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.4rem;

  margin-top:1.6rem;
  font-size:14px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.13em;
  text-decoration:none;

  padding:0.7em 1.6em;
  border-radius:999px;

  border:1px solid rgba(50,49,50,0.4);
  background-color:#323132;
  color:#f1edea;

  box-shadow:0 16px 30px rgba(0,0,0,0.25);
  cursor:pointer;

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease,
    color 180ms ease,
    border-color 180ms ease;
}

.sekcja2-btn::after{
  content:"→";
  font-size:0.85em;
  transform:translateX(0);
  transition:transform 180ms ease;
  color:inherit;
}

.sekcja2-btn:hover,
.sekcja2-btn:focus-visible{
  background-color:#f1edea;
  color:#323132;
  border-color:rgba(50,49,50,0.8);
  box-shadow:0 22px 45px rgba(0,0,0,0.30);
  transform:translateY(-1px);
}

.sekcja2-btn:hover::after,
.sekcja2-btn:focus-visible::after{
  transform:translateX(3px);
}

/* ===================== ZDJĘCIE ===================== */

.sekcja2-image{
  position:relative;
}

/* poświata wokół zdjęcia */
.sekcja2-image::before{
  content:"";
  position:absolute;
  left:-18px;
  right:-18px;
  top:-18px;
  bottom:-18px;
  border-radius:32px;
  background:
    radial-gradient(circle at 0 0,rgba(50,49,50,0.16),rgba(50,49,50,0) 60%),
    radial-gradient(circle at 100% 100%,rgba(50,49,50,0.20),rgba(50,49,50,0) 55%);
  opacity:0.6;
  z-index:0;
  filter:blur(2px);
  pointer-events:none;
}

.sekcja2-image img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;

  border-radius:28px;
  box-shadow:0 26px 70px rgba(0,0,0,0.35);
  transform:translateY(0);
  transition:
    transform 260ms ease,
    box-shadow 260ms ease,
    filter 260ms ease;
}

.sekcja2-image img:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 32px 90px rgba(0,0,0,0.45);
  filter:saturate(1.03);
}

/* ===================== ANIMACJA GRADIENTU ===================== */
@keyframes sekcja2GradientMove{
  0%{
    background-position:0% 50%;
  }
  50%{
    background-position:100% 50%;
  }
  100%{
    background-position:0% 50%;
  }
}

/* ===================== RESPONSYWNOŚĆ ===================== */

/* Desktop – ZAMIANA KOLEJNOŚCI: obraz lewo, tekst prawo */
@media (min-width:992px){
  .sekcja2-container{
    flex-direction:row-reverse; /* wcześniej było row */
    align-items:center;
    column-gap:40px;
  }

  .sekcja2-text,
  .sekcja2-image{
    width:50%;
  }
}

/* Tablet – bez zmian kolejności */
@media (max-width:991px){
  .sekcja2{
    padding-top:56px;
    padding-bottom:56px;
  }

  .sekcja2-container{
    row-gap:28px;
  }

  .sekcja2-text{
    padding:26px 22px 24px;
    border-radius:20px;
  }

  .sekcja2-image::before{
    left:-12px;
    right:-12px;
    top:-12px;
    bottom:-12px;
    border-radius:24px;
  }
}

/* Mobile – bez zmian kolejności */
@media (max-width:767px){
  .sekcja2{
    padding-top:36px;
    padding-bottom:36px;
  }

  .sekcja2-container{
    padding-left:16px;
    padding-right:16px;
    row-gap:20px;
  }

  .sekcja2-title{
    font-size:24px;
  }

  .sekcja2-text p,
  .sekcja2-text li{
    font-size:15px;
  }

  .sekcja2-text{
    padding:20px 16px 18px;
    border-radius:18px;
    box-shadow:0 18px 40px rgba(0,0,0,0.12);
  }

  .sekcja2-image img{
    border-radius:22px;
  }

  .sekcja2-divider{
    width:88px;
    height:3px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50fdd7e *//* ================================
   SEKCJA GALERIA – TŁO
   ================================ */

.sekcja-galeria{
  position:relative;
  padding-top:80px;
  padding-bottom:80px;
  background:#f1edea; /* ten sam beż co reszta */
  color:#323132;
  font-family:inherit;
}

/* ================================
   KARTA GALERII (CONTAINER)
   ================================ */

.galeria-karta{
  width:min(1150px, 100% - 48px); /* szeroka karta z marginesem po bokach */
  margin-inline:auto;
  background:#ffffff;
  border-radius:30px;
  padding:38px 40px 34px;
  box-shadow:
    0 26px 70px rgba(0,0,0,0.26),
    0 0 0 1px rgba(50,49,50,0.05);

  display:flex;
  flex-direction:column;
  align-items:stretch;
}

/* brak dziwnych przerw między widgetami w karcie */
.galeria-karta .elementor-widget{
  margin-bottom:0 !important;
}

/* ================================
   GÓRNA CZĘŚĆ – NAGŁÓWEK + OPIS
   ================================ */

.galeria-info{
  color:#4f4a45;
  margin-bottom:24px;
}

.galeria-title{
  margin:0 0 1.1rem 0;
  font-size:clamp(32px,3.2vw,40px);
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.1;
  color:#323132;
}

.galeria-divider{
  width:110px;
  height:3px;
  margin:0 0 1.6rem 0;
  background:#323132;
  border-radius:999px;
}

.galeria-lead{
  margin:0;
  font-size:16px;
  line-height:1.8;
  color:#4f4a45;
}

/* ================================
   WIDŻET GALERII – SIATKA ZDJĘĆ
   (widget Gallery z klasą galeria-grid)
   ================================ */

.galeria-grid{
  margin-top:26px;
}

/* odstępy między elementami galerii */
.galeria-grid .elementor-gallery{
  row-gap:18px;
  column-gap:18px;
}

/* pojedyncze zdjęcie – zaokrąglenie, BEZ cienia */
.galeria-grid .elementor-gallery-item{
  overflow:hidden;
  border-radius:22px;
  box-shadow:none; /* usunięty cień */
  transform:translateY(0);
  transition:
    transform 220ms ease;
}

/* pewność, że obrazek wypełnia cały kafelek */
.galeria-grid .elementor-gallery-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* efekt na hover – tylko lekkie podniesienie, bez cienia i bez filtrów */
.galeria-grid .elementor-gallery-item:hover{
  transform:translateY(-4px) scale(1.01);
}

/* jeśli Elementor pokazuje overlay – wyłączamy przyciemnienie */
.galeria-grid .elementor-gallery-item__overlay{
  background:transparent;
}

/* podpisy w overlay, jeśli używasz tytułów/legend */
.galeria-grid .elementor-gallery-item__title,
.galeria-grid .elementor-gallery-item__description{
  font-size:13px;
}

/* ================================
   RESPONSYWNOŚĆ
   ================================ */

@media (max-width:1024px){
  .galeria-karta{
    width:calc(100% - 40px);
    padding:30px 26px 26px;
    border-radius:26px;
  }
}

@media (max-width:767px){
  .sekcja-galeria{
    padding-top:50px;
    padding-bottom:50px;
  }

  .galeria-karta{
    width:calc(100% - 30px);
    padding:24px 16px 22px;
    border-radius:22px;
    box-shadow:0 20px 44px rgba(0,0,0,0.18);
  }

  .galeria-title{
    font-size:26px;
  }

  .galeria-lead{
    font-size:15px;
  }

  .galeria-grid .elementor-gallery{
    row-gap:14px;
    column-gap:14px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f673690 *//* ================================
   SEKCJA KONTAKT – TŁO
   ================================ */

.sekcja-kontakt{
  position:relative;
  padding-top:80px;
  padding-bottom:80px;
  background:#f1edea; /* ten sam beż co reszta strony */
  color:#323132;
  font-family:inherit;
}

/* ================================
   BIAŁA KARTA (CONTAINER)
   ================================ */

/* Container z klasą kontakt-karta – cała biała karta */
.kontakt-karta{
  width:min(1150px, 100% - 48px); /* szeroka, ale z marginesem po bokach */
  margin-inline:auto;             /* wycentrowanie karty */
  background:#ffffff;
  border-radius:30px;
  padding:38px 40px 34px;
  box-shadow:
    0 26px 70px rgba(0,0,0,0.26),
    0 0 0 1px rgba(50,49,50,0.05);

  display:flex;
  flex-direction:column;
  align-items:stretch;
}

/* brak dziwnych przerw między widgetami */
.kontakt-karta .elementor-widget{
  margin-bottom:0 !important;
}

/* Formularz odsuwa się tylko od treści powyżej */
.kontakt-form{
  margin-top:26px;
}

/* ================================
   GÓRNA CZĘŚĆ KARTY – TEKST + DANE
   ================================ */

.kontakt-info{
  color:#4f4a45;
}

.kontakt-title{
  margin:0 0 1.1rem 0;
  font-size:clamp(32px,3.2vw,40px);
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.1;
  color:#323132;
}

.kontakt-divider{
  width:110px;
  height:3px;
  margin:0 0 1.6rem 0;
  background:#323132;
  border-radius:999px;
}

.kontakt-lead{
  margin:0 0 2rem 0;
  font-size:16px;
  line-height:1.8;
  color:#4f4a45;
}

/* ================================
   MAIL + TELEFON – DWIE KOLUMNY
   ================================ */

.kontakt-list{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1.2rem;          /* pion / poziom */
  margin:0 0 0.5rem 0;
}

.kontakt-item{
  flex:1 1 calc((100% - 2.4rem) / 3); /* 3 w rzędzie; 2.4rem = 2 × 1.2rem gap */
  display:flex;
  align-items:center;
  padding:0.95rem 1.6rem;
  border-radius:999px;
  background:#ffffff;
  text-decoration:none;
  border:1px solid rgba(50,49,50,0.10);
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
  color:#323132;
}


.kontakt-item:hover,
.kontakt-item:focus-visible{
  background:#ffffff;
  border-color:rgba(50,49,50,0.35);
  box-shadow:0 18px 36px rgba(0,0,0,0.22);
  transform:translateY(-1px);
}

.kontakt-item:link,
.kontakt-item:visited{
  color:#323132;
}

.kontakt-labels{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.kontakt-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.14em;
  color:#7a746e;
}

.kontakt-value{
  font-size:15px;
  font-weight:500;
  color:#323132;
}

/* ================================
   FORMULARZ – DOŁ KARTY
   (widget z klasą kontakt-form)
   ================================ */

.kontakt-form .elementor-widget-container{
  background:transparent;
  padding:0;
  box-shadow:none;
}

.kontakt-form .elementor-form-fields-wrapper{
  row-gap:14px;
}

.kontakt-form .elementor-field-group input,
.kontakt-form .elementor-field-group textarea,
.kontakt-form .elementor-field-group select{
  border-radius:999px;
  border:1px solid rgba(50,49,50,0.18);
  background:#f9f6f3;
  padding:0.85em 1.15em;
  font-size:14px;
  color:#323132;
  box-shadow:none;
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    box-shadow 150ms ease;
}

.kontakt-form .elementor-field-group textarea{
  border-radius:20px;
  min-height:160px;
  resize:vertical;
}

.kontakt-form .elementor-field-group input:focus,
.kontakt-form .elementor-field-group textarea:focus,
.kontakt-form .elementor-field-group select:focus{
  outline:none;
  border-color:rgba(50,49,50,0.65);
  background:#ffffff;
  box-shadow:0 0 0 1px rgba(50,49,50,0.22);
}

.kontakt-form .elementor-field-label{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.13em;
  margin-bottom:4px;
  color:#7a746e;
}

.kontakt-form .elementor-field-type-acceptance{
  font-size:13px;
  line-height:1.6;
  color:#4f4a45;
}

/* przycisk */

.kontakt-form .elementor-button{
  border-radius:999px;
  padding:0.95em 2.1em;
  font-size:14px;
  font-weight:600;
  letter-spacing:0.13em;
  text-transform:uppercase;

  background-color:#323132 !important;
  color:#f1edea !important;
  border:1px solid rgba(50,49,50,0.4) !important;

  box-shadow:0 18px 34px rgba(0,0,0,0.26);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease,
    color 180ms ease,
    border-color 180ms ease;
}

.kontakt-form .elementor-button .elementor-button-text{
  color:inherit !important;
}

.kontakt-form .elementor-button:hover,
.kontakt-form .elementor-button:focus-visible{
  background-color:#f1edea !important;
  color:#323132 !important;
  border-color:rgba(50,49,50,0.8) !important;
  box-shadow:0 24px 48px rgba(0,0,0,0.32);
  transform:translateY(-1px);
}

/* ================================
   RESPONSYWNOŚĆ
   ================================ */

@media (max-width:767px){
  .sekcja-kontakt{
    padding-top:50px;
    padding-bottom:50px;
  }

  .kontakt-karta{
    width:calc(100% - 32px);
    border-radius:24px;
    padding:26px 18px 24px;
    box-shadow:0 20px 44px rgba(0,0,0,0.18);
  }

  .kontakt-title{
    font-size:26px;
  }

  .kontakt-lead{
    font-size:15px;
  }

  /* mail i telefon pod sobą na mobile */
  .kontakt-item{
    flex-basis:100%;
  }

  .kontakt-form .elementor-button{
    width:100%;
    justify-content:center;
  }
}
/* =========================================
   WIĘKSZY PRZYCISK "WYŚLIJ" W FORMULARZU
   ========================================= */
.kontakt-form .elementor-button{
  padding:1.15em 2.8em;   /* było 0.95em 2.1em – więcej pion i poziom */
  font-size:15px;         /* było 14px – trochę większy tekst */
}

/* Opcjonalnie – jeśli chcesz, żeby był jeszcze bardziej "masywny": */
/*
.kontakt-form .elementor-button{
  padding:1.2em 3.2em;
  font-size:15px;
}
*/

/* =========================================
   INNE TŁO BOXÓW MAIL / TELEFON
   (te "pigułki" z danymi kontaktowymi)
   ========================================= */
.kontakt-list .kontakt-item{
  background:#ffffff;  /* zamiast rgba(241,237,234,0.95) – mocno białe */
}

/* jeśli chcesz delikatnie odróżnić mail i telefon między sobą: */
/*
.kontakt-list .kontakt-item:nth-child(1){
  background:#ffffff;
}

.kontakt-list .kontakt-item:nth-child(2){
  background:#f9f6f3;
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-208a8ad *//* =========================================
   SEKCJA – POŁOŻENIE INWESTYCJI + MAPA
   Styl inspirowany .sekcja2
   ========================================= */

.section-location-map,
.section-location-map *{
  box-sizing:border-box;
}

/* BAZA SEKCJI */
.section-location-map{
  position:relative;
  padding-top:120px;
  padding-bottom:120px;
  background:#f1edea;
  color:#323132;
  overflow:hidden;
  font-family:inherit;
}

.section-location-map > *{
  position:relative;
  z-index:1;
}

/* KONTENER GŁÓWNY (Elementor) */
.section-location-map .elementor-container{
  max-width:1320px;
  margin-left:auto;
  margin-right:auto;
  padding-left:clamp(24px,5vw,80px);
  padding-right:clamp(24px,5vw,80px);
}

.section-location-map .elementor-column{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  row-gap:32px;
}

/* BLOKI */
.section-location-map .hero-copy,
.section-location-map .hero-media{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

/* ========= TEKST (karta jak w .sekcja2) ========= */

.section-location-map .hero-copy{
  padding:32px 32px 30px;
  background:#ffffff;
  border-radius:24px;
  box-shadow:
    0 22px 60px rgba(0,0,0,0.12),
    0 0 0 1px rgba(50,49,50,0.06);
  color:#4f4a45;
}

/* Nagłówek z gradientem – ten sam styl co .sekcja2-title */
.section-location-map .sekcja1-title{
  margin-top:0;
  margin-right:0;
  margin-bottom:1rem;
  margin-left:0;

  font-size:clamp(32px,3.4vw,46px);
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.15;
  text-transform:none;
  text-decoration:none;

  background:linear-gradient(
    120deg,
    #121111,
    #323132,
    #6a6663,
    #323132,
    #121111
  );
  background-size:220% 220%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;

  animation:sekcja2GradientMove 12s ease-in-out infinite;
}

/* Linia pod nagłówkiem */
.section-location-divider{
  width:104px;
  height:3px;
  margin-top:0;
  margin-right:0;
  margin-bottom:1.4rem;
  margin-left:0;
  background:linear-gradient(90deg,#121111,#323132,#6a6663);
  border-radius:999px;
  box-shadow:0 6px 14px rgba(50,49,50,0.4);
}

/* Treść – akapity */
.section-location-map .hero-copy p{
  font-size:16px;
  line-height:1.8;
  color:#4f4a45;
  margin:0;
}

.section-location-map .hero-copy p + p{
  margin-top:0.85em;
}

/* Linki w treści, jeśli się pojawią */
.section-location-map .hero-copy a{
  color:#323132;
  text-decoration:none;
  border-bottom:1px solid rgba(50,49,50,0.5);
  background-color:transparent;
  transition:
    color 150ms ease,
    border-color 150ms ease,
    background-color 150ms ease;
}

.section-location-map .hero-copy a:hover,
.section-location-map .hero-copy a:focus-visible{
  color:#121111;
  border-color:rgba(18,17,17,0.7);
  background-color:rgba(50,49,50,0.06);
}

/* ========= MAPA (jak obrazek z poświatą) ========= */

.section-location-map .hero-media.hero-map{
  position:relative;
}

/* Poświata wokół mapy */
.section-location-map .hero-media.hero-map::before{
  content:"";
  position:absolute;
  left:-18px;
  right:-18px;
  top:-18px;
  bottom:-18px;
  border-radius:32px;
  background:
    radial-gradient(circle at 0 0,rgba(50,49,50,0.16),rgba(50,49,50,0) 60%),
    radial-gradient(circle at 100% 100%,rgba(50,49,50,0.20),rgba(50,49,50,0) 55%);
  opacity:0.6;
  z-index:0;
  filter:blur(2px);
  pointer-events:none;
}

/* Sam iframe z mapą jak zdjęcie */
.section-location-map .hero-media.hero-map iframe{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-width:100%;
  min-height:360px;  /* możesz zwiększyć, jeśli chcesz wyższą mapę */
  border:0;
  border-radius:28px;
  box-shadow:0 26px 70px rgba(0,0,0,0.35);
  transform:translateY(0);
  transition:
    transform 260ms ease,
    box-shadow 260ms ease,
    filter 260ms ease;
}

/* Delikatna animacja przy hover */
.section-location-map .hero-media.hero-map iframe:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 32px 90px rgba(0,0,0,0.45);
  filter:saturate(1.03);
}

/* ========= RESPONSYWNOŚĆ ========= */

/* Desktop – tekst lewo, mapa prawo */
@media (min-width:992px){
  .section-location-map{
    min-height:80vh; /* jeśli chcesz większą, „wysoką” sekcję – możesz np. zmienić na 70vh lub usunąć */
    display:flex;
    align-items:center;
  }

  .section-location-map .elementor-container{
    flex:1;
  }

  .section-location-map .elementor-column{
    flex-direction:row;
    align-items:center;
    column-gap:40px;
  }

  .section-location-map .hero-copy,
  .section-location-map .hero-media{
    width:50%;
  }
}

/* Tablet */
@media (max-width:991px){
  .section-location-map{
    padding-top:56px;
    padding-bottom:56px;
  }

  .section-location-map .elementor-column{
    row-gap:28px;
  }

  .section-location-map .hero-copy{
    padding:26px 22px 24px;
    border-radius:20px;
  }

  .section-location-map .hero-media.hero-map::before{
    left:-12px;
    right:-12px;
    top:-12px;
    bottom:-12px;
    border-radius:24px;
  }
}

/* Mobile */
@media (max-width:767px){
  .section-location-map{
    padding-top:36px;
    padding-bottom:36px;
  }

  .section-location-map .elementor-container{
    padding-left:16px;
    padding-right:16px;
  }

  .section-location-map .sekcja1-title{
    font-size:24px;
  }

  .section-location-map .hero-copy p{
    font-size:15px;
  }

  .section-location-map .hero-copy{
    padding:20px 16px 18px;
    border-radius:18px;
    box-shadow:0 18px 40px rgba(0,0,0,0.12);
  }

  .section-location-map .hero-media.hero-map iframe{
    border-radius:22px;
    min-height:280px;
  }

  .section-location-divider{
    width:88px;
    height:3px;
  }
}/* End custom CSS */