.elementor-825 .elementor-element.elementor-element-2b30835{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:140px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-825 .elementor-element.elementor-element-8be8e82{text-align:center;}.elementor-825 .elementor-element.elementor-element-8be8e82 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;}.elementor-825 .elementor-element.elementor-element-3d16fa7{font-family:"Inter", Sans-serif;font-size:18px;color:#B5B5B5;}.elementor-825 .elementor-element.elementor-element-ea478e2{--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;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-825 .elementor-element.elementor-element-cba963f{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:18px;}@media(max-width:767px){.elementor-825 .elementor-element.elementor-element-2b30835{--content-width:95%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:120px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-825 .elementor-element.elementor-element-2b30835{--content-width:800px;}.elementor-825 .elementor-element.elementor-element-ea478e2{--content-width:900px;}}/* Start custom CSS for container, class: .elementor-element-2b30835 *//* ================================================
   LAKOMETAL — Hero Background
   Použi triedu:  .lmk-hero-bg
   ================================================ */

.lmk-hero-bg {
  position: relative;
  overflow: hidden;
  background-color: #080808;
}

/* Farebná atmosféra — radiálne gradienty */
.lmk-hero-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 55% 60% at 15% 40%,  rgba(255, 0, 110, 0.18)  0%, transparent 65%),
    radial-gradient(ellipse 45% 50% at 80% 20%,  rgba(251, 86,   7, 0.13)  0%, transparent 60%),
    radial-gradient(ellipse 60% 55% at 70% 75%,  rgba(58, 134, 255, 0.12)  0%, transparent 60%),
    radial-gradient(ellipse 40% 45% at 50% 50%,  rgba(131, 56, 236, 0.08)  0%, transparent 55%);
  pointer-events: none;
  z-index: 0;
}

/* Obsah vo vnútri musí byť nad pozadím */
.lmk-hero-bg > * {
  position: relative;
  z-index: 1;
}

/* Animované farebné bloby */
.lmk-hero-bg .lmk-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.15;
  pointer-events: none;
  z-index: 0;
  animation: lmkBlobFloat 9s ease-in-out infinite;
}

.lmk-hero-bg .lmk-blob-1 {
  width: 600px; height: 600px;
  top: -160px;  left: -120px;
  background: #ff006e;
  animation-duration: 10s;
}

.lmk-hero-bg .lmk-blob-2 {
  width: 480px; height: 480px;
  top: 10%;     right: -60px;
  background: #3a86ff;
  animation-duration: 13s;
  animation-delay: -4s;
}

.lmk-hero-bg .lmk-blob-3 {
  width: 380px; height: 380px;
  bottom: -80px; left: 35%;
  background: #fb5607;
  animation-duration: 8s;
  animation-delay: -6s;
}

.lmk-hero-bg .lmk-blob-4 {
  width: 320px; height: 320px;
  top: 55%;     right: 22%;
  background: #8338ec;
  animation-duration: 11s;
  animation-delay: -2s;
}

@keyframes lmkBlobFloat {
  0%,  100% { transform: translate(0px,   0px)   scale(1);    }
  33%        { transform: translate(28px, -28px)  scale(1.05); }
  66%        { transform: translate(-18px, 18px)  scale(0.95); }
}/* End custom CSS */