.elementor-7232 .elementor-element.elementor-element-d4c1a50{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-d4c1a50 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7232 .elementor-element.elementor-element-b5ebe53 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7232 .elementor-element.elementor-element-9405eb8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-9405eb8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7232 .elementor-element.elementor-element-93078a6 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7232 .elementor-element.elementor-element-3a654ee{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-3a654ee > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7232 .elementor-element.elementor-element-89bd8d1 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7232 .elementor-element.elementor-element-e7630b2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-e7630b2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7232 .elementor-element.elementor-element-c060476 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7232 .elementor-element.elementor-element-3d1c21b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-3d1c21b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7232 .elementor-element.elementor-element-51752e6 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7232 .elementor-element.elementor-element-ed66694{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-ed66694 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7232 .elementor-element.elementor-element-8e3c215 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7232 .elementor-element.elementor-element-3a59330{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-3a59330 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7232 .elementor-element.elementor-element-61d2561 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7232 .elementor-element.elementor-element-3ca445e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-3ca445e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7232 .elementor-element.elementor-element-30e6486 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7232 .elementor-element.elementor-element-9e43fa7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-9e43fa7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7232 .elementor-element.elementor-element-956ba9c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}@media(max-width:1024px){.elementor-7232 .elementor-element.elementor-element-d4c1a50{padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-9405eb8{padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-3a654ee{padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-e7630b2{padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-3d1c21b{padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-ed66694{padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-3a59330{padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-3ca445e{padding:0px 0px 0px 0px;}.elementor-7232 .elementor-element.elementor-element-9e43fa7{padding:0px 0px 0px 0px;}}/* =========================================================
   SIGENERGY HERO – ECOSYSTEM FINAL CLEAN CSS
   ========================================================= */

html{
  scroll-behavior:smooth;
}

html,
body{
  overflow-x:hidden;
}

.eg-hero-ecosystem{
  --eg-text:#0f172a;
  --eg-muted:#64748b;
  --eg-accent:#6F7D63;
  --eg-border:#dfe8dc;
  --eg-soft:#f4f7f3;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0 !important;
  margin-bottom:0 !important;

  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:44px 0 64px;


}

.eg-hero-ecosystem *{
  box-sizing:border-box;
}

.eg-hero-ecosystem::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(15,23,42,.06);
  pointer-events:none;
}

.eg-hero-ecosystem__inner{
  max-width:1410px;
  margin:0 auto;
  padding:0 16px;
  display:grid;
  grid-template-columns:minmax(390px,.72fr) minmax(0,1.28fr);
  gap:42px;
  align-items:center;
}

/* CONTENT */

.eg-hero-ecosystem__content{
  position:relative;
  z-index:4;
  max-width:620px;
}

.eg-hero-ecosystem__kicker{
  display:inline-flex;
  margin-bottom:16px;
  padding:8px 13px;
  border-radius:999px;
  background:var(--eg-soft);
  border:1px solid var(--eg-border);
  color:#5f6f58;
  font-size:12px;
  line-height:1;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-hero-ecosystem__title{
  margin:0 0 18px;
  color:var(--eg-text);
  font-size:58px;
  line-height:1.01;
  letter-spacing:-.055em;
  max-width:580px;
}

.eg-hero-ecosystem__text{
  margin:0;
  max-width:540px;
  color:var(--eg-muted);
  font-size:17px;
  line-height:1.72;
}

.eg-hero-ecosystem__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.eg-hero-ecosystem__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 21px;
  border-radius:999px;
  font-size:14px;
  line-height:1;
  font-weight:900;
  text-decoration:none;
  transition:
    transform .22s ease,
    background .22s ease,
    color .22s ease,
    border-color .22s ease;
}

.eg-hero-ecosystem__btn:hover{
  transform:translateY(-2px);
}

.eg-hero-ecosystem__btn--primary{
  background:#0f172a;
  color:#ffffff;
  box-shadow:0 16px 36px rgba(15,23,42,.16);
}

.eg-hero-ecosystem__btn--primary:hover{
  background:#6F7D63;
  color:#ffffff;
}

.eg-hero-ecosystem__btn--secondary{
  background:#ffffff;
  color:#0f172a;
  border:1px solid var(--eg-border);
  box-shadow:0 14px 30px rgba(15,23,42,.055);
}

.eg-hero-ecosystem__btn--secondary:hover{
  border-color:#cfdccc;
  background:#f4f7f3;
}

/* CHIPS */

.eg-hero-ecosystem__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
  max-width:580px;
}

.eg-hero-ecosystem__chips a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(223,232,220,.9);
  color:#475569;
  font-size:12px;
  line-height:1;
  font-weight:800;
  text-decoration:none !important;
  box-shadow:none;
  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.eg-hero-ecosystem__chips a:hover{
  background:#0f172a;
  border-color:#0f172a;
  color:#ffffff;
  transform:translateY(-1px);
}

/* VISUAL */

.eg-hero-ecosystem__visual{
  position:relative;
  z-index:2;
  min-height:560px;
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(111,125,99,.12), rgba(111,125,99,0) 42%),
    rgba(255,255,255,.42);
  box-shadow:
    0 22px 70px rgba(15,23,42,.07),
    0 0 0 1px rgba(223,232,220,.55);
}

.eg-hero-ecosystem__visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 40%),
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.16) 100%);
}

.eg-hero-ecosystem__image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  transform:scale(1.015);
}

/* HOTSPOTS – DESKTOP ONLY */

.eg-hero-hotspot{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 11px 8px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.78);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 12px 30px rgba(15,23,42,.08);
  color:#0f172a;
  font-size:11.5px;
  line-height:1;
  font-weight:850;
  white-space:nowrap;
  text-decoration:none !important;
  cursor:pointer;
  transition:
    transform .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}

.eg-hero-hotspot:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.88);
  box-shadow:0 16px 38px rgba(15,23,42,.13);
}

.eg-hero-hotspot span{
  position:relative;
  width:21px;
  height:21px;
  border-radius:50%;
  background:#0f172a;
  box-shadow:0 0 0 6px rgba(15,23,42,.07);
  flex:0 0 auto;
  transition:background .22s ease;
}

.eg-hero-hotspot:hover span{
  background:#6F7D63;
}

.eg-hero-hotspot span::before,
.eg-hero-hotspot span::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:#ffffff;
  transform:translate(-50%, -50%);
  border-radius:99px;
}

.eg-hero-hotspot span::before{
  width:10px;
  height:2px;
}

.eg-hero-hotspot span::after{
  width:2px;
  height:10px;
}

/* Desktop hotspot positions */
.eg-hero-hotspot--solar{
  left:29%;
  top:22%;
}

.eg-hero-hotspot--gateway{
  left:24%;
  top:57%;
}

.eg-hero-hotspot--storage{
  left:43%;
  top:66%;
}

.eg-hero-hotspot--inverter{
  left:55%;
  top:50%;
}

.eg-hero-hotspot--ev{
  left:66%;
  top:60%;
}

/* REVEAL */

.eg-hero-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s ease;
}

.eg-hero-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

.eg-hero-ecosystem__visual.eg-hero-reveal{
  transition-delay:.12s;
}

.eg-hero-ecosystem__chips.eg-hero-reveal{
  transition-delay:.18s;
}

/* TABLET */

@media (max-width:1180px){
  .eg-hero-ecosystem{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:46px 0 28px;
  }

  .eg-hero-ecosystem__inner{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr;
    gap:26px;
    padding-left:14px;
    padding-right:14px;
  }

  .eg-hero-ecosystem__content{
    max-width:820px;
  }

  .eg-hero-ecosystem__title{
    font-size:50px;
    max-width:760px;
  }

  .eg-hero-ecosystem__text{
    max-width:760px;
  }

  .eg-hero-hotspot{
    display:none !important;
  }

  .eg-hero-ecosystem__chips{
    display:grid;
    grid-template-columns:repeat(5, max-content);
    gap:8px;
    max-width:100%;
  }

  .eg-hero-ecosystem__visual{
    width:100% !important;
    max-width:100% !important;
    min-height:520px;
    border-radius:26px;
  }
}

/* MOBILE */

@media (max-width:860px){
  .eg-hero-ecosystem{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    overflow:hidden !important;
    padding:34px 0 24px;
  }

  .eg-hero-ecosystem__inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    overflow:hidden !important;
    gap:22px;
  }

  .eg-hero-ecosystem__content,
  .eg-hero-ecosystem__visual{
    width:100% !important;
    max-width:100% !important;
  }

  .eg-hero-ecosystem__title{
    font-size:36px;
    line-height:1.05;
  }

  .eg-hero-ecosystem__text{
    font-size:15px;
    line-height:1.62;
  }

  .eg-hero-ecosystem__actions{
    width:100%;
    margin-top:22px;
  }

  .eg-hero-ecosystem__btn{
    width:100%;
    max-width:100%;
  }

  .eg-hero-ecosystem__chips{
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:8px;
    margin-top:18px;
  }

  .eg-hero-ecosystem__chips a{
    width:100%;
    min-height:38px;
    padding:0 10px;
    font-size:12px;
    background:#ffffff;
  }

  .eg-hero-ecosystem__visual{
    min-height:480px;
    border-radius:22px;
  }

  .eg-hero-ecosystem__image{
    width:100% !important;
    max-width:100% !important;
    object-fit:cover;
    object-position:center center;
  }
}

@media (max-width:420px){
  .eg-hero-ecosystem{
    padding:30px 0 22px;
  }

  .eg-hero-ecosystem__inner{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .eg-hero-ecosystem__title{
    font-size:32px;
  }

  .eg-hero-ecosystem__visual{
    min-height:460px;
  }

  .eg-hero-ecosystem__chips{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .eg-hero-ecosystem__chips a:last-child{
    grid-column:1 / -1;
  }
}
/* =========================================================
   SIGENERGY EV STOTELĖ – FINAL CLEAN CSS
   ========================================================= */

.eg-ev-stage{
  --eg-text:#f8fafc;
  --eg-muted:#cbd5e1;
  --eg-soft:#94a3b8;
  --eg-accent:#6F7D63;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0 !important;
  margin-bottom:0 !important;

  position:relative;
  isolation:isolate;
  padding:66px 0 58px;
  overflow:hidden;

  background:
    linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.55) 100%),
    url('https://test.modernsource.lt/wp-content/uploads/2026/04/EvStoteles-background.webp');
  background-size:cover;
  background-position:center bottom;
  background-repeat:no-repeat;
}

.eg-ev-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 22% 42%, rgba(111,125,99,.30), rgba(111,125,99,0) 28%),
    radial-gradient(circle at 74% 32%, rgba(255,255,255,.08), rgba(255,255,255,0) 30%),
    linear-gradient(90deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.06) 45%, rgba(0,0,0,.20) 100%);
}

.eg-ev-stage::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.12);
  pointer-events:none;
}

.eg-ev-stage *{
  box-sizing:border-box;
}

.eg-ev-stage__inner{
  max-width:1410px;
  margin:0 auto;
  padding:0 16px;
  display:grid;
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);
  gap:54px;
  align-items:center;
}

/* Visual */

.eg-ev-stage__visual{
  position:relative;
  min-height:590px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.eg-ev-stage__orb{
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(111,125,99,.30) 0%, rgba(111,125,99,.12) 38%, rgba(111,125,99,0) 70%);
  filter:blur(58px);
  transform:translate(10px, 34px);
  pointer-events:none;
}

.eg-ev-stage__charger{
  position:relative;
  z-index:2;
  display:block;
  width:min(530px, 96%);
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 44px 50px rgba(0,0,0,.50))
    drop-shadow(0 0 34px rgba(255,255,255,.06));
  animation:egEvStageFloat 5.6s ease-in-out infinite;
}

.eg-ev-stage__badge{
  position:absolute;
  left:92px;
  bottom:68px;
  z-index:3;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.085);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 18px 42px rgba(0,0,0,.25);
}

