.elementor-kit-6{--e-global-color-primary:#25211E;--e-global-color-secondary:#F8F5F0;--e-global-color-text:#766E67;--e-global-color-accent:#694634;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.mobile-section {
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(234, 219, 212, 0.48) 0%,
      rgba(234, 219, 212, 0) 34%
    ),
    radial-gradient(
      circle at 84% 70%,
      rgba(223, 228, 218, 0.44) 0%,
      rgba(223, 228, 218, 0) 38%
    ),
    linear-gradient(
      180deg,
      #f6f1eb 0%,
      #f7f2ec 34%,
      #f8f5f0 100%
    ) !important;
}
/* Ikony obrazkowe w sekcji */
.mobile-section .ue_timeline_item_icon_image {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain !important;
}
.processtart {
    cursor: pointer !important;
}
a[href^="tel"],
a[href^="mailto"] {
    text-decoration: none !important;
    color: inherit !important;}
.hero-gradient {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 720px;

  /* Hero zaczyna się od koloru bazowego Headera */
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(234, 219, 212, 0.48) 0%,
      rgba(234, 219, 212, 0) 34%
    ),
    radial-gradient(
      circle at 84% 70%,
      rgba(223, 228, 218, 0.44) 0%,
      rgba(223, 228, 218, 0) 38%
    ),
    linear-gradient(
      180deg,
      #f6f1eb 0%,
      #f7f2ec 34%,
      #f8f5f0 100%
    ) !important;

  /* brak ostrej kreski na granicy Header–Hero */
  border-top: none !important;
  box-shadow: none !important;
}

/* Prostokąt bez dolnej podstawy — pozostaje za zdjęciem */
.hero-gradient::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 20%;
  right: 10%;
  width: 33%;
  height: 95%;
  border-top: 1px solid rgba(105, 70, 52, 0.28);
  border-right: 1px solid rgba(105, 70, 52, 0.16);
  border-left: 1px solid rgba(105, 70, 52, 0.16);
  border-bottom: none;
  pointer-events: none;
}

/* Usuwa ewentualny stary połysk lub drugi dekoracyjny element Hero */
.hero-gradient::after {
  content: none !important;
  display: none !important;
}

/* Treść i zdjęcie nad prostokątem */
.hero-gradient > .e-con-inner,
.hero-gradient > .elementor-container,
.hero-gradient > .elementor-element,
.hero-gradient .e-con-inner > .elementor-element {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .hero-gradient {
    min-height: 680px;
  }

  .hero-gradient::before {
    top: 22%;
    right: 3%;
    width: 72%;
    height: 88%;
    border-width: 1px;
  }
}
.Portfolio {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 720px;

  /* Hero zaczyna się od koloru bazowego Headera */
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(234, 219, 212, 0.48) 0%,
      rgba(234, 219, 212, 0) 34%
    ),
    radial-gradient(
      circle at 84% 70%,
      rgba(223, 228, 218, 0.44) 0%,
      rgba(223, 228, 218, 0) 38%
    ),
    linear-gradient(
      180deg,
      #f6f1eb 0%,
      #f7f2ec 34%,
      #f8f5f0 100%
    ) !important;

  /* brak ostrej kreski na granicy Header–Hero */
  border-top: none !important;
  box-shadow: none !important;
}
.Kontakt {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 720px;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(234, 219, 212, 0.48) 0%,
      rgba(234, 219, 212, 0) 34%
    ),
    radial-gradient(
      circle at 84% 70%,
      rgba(223, 228, 218, 0.44) 0%,
      rgba(223, 228, 218, 0) 38%
    ),
    linear-gradient(
      180deg,
      #f6f1eb 0%,
      #f7f2ec 34%,
      #f8f5f0 100%
    ) !important;

  border-top: none !important;
  box-shadow: none !important;
}
.desktop-section {
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(234, 219, 212, 0.48) 0%,
      rgba(234, 219, 212, 0) 34%
    ),
    radial-gradient(
      circle at 84% 70%,
      rgba(223, 228, 218, 0.44) 0%,
      rgba(223, 228, 218, 0) 38%
    ),
    linear-gradient(
      180deg,
      #f6f1eb 0%,
      #f7f2ec 34%,
      #f8f5f0 100%
    ) !important;
}
/* Ikony obrazkowe w sekcji */
.desktop-section .ue_timeline_item_icon_image {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain !important;
}
.Footer {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  /* Kość słoniowa z szerokim, szklanym przejściem światła */
  background:
    linear-gradient(
      108deg,
      #eee5dd 0%,
      #f5eee8 25%,
      #fbf8f3 42%,
      #fffdf9 50%,
      #f8f1eb 60%,
      #eee4dc 100%
    );

  /* delikatna krawędź tafli */
  border-top: 1px solid rgba(255, 255, 255, 0.82);
  border-bottom: 1px solid rgba(105, 70, 52, 0.10);
  box-shadow:
    inset 0 8px 18px rgba(255, 255, 255, 0.34),
    inset 0 -10px 24px rgba(105, 70, 52, 0.06);
}

/* Szeroki refleks światła na powierzchni */
.Footer::before {
  content: "";
  position: absolute;
  top: -100%;
  left: -35%;
  z-index: 0;
  width: 22%;
  height: 300%;
  pointer-events: none;
  opacity: 0.82;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 20%,
    rgba(255, 255, 255, 0.42) 40%,
    rgba(255, 255, 255, 0.96) 50%,
    rgba(255, 255, 255, 0.42) 60%,
    rgba(255, 255, 255, 0.08) 80%,
    transparent 100%
  );
  filter: blur(9px);
  transform: rotate(15deg) translateX(-130%);
  animation: jc-glass-shine 8s ease-in-out infinite;
}

/* Bardzo subtelna poświata centralna */
.Footer::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse at 50% 50%,
      rgba(255, 255, 255, 0.34) 0%,
      rgba(255, 255, 255, 0.10) 34%,
      rgba(255, 255, 255, 0) 68%
    );
}

/* Zawartość Headera nad połyskiem */
.Footer > .e-con-inner,
.Footer > .elementor-container,
.Footer > .elementor-element {
  position: relative;
  z-index: 2;
}

@keyframes jc-glass-shine {
  0%,
  52% {
    transform: rotate(15deg) translateX(-130%);
  }
  76%,
  100% {
    transform: rotate(15deg) translateX(700%);
  }
}

@media (max-width: 767px) {
  .Footer::before {
    width: 30%;
    opacity: 0.65;
    animation-duration: 10s;
  }

  .Footer::after {
    background:
      radial-gradient(
        ellipse at 50% 50%,
        rgba(255, 255, 255, 0.26) 0%,
        rgba(255, 255, 255, 0.06) 38%,
        transparent 72%
      );
  }
}

@media (prefers-reduced-motion: reduce) {
  .Footer::before {
    animation: none;
    opacity: 0.34;
    transform: rotate(15deg) translateX(160%);
  }
}
.Laptophero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 720px;

  /* Hero zaczyna się od koloru bazowego Headera */
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(234, 219, 212, 0.48) 0%,
      rgba(234, 219, 212, 0) 34%
    ),
    radial-gradient(
      circle at 84% 70%,
      rgba(223, 228, 218, 0.44) 0%,
      rgba(223, 228, 218, 0) 38%
    ),
    linear-gradient(
      180deg,
      #f6f1eb 0%,
      #f7f2ec 34%,
      #f8f5f0 100%
    ) !important;

  /* brak ostrej kreski na granicy Header–Hero */
  border-top: none !important;
  box-shadow: none !important;
}/* End custom CSS */