.elementor-1821 .elementor-element.elementor-element-a643d47{--display:flex;--min-height:100vh;--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-1821 .elementor-element.elementor-element-0575f1a{--display:flex;--min-height:100vh;--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-1821 .elementor-element.elementor-element-5e85701{--display:flex;--min-height:100vh;--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-1821 .elementor-element.elementor-element-510b996{--display:flex;--min-height:100vh;--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-1821 .elementor-element.elementor-element-8e23cca{--display:flex;--min-height:100vh;--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-1821 .elementor-element.elementor-element-8ca976d{--display:flex;--min-height:100vh;--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;}/* Start custom CSS for container, class: .elementor-element-a643d47 *//* =========================================================
   ANIMOVANÉ SVĚTLÉ POZADÍ PRO 1 KONTEJNER V ELEMENTORU
   ---------------------------------------------------------
   Tato verze:
   - nastaví velmi světlé, téměř bílé pozadí
   - přidá výraznější barevné světelné objekty
   - zachová obsah nad animací
   - nesahá do min. výšky kontejneru
   ========================================================= */


/* =========================================================
   1) HLAVNÍ NASTAVENÍ KONTEJNERU
   ---------------------------------------------------------
   position: relative  = nutné pro absolutní vrstvy ::before / ::after
   overflow: hidden    = vše mimo kontejner se schová
   isolation: isolate  = oddělí vrstvy a pomůže se z-indexem
   background          = světlé jemně šedobílé pozadí
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-a643d47{
  position: relative;
  overflow: hidden;
  isolation: isolate;

  /* ZÁKLADNÍ SVĚTLÉ POZADÍ */
  background:
    linear-gradient(135deg, #fcfcfd 0%, #f4f5f7 45%, #eef1f4 100%);
}


/* =========================================================
   2) OBSAH KONTEJNERU MUSÍ BÝT NAD ANIMACÍ
   ---------------------------------------------------------
   Všechny běžné prvky uvnitř kontejneru posuneme nad
   animované vrstvy.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-a643d47 > *{
  position: relative;
  z-index: 2;
}


/* =========================================================
   3) PRVNÍ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Tato vrstva obsahuje větší barevné "světelné mraky".
   Je výraznější a pohybuje se pomalu do stran.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-a643d47::before{
  content: "";
  position: absolute;

  /* Roztažení vrstvy i mimo kontejner, aby se při pohybu nic neuseklo */
  inset: -18%;

  z-index: 1;
  pointer-events: none;

  /* -------------------------------------------------------
     BAREVNÉ OBJEKTY
     -------------------------------------------------------
     Každý radial-gradient je jeden rozostřený světelný objekt.

     circle at 20% 25% = pozice objektu
     rgba(...)         = barva a průhlednost
     transparent 28%   = velikost objektu
     ------------------------------------------------------- */
  background:
    radial-gradient(circle at 18% 28%, rgba(140, 82, 255, 0.30) 0%, transparent 28%),
    radial-gradient(circle at 82% 24%, rgba(0, 194, 255, 0.26) 0%, transparent 26%),
    radial-gradient(circle at 68% 78%, rgba(255, 84, 160, 0.22) 0%, transparent 28%),
    radial-gradient(circle at 30% 74%, rgba(120, 190, 255, 0.20) 0%, transparent 24%);

  /* Rozostření změkčí hrany a vytvoří "glow" efekt */
  filter: blur(48px);

  /* Animace první vrstvy */
  animation: bhSvetlePozadiPohyb1 10s ease-in-out infinite alternate;

  /* Lepší chování animace v prohlížeči */
  transform: translate3d(0,0,0) scale(1.02);
}


/* =========================================================
   4) DRUHÁ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Druhá vrstva doplňuje první a vytváří další pohyb.
   Je o něco větší a pomaleji rotuje / mění pozici.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-a643d47::after{
  content: "";
  position: absolute;
  inset: -22%;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at 72% 42%, rgba(0, 140, 255, 0.20) 0%, transparent 25%),
    radial-gradient(circle at 26% 78%, rgba(167, 99, 255, 0.22) 0%, transparent 26%),
    radial-gradient(circle at 52% 18%, rgba(255, 140, 190, 0.16) 0%, transparent 20%);

  filter: blur(58px);

  /* Druhá vrstva je o něco rychlejší než původně */
  animation: bhSvetlePozadiPohyb2 12s linear infinite;

  transform: translate3d(0,0,0) scale(1.04);
}


/* =========================================================
   5) ANIMACE PRVNÍ VRSTVY
   ---------------------------------------------------------
   Tady upravuješ hlavně:
   - translate(...) = posun
   - scale(...)     = zvětšení / zmenšení
   ---------------------------------------------------------
   Čím větší hodnoty, tím výraznější pohyb.
   ========================================================= */
@keyframes bhSvetlePozadiPohyb1{
  0%{
    transform: translate(-4%, -3%) scale(1.00);
  }
  25%{
    transform: translate(2%, -1%) scale(1.05);
  }
  50%{
    transform: translate(4%, 3%) scale(1.10);
  }
  75%{
    transform: translate(-1%, 4%) scale(1.06);
  }
  100%{
    transform: translate(3%, -2%) scale(1.12);
  }
}


/* =========================================================
   6) ANIMACE DRUHÉ VRSTVY
   ---------------------------------------------------------
   Tato vrstva dělá pomalý pohyb a jemnou rotaci.
   Když chceš rychlejší efekt:
   - zkrať čas animace výše, např. z 12s na 8s
   ========================================================= */
@keyframes bhSvetlePozadiPohyb2{
  0%{
    transform: translate(-2%, 1%) rotate(0deg) scale(1.00);
  }
  50%{
    transform: translate(2%, -2%) rotate(180deg) scale(1.08);
  }
  100%{
    transform: translate(-1%, 2%) rotate(360deg) scale(1.03);
  }
}


/* =========================================================
   7) RESPEKTOVÁNÍ NASTAVENÍ UŽIVATELE
   ---------------------------------------------------------
   Pokud má uživatel v systému omezené animace,
   animace se vypnou.
   ========================================================= */
@media (prefers-reduced-motion: reduce){
  .elementor-1821 .elementor-element.elementor-element-a643d47::before,
  .elementor-1821 .elementor-element.elementor-element-a643d47::after{
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0575f1a *//* =========================================================
   ANIMOVANÉ TMAVÉ POZADÍ PRO 1 KONTEJNER V ELEMENTORU
   ---------------------------------------------------------
   Tato verze:
   - nastaví tmavé elegantní pozadí
   - zvýrazní barevné světelné objekty
   - zachová obsah nad animací
   - nesahá do min. výšky kontejneru
   ========================================================= */


/* =========================================================
   1) HLAVNÍ NASTAVENÍ KONTEJNERU
   ---------------------------------------------------------
   position: relative  = nutné pro absolutní vrstvy ::before / ::after
   overflow: hidden    = vše mimo kontejner se schová
   isolation: isolate  = oddělí vrstvy a pomůže se z-indexem
   background          = tmavé gradientní pozadí
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-0575f1a{
  position: relative;
  overflow: hidden;
  isolation: isolate;

  /* ZÁKLADNÍ TMAVÉ POZADÍ */
  background:
    linear-gradient(135deg, #090d18 0%, #0d1324 45%, #111a2f 100%);
}


/* =========================================================
   2) OBSAH KONTEJNERU MUSÍ BÝT NAD ANIMACÍ
   ---------------------------------------------------------
   Všechny běžné prvky uvnitř kontejneru posuneme nad
   animované vrstvy.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-0575f1a > *{
  position: relative;
  z-index: 2;
}


/* =========================================================
   3) PRVNÍ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Tato vrstva obsahuje větší barevné "světelné mraky".
   Oproti světlé verzi jsou:
   - sytější
   - o něco větší
   - lépe viditelné na tmavém pozadí
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-0575f1a::before{
  content: "";
  position: absolute;

  /* Roztažení vrstvy i mimo kontejner, aby se při pohybu nic neuseklo */
  inset: -18%;

  z-index: 1;
  pointer-events: none;

  /* -------------------------------------------------------
     BAREVNÉ OBJEKTY
     -------------------------------------------------------
     Každý radial-gradient je jeden rozostřený světelný objekt.

     circle at ... = pozice objektu
     rgba(...)     = barva + síla viditelnosti
     transparent   = velikost objektu
     ------------------------------------------------------- */
  background:
    radial-gradient(circle at 18% 28%, rgba(140, 82, 255, 0.48) 0%, transparent 32%),
    radial-gradient(circle at 82% 24%, rgba(0, 194, 255, 0.42) 0%, transparent 30%),
    radial-gradient(circle at 68% 78%, rgba(255, 84, 160, 0.36) 0%, transparent 32%),
    radial-gradient(circle at 30% 74%, rgba(120, 190, 255, 0.30) 0%, transparent 28%);

  /* Rozostření změkčí hrany a vytvoří světelný glow efekt */
  filter: blur(52px);

  /* Animace první vrstvy */
  animation: bhTmavePozadiPohyb1 10s ease-in-out infinite alternate;

  /* Lepší chování animace v prohlížeči */
  transform: translate3d(0,0,0) scale(1.02);
}


/* =========================================================
   4) DRUHÁ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Druhá vrstva doplňuje první a vytváří další pohyb.
   Je o něco větší a pomaleji rotuje / mění pozici.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-0575f1a::after{
  content: "";
  position: absolute;
  inset: -22%;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at 72% 42%, rgba(0, 140, 255, 0.34) 0%, transparent 29%),
    radial-gradient(circle at 26% 78%, rgba(167, 99, 255, 0.36) 0%, transparent 30%),
    radial-gradient(circle at 52% 18%, rgba(255, 140, 190, 0.24) 0%, transparent 24%);

  filter: blur(62px);

  /* Druhá vrstva je o něco rychlejší než původní tmavá verze */
  animation: bhTmavePozadiPohyb2 12s linear infinite;

  transform: translate3d(0,0,0) scale(1.04);
}


/* =========================================================
   5) ANIMACE PRVNÍ VRSTVY
   ---------------------------------------------------------
   Tady upravuješ hlavně:
   - translate(...) = posun
   - scale(...)     = zvětšení / zmenšení
   ---------------------------------------------------------
   Čím větší hodnoty, tím výraznější pohyb.
   ========================================================= */
@keyframes bhTmavePozadiPohyb1{
  0%{
    transform: translate(-4%, -3%) scale(1.00);
  }
  25%{
    transform: translate(2%, -1%) scale(1.05);
  }
  50%{
    transform: translate(4%, 3%) scale(1.10);
  }
  75%{
    transform: translate(-1%, 4%) scale(1.06);
  }
  100%{
    transform: translate(3%, -2%) scale(1.12);
  }
}


/* =========================================================
   6) ANIMACE DRUHÉ VRSTVY
   ---------------------------------------------------------
   Tato vrstva dělá pomalý pohyb a jemnou rotaci.
   Když chceš rychlejší efekt:
   - zkrať čas animace výše, např. z 12s na 8s
   ========================================================= */
@keyframes bhTmavePozadiPohyb2{
  0%{
    transform: translate(-2%, 1%) rotate(0deg) scale(1.00);
  }
  50%{
    transform: translate(2%, -2%) rotate(180deg) scale(1.08);
  }
  100%{
    transform: translate(-1%, 2%) rotate(360deg) scale(1.03);
  }
}


/* =========================================================
   7) RESPEKTOVÁNÍ NASTAVENÍ UŽIVATELE
   ---------------------------------------------------------
   Pokud má uživatel v systému omezené animace,
   animace se vypnou.
   ========================================================= */
@media (prefers-reduced-motion: reduce){
  .elementor-1821 .elementor-element.elementor-element-0575f1a::before,
  .elementor-1821 .elementor-element.elementor-element-0575f1a::after{
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e85701 *//* =========================================================
   ANIMOVANÉ TMAVÉ POZADÍ PRO 1 KONTEJNER V ELEMENTORU
   VARIANTA S 1 ČISTĚ BÍLÝM SVĚTELNÝM OBJEKTEM
   ---------------------------------------------------------
   Tato verze:
   - nastaví tmavé elegantní pozadí
   - zvýrazní barevné světelné objekty
   - jeden objekt je čistě bílý
   - zachová obsah nad animací
   - nesahá do min. výšky kontejneru
   ========================================================= */


/* =========================================================
   1) HLAVNÍ NASTAVENÍ KONTEJNERU
   ---------------------------------------------------------
   position: relative  = nutné pro absolutní vrstvy ::before / ::after
   overflow: hidden    = vše mimo kontejner se schová
   isolation: isolate  = oddělí vrstvy a pomůže se z-indexem
   background          = tmavé gradientní pozadí
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-5e85701{
  position: relative;
  overflow: hidden;
  isolation: isolate;

  /* ZÁKLADNÍ TMAVÉ POZADÍ */
  background:
    linear-gradient(135deg, #090d18 0%, #0d1324 45%, #111a2f 100%);
}


/* =========================================================
   2) OBSAH KONTEJNERU MUSÍ BÝT NAD ANIMACÍ
   ---------------------------------------------------------
   Všechny běžné prvky uvnitř kontejneru posuneme nad
   animované vrstvy.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-5e85701 > *{
  position: relative;
  z-index: 2;
}


/* =========================================================
   3) PRVNÍ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Tato vrstva obsahuje větší barevné "světelné mraky".
   Oproti předchozí verzi je jeden objekt čistě bílý.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-5e85701::before{
  content: "";
  position: absolute;
  inset: -18%;
  z-index: 1;
  pointer-events: none;

  /* -------------------------------------------------------
     BAREVNÉ OBJEKTY
     -------------------------------------------------------
     1. fialový objekt   = vlevo nahoře
     2. bílý objekt      = vpravo nahoře
     3. růžový objekt    = vpravo dole
     4. modrý objekt     = vlevo dole
     ------------------------------------------------------- */
  background:
    radial-gradient(circle at 18% 28%, rgba(140, 82, 255, 0.48) 0%, transparent 32%),
    radial-gradient(circle at 82% 24%, rgba(255, 255, 255, 0.38) 0%, transparent 28%),
    radial-gradient(circle at 68% 78%, rgba(255, 84, 160, 0.36) 0%, transparent 32%),
    radial-gradient(circle at 30% 74%, rgba(120, 190, 255, 0.30) 0%, transparent 28%);

  /* Rozostření změkčí hrany a vytvoří světelný glow efekt */
  filter: blur(52px);

  /* Animace první vrstvy */
  animation: bhTmavePozadiPohyb1 10s ease-in-out infinite alternate;

  /* Lepší chování animace v prohlížeči */
  transform: translate3d(0,0,0) scale(1.02);
}


/* =========================================================
   4) DRUHÁ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Druhá vrstva doplňuje první a vytváří další pohyb.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-5e85701::after{
  content: "";
  position: absolute;
  inset: -22%;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at 72% 42%, rgba(0, 140, 255, 0.34) 0%, transparent 29%),
    radial-gradient(circle at 26% 78%, rgba(167, 99, 255, 0.36) 0%, transparent 30%),
    radial-gradient(circle at 52% 18%, rgba(255, 140, 190, 0.24) 0%, transparent 24%);

  filter: blur(62px);

  /* Druhá vrstva je o něco rychlejší než původní tmavá verze */
  animation: bhTmavePozadiPohyb2 12s linear infinite;

  transform: translate3d(0,0,0) scale(1.04);
}


/* =========================================================
   5) ANIMACE PRVNÍ VRSTVY
   ---------------------------------------------------------
   Tady upravuješ hlavně:
   - translate(...) = posun
   - scale(...)     = zvětšení / zmenšení
   ---------------------------------------------------------
   Čím větší hodnoty, tím výraznější pohyb.
   ========================================================= */
@keyframes bhTmavePozadiPohyb1{
  0%{
    transform: translate(-4%, -3%) scale(1.00);
  }
  25%{
    transform: translate(2%, -1%) scale(1.05);
  }
  50%{
    transform: translate(4%, 3%) scale(1.10);
  }
  75%{
    transform: translate(-1%, 4%) scale(1.06);
  }
  100%{
    transform: translate(3%, -2%) scale(1.12);
  }
}


/* =========================================================
   6) ANIMACE DRUHÉ VRSTVY
   ---------------------------------------------------------
   Tato vrstva dělá pomalý pohyb a jemnou rotaci.
   ========================================================= */
@keyframes bhTmavePozadiPohyb2{
  0%{
    transform: translate(-2%, 1%) rotate(0deg) scale(1.00);
  }
  50%{
    transform: translate(2%, -2%) rotate(180deg) scale(1.08);
  }
  100%{
    transform: translate(-1%, 2%) rotate(360deg) scale(1.03);
  }
}


/* =========================================================
   7) RESPEKTOVÁNÍ NASTAVENÍ UŽIVATELE
   ---------------------------------------------------------
   Pokud má uživatel v systému omezené animace,
   animace se vypnou.
   ========================================================= */
@media (prefers-reduced-motion: reduce){
  .elementor-1821 .elementor-element.elementor-element-5e85701::before,
  .elementor-1821 .elementor-element.elementor-element-5e85701::after{
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-510b996 *//* =========================================================
   ANIMOVANÉ TMAVÉ LUXUSNÍ POZADÍ PRO 1 KONTEJNER V ELEMENTORU
   VARIANTA: ZLATÝ / ŠAMPAŇSKÝ GLOW
   ---------------------------------------------------------
   Tato verze:
   - používá tmavé elegantní pozadí
   - nahrazuje neonové barvy luxusnějšími zlatými tóny
   - přidává jemný světlý / perleťový akcent
   - zachová obsah nad animací
   - nesahá do min. výšky kontejneru
   ========================================================= */


/* =========================================================
   1) HLAVNÍ NASTAVENÍ KONTEJNERU
   ---------------------------------------------------------
   position: relative  = nutné pro absolutní vrstvy ::before / ::after
   overflow: hidden    = vše mimo kontejner se schová
   isolation: isolate  = oddělí vrstvy a pomůže se z-indexem
   background          = tmavé luxusní pozadí
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-510b996{
  position: relative;
  overflow: hidden;
  isolation: isolate;

  /* ZÁKLADNÍ TMAVÉ LUXUSNÍ POZADÍ */
  background:
    linear-gradient(135deg, #090909 0%, #111111 38%, #1a1712 68%, #0f0d0a 100%);
}


/* =========================================================
   2) OBSAH KONTEJNERU MUSÍ BÝT NAD ANIMACÍ
   ---------------------------------------------------------
   Všechny běžné prvky uvnitř kontejneru posuneme nad
   animované vrstvy.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-510b996 > *{
  position: relative;
  z-index: 2;
}


/* =========================================================
   3) PRVNÍ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Tato vrstva tvoří hlavní luxusní "světelné mraky".
   Použité tóny:
   - teplá zlatá
   - šampaňská
   - jemně bronzová
   - lehce perleťově bílá
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-510b996::before{
  content: "";
  position: absolute;
  inset: -18%;
  z-index: 1;
  pointer-events: none;

  /* -------------------------------------------------------
     BAREVNÉ OBJEKTY
     -------------------------------------------------------
     1. teplá zlatá       = vlevo nahoře
     2. šampaňská světlá  = vpravo nahoře
     3. bronzově zlatá    = vpravo dole
     4. jemná perleťová   = vlevo dole
     ------------------------------------------------------- */
  background:
    radial-gradient(circle at 18% 28%, rgba(255, 205, 110, 0.34) 0%, transparent 32%),
    radial-gradient(circle at 82% 24%, rgba(255, 240, 210, 0.28) 0%, transparent 28%),
    radial-gradient(circle at 68% 78%, rgba(210, 155, 80, 0.30) 0%, transparent 32%),
    radial-gradient(circle at 30% 74%, rgba(255, 248, 235, 0.16) 0%, transparent 26%);

  /* Rozostření změkčí hrany a vytvoří světelný glow efekt */
  filter: blur(54px);

  /* Animace první vrstvy */
  animation: bhLuxGoldPohyb1 10s ease-in-out infinite alternate;

  /* Lepší chování animace v prohlížeči */
  transform: translate3d(0,0,0) scale(1.02);
}


/* =========================================================
   4) DRUHÁ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Druhá vrstva doplňuje první a vytváří další pohyb.
   Tady jsou tóny o něco tmavší a hlubší.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-510b996::after{
  content: "";
  position: absolute;
  inset: -22%;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at 72% 42%, rgba(196, 138, 58, 0.24) 0%, transparent 29%),
    radial-gradient(circle at 26% 78%, rgba(255, 223, 160, 0.22) 0%, transparent 30%),
    radial-gradient(circle at 52% 18%, rgba(255, 245, 225, 0.12) 0%, transparent 24%);

  filter: blur(64px);

  /* Druhá vrstva se pohybuje plynuleji a pomaleji */
  animation: bhLuxGoldPohyb2 12s linear infinite;

  transform: translate3d(0,0,0) scale(1.04);
}


/* =========================================================
   5) ANIMACE PRVNÍ VRSTVY
   ---------------------------------------------------------
   Tady upravuješ hlavně:
   - translate(...) = posun
   - scale(...)     = zvětšení / zmenšení
   ---------------------------------------------------------
   Čím větší hodnoty, tím výraznější pohyb.
   ========================================================= */
@keyframes bhLuxGoldPohyb1{
  0%{
    transform: translate(-4%, -3%) scale(1.00);
  }
  25%{
    transform: translate(2%, -1%) scale(1.05);
  }
  50%{
    transform: translate(4%, 3%) scale(1.10);
  }
  75%{
    transform: translate(-1%, 4%) scale(1.06);
  }
  100%{
    transform: translate(3%, -2%) scale(1.12);
  }
}


/* =========================================================
   6) ANIMACE DRUHÉ VRSTVY
   ---------------------------------------------------------
   Tato vrstva dělá pomalý pohyb a jemnou rotaci.
   Když chceš rychlejší efekt:
   - zkrať čas animace výše, např. z 12s na 8s
   ========================================================= */
@keyframes bhLuxGoldPohyb2{
  0%{
    transform: translate(-2%, 1%) rotate(0deg) scale(1.00);
  }
  50%{
    transform: translate(2%, -2%) rotate(180deg) scale(1.08);
  }
  100%{
    transform: translate(-1%, 2%) rotate(360deg) scale(1.03);
  }
}


/* =========================================================
   7) RESPEKTOVÁNÍ NASTAVENÍ UŽIVATELE
   ---------------------------------------------------------
   Pokud má uživatel v systému omezené animace,
   animace se vypnou.
   ========================================================= */
@media (prefers-reduced-motion: reduce){
  .elementor-1821 .elementor-element.elementor-element-510b996::before,
  .elementor-1821 .elementor-element.elementor-element-510b996::after{
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e23cca *//* =========================================================
   ANIMOVANÉ SVĚTLÉ LUXUSNÍ POZADÍ PRO 1 KONTEJNER V ELEMENTORU
   VARIANTA: PERLEŤ / CHAMPAGNE MIST
   ---------------------------------------------------------
   Tato verze:
   - používá velmi světlé luxusní pozadí
   - kombinuje perleťové, šampaňské a jemně studené akcenty
   - působí elegantně, čistě a moderně
   - zachová obsah nad animací
   - nesahá do min. výšky kontejneru
   ========================================================= */


/* =========================================================
   1) HLAVNÍ NASTAVENÍ KONTEJNERU
   ---------------------------------------------------------
   position: relative  = nutné pro absolutní vrstvy ::before / ::after
   overflow: hidden    = vše mimo kontejner se schová
   isolation: isolate  = oddělí vrstvy a pomůže se z-indexem
   background          = velmi světlé luxusní pozadí
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-8e23cca{
  position: relative;
  overflow: hidden;
  isolation: isolate;

  /* ZÁKLADNÍ SVĚTLÉ LUXUSNÍ POZADÍ */
  background:
    linear-gradient(135deg, #fffdfa 0%, #f8f6f1 34%, #f3f4f7 68%, #fcfbf8 100%);
}


/* =========================================================
   2) OBSAH KONTEJNERU MUSÍ BÝT NAD ANIMACÍ
   ---------------------------------------------------------
   Všechny běžné prvky uvnitř kontejneru posuneme nad
   animované vrstvy.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-8e23cca > *{
  position: relative;
  z-index: 2;
}


/* =========================================================
   3) PRVNÍ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Hlavní světelné "mraky":
   - šampaňská
   - perleťově bílá
   - pudrově růžová
   - velmi jemná ledově modrá
   ---------------------------------------------------------
   Tato vrstva je měkčí a luxusnější než klasické neon efekty.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-8e23cca::before{
  content: "";
  position: absolute;
  inset: -18%;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at 18% 24%, rgba(255, 220, 170, 0.32) 0%, transparent 30%),
    radial-gradient(circle at 82% 22%, rgba(255, 255, 255, 0.42) 0%, transparent 26%),
    radial-gradient(circle at 68% 78%, rgba(245, 196, 210, 0.26) 0%, transparent 30%),
    radial-gradient(circle at 30% 74%, rgba(198, 220, 255, 0.22) 0%, transparent 26%);

  /* Jemné rozostření vytvoří luxusní "mist" efekt */
  filter: blur(52px);

  /* Pomalý elegantní pohyb */
  animation: bhPearlMistPohyb1 11s ease-in-out infinite alternate;

  /* Lepší vykreslení v prohlížeči */
  transform: translate3d(0,0,0) scale(1.02);
}


/* =========================================================
   4) DRUHÁ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Doplňková vrstva pro větší hloubku:
   - teplejší champagne glow
   - perleťový akcent
   - ledově světlý tón
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-8e23cca::after{
  content: "";
  position: absolute;
  inset: -22%;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at 72% 42%, rgba(224, 188, 132, 0.20) 0%, transparent 28%),
    radial-gradient(circle at 24% 80%, rgba(255, 243, 224, 0.26) 0%, transparent 29%),
    radial-gradient(circle at 52% 16%, rgba(218, 233, 255, 0.18) 0%, transparent 22%);

  filter: blur(64px);

  /* Druhá vrstva se pohybuje plynuleji */
  animation: bhPearlMistPohyb2 13s linear infinite;

  transform: translate3d(0,0,0) scale(1.04);
}


/* =========================================================
   5) VOLITELNÝ JEMNÝ SVĚTELNÝ ZÁVOJ PŘES POZADÍ
   ---------------------------------------------------------
   Tento efekt dodá pozadí lehký "premium haze" nádech.
   Není nutný, ale dělá výsledek bohatší.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-8e23cca .bh-lux-overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.16) 0%,
      rgba(255,255,255,0.04) 35%,
      rgba(255,255,255,0.10) 100%
    );

  mix-blend-mode: screen;
}


/* =========================================================
   6) ANIMACE PRVNÍ VRSTVY
   ---------------------------------------------------------
   Tady upravuješ hlavně:
   - translate(...) = posun
   - scale(...)     = zvětšení / zmenšení
   ---------------------------------------------------------
   U světlého luxusního pozadí je lepší držet pohyb jemnější.
   ========================================================= */
@keyframes bhPearlMistPohyb1{
  0%{
    transform: translate(-3%, -2%) scale(1.00);
  }
  25%{
    transform: translate(2%, -1%) scale(1.04);
  }
  50%{
    transform: translate(4%, 2%) scale(1.08);
  }
  75%{
    transform: translate(-1%, 3%) scale(1.05);
  }
  100%{
    transform: translate(3%, -2%) scale(1.10);
  }
}


/* =========================================================
   7) ANIMACE DRUHÉ VRSTVY
   ---------------------------------------------------------
   Druhá vrstva dělá pomalý pohyb a lehkou rotaci.
   ========================================================= */
@keyframes bhPearlMistPohyb2{
  0%{
    transform: translate(-2%, 1%) rotate(0deg) scale(1.00);
  }
  50%{
    transform: translate(2%, -2%) rotate(180deg) scale(1.06);
  }
  100%{
    transform: translate(-1%, 2%) rotate(360deg) scale(1.03);
  }
}


/* =========================================================
   8) RESPEKTOVÁNÍ NASTAVENÍ UŽIVATELE
   ---------------------------------------------------------
   Pokud má uživatel v systému omezené animace,
   animace se vypnou.
   ========================================================= */
@media (prefers-reduced-motion: reduce){
  .elementor-1821 .elementor-element.elementor-element-8e23cca::before,
  .elementor-1821 .elementor-element.elementor-element-8e23cca::after{
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ca976d *//* =========================================================
   ANIMOVANÉ SVĚTLÉ LUXUSNÍ POZADÍ PRO 1 KONTEJNER V ELEMENTORU
   VARIANTA: PERLEŤ / CHAMPAGNE MIST – ZVÝRAZNĚNÁ VERZE
   ---------------------------------------------------------
   Tato verze:
   - zachovává světlý luxusní styl
   - je ale viditelnější než předchozí varianta
   - má větší a sytější světelné objekty
   - má o něco menší blur, aby efekt víc vystoupil
   ========================================================= */


/* =========================================================
   1) HLAVNÍ NASTAVENÍ KONTEJNERU
   ---------------------------------------------------------
   Základní světlé luxusní pozadí.
   Pro lepší kontrast je o něco tmavší než předchozí verze.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-8ca976d{
  position: relative;
  overflow: hidden;
  isolation: isolate;

  /* ZÁKLADNÍ SVĚTLÉ POZADÍ
     Mírně tmavší než minule, aby byly světelné objekty vidět */
  background:
    linear-gradient(135deg, #fffdf9 0%, #f4f1ea 34%, #eceff4 68%, #faf8f3 100%);
}


/* =========================================================
   2) OBSAH KONTEJNERU MUSÍ BÝT NAD ANIMACÍ
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-8ca976d > *{
  position: relative;
  z-index: 2;
}


/* =========================================================
   3) PRVNÍ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Hlavní světelné "mraky":
   - šampaňská
   - bílá
   - pudrově růžová
   - ledově modrá
   ---------------------------------------------------------
   Oproti minulé verzi:
   - vyšší krytí
   - větší velikost
   - menší blur = větší čitelnost
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-8ca976d::before{
  content: "";
  position: absolute;
  inset: -20%;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at 18% 24%, rgba(255, 212, 150, 0.50) 0%, transparent 36%),
    radial-gradient(circle at 82% 22%, rgba(255, 255, 255, 0.58) 0%, transparent 30%),
    radial-gradient(circle at 68% 78%, rgba(244, 170, 195, 0.42) 0%, transparent 34%),
    radial-gradient(circle at 30% 74%, rgba(170, 205, 255, 0.38) 0%, transparent 30%);

  /* Menší blur = efekt je čitelnější */
  filter: blur(36px);

  /* Mírně výraznější pohyb */
  animation: bhPearlMistStrongPohyb1 9s ease-in-out infinite alternate;

  transform: translate3d(0,0,0) scale(1.03);
}


/* =========================================================
   4) DRUHÁ ANIMOVANÁ VRSTVA
   ---------------------------------------------------------
   Doplňková vrstva pro větší hloubku.
   Také je nyní o něco sytější a lépe viditelná.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-8ca976d::after{
  content: "";
  position: absolute;
  inset: -24%;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at 72% 42%, rgba(224, 188, 132, 0.34) 0%, transparent 32%),
    radial-gradient(circle at 24% 80%, rgba(255, 239, 214, 0.42) 0%, transparent 34%),
    radial-gradient(circle at 52% 16%, rgba(190, 218, 255, 0.30) 0%, transparent 26%);

  filter: blur(44px);

  animation: bhPearlMistStrongPohyb2 10.5s linear infinite;

  transform: translate3d(0,0,0) scale(1.05);
}


/* =========================================================
   5) ANIMACE PRVNÍ VRSTVY
   ---------------------------------------------------------
   O něco výraznější pohyb než minule.
   ========================================================= */
@keyframes bhPearlMistStrongPohyb1{
  0%{
    transform: translate(-4%, -3%) scale(1.00);
  }
  25%{
    transform: translate(2%, -1%) scale(1.06);
  }
  50%{
    transform: translate(5%, 3%) scale(1.11);
  }
  75%{
    transform: translate(-2%, 4%) scale(1.07);
  }
  100%{
    transform: translate(4%, -3%) scale(1.13);
  }
}


/* =========================================================
   6) ANIMACE DRUHÉ VRSTVY
   ---------------------------------------------------------
   Druhá vrstva dělá plynulý pohyb a lehkou rotaci.
   ========================================================= */
@keyframes bhPearlMistStrongPohyb2{
  0%{
    transform: translate(-2%, 1%) rotate(0deg) scale(1.00);
  }
  50%{
    transform: translate(3%, -3%) rotate(180deg) scale(1.08);
  }
  100%{
    transform: translate(-2%, 2%) rotate(360deg) scale(1.04);
  }
}


/* =========================================================
   7) VOLITELNÉ: LEHKÉ ZESÍLENÍ KONTRASTU CELÉHO POZADÍ
   ---------------------------------------------------------
   Tento jemný vnitřní závoj pomůže objektům lépe vystoupit.
   Není nutný, ale může pomoct.
   ========================================================= */
.elementor-1821 .elementor-element.elementor-element-8ca976d{
  box-shadow: inset 0 0 80px rgba(255,255,255,0.10);
}


/* =========================================================
   8) RESPEKTOVÁNÍ NASTAVENÍ UŽIVATELE
   ========================================================= */
@media (prefers-reduced-motion: reduce){
  .elementor-1821 .elementor-element.elementor-element-8ca976d::before,
  .elementor-1821 .elementor-element.elementor-element-8ca976d::after{
    animation: none;
  }
}/* End custom CSS */