.eg-ev-stage__badge span{
  display:block;
  margin-bottom:5px;
  color:#d9e4d3;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.eg-ev-stage__badge strong{
  display:block;
  color:#fff;
  font-size:26px;
  line-height:1;
  letter-spacing:-.03em;
}

/* Content */

.eg-ev-stage__content{
  position:relative;
  z-index:2;
  transform:translateY(18px);
}

.eg-ev-stage__kicker{
  display:inline-flex;
  margin-bottom:16px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#d7e2d2;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-ev-stage__title{
  margin:0 0 18px;
  max-width:680px;
  color:var(--eg-text);
  font-size:52px;
  line-height:1.02;
  letter-spacing:-.045em;
}

.eg-ev-stage__text{
  margin:0;
  max-width:700px;
  color:var(--eg-muted);
  font-size:17px;
  line-height:1.72;
}

.eg-ev-stage__features{
  display:grid;
  gap:13px;
  margin-top:26px;
}

.eg-ev-stage__feature{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:16px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 12px 36px rgba(0,0,0,.16);
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}

.eg-ev-stage__feature:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.17);
}

.eg-ev-stage__icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
  font-size:22px;
}

.eg-ev-stage__feature h3{
  margin:0 0 7px;
  color:#fff;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.02em;
}

.eg-ev-stage__feature p{
  margin:0;
  color:var(--eg-muted);
  font-size:14px;
  line-height:1.62;
}

.eg-ev-stage__note{
  margin-top:14px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(111,125,99,.17);
  border:1px solid rgba(111,125,99,.30);
  color:#dde7d8;
  font-size:14px;
  line-height:1.65;
}

/* Reveal animation */

.eg-ev-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s ease;
}

.eg-ev-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

.eg-ev-stage__feature.eg-ev-reveal:nth-child(1){
  transition-delay:.08s;
}

.eg-ev-stage__feature.eg-ev-reveal:nth-child(2){
  transition-delay:.16s;
}

.eg-ev-stage__feature.eg-ev-reveal:nth-child(3){
  transition-delay:.24s;
}

@keyframes egEvStageFloat{
  0%,100%{
    transform:translate(34px, -6px);
  }
  50%{
    transform:translate(34px, -14px);
  }
}

/* Tablet */

@media (max-width:1180px){
  .eg-ev-stage{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:46px 0 34px;
  }

  .eg-ev-stage__inner{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr;
    gap:22px;
    padding-left:14px;
    padding-right:14px;
  }

  .eg-ev-stage__content{
    order:1;
    transform:none;
  }

  .eg-ev-stage__visual{
    order:2;
    min-height:470px;
  }

  .eg-ev-stage__title{
    font-size:46px;
    max-width:820px;
  }

  .eg-ev-stage__text{
    max-width:820px;
  }

  .eg-ev-stage__charger{
    width:min(410px, 78%);
  }

  .eg-ev-stage__badge{
    left:34px;
    bottom:38px;
  }

  .eg-ev-stage__orb{
    width:460px;
    height:460px;
    transform:translate(-16px, 20px);
  }

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

/* Mobile */

@media (max-width:860px){
  .eg-ev-stage{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:34px 0 26px;
  }

  .eg-ev-stage__inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    gap:20px;
  }

  .eg-ev-stage__title{
    font-size:34px;
    line-height:1.06;
  }

  .eg-ev-stage__text{
    font-size:15px;
    line-height:1.62;
  }

  .eg-ev-stage__features{
    margin-top:22px;
  }

  .eg-ev-stage__visual{
    min-height:360px;
  }

  .eg-ev-stage__charger{
    width:min(300px, 78%);
  }

  .eg-ev-stage__orb{
    width:360px;
    height:360px;
    filter:blur(54px);
  }

  .eg-ev-stage__badge{
    left:0;
    bottom:14px;
    padding:11px 13px;
  }

  .eg-ev-stage__badge strong{
    font-size:22px;
  }

  .eg-ev-stage__feature{
    grid-template-columns:40px minmax(0,1fr);
    gap:13px;
    padding:16px;
    border-radius:20px;
  }

  .eg-ev-stage__icon{
    width:40px;
    height:40px;
    border-radius:14px;
    font-size:20px;
  }

  .eg-ev-stage__feature h3{
    font-size:18px;
  }

  .eg-ev-stage__feature p{
    font-size:13px;
  }

  .eg-ev-stage__note{
    font-size:13px;
    padding:14px 15px;
  }
}

@media (max-width:420px){
  .eg-ev-stage{
    padding:30px 0 22px;
  }

  .eg-ev-stage__inner{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .eg-ev-stage__title{
    font-size:30px;
  }

  .eg-ev-stage__visual{
    min-height:330px;
  }

  .eg-ev-stage__charger{
    width:min(260px, 74%);
  }

  .eg-ev-stage__badge{
    max-width:150px;
  }
}
/* =========================================================
   SIGENSTOR INTERACTIVE MODULES – FINAL ALIGNED CLEAN CSS
   ========================================================= */

.eg-sigenstor-modules{
  --eg-text:#0f172a;
  --eg-muted:#64748b;
  --eg-accent:#6F7D63;
  --eg-border:#e2e9df;
  --eg-soft:#f4f7f3;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0 !important;
  margin-bottom:0 !important;

  position:relative;
  isolation:isolate;
  padding:66px 0 62px;
  overflow:hidden;

  background:
    linear-gradient(180deg, rgba(255,255,255,.38) 0%, rgba(248,250,247,.56) 100%),
    url('https://test.modernsource.lt/wp-content/uploads/2026/04/bg7.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.eg-sigenstor-modules::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%, rgba(111,125,99,.08), rgba(111,125,99,0) 32%),
    radial-gradient(circle at 88% 20%, rgba(111,125,99,.06), rgba(111,125,99,0) 28%);
}

.eg-sigenstor-modules *{
  box-sizing:border-box;
}

/* =========================================================
   SHARED GRID – MATCHES EV SECTION
   ========================================================= */

.eg-sigenstor-modules__wrap{
  max-width:1410px !important;
  margin:0 auto !important;
  padding:0 16px !important;
  display:grid !important;
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr) !important;
  gap:54px !important;
  align-items:center !important;
}

/* =========================================================
   VISUAL
   ========================================================= */

.eg-sigenstor-modules__visual{
  position:relative;
  min-height:620px;
  padding:28px 0 26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:36px;

  background:
    radial-gradient(circle at 50% 45%, rgba(255,255,255,.36), rgba(255,255,255,.04) 48%),
    radial-gradient(circle at 48% 44%, rgba(111,125,99,.055), rgba(111,125,99,0) 42%),
    rgba(255,255,255,.08) !important;
}

.eg-sigenstor-modules__visual::before{
  content:"";
  position:absolute;
  width:450px;
  height:450px;
  border-radius:50%;
  background:rgba(111,125,99,.13);
  filter:blur(72px);
  transform:translate(-20px, 24px);
  pointer-events:none;
}

.eg-sigenstor-stack{
  position:relative;
  z-index:2;
  width:min(345px, 68%) !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  filter:
    drop-shadow(0 38px 52px rgba(15,23,42,.16))
    drop-shadow(0 0 28px rgba(111,125,99,.10));
}

.eg-sigenstor-part{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  display:block;
  width:100%;
  cursor:pointer;
  position:relative;
  opacity:.64;
  filter:saturate(.9) contrast(1.02);
  transition:
    opacity .25s ease,
    filter .25s ease,
    transform .25s ease;
}

.eg-sigenstor-part img{
  display:block;
  width:100%;
  height:auto;
  pointer-events:none;
  user-select:none;
}

.eg-sigenstor-part--top{
  z-index:3;
}

.eg-sigenstor-part--middle{
  z-index:2;
  margin-top:-1px;
}

.eg-sigenstor-part--bottom{
  z-index:1;
  margin-top:-1px;
}

.eg-sigenstor-part::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(111,125,99,.08) 0%,
    rgba(111,125,99,.03) 42%,
    rgba(111,125,99,0) 100%
  );
  transition:opacity .25s ease;
}

.eg-sigenstor-part:hover,
.eg-sigenstor-part.is-active{
  opacity:1;
  filter:saturate(1) contrast(1.06);
  transform:translateX(6px);
}

.eg-sigenstor-part.is-active::after{
  opacity:1;
}

.eg-sigenstor-visual-note{
  position:absolute;
  z-index:4;
  left:34px;
  bottom:38px;
  max-width:250px;
  padding:14px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.70);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 18px 48px rgba(15,23,42,.10);
}

.eg-sigenstor-visual-note span{
  display:block;
  margin-bottom:5px;
  color:#64748b;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-sigenstor-visual-note strong{
  display:block;
  color:#0f172a;
  font-size:16px;
  line-height:1.22;
  letter-spacing:-.02em;
}

/* =========================================================
   CONTENT
   ========================================================= */

.eg-sigenstor-modules__content{
  position:relative;
  z-index:2;
  max-width:720px !important;
  justify-self:start !important;
}

.eg-sigenstor-modules__kicker{
  display:inline-flex;
  margin-bottom:14px;
  padding:8px 13px;
  border-radius:999px;
  background:var(--eg-soft);
  border:1px solid var(--eg-border);
  color:#5f6f58;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-sigenstor-modules__title{
  margin:0 0 16px;
  color:var(--eg-text);
  font-size:48px;
  line-height:1.04;
  letter-spacing:-.045em;
  max-width:680px;
}

.eg-sigenstor-modules__text{
  margin:0;
  color:var(--eg-muted);
  font-size:16px;
  line-height:1.65;
  max-width:650px;
}

/* =========================================================
   AI PROOF STRIP
   ========================================================= */

.eg-sigenstor-ai-proof{
  position:relative;
  overflow:hidden;
  margin-top:20px !important;
  margin-bottom:16px !important;
  max-width:620px !important;
  min-height:auto !important;
  border-radius:22px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:center !important;
  padding:17px 19px !important;
  isolation:isolate;

  background:
    linear-gradient(90deg, rgba(3,7,10,.98) 0%, rgba(5,15,17,.94) 46%, rgba(7,29,28,.82) 100%) !important;
  border:1px solid rgba(15,23,42,.12) !important;
  box-shadow:
    0 18px 44px rgba(15,23,42,.10),
    inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

.eg-sigenstor-ai-proof::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 35%, rgba(32,245,255,.16), rgba(32,245,255,0) 34%),
    radial-gradient(circle at 92% 50%, rgba(111,125,99,.18), rgba(111,125,99,0) 38%),
    linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,.03) 100%) !important;
}

.eg-sigenstor-ai-proof::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, rgba(255,255,255,.02) 0 1px, transparent 1px 100%) !important;
  background-size:38px 38px !important;
  opacity:.18 !important;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.22));
}

.eg-sigenstor-ai-proof__glow{
  position:absolute;
  right:-130px;
  top:-90px;
  width:320px;
  height:240px;
  border-radius:50%;
  background:rgba(32,245,255,.14) !important;
  filter:blur(76px);
  pointer-events:none;
}

.eg-sigenstor-ai-proof__main{
  position:relative;
  z-index:2;
}

.eg-sigenstor-ai-proof__main span{
  display:block;
  margin:0 0 4px !important;
  color:#2ff4ff !important;
  font-size:32px !important;
  line-height:.94 !important;
  font-weight:950 !important;
  letter-spacing:.012em;
}

.eg-sigenstor-ai-proof__main strong{
  display:block;
  color:#6ffaff !important;
  font-size:15px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}

.eg-sigenstor-ai-proof__stats{
  position:relative;
  z-index:2;
  display:flex !important;
  gap:7px !important;
  align-items:stretch;
}

.eg-sigenstor-ai-proof__stat{
  min-width:86px !important;
  padding:10px 11px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 12px 28px rgba(0,0,0,.16) !important;
}

