.elementor-kit-58{--e-global-color-primary:#282828;--e-global-color-secondary:#CAB8A2;--e-global-color-text:#928781;--e-global-color-accent:#AF4B2F;--e-global-color-9670681:#E8E1D8;--e-global-color-9042db2:#F4F0EE;--e-global-color-541fa18:#FFFFFF;--e-global-color-c75ad52:#AF4B2F00;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:28px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-0.5px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.5px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-34f8ef0-font-family:"Epilogue";--e-global-typography-34f8ef0-font-size:12vw;--e-global-typography-34f8ef0-font-weight:600;--e-global-typography-34f8ef0-text-transform:lowercase;--e-global-typography-34f8ef0-font-style:normal;--e-global-typography-34f8ef0-text-decoration:none;--e-global-typography-34f8ef0-line-height:1em;--e-global-typography-34f8ef0-letter-spacing:-8px;--e-global-typography-34f8ef0-word-spacing:0px;--e-global-typography-85fbefb-font-family:"Inter";--e-global-typography-85fbefb-font-size:46px;--e-global-typography-85fbefb-font-weight:400;--e-global-typography-85fbefb-text-transform:none;--e-global-typography-85fbefb-font-style:normal;--e-global-typography-85fbefb-text-decoration:none;--e-global-typography-85fbefb-line-height:1.2em;--e-global-typography-85fbefb-letter-spacing:-0.5px;--e-global-typography-85fbefb-word-spacing:0px;--e-global-typography-abebd36-font-family:"Inter";--e-global-typography-abebd36-font-size:14px;--e-global-typography-abebd36-font-weight:400;--e-global-typography-abebd36-text-transform:capitalize;--e-global-typography-abebd36-font-style:normal;--e-global-typography-abebd36-text-decoration:none;--e-global-typography-abebd36-line-height:1em;--e-global-typography-abebd36-letter-spacing:0px;--e-global-typography-abebd36-word-spacing:0px;background-color:var( --e-global-color-9042db2 );}.elementor-kit-58 e-page-transition{background-color:#FFBC7D;}.elementor-kit-58 a{color:var( --e-global-color-accent );font-family:"Sora", Sans-serif;font-size:14px;}.elementor-kit-58 a:hover{color:var( --e-global-color-primary );}.elementor-kit-58 h1{color:var( --e-global-color-primary );font-family:"Sora", Sans-serif;}.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-kit-58{--e-global-typography-secondary-font-size:18px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-34f8ef0-font-size:14vw;--e-global-typography-85fbefb-font-size:38px;--e-global-typography-abebd36-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-58{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:16px;--e-global-typography-34f8ef0-font-size:15vw;--e-global-typography-34f8ef0-letter-spacing:-1.8px;--e-global-typography-85fbefb-font-size:30px;--e-global-typography-abebd36-font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.glayos-section {
  position: relative !important;
}
.glayos-section > .elementor-container {
  position: relative;
  z-index: 2;
}
.glayos-bg-blobs {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.glayos-bg-blobs .b1 {
  position: absolute; top: -80px; right: -80px;
  width: 500px; height: 500px;
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  background: hsla(12,76%,58%,0.1);
  animation: bp1 12s ease-in-out infinite;
}
.glayos-bg-blobs .b2 {
  position: absolute; bottom: -120px; left: -120px;
  width: 400px; height: 400px;
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  background: hsl(40,20%,88%);
  animation: bp2 15s ease-in-out infinite;
}
.glayos-bg-blobs .d1 {
  position: absolute; top: 20%; right: 20%;
  width: 12px; height: 12px; border-radius: 50%;
  background: hsla(12,76%,58%,0.4);
  animation: df1 6s ease-in-out infinite;
}
.glayos-bg-blobs .d2 {
  position: absolute; bottom: 30%; left: 15%;
  width: 8px; height: 8px; border-radius: 50%;
  background: hsla(12,76%,58%,0.3);
  animation: df2 8s ease-in-out infinite;
}
@keyframes bp1 { 0%,100%{transform:scale(1) rotate(0)} 50%{transform:scale(1.1) rotate(5deg)} }
@keyframes bp2 { 0%,100%{transform:scale(1) rotate(0)} 50%{transform:scale(1.15) rotate(-3deg)} }
@keyframes df1 { 0%,100%{transform:translateY(-10px)} 50%{transform:translateY(10px)} }
@keyframes df2 { 0%,100%{transform:translateY(10px)} 50%{transform:translateY(-10px)} }

<div class="glayos-bg-blobs">
  <div class="b1"></div>
  <div class="b2"></div>
  <div class="d1"></div>
  <div class="d2"></div>
</div>
.glayos-section{
  position: relative;
  overflow: hidden;
}

.glayos-section .glayos-bg-blobs{
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.glayos-section .glayos-bg-blobs .b1{
  position: absolute;
  top: -80px;
  right: -80px;
  width: 500px;
  height: 500px;
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  background: rgba(204,153,102,0.10);
  animation: bp1 12s ease-in-out infinite;
}

.glayos-section .glayos-bg-blobs .b2{
  position: absolute;
  bottom: -120px;
  left: -120px;
  width: 400px;
  height: 400px;
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  background: rgba(204,153,102,0.07);
  animation: bp2 15s ease-in-out infinite;
}

.glayos-section .glayos-bg-blobs .d1{
  position: absolute;
  top: 20%;
  right: 20%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(204,153,102,0.35);
  animation: df1 6s ease-in-out infinite;
}

.glayos-section .glayos-bg-blobs .d2{
  position: absolute;
  bottom: 30%;
  left: 15%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(204,153,102,0.25);
  animation: df2 8s ease-in-out infinite;
}

/* obsah sekce nad pozadím */
.glayos-section > .e-con-inner,
.glayos-section > .elementor-widget-wrap,
.glayos-section > .elementor-container{
  position: relative;
  z-index: 2;
}

/* samotný HTML widget s blobs nenech nad obsahem */
.glayos-section .elementor-widget-html{
  position: static !important;
}

@keyframes bp1{
  0%,100%{transform:scale(1) rotate(0deg);}
  50%{transform:scale(1.1) rotate(5deg);}
}

@keyframes bp2{
  0%,100%{transform:scale(1) rotate(0deg);}
  50%{transform:scale(1.15) rotate(-3deg);}
}

@keyframes df1{
  0%,100%{transform:translateY(-10px);}
  50%{transform:translateY(10px);}
}

@keyframes df2{
  0%,100%{transform:translateY(10px);}
  50%{transform:translateY(-10px);}
}/* End custom CSS */