.eg-sigenstor-ai-proof__stat span{
  display:block;
  margin-bottom:5px !important;
  color:#d7e2d2 !important;
  font-size:8.5px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-sigenstor-ai-proof__stat strong{
  display:block;
  color:#ffffff !important;
  font-size:22px !important;
  line-height:.95 !important;
  font-weight:950 !important;
  letter-spacing:-.045em;
}

.eg-sigenstor-ai-proof__stat small{
  display:block;
  margin-top:4px !important;
  color:#cbd5e1 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

/* =========================================================
   TABS
   ========================================================= */

.eg-sigenstor-tabs{
  display:inline-flex !important;
  flex-wrap:wrap;
  gap:6px !important;
  margin-top:16px !important;
  padding:6px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid #e2e9df;
  box-shadow:0 12px 34px rgba(15,23,42,.055);
}

.eg-sigenstor-tab{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  outline:none !important;
  background:transparent !important;
  color:#475569 !important;
  min-height:38px;
  border-radius:999px !important;
  padding:0 16px !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
  cursor:pointer;
  box-shadow:none !important;
  text-decoration:none !important;
  transition:
    background .2s ease,
    color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

.eg-sigenstor-tab:hover{
  background:#f4f7f3 !important;
  color:#0f172a !important;
  transform:translateY(-1px);
}

.eg-sigenstor-tab.is-active{
  background:#0f172a !important;
  color:#ffffff !important;
  box-shadow:0 10px 22px rgba(15,23,42,.18) !important;
}

.eg-sigenstor-tab:focus-visible{
  outline:2px solid rgba(111,125,99,.45) !important;
  outline-offset:3px;
}

/* =========================================================
   PANELS
   ========================================================= */

.eg-sigenstor-panels{
  margin-top:18px;
}

.eg-sigenstor-panel{
  display:none;
  max-width:620px;
  padding:22px;
  border-radius:26px;
  background:rgba(255,255,255,.88) !important;
  border:1px solid var(--eg-border);
  box-shadow:0 18px 48px rgba(15,23,42,.07);
}

.eg-sigenstor-panel.is-active{
  display:block;
  animation:egSigenstorPanelIn .32s ease both;
}

.eg-sigenstor-panel__index{
  display:inline-flex;
  margin-bottom:10px;
  color:#6F7D63;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}

.eg-sigenstor-panel h3{
  margin:0 0 10px;
  color:#0f172a;
  font-size:26px;
  line-height:1.12;
  letter-spacing:-.03em;
}

.eg-sigenstor-panel p{
  margin:0 0 14px;
  color:#64748b;
  font-size:15px;
  line-height:1.58;
}

.eg-sigenstor-panel ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}

.eg-sigenstor-panel li{
  position:relative;
  padding-left:18px;
  color:#334155;
  font-size:14px;
  line-height:1.45;
}

.eg-sigenstor-panel li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#6F7D63;
}

.eg-sigenstor-modules__note{
  max-width:620px;
  margin-top:14px;
  padding:13px 15px;
  border-radius:18px;
  background:rgba(244,247,243,.76) !important;
  border:1px solid var(--eg-border);
  color:#64748b;
  font-size:13.5px;
  line-height:1.55;
}

/* =========================================================
   REVEAL / ANIMATION
   ========================================================= */

.eg-sigenstor-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s ease;
}

.eg-sigenstor-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

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

/* =========================================================
   RESPONSIVE – TABLET
   ========================================================= */

@media (max-width:1180px){
  .eg-sigenstor-modules{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:52px 0 42px;
  }

  .eg-sigenstor-modules__wrap{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr !important;
    gap:30px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .eg-sigenstor-modules__content{
    max-width:820px !important;
    order:1;
  }

  .eg-sigenstor-modules__visual{
    order:2;
    min-height:540px;
  }

  .eg-sigenstor-modules__title{
    font-size:46px;
    max-width:780px;
  }

  .eg-sigenstor-modules__text{
    max-width:760px;
  }

  .eg-sigenstor-ai-proof{
    max-width:720px !important;
    padding:17px 18px !important;
  }

  .eg-sigenstor-ai-proof__main span{
    font-size:31px !important;
  }

  .eg-sigenstor-stack{
    width:min(330px, 68%) !important;
  }

  .eg-sigenstor-visual-note{
    left:40px;
    bottom:44px;
  }

  .eg-sigenstor-panel,
  .eg-sigenstor-modules__note{
    max-width:720px;
  }
}

/* =========================================================
   RESPONSIVE – MOBILE
   ========================================================= */

@media (max-width:860px){
  .eg-sigenstor-modules{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:34px 0 28px;
  }

  .eg-sigenstor-modules__wrap{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    gap:24px !important;
  }

  .eg-sigenstor-modules__title{
    font-size:34px;
    line-height:1.06;
  }

  .eg-sigenstor-modules__text{
    font-size:15px;
    line-height:1.62;
  }

  .eg-sigenstor-ai-proof{
    max-width:none !important;
    grid-template-columns:1fr !important;
    margin-top:20px !important;
    margin-bottom:18px !important;
    padding:18px !important;
  }

  .eg-sigenstor-ai-proof__main span{
    font-size:29px !important;
  }

  .eg-sigenstor-ai-proof__main strong{
    font-size:15px !important;
  }

  .eg-sigenstor-ai-proof__stats{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .eg-sigenstor-ai-proof__stat{
    min-width:0 !important;
    padding:12px !important;
  }

  .eg-sigenstor-ai-proof__stat strong{
    font-size:24px !important;
  }

  .eg-sigenstor-tabs{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr));
    width:100%;
    border-radius:18px;
    padding:5px;
    gap:5px !important;
    margin-top:18px !important;
  }

  .eg-sigenstor-tab{
    min-height:40px;
    padding:0 10px !important;
    font-size:12.5px !important;
  }

  .eg-sigenstor-panel{
    max-width:none;
    padding:20px;
    border-radius:22px;
  }

  .eg-sigenstor-panel h3{
    font-size:23px;
  }

  .eg-sigenstor-panel p{
    font-size:14px;
    line-height:1.55;
  }

  .eg-sigenstor-panel li{
    font-size:13px;
  }

  .eg-sigenstor-modules__note{
    max-width:none;
  }

  .eg-sigenstor-modules__visual{
    min-height:auto;
    padding:26px 0 20px;
    border-radius:26px;
    display:block;
    text-align:center;
  }

  .eg-sigenstor-stack{
    width:min(255px, 66%) !important;
    margin:0 auto;
  }

  .eg-sigenstor-part:hover,
  .eg-sigenstor-part.is-active{
    transform:translateX(4px);
  }

  .eg-sigenstor-visual-note{
    position:static;
    max-width:none;
    margin-top:18px;
  }
}

@media (max-width:420px){
  .eg-sigenstor-modules{
    padding:30px 0 24px;
  }

  .eg-sigenstor-modules__wrap{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .eg-sigenstor-modules__title{
    font-size:30px;
  }

  .eg-sigenstor-ai-proof{
    padding:17px !important;
  }

  .eg-sigenstor-ai-proof__main span{
    font-size:28px !important;
  }

  .eg-sigenstor-ai-proof__stat strong{
    font-size:22px !important;
  }

  .eg-sigenstor-panel h3{
    font-size:21px;
  }

  .eg-sigenstor-stack{
    width:min(225px, 64%) !important;
  }
}

/* =========================================================
   SIGENERGY – EV + SIGENSTOR DESKTOP GRID ALIGNMENT FINAL
   ========================================================= */

@media (min-width:1181px){

  /* Vienodas outer skeleton abiem sekcijoms */
  .eg-ev-stage__inner,
  .eg-sigenstor-modules__wrap{
    max-width:1410px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:16px !important;
    padding-right:16px !important;

    display:grid !important;
    grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr) !important;
    gap:54px !important;
    align-items:center !important;
  }

  /* Kad abi sekcijos turėtų tą pačią dešinės kolonos logiką */
  .eg-ev-stage__content,
  .eg-sigenstor-modules__content{
    width:100% !important;
    max-width:700px !important;
    justify-self:start !important;
  }

  /* EV jau taip elgiasi, bet užfiksuojam */
  .eg-ev-stage__title,
  .eg-sigenstor-modules__title{
    max-width:680px !important;
  }

  .eg-ev-stage__text,
  .eg-sigenstor-modules__text{
    max-width:700px !important;
  }

  /* Kaupiklio vidiniai blokai turi būti tokio pat pločio kaip EV kortelės */
  .eg-sigenstor-ai-proof,
  .eg-sigenstor-panel,
  .eg-sigenstor-modules__note{
    max-width:700px !important;
  }

  /* Kad tab'ai prasidėtų toje pačioje ašyje, bet neatrodytų per ploni */
  .eg-sigenstor-tabs{
    margin-top:16px !important;
  }

  /* Kaupiklio vizualas šiek tiek ramesnis, kad nevalgytų kairės kolonos */
  .eg-sigenstor-modules__visual{
    min-height:590px !important;
  }

  .eg-sigenstor-stack{
    width:min(330px, 66%) !important;
  }
}
/* =========================================================
   SIGENSTOR – ONE LINE DESKTOP TITLE
   ========================================================= */

@media (min-width:1181px){
  .eg-sigenstor-modules__title{
    max-width:760px !important;
    font-size:48px !important;
    line-height:1.04 !important;
    white-space:nowrap;
  }
}

@media (max-width:1180px){
  .eg-sigenstor-modules__title{
    white-space:normal;
  }
}
/* =========================================================
   SIGENERGY HYBRID INVERTER – TECH PROOF FINAL CSS
   ========================================================= */

.eg-inverter-tech{
  --eg-text:#f8fafc;
  --eg-muted:#cbd5e1;
  --eg-soft:#94a3b8;
  --eg-accent:#6F7D63;
  --eg-cyan:#28f4ff;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0 !important;
  margin-bottom:0 !important;

  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:66px 0 62px;

  background:
    radial-gradient(circle at 76% 44%, rgba(40,244,255,.10), rgba(40,244,255,0) 28%),
    radial-gradient(circle at 28% 66%, rgba(111,125,99,.18), rgba(111,125,99,0) 34%),
    linear-gradient(180deg, #050706 0%, #0b1110 56%, #050706 100%);
}

.eg-inverter-tech *{
  box-sizing:border-box;
}

.eg-inverter-tech::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.028) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, rgba(255,255,255,.018) 0 1px, transparent 1px 100%);
  background-size:54px 54px;
  opacity:.16;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.24), rgba(0,0,0,.74), rgba(0,0,0,.28));
}

.eg-inverter-tech::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.10);
  pointer-events:none;
}

/* =========================================================
   SHARED GRID – MATCHES EV / SIGENSTOR
   ========================================================= */

.eg-inverter-tech__inner{
  max-width:1410px;
  margin:0 auto;
  padding:0 16px;
  display:grid;
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);
  gap:54px;
  align-items:center;
}

/* =========================================================
   CONTENT
   ========================================================= */

.eg-inverter-tech__content{
  position:relative;
  z-index:3;
  max-width:700px;
  justify-self:start;
}

.eg-inverter-tech__kicker{
  display:inline-flex;
  margin-bottom:14px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#d7e2d2;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-inverter-tech__title{
  margin:0 0 16px;
  max-width:700px;
  color:var(--eg-text);
  font-size:52px;
  line-height:1.02;
  letter-spacing:-.045em;
}

.eg-inverter-tech__text{
  margin:0;
  max-width:660px;
  color:var(--eg-muted);
  font-size:17px;
  line-height:1.68;
}

/* =========================================================
   TOP METRICS
   ========================================================= */

.eg-inverter-tech__metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:11px;
  margin-top:28px;
  max-width:700px;
}

.eg-inverter-tech__metric{
  position:relative;
  overflow:hidden;
  min-height:154px;
  padding:17px 15px;
  border-radius:24px;
  background:rgba(255,255,255,.072);
  border:1px solid rgba(255,255,255,.125);
  box-shadow:0 18px 48px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:
    transform .22s ease,
    background .22s ease,
    border-color .22s ease;
}

.eg-inverter-tech__metric:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.105);
  border-color:rgba(255,255,255,.18);
}

.eg-inverter-tech__metric::before{
  content:"";
  position:absolute;
  right:-48px;
  top:-46px;
  width:128px;
  height:128px;
  border-radius:50%;
  background:rgba(40,244,255,.13);
  filter:blur(34px);
  pointer-events:none;
}

.eg-inverter-tech__metric-icon{
  position:relative;
  z-index:2;
  width:34px;
  height:34px;
  margin-bottom:16px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.105);
  border:1px solid rgba(255,255,255,.13);
  color:#ffffff;
  font-size:20px;
  line-height:1;
  font-weight:900;
}

.eg-inverter-tech__metric span{
  position:relative;
  z-index:2;
  display:block;
  margin-bottom:8px;
  color:#d7e2d2;
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.eg-inverter-tech__metric strong{
  position:relative;
  z-index:2;
  display:block;
  color:#ffffff;
  font-size:30px;
  line-height:.95;
  font-weight:950;
  letter-spacing:-.045em;
}

.eg-inverter-tech__metric small{
  position:relative;
  z-index:2;
  display:block;
  margin-top:8px;
  color:#cbd5e1;
  font-size:12.5px;
  line-height:1.22;
  font-weight:800;
}

/* =========================================================
   SOUND COMPARISON
   ========================================================= */

.eg-inverter-tech__sound{
  max-width:700px;
  margin-top:18px;
  padding:18px 18px 17px;
  border-radius:24px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.115);
  box-shadow:0 18px 48px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.eg-inverter-tech__sound-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}

.eg-inverter-tech__sound-head span{
  color:#d7e2d2;
  font-size:11px;
  line-height:1;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.eg-inverter-tech__sound-head strong{
  color:#ffffff;
  font-size:34px;
  line-height:.9;
  font-weight:950;
  letter-spacing:-.045em;
}

.eg-inverter-tech__sound-line{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
  padding-top:18px;
}

.eg-inverter-tech__sound-line::before{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  top:5px;
  height:3px;
  border-radius:999px;
  background:
    linear-gradient(90deg, rgba(255,177,0,.95) 0%, rgba(255,177,0,.70) 42%, rgba(40,244,255,.85) 100%);
}

.eg-inverter-tech__sound-point{
  position:relative;
  padding-top:8px;
}

.eg-inverter-tech__sound-point::before{
  content:"";
  position:absolute;
  left:0;
  top:-19px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#ffb000;
  box-shadow:0 0 0 6px rgba(255,176,0,.12);
}

.eg-inverter-tech__sound-point.is-active::before{
  background:var(--eg-cyan);
  box-shadow:0 0 0 7px rgba(40,244,255,.14);
}

.eg-inverter-tech__sound-point span{
  display:block;
  color:#ffffff;
  font-size:17px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.02em;
}

.eg-inverter-tech__sound-point small{
  display:block;
  margin-top:5px;
  color:#cbd5e1;
  font-size:11.5px;
  line-height:1.2;
  font-weight:750;
}

/* =========================================================
   VISUAL
   ========================================================= */

.eg-inverter-tech__visual{
  position:relative;
  z-index:2;
  min-height:590px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:36px;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,.065), rgba(255,255,255,0) 42%),
    radial-gradient(circle at 52% 48%, rgba(40,244,255,.07), rgba(40,244,255,0) 36%),
    rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
}

.eg-inverter-tech__halo{
  position:absolute;
  width:620px;
  height:620px;
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(111,125,99,.22) 0%, rgba(111,125,99,.08) 34%, rgba(111,125,99,0) 72%);
  filter:blur(66px);
  transform:translate(28px, 18px);
  pointer-events:none;
}

.eg-inverter-tech__product{
  position:relative;
  z-index:3;
  display:block;
  width:min(430px, 72%);
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 46px 62px rgba(0,0,0,.48))
    drop-shadow(0 0 34px rgba(255,255,255,.08));
  animation:egInverterTechFloat 5.8s ease-in-out infinite;
}

.eg-inverter-tech__visual::after{
  content:"";
  position:absolute;
  left:9%;
  right:9%;
  bottom:16%;
  height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(40,244,255,.42) 50%, transparent 100%);
  box-shadow:0 0 22px rgba(40,244,255,.20);
  pointer-events:none;
}

.eg-inverter-tech__big-number{
  position:absolute;
  z-index:4;
  min-width:158px;
  padding:14px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.085);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 44px rgba(0,0,0,.26);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.eg-inverter-tech__big-number strong{
  display:inline-flex;
  color:#ffffff;
  font-size:42px;
  line-height:.9;
  font-weight:950;
  letter-spacing:-.055em;
}

.eg-inverter-tech__big-number span{
  display:inline-flex;
  margin-left:7px;
  color:#ffffff;
  font-size:25px;
  line-height:1;
  font-weight:850;
}

.eg-inverter-tech__big-number small{
  display:block;
  margin-top:8px;
  color:#cbd5e1;
  font-size:12px;
  line-height:1.2;
  font-weight:850;
}

.eg-inverter-tech__big-number--depth{
  right:38px;
  top:100px;
}

.eg-inverter-tech__big-number--efficiency{
  left:38px;
  bottom:94px;
}

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

/* =========================================================
   REVEAL
   ========================================================= */

.eg-inverter-tech-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s ease;
}

.eg-inverter-tech-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1180px){
  .eg-inverter-tech{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:52px 0 42px;
  }

  .eg-inverter-tech__inner{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr;
    gap:30px;
    padding-left:14px;
    padding-right:14px;
  }

  .eg-inverter-tech__content{
    max-width:820px;
    order:1;
  }

  .eg-inverter-tech__title{
    font-size:46px;
    max-width:780px;
  }

  .eg-inverter-tech__text{
    max-width:780px;
  }

  .eg-inverter-tech__metrics,
  .eg-inverter-tech__sound{
    max-width:820px;
  }

  .eg-inverter-tech__visual{
    order:2;
    min-height:520px;
    max-width:820px;
    width:100%;
    margin:0 auto;
  }

  .eg-inverter-tech__product{
    width:min(360px, 58%);
  }

  .eg-inverter-tech__big-number--depth{
    right:76px;
    top:76px;
  }

  .eg-inverter-tech__big-number--efficiency{
    left:76px;
    bottom:70px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:860px){
  .eg-inverter-tech{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:34px 0 28px;
  }

  .eg-inverter-tech__inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    gap:24px;
  }

  .eg-inverter-tech__title{
    font-size:34px;
    line-height:1.06;
  }

  .eg-inverter-tech__text{
    font-size:15px;
    line-height:1.62;
  }

  .eg-inverter-tech__metrics{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:9px;
    margin-top:22px;
  }

  .eg-inverter-tech__metric{
    min-height:138px;
    padding:15px;
    border-radius:20px;
  }

  .eg-inverter-tech__metric-icon{
    width:32px;
    height:32px;
    margin-bottom:14px;
  }

  .eg-inverter-tech__metric strong{
    font-size:27px;
  }

  /* Sound mobile – horizontal, not vertical */
  .eg-inverter-tech__sound{
    margin-top:16px;
    padding:16px 14px 15px;
    border-radius:20px;
  }

  .eg-inverter-tech__sound-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin-bottom:20px;
  }

  .eg-inverter-tech__sound-head span{
    font-size:10px;
    line-height:1;
  }

  .eg-inverter-tech__sound-head strong{
    font-size:28px;
    line-height:.9;
    white-space:nowrap;
  }

  .eg-inverter-tech__sound-line{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:7px;
    padding-top:18px;
  }

  .eg-inverter-tech__sound-line::before{
    content:"";
    position:absolute;
    left:4px;
    right:4px;
    top:5px;
    bottom:auto;
    width:auto;
    height:3px;
    border-radius:999px;
    background:linear-gradient(
      90deg,
      rgba(255,177,0,.95) 0%,
      rgba(255,177,0,.70) 42%,
      rgba(40,244,255,.85) 100%
    );
  }

  .eg-inverter-tech__sound-point{
    position:relative;
    padding-top:8px;
    padding-left:0;
    min-width:0;
  }

  .eg-inverter-tech__sound-point::before{
    content:"";
    position:absolute;
    left:0;
    top:-19px;
    width:13px;
    height:13px;
    border-radius:50%;
    background:#ffb000;
    box-shadow:0 0 0 5px rgba(255,176,0,.12);
  }

  .eg-inverter-tech__sound-point.is-active::before{
    background:var(--eg-cyan);
    box-shadow:0 0 0 6px rgba(40,244,255,.14);
  }

  .eg-inverter-tech__sound-point span{
    display:block;
    color:#ffffff;
    font-size:14px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.02em;
    white-space:nowrap;
  }

  .eg-inverter-tech__sound-point small{
    display:block;
    margin-top:5px;
    color:#cbd5e1;
    font-size:9.5px;
    line-height:1.15;
    font-weight:750;
  }

  .eg-inverter-tech__visual{
    min-height:auto;
    display:block;
    padding:30px 0 18px;
    border-radius:24px;
    text-align:center;
  }

  .eg-inverter-tech__product{
    width:min(300px, 76%);
    margin:0 auto;
  }

  .eg-inverter-tech__big-number{
    position:relative;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:100%;
    max-width:300px;
    margin:12px auto 0;
    text-align:left;
  }

  .eg-inverter-tech__big-number--depth{
    margin-top:22px;
  }

  .eg-inverter-tech__big-number strong{
    font-size:36px;
  }

  .eg-inverter-tech__big-number span{
    font-size:22px;
  }
}

@media (max-width:420px){
  .eg-inverter-tech{
    padding:30px 0 24px;
  }

  .eg-inverter-tech__title{
    font-size:30px;
  }

  .eg-inverter-tech__metric strong{
    font-size:25px;
  }

  .eg-inverter-tech__sound{
    padding:15px 12px 14px;
  }

  .eg-inverter-tech__sound-head{
    margin-bottom:19px;
  }

  .eg-inverter-tech__sound-head strong{
    font-size:26px;
  }

  .eg-inverter-tech__sound-line{
    gap:5px;
  }

  .eg-inverter-tech__sound-point span{
    font-size:13px;
  }

  .eg-inverter-tech__sound-point small{
    font-size:9px;
  }

  .eg-inverter-tech__sound-point::before{
    width:12px;
    height:12px;
    top:-18px;
  }

  .eg-inverter-tech__product{
    width:min(270px, 78%);
  }

  .eg-inverter-tech__big-number strong{
    font-size:34px;
  }
}
/* =========================================================
   SIGENERGY GATEWAY – CLEAN PREMIUM FINAL CSS
   ========================================================= */

.eg-gateway-backup{
  --eg-text:#0f172a;
  --eg-muted:#64748b;
  --eg-accent:#6F7D63;
  --eg-border:#dfe8dc;
  --eg-soft:#f4f7f3;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0 !important;
  margin-bottom:0 !important;

  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:66px 0 62px;

  background:
    linear-gradient(180deg, rgba(255,255,255,.48) 0%, rgba(248,250,247,.66) 100%),
    url('https://test.modernsource.lt/wp-content/uploads/2026/04/bg7.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.eg-gateway-backup *{
  box-sizing:border-box;
}

.eg-gateway-backup::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%, rgba(111,125,99,.055), rgba(111,125,99,0) 32%),
    radial-gradient(circle at 78% 42%, rgba(111,125,99,.055), rgba(111,125,99,0) 34%);
}

.eg-gateway-backup::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(15,23,42,.06);
  pointer-events:none;
}

/* =========================================================
   GRID – MATCHES OTHER SECTIONS
   ========================================================= */

.eg-gateway-backup__inner{
  max-width:1410px;
  margin:0 auto;
  padding:0 16px;
  display:grid;
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);
  gap:54px;
  align-items:center;
  position:relative;
  z-index:2;
}

/* =========================================================
   CONTENT
   ========================================================= */

.eg-gateway-backup__content{
  position:relative;
  z-index:2;
  max-width:700px;
  justify-self:start;
}

.eg-gateway-backup__kicker{
  display:inline-flex;
  margin-bottom:14px;
  padding:8px 13px;
  border-radius:999px;
  background:var(--eg-soft);
  border:1px solid var(--eg-border);
  color:#5f6f58;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-gateway-backup__title{
  margin:0 0 16px;
  max-width:690px;
  color:var(--eg-text);
  font-size:50px;
  line-height:1.03;
  letter-spacing:-.045em;
}

.eg-gateway-backup__text{
  margin:0;
  max-width:650px;
  color:var(--eg-muted);
  font-size:16px;
  line-height:1.66;
}

/* =========================================================
   PROOF CARDS
   ========================================================= */

.eg-gateway-proof{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
  margin-top:26px;
  max-width:700px;
}

.eg-gateway-proof__item{
  position:relative;
  overflow:hidden;
  min-height:138px;
  padding:16px 14px;
  border-radius:22px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(223,232,220,.95);
  box-shadow:0 16px 42px rgba(15,23,42,.045);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

.eg-gateway-proof__item:hover{
  transform:translateY(-3px);
  border-color:#d3decf;
  box-shadow:0 22px 54px rgba(15,23,42,.075);
}

.eg-gateway-proof__item::before{
  content:"";
  position:absolute;
  right:-54px;
  top:-52px;
  width:126px;
  height:126px;
  border-radius:50%;
  background:rgba(111,125,99,.10);
  filter:blur(34px);
  pointer-events:none;
}

.eg-gateway-proof__icon{
  position:relative;
  z-index:2;
  width:34px;
  height:34px;
  margin-bottom:14px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0f172a;
  color:#ffffff;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:
    0 10px 24px rgba(15,23,42,.13),
    inset 0 0 0 1px rgba(255,255,255,.08);
}

.eg-gateway-proof__item:nth-child(2) .eg-gateway-proof__icon{
  background:#6F7D63;
}

.eg-gateway-proof__item span{
  position:relative;
  z-index:2;
  display:block;
  margin-bottom:7px;
  color:#6F7D63;
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.eg-gateway-proof__item strong{
  position:relative;
  z-index:2;
  display:block;
  color:#0f172a;
  font-size:22px;
  line-height:1.04;
  font-weight:950;
  letter-spacing:-.035em;
}

.eg-gateway-proof__item small{
  position:relative;
  z-index:2;
  display:block;
  margin-top:7px;
  color:#64748b;
  font-size:12px;
  line-height:1.25;
  font-weight:750;
}

/* =========================================================
   FLOW STRIP
   ========================================================= */

.eg-gateway-flow{
  max-width:700px;
  margin-top:16px;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(223,232,220,.95);
  box-shadow:0 14px 38px rgba(15,23,42,.04);
  display:grid;
  grid-template-columns:1fr 34px 1fr 34px 1fr;
  gap:8px;
  align-items:center;
}

.eg-gateway-flow__item{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(223,232,220,.96);
  color:#475569;
  font-size:13px;
  line-height:1;
  font-weight:850;
}

.eg-gateway-flow__item.is-main{
  background:#0f172a;
  border-color:#0f172a;
  color:#ffffff;
  box-shadow:0 12px 28px rgba(15,23,42,.12);
}

.eg-gateway-flow__arrow{
  position:relative;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(111,125,99,.22), rgba(111,125,99,.86));
}

.eg-gateway-flow__arrow::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:7px;
  height:7px;
  border-top:2px solid rgba(111,125,99,.86);
  border-right:2px solid rgba(111,125,99,.86);
  transform:translateY(-50%) rotate(45deg);
}

.eg-gateway-backup__note{
  max-width:700px;
  margin-top:14px;
  padding:12px 14px;
  border-radius:17px;
  background:rgba(244,247,243,.78);
  border:1px solid var(--eg-border);
  color:#64748b;
  font-size:13px;
  line-height:1.5;
}

/* =========================================================
   VISUAL
   ========================================================= */

.eg-gateway-backup__visual{
  position:relative;
  z-index:2;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:34px;

  background:
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.92), rgba(255,255,255,.34) 42%, rgba(255,255,255,.12) 68%),
    radial-gradient(circle at 52% 48%, rgba(111,125,99,.055), rgba(111,125,99,0) 44%),
    rgba(255,255,255,.18) !important;
  border:1px solid rgba(223,232,220,.42) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.38),
    0 16px 44px rgba(15,23,42,.026) !important;
}

.eg-gateway-backup__halo{
  position:absolute;
  width:460px;
  height:460px;
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(111,125,99,.075) 0%, rgba(111,125,99,.028) 34%, rgba(111,125,99,0) 72%) !important;
  filter:blur(44px);
  transform:translate(10px, 8px);
  pointer-events:none;
}

.eg-gateway-backup__product{
  position:relative;
  z-index:3;
  display:block;
  width:min(460px, 74%);
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 28px 36px rgba(15,23,42,.13))
    drop-shadow(0 0 18px rgba(111,125,99,.06)) !important;
  animation:egGatewayFloat 5.8s ease-in-out infinite;
}

.eg-gateway-backup__visual::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:18%;
  height:1px;
  opacity:.35;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(111,125,99,.24) 50%,
    transparent 100%
  ) !important;
  box-shadow:0 0 12px rgba(111,125,99,.08) !important;
  pointer-events:none;
}

.eg-gateway-callout{
  position:absolute;
  z-index:4;
  min-width:178px;
  padding:13px 15px;
  border-radius:18px;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(223,232,220,.96);
  box-shadow:0 12px 28px rgba(15,23,42,.065);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.eg-gateway-callout span{
  display:block;
  margin-bottom:6px;
  color:#6F7D63;
  font-size:10.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.eg-gateway-callout strong{
  display:block;
  color:#0f172a;
  font-size:13.5px;
  line-height:1.22;
  font-weight:850;
}

.eg-gateway-callout--top{
  right:30px;
  top:82px;
}

.eg-gateway-callout--bottom{
  left:30px;
  bottom:78px;
}

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

/* =========================================================
   REVEAL
   ========================================================= */

.eg-gateway-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s ease;
}

.eg-gateway-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1180px){
  .eg-gateway-backup{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:52px 0 42px;
  }

  .eg-gateway-backup__inner{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr;
    gap:30px;
    padding-left:14px;
    padding-right:14px;
  }

  .eg-gateway-backup__content{
    max-width:820px;
    order:1;
  }

  .eg-gateway-backup__title{
    font-size:46px;
    max-width:780px;
  }

  .eg-gateway-backup__text,
  .eg-gateway-proof,
  .eg-gateway-flow,
  .eg-gateway-backup__note{
    max-width:820px;
  }

  .eg-gateway-backup__visual{
    order:2;
    min-height:500px;
    max-width:820px;
    width:100%;
    margin:0 auto;
  }

  .eg-gateway-backup__product{
    width:min(400px, 66%) !important;
  }

  .eg-gateway-callout--top{
    right:70px;
    top:70px;
  }

  .eg-gateway-callout--bottom{
    left:70px;
    bottom:66px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:860px){
  .eg-gateway-backup{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:34px 0 28px;
  }

  .eg-gateway-backup__inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    gap:24px;
  }

  .eg-gateway-backup__title{
    font-size:34px;
    line-height:1.06;
  }

  .eg-gateway-backup__text{
    font-size:15px;
    line-height:1.62;
  }

  .eg-gateway-proof{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
  }

  .eg-gateway-proof__item{
    min-height:auto;
    padding:16px;
    border-radius:20px;
  }

  .eg-gateway-flow{
    grid-template-columns:1fr;
    gap:8px;
    padding:14px;
    border-radius:20px;
  }

  .eg-gateway-flow__arrow{
    width:2px;
    height:24px;
    margin:0 auto;
    background:linear-gradient(180deg, rgba(111,125,99,.22), rgba(111,125,99,.86));
  }

  .eg-gateway-flow__arrow::after{
    right:auto;
    left:50%;
    top:auto;
    bottom:-1px;
    transform:translateX(-50%) rotate(135deg);
  }

  .eg-gateway-backup__note{
    font-size:13px;
    padding:14px 15px;
  }

  .eg-gateway-backup__visual{
    min-height:auto;
    display:block;
    padding:30px 0 18px;
    border-radius:24px;
    text-align:center;
  }

  .eg-gateway-backup__product{
    width:min(300px, 78%) !important;
    margin:0 auto;
  }

  .eg-gateway-callout{
    position:relative;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:100%;
    max-width:300px;
    margin:12px auto 0;
    text-align:left;
  }

  .eg-gateway-callout--top{
    margin-top:22px;
  }
}

@media (max-width:420px){
  .eg-gateway-backup{
    padding:30px 0 24px;
  }

  .eg-gateway-backup__title{
    font-size:30px;
  }

  .eg-gateway-backup__product{
    width:min(270px, 78%) !important;
  }
}
/* =========================================================
   AIKO HERO + VIDEO – FINAL CLEAN CSS
   ========================================================= */

html,
body{
  overflow-x:hidden;
}

/* =========================================================
   AIKO HERO – DARK PREMIUM INTRO
   ========================================================= */

.eg-aiko-hero{
  --eg-text:#f8fafc;
  --eg-muted:#cbd5e1;
  --eg-accent:#6F7D63;

  --aiko-orange:#ff6a1a;
  --aiko-orange-soft:rgba(255,106,26,.13);
  --aiko-orange-border:rgba(255,106,26,.26);

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0 !important;
  margin-bottom:0 !important;

  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:82px 0 70px;

  background:#030504;
}

.eg-aiko-hero *{
  box-sizing:border-box;
}

.eg-aiko-hero__bg{
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(
      90deg,
      rgba(3,5,4,.96) 0%,
      rgba(3,5,4,.88) 28%,
      rgba(3,5,4,.58) 58%,
      rgba(3,5,4,.86) 100%
    ),
    linear-gradient(
      180deg,
      rgba(3,5,4,.14) 0%,
      rgba(3,5,4,.10) 42%,
      rgba(3,5,4,.74) 100%
    ),
    url('https://test.modernsource.lt/wp-content/uploads/2026/05/products-module-banner2.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.eg-aiko-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 70% 42%, rgba(255,255,255,.08), rgba(255,255,255,0) 30%),
    radial-gradient(circle at 24% 72%, rgba(111,125,99,.18), rgba(111,125,99,0) 34%);
}

.eg-aiko-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.10);
  pointer-events:none;
}

.eg-aiko-hero__inner{
  max-width:1410px;
  margin:0 auto;
  padding:0 16px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);
  gap:58px;
  align-items:center;
}

.eg-aiko-hero__content{
  position:relative;
  z-index:2;
  max-width:720px;
}

.eg-aiko-hero__kicker,
.eg-aiko-video-section__kicker{
  display:inline-flex;
  margin-bottom:16px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#d7e2d2;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-aiko-hero__title{
  margin:0 0 18px;
  max-width:720px;
  color:var(--eg-text);
  font-size:56px;
  line-height:1.02;
  letter-spacing:-.045em;
}

.eg-aiko-hero__text{
  margin:0;
  max-width:690px;
  color:var(--eg-muted);
  font-size:17px;
  line-height:1.72;
}

.eg-aiko-hero__cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:13px;
  margin-top:30px;
}

.eg-aiko-hero__card{
  padding:17px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.115);
  box-shadow:0 16px 42px rgba(0,0,0,.20);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}

.eg-aiko-hero__card:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.105);
  border-color:rgba(255,106,26,.22);
}

.eg-aiko-hero__card span{
  display:inline-flex;
  margin-bottom:10px;
  color:#ffb188;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}

.eg-aiko-hero__card h3{
  margin:0 0 8px;
  color:#fff;
  font-size:18px;
  line-height:1.18;
  letter-spacing:-.02em;
}

.eg-aiko-hero__card p{
  margin:0;
  color:var(--eg-muted);
  font-size:13px;
  line-height:1.55;
}

/* =========================================================
   HERO VISUAL
   ========================================================= */

.eg-aiko-hero__visual{
  position:relative;
  z-index:2;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.eg-aiko-hero__module-wrap{
  position:relative;
  width:min(500px, 82%);
  display:flex;
  align-items:center;
  justify-content:center;
}

.eg-aiko-hero__module-wrap::before{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  filter:blur(82px);
  transform:translate(18px, 20px);
  pointer-events:none;
}

.eg-aiko-hero__module-wrap::after{
  content:"";
  position:absolute;
  z-index:1;
  left:-80px;
  right:-80px;
  top:52%;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(255,106,26,0) 0%,
    rgba(255,106,26,.28) 22%,
    rgba(255,106,26,.16) 50%,
    rgba(255,106,26,.28) 78%,
    rgba(255,106,26,0) 100%
  );
  box-shadow:0 0 18px rgba(255,106,26,.12);
  pointer-events:none;
}

.eg-aiko-hero__module{
  position:relative;
  z-index:3;
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 48px 60px rgba(0,0,0,.58))
    drop-shadow(0 0 38px rgba(255,255,255,.08));
  animation:egAikoFloat 6s ease-in-out infinite;
}

/* Seno badge dizaino nebenaudojam */
.eg-aiko-hero__badge{
  display:none !important;
}

/* =========================================================
   AIKO ORANGE STAT BADGES
   ========================================================= */

.eg-aiko-stat{
  position:absolute;
  z-index:5;
  min-width:172px;
  padding:13px 15px;
  border-radius:20px;
  background:
    linear-gradient(135deg, rgba(255,106,26,.13) 0%, rgba(255,255,255,.055) 100%);
  border:1px solid var(--aiko-orange-border);
  box-shadow:
    0 16px 38px rgba(0,0,0,.24),
    0 0 22px rgba(255,106,26,.07),
    inset 0 0 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

/* Taškiukų nebereikia */
.eg-aiko-stat::before{
  display:none !important;
}

.eg-aiko-stat span{
  display:block;
  margin:0 0 7px;
  padding-left:0 !important;
  color:#ffc2a2;
  font-size:10.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.eg-aiko-stat strong{
  display:block;
  color:var(--aiko-orange);
  font-size:30px;
  line-height:.95;
  font-weight:950;
  letter-spacing:-.045em;
  text-shadow:none;
}

/* Desktop pozicijos aplink modulį */
.eg-aiko-stat--efficiency{
  right:-78px;
  top:82px;
}

.eg-aiko-stat--glass{
  left:-82px;
  top:260px;
}

.eg-aiko-stat--warranty{
  right:-54px;
  bottom:82px;
}

/* =========================================================
   AIKO VIDEO – SEPARATE TECHNOLOGY BLOCK
   ========================================================= */

.eg-aiko-video-section{
  --eg-text:#f8fafc;
  --eg-muted:#cbd5e1;
  --eg-accent:#6F7D63;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0 !important;
  margin-bottom:0 !important;

  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:76px 0 74px;

  background:
    radial-gradient(circle at 76% 38%, rgba(255,255,255,.07), rgba(255,255,255,0) 30%),
    radial-gradient(circle at 18% 72%, rgba(111,125,99,.16), rgba(111,125,99,0) 34%),
    linear-gradient(180deg, #030504 0%, #0b1110 56%, #030504 100%);
}

.eg-aiko-video-section *{
  box-sizing:border-box;
}

.eg-aiko-video-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(3,5,4,.94) 0%,
      rgba(3,5,4,.82) 38%,
      rgba(3,5,4,.62) 68%,
      rgba(3,5,4,.86) 100%
    ),
    linear-gradient(
      180deg,
      rgba(3,5,4,.22) 0%,
      rgba(3,5,4,.10) 42%,
      rgba(3,5,4,.78) 100%
    ),
    url('https://test.modernsource.lt/wp-content/uploads/2026/05/products-module-light-banner.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:1;
}

.eg-aiko-video-section::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.10);
  pointer-events:none;
}

.eg-aiko-video-section__inner{
  max-width:1410px;
  margin:0 auto;
  padding:0 16px;
}

.eg-aiko-video-section__head{
  max-width:850px;
  margin-bottom:34px;
}

.eg-aiko-video-section__title{
  margin:0 0 16px;
  color:var(--eg-text);
  font-size:46px;
  line-height:1.04;
  letter-spacing:-.045em;
  max-width:820px;
}

.eg-aiko-video-section__text{
  margin:0;
  color:var(--eg-muted);
  font-size:17px;
  line-height:1.72;
  max-width:780px;
}

.eg-aiko-video-section__grid{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);
  gap:28px;
  align-items:stretch;
}

.eg-aiko-video-section__frame{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background:#050706;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    0 34px 100px rgba(0,0,0,.50),
    0 0 70px rgba(111,125,99,.10);
  min-height:420px;
}

.eg-aiko-video-section__frame::before{
  content:"";
  display:block;
  padding-top:56.25%;
}

.eg-aiko-video-section__file{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.eg-aiko-video-section__points{
  display:grid;
  gap:13px;
}

.eg-aiko-video-section__point{
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 18px 48px rgba(0,0,0,.20);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:border-color .22s ease, background .22s ease, transform .22s ease;
}

.eg-aiko-video-section__point:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.09);
  border-color:rgba(255,106,26,.22);
}

.eg-aiko-video-section__point span{
  display:inline-flex;
  margin-bottom:10px;
  color:#ffb188;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}

.eg-aiko-video-section__point h3{
  margin:0 0 8px;
  color:#fff;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.02em;
}

.eg-aiko-video-section__point p{
  margin:0;
  color:var(--eg-muted);
  font-size:14px;
  line-height:1.58;
}

/* =========================================================
   REVEAL
   ========================================================= */

.eg-aiko-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s ease;
}

.eg-aiko-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

.eg-aiko-hero__card.eg-aiko-reveal:nth-child(1),
.eg-aiko-video-section__point.eg-aiko-reveal:nth-child(1){
  transition-delay:.06s;
}

.eg-aiko-hero__card.eg-aiko-reveal:nth-child(2),
.eg-aiko-video-section__point.eg-aiko-reveal:nth-child(2){
  transition-delay:.12s;
}

.eg-aiko-hero__card.eg-aiko-reveal:nth-child(3),
.eg-aiko-video-section__point.eg-aiko-reveal:nth-child(3){
  transition-delay:.18s;
}

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

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1180px){
  .eg-aiko-hero,
  .eg-aiko-video-section{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  .eg-aiko-hero{
    padding:52px 0 38px;
  }

  .eg-aiko-hero__inner{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr;
    gap:28px;
    padding-left:14px;
    padding-right:14px;
  }

  .eg-aiko-hero__content{
    max-width:820px;
  }

  .eg-aiko-hero__title{
    font-size:46px;
    max-width:800px;
  }

  .eg-aiko-hero__text{
    max-width:780px;
  }

  .eg-aiko-hero__visual{
    min-height:500px;
  }

  .eg-aiko-hero__module-wrap{
    width:min(430px, 72%);
  }

  .eg-aiko-stat{
    min-width:158px;
    padding:12px 14px;
  }

  .eg-aiko-stat strong{
    font-size:27px;
  }

  .eg-aiko-stat--efficiency{
    right:-62px;
    top:62px;
  }

  .eg-aiko-stat--glass{
    left:-66px;
    top:218px;
  }

  .eg-aiko-stat--warranty{
    right:-46px;
    bottom:62px;
  }

  .eg-aiko-video-section{
    padding:52px 0 42px;
  }

  .eg-aiko-video-section__inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:14px;
    padding-right:14px;
  }

  .eg-aiko-video-section__head{
    margin-bottom:28px;
  }

  .eg-aiko-video-section__grid{
    grid-template-columns:1fr;
    gap:22px;
  }

  .eg-aiko-video-section__points{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:860px){
  .eg-aiko-hero,
  .eg-aiko-video-section{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    overflow:hidden !important;
  }

  .eg-aiko-hero{
    padding:34px 0 26px;
  }

  .eg-aiko-hero__inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    gap:22px;
  }

  .eg-aiko-hero__title{
    font-size:34px;
    line-height:1.06;
  }

  .eg-aiko-hero__text{
    font-size:15px;
    line-height:1.62;
  }

  .eg-aiko-hero__cards{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:24px;
  }

  .eg-aiko-hero__card{
    border-radius:20px;
    padding:16px;
  }

  .eg-aiko-hero__visual{
    min-height:auto !important;
    display:block !important;
    padding:24px 0 0 !important;
  }

  .eg-aiko-hero__module-wrap{
    width:min(330px, 78%) !important;
    margin:0 auto !important;
    display:block !important;
    position:relative !important;
  }

  .eg-aiko-hero__module-wrap::before{
    width:390px !important;
    height:390px !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -48%) !important;
    filter:blur(70px) !important;
    background:rgba(255,255,255,.075) !important;
  }

  .eg-aiko-hero__module-wrap::after{
    display:none !important;
  }

  .eg-aiko-hero__module{
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 auto !important;
    display:block !important;
    filter:
      drop-shadow(0 34px 46px rgba(0,0,0,.52))
      drop-shadow(0 0 34px rgba(255,255,255,.07)) !important;
  }

  .eg-aiko-stat{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:100% !important;
    max-width:320px !important;
    min-width:0 !important;
    margin:10px auto 0 !important;

    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:12px;

    padding:13px 15px !important;
    border-radius:18px !important;
    text-align:left;
  }

  .eg-aiko-stat:first-of-type{
    margin-top:20px !important;
  }

  .eg-aiko-stat span{
    margin:0 !important;
    padding-left:0 !important;
    font-size:10.5px !important;
  }

  .eg-aiko-stat strong{
    font-size:25px !important;
    text-align:right;
    white-space:nowrap;
  }

  .eg-aiko-video-section{
    padding:34px 0 28px;
  }

  .eg-aiko-video-section__inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .eg-aiko-video-section__head{
    margin-bottom:22px;
  }

  .eg-aiko-video-section__title{
    font-size:34px;
    line-height:1.06;
  }

  .eg-aiko-video-section__text{
    font-size:15px;
    line-height:1.62;
  }

  .eg-aiko-video-section__grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .eg-aiko-video-section__frame{
    min-height:auto;
    border-radius:22px;
  }

  .eg-aiko-video-section__points{
    grid-template-columns:1fr;
    gap:12px;
  }

  .eg-aiko-video-section__point{
    border-radius:20px;
    padding:16px;
  }

  .eg-aiko-video-section::before{
    background-position:center center;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:420px){
  .eg-aiko-hero{
    padding:30px 0 24px;
  }

  .eg-aiko-video-section{
    padding:30px 0 24px;
  }

  .eg-aiko-hero__inner,
  .eg-aiko-video-section__inner{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .eg-aiko-hero__title,
  .eg-aiko-video-section__title{
    font-size:30px;
  }

  .eg-aiko-hero__module-wrap{
    width:min(300px, 82%) !important;
  }

  .eg-aiko-hero__module-wrap::before{
    width:340px !important;
    height:340px !important;
  }

  .eg-aiko-stat{
    max-width:300px !important;
  }

  .eg-aiko-stat strong{
    font-size:23px !important;
  }
}
/* =========================================================
   MYSIGEN APP – FINAL CLEAN CONTROL SECTION
   Placement: after AIKO, before products
   ========================================================= */

.eg-mysigen-app{
  --eg-text:#0f172a;
  --eg-muted:#64748b;
  --eg-accent:#6F7D63;
  --eg-border:#dfe8dc;
  --eg-soft:#f4f7f3;
  --eg-cyan:#28f4ff;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0 !important;
  margin-bottom:0 !important;

  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:86px 0 86px;

  background:
    linear-gradient(180deg, rgba(255,255,255,.50) 0%, rgba(248,250,247,.68) 100%),
    url('https://test.modernsource.lt/wp-content/uploads/2026/04/bg7.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.eg-mysigen-app *{
  box-sizing:border-box;
}

.eg-mysigen-app::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%, rgba(111,125,99,.055), rgba(111,125,99,0) 32%),
    radial-gradient(circle at 78% 44%, rgba(40,244,255,.035), rgba(40,244,255,0) 34%);
}

.eg-mysigen-app::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(15,23,42,.06);
  pointer-events:none;
}

/* =========================================================
   GRID
   ========================================================= */

.eg-mysigen-app__inner{
  max-width:1410px;
  margin:0 auto;
  padding:0 16px;
  display:grid;
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);
  gap:54px;
  align-items:center;
}

/* =========================================================
   CONTENT
   ========================================================= */

.eg-mysigen-app__content{
  position:relative;
  z-index:2;
  max-width:700px;
  justify-self:start;
}

.eg-mysigen-app__kicker{
  display:inline-flex;
  margin-bottom:14px;
  padding:8px 13px;
  border-radius:999px;
  background:var(--eg-soft);
  border:1px solid var(--eg-border);
  color:#5f6f58;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-mysigen-app__title{
  margin:0 0 16px;
  max-width:720px;
  color:var(--eg-text);
  font-size:54px;
  line-height:1.03;
  letter-spacing:-.045em;
}

.eg-mysigen-app__text{
  margin:0;
  max-width:680px;
  color:var(--eg-muted);
  font-size:17px;
  line-height:1.68;
}

/* =========================================================
   PROOF STRIP
   ========================================================= */

.eg-mysigen-proof{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:13px;
  margin-top:34px;
  max-width:700px;
}

.eg-mysigen-proof__item{
  position:relative;
  overflow:hidden;
  min-height:128px;
  padding:16px 14px;
  border-radius:24px;
  background:rgba(15,23,42,.94);
  border:1px solid rgba(15,23,42,.12);
  box-shadow:
    0 18px 48px rgba(15,23,42,.10),
    inset 0 0 0 1px rgba(255,255,255,.035);
}

.eg-mysigen-proof__item::before{
  content:"";
  position:absolute;
  right:-52px;
  top:-54px;
  width:132px;
  height:132px;
  border-radius:50%;
  background:rgba(40,244,255,.11);
  filter:blur(34px);
  pointer-events:none;
}

.eg-mysigen-proof__item span{
  position:relative;
  z-index:2;
  display:block;
  margin-bottom:10px;
  color:#d7e2d2;
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.eg-mysigen-proof__item strong{
  position:relative;
  z-index:2;
  display:block;
  color:#ffffff;
  font-size:21px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.035em;
}

.eg-mysigen-proof__item small{
  position:relative;
  z-index:2;
  display:block;
  margin-top:8px;
  color:#cbd5e1;
  font-size:12.5px;
  line-height:1.32;
  font-weight:750;
}

/* =========================================================
   FLOW
   ========================================================= */

.eg-mysigen-flow{
  max-width:700px;
  margin-top:24px;
  padding:13px;
  border-radius:24px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(223,232,220,.95);
  box-shadow:0 14px 38px rgba(15,23,42,.045);
  display:grid;
  grid-template-columns:1fr 38px 1fr 38px 1fr;
  gap:8px;
  align-items:center;
}

.eg-mysigen-flow__item{
  min-height:48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(223,232,220,.96);
  color:#475569;
}

.eg-mysigen-flow__item span{
  display:block;
  margin-bottom:4px;
  color:#6F7D63;
  font-size:9.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-mysigen-flow__item strong{
  display:block;
  color:#0f172a;
  font-size:13px;
  line-height:1;
  font-weight:900;
}

.eg-mysigen-flow__item.is-main{
  background:#0f172a;
  border-color:#0f172a;
  box-shadow:0 12px 28px rgba(15,23,42,.12);
}

.eg-mysigen-flow__item.is-main span{
  color:#d7e2d2;
}

.eg-mysigen-flow__item.is-main strong{
  color:#ffffff;
}

.eg-mysigen-flow__line{
  position:relative;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(111,125,99,.22), rgba(40,244,255,.62));
}

.eg-mysigen-flow__line::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:7px;
  height:7px;
  border-top:2px solid rgba(40,244,255,.68);
  border-right:2px solid rgba(40,244,255,.68);
  transform:translateY(-50%) rotate(45deg);
}

/* =========================================================
   VISUAL – CLEAN, NO FRAME / PLATFORM
   ========================================================= */

.eg-mysigen-app__visual{
  position:relative;
  z-index:2;
  min-height:610px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.eg-mysigen-app__visual::before,
.eg-mysigen-app__visual::after{
  display:none !important;
}

.eg-mysigen-app__halo{
  position:absolute;
  z-index:1;
  width:640px;
  height:640px;
  border-radius:50%;
  opacity:.38;
  filter:blur(38px);
  transform:translate(22px, 18px);
  pointer-events:none;
  background:
    radial-gradient(circle, rgba(40,244,255,.055) 0%, rgba(111,125,99,.045) 42%, rgba(111,125,99,0) 74%);
}

.eg-mysigen-app__phone-main{
  position:relative;
  z-index:3;
  display:block;
  width:min(670px, 98%);
  height:auto;
  object-fit:contain;
  opacity:1;
  image-rendering:auto;
  transform:translate(22px, 18px);
  filter:drop-shadow(0 22px 30px rgba(15,23,42,.13)) !important;
  animation:egMysigenFloat 5.8s ease-in-out infinite;
}

/* =========================================================
   SINGLE FLOATING METRIC
   ========================================================= */

.eg-mysigen-app__metric{
  position:absolute;
  z-index:5;
  min-width:190px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(223,232,220,.96);
  box-shadow:0 10px 24px rgba(15,23,42,.055);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.eg-mysigen-app__metric span{
  display:block;
  margin-bottom:6px;
  color:#6F7D63;
  font-size:10.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.eg-mysigen-app__metric strong{
  display:block;
  color:#0f172a;
  font-size:13.5px;
  line-height:1.22;
  font-weight:850;
}

.eg-mysigen-app__metric--bottom{
  left:42px;
  bottom:94px;
}

/* =========================================================
   REVEAL
   ========================================================= */

.eg-mysigen-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s ease;
}

.eg-mysigen-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

@keyframes egMysigenFloat{
  0%,100%{
    transform:translate(22px, 18px);
  }
  50%{
    transform:translate(22px, 10px);
  }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1180px){
  .eg-mysigen-app{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:58px 0 54px;
  }

  .eg-mysigen-app__inner{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr;
    gap:30px;
    padding-left:14px;
    padding-right:14px;
  }

  .eg-mysigen-app__content{
    max-width:820px;
    order:1;
  }

  .eg-mysigen-app__title{
    font-size:46px;
    max-width:780px;
  }

  .eg-mysigen-app__text,
  .eg-mysigen-proof,
  .eg-mysigen-flow{
    max-width:820px;
  }

  .eg-mysigen-app__visual{
    order:2;
    min-height:580px;
    max-width:820px;
    width:100%;
    margin:0 auto;
  }

  .eg-mysigen-app__phone-main{
    width:min(620px, 88%);
    transform:none;
  }

  .eg-mysigen-app__halo{
    width:600px;
    height:600px;
    transform:none;
  }

  .eg-mysigen-app__metric--bottom{
    left:70px;
    bottom:70px;
  }

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

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:860px){
  .eg-mysigen-app{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:42px 0 38px;
  }

  .eg-mysigen-app__inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    gap:24px;
  }

  .eg-mysigen-app__title{
    font-size:34px;
    line-height:1.06;
  }

  .eg-mysigen-app__text{
    font-size:15px;
    line-height:1.62;
  }

  .eg-mysigen-proof{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
  }

  .eg-mysigen-proof__item{
    min-height:auto;
    padding:16px;
    border-radius:20px;
  }

  .eg-mysigen-flow{
    grid-template-columns:1fr;
    gap:8px;
    padding:14px;
    border-radius:20px;
  }

  .eg-mysigen-flow__line{
    width:2px;
    height:24px;
    margin:0 auto;
    background:linear-gradient(180deg, rgba(111,125,99,.22), rgba(40,244,255,.62));
  }

  .eg-mysigen-flow__line::after{
    right:auto;
    left:50%;
    top:auto;
    bottom:-1px;
    transform:translateX(-50%) rotate(135deg);
  }

  .eg-mysigen-app__visual{
    min-height:auto;
    display:block;
    padding:12px 0 0;
    text-align:center;
  }

  .eg-mysigen-app__phone-main{
    width:min(390px, 98%);
    margin:0 auto;
    transform:none;
  }

  .eg-mysigen-app__halo{
    width:430px;
    height:430px;
    transform:none;
  }

  .eg-mysigen-app__metric{
    position:relative;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:100%;
    max-width:300px;
    margin:12px auto 0;
    text-align:left;
  }

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

@media (max-width:420px){
  .eg-mysigen-app{
    padding:34px 0 30px;
  }

  .eg-mysigen-app__title{
    font-size:30px;
  }

  .eg-mysigen-app__phone-main{
    width:min(350px, 100%);
  }
}
/* =========================================================
   ENERGINGAI – SIGENERGY MEETING TRUST BLOCK
   Dark premium proof section
   ========================================================= */

.eg-sigen-meeting{
  --eg-text:#f8fafc;
  --eg-muted:#cbd5e1;
  --eg-accent:#6F7D63;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0 !important;
  margin-bottom:0 !important;

  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:70px 0 72px;

  background:
    radial-gradient(circle at 18% 24%, rgba(111,125,99,.20), rgba(111,125,99,0) 34%),
    radial-gradient(circle at 86% 58%, rgba(255,255,255,.055), rgba(255,255,255,0) 32%),
    linear-gradient(180deg, #050706 0%, #0b1110 56%, #050706 100%);
}

.eg-sigen-meeting *{
  box-sizing:border-box;
}

.eg-sigen-meeting::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, rgba(255,255,255,.018) 0 1px, transparent 1px 100%);
  background-size:42px 42px;
  opacity:.16;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.58), rgba(0,0,0,.14));
}

.eg-sigen-meeting::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.10);
  pointer-events:none;
}

.eg-sigen-meeting__inner{
  max-width:1410px;
  margin:0 auto;
  padding:0 16px;
  display:grid;
  grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr);
  gap:52px;
  align-items:center;
}

/* CONTENT */

.eg-sigen-meeting__content{
  position:relative;
  z-index:2;
  max-width:700px;
}

.eg-sigen-meeting__kicker{
  display:inline-flex;
  margin-bottom:16px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#d7e2d2;
  font-size:12px;
  line-height:1;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-sigen-meeting__title{
  margin:0 0 18px;
  max-width:690px;
  color:var(--eg-text);
  font-size:46px;
  line-height:1.04;
  letter-spacing:-.045em;
}

.eg-sigen-meeting__text{
  margin:0;
  max-width:670px;
  color:var(--eg-muted);
  font-size:16.5px;
  line-height:1.68;
}

.eg-sigen-meeting__points{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:24px;
  max-width:620px;
}

.eg-sigen-meeting__point{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:15px;
  align-items:center;
  padding:13px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 14px 38px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:
    transform .22s ease,
    background .22s ease,
    border-color .22s ease;
}

.eg-sigen-meeting__point:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.095);
  border-color:rgba(255,255,255,.17);
}

.eg-sigen-meeting__point.is-featured{
  background:rgba(255,255,255,.095);
  border-color:rgba(255,255,255,.18);
}

.eg-sigen-meeting__point span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:15px;
  background:#ffffff;
  color:#0f172a;
  font-size:11px;
  line-height:1;
  font-weight:950;
  letter-spacing:.06em;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

.eg-sigen-meeting__point strong{
  display:block;
  color:#ffffff;
  font-size:17px;
  line-height:1.22;
  font-weight:900;
  letter-spacing:-.02em;
}

.eg-sigen-meeting__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:22px;
  padding:0 22px;
  border-radius:999px;
  background:#ffffff;
  color:#0f172a !important;
  font-size:14px;
  line-height:1;
  font-weight:950;
  text-decoration:none !important;
  box-shadow:0 16px 36px rgba(0,0,0,.22);
  transition:
    transform .22s ease,
    background .22s ease,
    color .22s ease;
}

.eg-sigen-meeting__btn:hover{
  transform:translateY(-2px);
  background:#dfe8dc;
  color:#0f172a !important;
}

/* VISUAL */

.eg-sigen-meeting__visual{
  position:relative;
  z-index:2;
  min-height:480px;
  overflow:hidden;
  border-radius:32px;
  background:#050706;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:
    0 30px 86px rgba(0,0,0,.34),
    0 0 70px rgba(111,125,99,.09);
}

.eg-sigen-meeting__visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(3,5,4,0) 46%, rgba(3,5,4,.42) 100%),
    linear-gradient(90deg, rgba(3,5,4,.05) 0%, rgba(3,5,4,0) 48%);
}

.eg-sigen-meeting__visual img{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.005);
}

.eg-sigen-meeting__badge{
  position:absolute;
  z-index:4;
  left:24px;
  bottom:24px;
  max-width:260px;
  padding:14px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 16px 38px rgba(0,0,0,.20);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.eg-sigen-meeting__badge span{
  display:block;
  margin-bottom:6px;
  color:#6F7D63;
  font-size:10.5px;
  line-height:1;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.eg-sigen-meeting__badge strong{
  display:block;
  color:#0f172a;
  font-size:14.5px;
  line-height:1.25;
  font-weight:900;
}

/* TABLET */

@media (max-width:1180px){
  .eg-sigen-meeting{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:58px 0 54px;
  }

  .eg-sigen-meeting__inner{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr;
    gap:34px;
    padding-left:14px;
    padding-right:14px;
  }

  .eg-sigen-meeting__content{
    max-width:820px;
    order:1;
  }

  .eg-sigen-meeting__title{
    max-width:800px;
    font-size:46px;
  }

  .eg-sigen-meeting__text,
  .eg-sigen-meeting__points{
    max-width:820px;
  }

  .eg-sigen-meeting__visual{
    order:2;
    min-height:500px;
  }
}

/* MOBILE */

@media (max-width:860px){
  .eg-sigen-meeting{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:38px 0 34px;
  }

  .eg-sigen-meeting__inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    gap:28px;
  }

  .eg-sigen-meeting__title{
    font-size:34px;
    line-height:1.06;
  }

  .eg-sigen-meeting__text{
    font-size:15px;
    line-height:1.62;
  }

  .eg-sigen-meeting__visual{
    min-height:360px;
    border-radius:24px;
  }

  .eg-sigen-meeting__badge{
    left:14px;
    right:14px;
    bottom:14px;
    max-width:none;
    padding:12px 14px;
    border-radius:16px;
  }

  .eg-sigen-meeting__point{
    grid-template-columns:38px minmax(0,1fr);
    gap:12px;
    padding:14px 15px;
    border-radius:20px;
  }

  .eg-sigen-meeting__point span{
    width:38px;
    height:38px;
    border-radius:14px;
  }

  .eg-sigen-meeting__point strong{
    font-size:15.5px;
  }

  .eg-sigen-meeting__btn{
    width:100%;
  }
}

/* SMALL MOBILE */

@media (max-width:420px){
  .eg-sigen-meeting__title{
    font-size:30px;
  }

  .eg-sigen-meeting__visual{
    min-height:320px;
  }
}
/* =========================================================
   SIGENERGY PRODUCT SELECTION – FINAL
   ========================================================= */

.eg-products-select{
  --eg-text:#0f172a;
  --eg-muted:#64748b;
  --eg-accent:#6F7D63;
  --eg-border:#dfe8dc;
  --eg-soft:#f4f7f3;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  position:relative;
  overflow:hidden;
  padding:78px 0 82px;

  background:
    radial-gradient(circle at 18% 18%, rgba(111,125,99,.08), rgba(111,125,99,0) 30%),
    radial-gradient(circle at 82% 62%, rgba(111,125,99,.08), rgba(111,125,99,0) 32%),
    linear-gradient(180deg, #ffffff 0%, #f8faf7 100%);
}

.eg-products-select *{
  box-sizing:border-box;
}

.eg-products-select__inner{
  max-width:1410px;
  margin:0 auto;
  padding:0 16px;
}

.eg-products-select__head{
  max-width:840px;
  margin-bottom:34px;
}

.eg-products-select__kicker{
  display:inline-flex;
  margin-bottom:16px;
  padding:8px 13px;
  border-radius:999px;
  background:var(--eg-soft);
  border:1px solid var(--eg-border);
  color:#5f6f58;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-products-select__head h2{
  margin:0 0 16px;
  max-width:820px;
  color:var(--eg-text);
  font-size:52px;
  line-height:1.03;
  letter-spacing:-.045em;
}

.eg-products-select__head p{
  margin:0;
  max-width:760px;
  color:var(--eg-muted);
  font-size:17px;
  line-height:1.72;
}

.eg-products-select__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.eg-product-card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:rgba(255,255,255,.86);
  border:1px solid var(--eg-border);
  box-shadow:0 18px 48px rgba(15,23,42,.06);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.eg-product-card:hover{
  transform:translateY(-5px);
  border-color:#d3decf;
  box-shadow:0 28px 72px rgba(15,23,42,.10);
}

/* =========================================================
   PRODUCT CARDS – WHITE JPG IMAGE FIX
   ========================================================= */

.eg-product-card__image{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:285px;
  padding:30px;
  background:#ffffff !important;
  text-decoration:none;
  border-bottom:1px solid rgba(223,232,220,.75);
}

.eg-product-card__image::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid rgba(223,232,220,.55);
  pointer-events:none;
}

.eg-product-card__image img{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  max-width:245px;
  height:225px;
  object-fit:contain;
  mix-blend-mode:normal !important;
  filter:none !important;
  transition:transform .24s ease;
}

.eg-product-card:hover .eg-product-card__image img{
  transform:scale(1.035);
}

/* Kortelę keliam ne per image bg, o per pačią kortelę */
.eg-product-card{
  background:#ffffff;
  border:1px solid var(--eg-border);
  box-shadow:0 18px 48px rgba(15,23,42,.055);
}

.eg-product-card:hover{
  box-shadow:0 28px 72px rgba(15,23,42,.095);
}

/* Mobile */
@media (max-width:860px){
  .eg-product-card__image{
    min-height:230px;
    padding:22px;
  }

  .eg-product-card__image::before{
    inset:14px;
    border-radius:18px;
  }

  .eg-product-card__image img{
    height:190px;
    max-width:220px;
  }
}
.eg-product-card__body{
  padding:24px;
}

.eg-product-card__body span{
  display:inline-flex;
  margin-bottom:10px;
  color:#6F7D63;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.eg-product-card__body h3{
  margin:0 0 10px;
  min-height:56px;
  color:var(--eg-text);
  font-size:22px;
  line-height:1.18;
  letter-spacing:-.03em;
}

.eg-product-card__body p{
  margin:0 0 18px;
  min-height:66px;
  color:var(--eg-muted);
  font-size:14px;
  line-height:1.6;
}

.eg-product-card__body a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:#0f172a;
  color:#ffffff;
  font-size:13px;
  line-height:1;
  font-weight:850;
  text-decoration:none;
  transition:background .22s ease, transform .22s ease;
}

.eg-product-card__body a:hover{
  background:#6F7D63;
  transform:translateY(-1px);
}

/* CTA */

.eg-products-select__cta{
  margin-top:28px;
  padding:30px;
  border-radius:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  background:
    radial-gradient(circle at 88% 50%, rgba(111,125,99,.14), rgba(111,125,99,0) 36%),
    linear-gradient(135deg, #0f172a 0%, #1f2a22 100%);
  box-shadow:0 24px 70px rgba(15,23,42,.14);
}

.eg-products-select__cta span{
  display:block;
  margin-bottom:9px;
  color:#d7e2d2;
  font-size:12px;
  line-height:1;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eg-products-select__cta h3{
  margin:0 0 9px;
  color:#ffffff;
  font-size:30px;
  line-height:1.12;
  letter-spacing:-.035em;
}

.eg-products-select__cta p{
  margin:0;
  max-width:760px;
  color:#cbd5e1;
  font-size:15px;
  line-height:1.65;
}

.eg-products-select__button{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  background:#ffffff;
  color:#0f172a;
  font-size:14px;
  line-height:1;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  transition:transform .22s ease, background .22s ease;
}

.eg-products-select__button:hover{
  transform:translateY(-2px);
  background:#f4f7f3;
}

/* TABLET */

@media (max-width:1180px){
  .eg-products-select{
    padding:62px 0;
  }

  .eg-products-select__head h2{
    font-size:46px;
  }

  .eg-products-select__grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .eg-product-card__image{
    min-height:260px;
  }

  .eg-products-select__cta{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* MOBILE */

@media (max-width:860px){
  .eg-products-select{
    padding:42px 0;
  }

  .eg-products-select__inner{
    padding:0 14px;
  }

  .eg-products-select__head{
    margin-bottom:26px;
  }

  .eg-products-select__head h2{
    font-size:34px;
    line-height:1.06;
  }

  .eg-products-select__head p{
    font-size:15px;
    line-height:1.62;
  }

  .eg-products-select__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .eg-product-card{
    border-radius:24px;
  }

  .eg-product-card__image{
    min-height:230px;
    padding:24px;
  }

  .eg-product-card__image img{
    height:190px;
    max-width:220px;
  }

  .eg-product-card__body{
    padding:20px;
  }

  .eg-product-card__body h3{
    min-height:0;
    font-size:20px;
  }

  .eg-product-card__body p{
    min-height:0;
    font-size:13.5px;
  }

  .eg-products-select__cta{
    margin-top:22px;
    padding:22px;
    border-radius:24px;
  }

  .eg-products-select__cta h3{
    font-size:24px;
  }

  .eg-products-select__cta p{
    font-size:14px;
  }

  .eg-products-select__button{
    width:100%;
  }
}

@media (max-width:420px){
  .eg-products-select__inner{
    padding:0 10px;
  }

  .eg-products-select__head h2{
    font-size:30px;
  }
}

/* =========================================================
   HERO MOBILE OVERFLOW FIX
   ========================================================= */

@media (max-width:860px){
  .eg-hero-ecosystem{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow:hidden !important;
  }

  .eg-hero-ecosystem__inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    overflow:hidden !important;
  }

  .eg-hero-ecosystem__content,
  .eg-hero-ecosystem__visual{
    width:100% !important;
    max-width:100% !important;
  }

  .eg-hero-ecosystem__visual{
    min-height:520px;
    border-radius:24px;
  }

  .eg-hero-ecosystem__image{
    width:100% !important;
    max-width:100% !important;
    object-fit:cover;
    object-position:center center;
  }

  .eg-hero-ecosystem__actions{
    width:100%;
  }

  .eg-hero-ecosystem__btn{
    width:100%;
    max-width:100%;
  }

  .eg-hero-ecosystem__chips{
    width:100%;
    max-width:100%;
  }
}

/* Extra apsauga nuo horizontal scroll */
html,
body{
  overflow-x:hidden;
}

/* =========================================================
   PRODUCT SELECTION – BUTTON HOVER TEXT FIX
   ========================================================= */

/* Produktų kortelių mygtukai */
.eg-product-card__body a,
.eg-product-card__body a:visited{
  color:#ffffff !important;
  text-decoration:none !important;
}

.eg-product-card__body a:hover,
.eg-product-card__body a:focus,
.eg-product-card__body a:active{
  color:#ffffff !important;
  background:#6F7D63 !important;
  text-decoration:none !important;
}

/* Apatinis CTA mygtukas */
.eg-products-select__button,
.eg-products-select__button:visited{
  color:#0f172a !important;
  text-decoration:none !important;
}

.eg-products-select__button:hover,
.eg-products-select__button:focus,
.eg-products-select__button:active{
  color:#0f172a !important;
  background:#f4f7f3 !important;
  text-decoration:none !important;
}

/* Kad temos hover underline / pseudo efektai nelįstų */
.eg-product-card__body a::before,
.eg-product-card__body a::after,
.eg-products-select__button::before,
.eg-products-select__button::after{
  display:none !important;
}