/* LimeWeb hero v2 — layout matched to approved reference */
#top.lw-hero-v2-mounted{
  padding:88px 0 28px!important;
  background:#fff!important;
  overflow:visible!important;
  min-height:auto!important;
}
#top.lw-hero-v2-mounted > :not(.lw2-root){display:none!important}
.lw2-root{position:relative;z-index:2;width:100%;font-family:inherit}
.lw2-shell{
  width:min(1720px,calc(100% - 64px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:18px;
  align-items:stretch;
}
.lw2-main{
  min-width:0;
  height:660px;
  border:1px solid #e8eef7;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 14%,rgba(219,233,255,.92),transparent 34%),
    radial-gradient(circle at 7% 88%,rgba(231,253,239,.92),transparent 34%),
    linear-gradient(135deg,#f8fbff 0%,#f2f7ff 48%,#f7fbff 100%);
  box-shadow:0 8px 28px rgba(42,68,108,.06);
  position:relative;
}
.lw2-slide-stage{height:594px;position:relative}
.lw2-slide{
  position:absolute;inset:0;
  display:grid;
  grid-template-columns:1.02fr 1.08fr;
  gap:42px;
  align-items:center;
  padding:54px 58px 44px;
  opacity:0;pointer-events:none;
  transform:translateX(18px);
  transition:opacity .42s ease,transform .42s ease;
}
.lw2-slide.is-active{opacity:1;pointer-events:auto;transform:translateX(0)}
.lw2-copy{min-width:0;align-self:center}
.lw2-badge{
  display:inline-flex;align-items:center;gap:9px;
  height:36px;padding:0 15px;border-radius:999px;
  background:#fff;border:1px solid #cfe0ff;
  box-shadow:0 3px 10px rgba(39,91,179,.06);
  color:#1761e8;font-size:14px;font-weight:700;
  margin-bottom:24px;
}
.lw2-badge svg{width:17px;height:17px}
.lw2-title{
  margin:0 0 20px;
  font-size:clamp(42px,3.1vw,60px);
  line-height:1.03;
  letter-spacing:-.045em;
  font-weight:850;color:#071022;
  max-width:650px;
}
.lw2-title .accent{color:#2467ed}
.lw2-title .accent-gradient{
  background:linear-gradient(90deg,#2166ef 0%,#08b6ce 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.lw2-text{
  max-width:620px;margin:0 0 28px;
  color:#526783;font-size:18px;line-height:1.55;font-weight:400;
}
.lw2-actions{display:flex;gap:14px;align-items:center;margin-bottom:22px;flex-wrap:wrap}
.lw2-btn{
  min-height:54px;border-radius:999px;padding:0 28px;
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  font:700 16px/1 inherit;cursor:pointer;text-decoration:none;
  border:1px solid transparent;transition:.2s ease;
}
.lw2-btn svg{width:18px;height:18px}
.lw2-primary{
  color:#fff;background:linear-gradient(90deg,#2467ef 0%,#0abbd1 100%);
  box-shadow:0 12px 30px rgba(35,104,237,.18);
}
.lw2-primary:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(35,104,237,.24)}
.lw2-secondary{background:rgba(255,255,255,.84);color:#27364f;border-color:#ccd8e8}
.lw2-secondary:hover{border-color:#3a76e9;color:#145ee8}
.lw2-checks{display:flex;gap:20px;flex-wrap:wrap;color:#607590;font-size:13px}
.lw2-check{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.lw2-check svg{width:16px;height:16px;color:#09b979;stroke-width:2.3}
.lw2-visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;height:100%}
.lw2-visual-board{
  width:min(100%,610px);height:380px;border-radius:28px;
  background:rgba(255,255,255,.96);border:1px solid #e1eaf5;
  box-shadow:0 22px 52px rgba(54,91,145,.12);
  overflow:hidden;position:relative;
}
.lw2-window-top{height:64px;border-bottom:1px solid #e8edf4;display:flex;align-items:center;padding:0 24px;gap:12px}
.lw2-window-icon{
  width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#276cf0,#205be5);
  display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(36,103,237,.2)
}
.lw2-window-icon svg{width:23px;height:23px}
.lw2-window-title{font-size:19px;font-weight:800;color:#0e1930;line-height:1.1}
.lw2-window-sub{font-size:12px;color:#07a66c;margin-top:4px}
.lw2-window-pill{margin-left:auto;padding:8px 13px;background:#f2f7ff;border-radius:999px;color:#2865d9;font-size:12px;font-weight:800}
.lw2-dialog-body{display:grid;grid-template-columns:132px 1fr;gap:18px;padding:18px 22px}
.lw2-filters{display:flex;flex-direction:column;gap:9px}
.lw2-filter{height:38px;border-radius:12px;background:#f6f8fb;color:#677a94;padding:0 14px;display:flex;align-items:center;font-size:13px}
.lw2-filter.active{background:#eaf2ff;color:#2364e8;font-weight:800}
.lw2-dialogs{display:flex;flex-direction:column;gap:10px}
.lw2-dialog{height:68px;border:1px solid #e6ebf2;border-radius:15px;display:flex;align-items:center;padding:0 15px;gap:14px;background:#fff}
.lw2-avatar{width:40px;height:40px;border-radius:50%;background:#d8faec;flex:0 0 auto}
.lw2-avatar.gray{background:#eef2f7}
.lw2-dialog-name{font-size:14px;font-weight:800;color:#15213a}
.lw2-dialog-msg{font-size:12px;color:#91a1b9;margin-top:4px}
.lw2-store{padding:0;background:#fff}
.lw2-storebar{height:58px;border-bottom:1px solid #e9eef5;display:flex;align-items:center;padding:0 20px;gap:18px;color:#8796aa;font-size:11px}
.lw2-storebrand{font-weight:900;font-size:16px;color:#17233c;margin-right:auto;display:flex;align-items:center;gap:8px}
.lw2-storelogo{width:24px;height:24px;border-radius:8px;background:#78c72b;color:#fff;display:grid;place-items:center;font-weight:900;font-size:11px}
.lw2-products{display:grid;grid-template-columns:120px repeat(3,1fr);gap:11px;padding:18px}
.lw2-cats{display:flex;flex-direction:column;gap:8px}
.lw2-cat{height:28px;border-radius:8px;background:#f7f9fc;color:#657794;font-size:10px;display:flex;align-items:center;padding:0 8px}
.lw2-cat.active{background:#eaf2ff;color:#2367ee;font-weight:800}
.lw2-product{border:1px solid #edf1f6;border-radius:15px;padding:10px;background:#fff}
.lw2-product-img{height:86px;border-radius:12px;background:linear-gradient(145deg,#f2f6fb,#e7eef8);display:grid;place-items:center;font-size:34px;margin-bottom:9px}
.lw2-product-name{font-size:9px;font-weight:700;color:#33425b;min-height:24px}
.lw2-product-price{font-size:11px;font-weight:900;color:#101c31;margin-top:7px}
.lw2-float{
  position:absolute;background:#fff;border:1px solid #e8edf4;border-radius:16px;
  box-shadow:0 15px 35px rgba(58,88,130,.13);padding:11px 14px;
  display:flex;align-items:center;gap:10px;color:#17233a;
}
.lw2-float .ico{width:34px;height:34px;border-radius:11px;background:#f2f7ff;display:grid;place-items:center;color:#2567ea}
.lw2-float strong{display:block;font-size:12px}
.lw2-float small{display:block;color:#94a3b7;font-size:10px;margin-top:3px}
.lw2-float.top{top:30px;right:14px}
.lw2-float.bottom{bottom:28px;left:18px}
.lw2-float.bottom2{bottom:18px;right:22px}
.lw2-side{display:grid;grid-template-rows:1fr 1fr;gap:18px;height:660px}
.lw2-side-card{
  border:1px solid #e3eaf3;border-radius:30px;overflow:hidden;background:#fff;
  box-shadow:0 8px 26px rgba(49,78,119,.06);
  display:flex;flex-direction:column;text-decoration:none;color:inherit;min-height:0;
}
.lw2-side-media{height:180px;position:relative;overflow:hidden;padding:18px;background:linear-gradient(145deg,#f6fbff,#eaf5ff)}
.lw2-side-card.green .lw2-side-media{background:linear-gradient(145deg,#f6fff9,#e8f8ee)}
.lw2-side-icon{width:48px;height:48px;border-radius:16px;background:#2b6df0;color:#fff;display:grid;place-items:center;box-shadow:0 9px 20px rgba(41,104,232,.18)}
.lw2-side-card.green .lw2-side-icon{background:#4eba43}
.lw2-side-icon svg{width:24px;height:24px}
.lw2-side-mock{
  position:absolute;right:-12px;top:28px;width:220px;height:138px;border-radius:17px;background:rgba(255,255,255,.96);
  border:1px solid #e4ebf3;box-shadow:0 14px 28px rgba(54,86,128,.11);transform:rotate(2deg);padding:13px
}
.lw2-side-mock .bar{height:7px;border-radius:999px;background:#dce7f6;margin-bottom:8px}
.lw2-side-mock .bar.blue{background:#3b76ed;width:50%}
.lw2-side-mock .pic{height:66px;border-radius:11px;background:linear-gradient(135deg,#dcecff,#bfd7ef);margin-top:10px;position:relative;overflow:hidden}
.lw2-side-card.green .lw2-side-mock .pic{background:linear-gradient(135deg,#e4f8e8,#c8efcf)}
.lw2-side-card.green .lw2-side-mock{transform:none;right:16px;top:26px;width:190px;height:145px}
.lw2-chart{height:58px;margin-top:8px;position:relative}
.lw2-chart:before{
  content:"";position:absolute;inset:12px 2px 8px;
  background:linear-gradient(155deg,transparent 0 42%,#46bd55 43% 46%,transparent 47% 55%,#46bd55 56% 59%,transparent 60% 67%,#46bd55 68% 71%,transparent 72%);
  opacity:.9
}
.lw2-growth{color:#22aa3f;font-size:22px;font-weight:900}
.lw2-side-body{padding:17px 20px 18px;display:flex;flex-direction:column;flex:1}
.lw2-side-title{font-size:18px;line-height:1.15;font-weight:850;color:#101a2d;margin:0 0 9px}
.lw2-side-text{font-size:12.5px;line-height:1.45;color:#6f819c;margin:0 0 12px}
.lw2-side-link{margin-top:auto;color:#1763ea;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:8px}
.lw2-controls{
  height:66px;border-top:1px solid rgba(221,229,239,.82);
  display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,.42)
}
.lw2-arrow{
  width:36px;height:36px;border-radius:50%;border:1px solid #d6e0ec;background:#fff;
  display:grid;place-items:center;color:#60738f;cursor:pointer;transition:.2s
}
.lw2-arrow:hover{border-color:#2f6fe9;color:#1e63e5}
.lw2-arrow svg{width:16px;height:16px}
.lw2-dots{display:flex;align-items:center;gap:9px}
.lw2-dot{width:8px;height:8px;border:0;border-radius:999px;background:#c7d2e0;padding:0;cursor:pointer;transition:.25s}
.lw2-dot.active{width:34px;background:#2f6deb}
@media(max-width:1280px){
  .lw2-shell{width:min(1180px,calc(100% - 40px));grid-template-columns:minmax(0,1fr) 300px}
  .lw2-main,.lw2-side{height:610px}.lw2-slide-stage{height:544px}
  .lw2-slide{padding:44px 40px 36px;gap:26px}.lw2-title{font-size:44px}.lw2-text{font-size:16px}
  .lw2-side-media{height:160px}.lw2-side-mock{width:190px}.lw2-visual-board{height:340px}
}
@media(max-width:1000px){
  #top.lw-hero-v2-mounted{padding-top:92px!important}
  .lw2-shell{grid-template-columns:1fr;width:min(920px,calc(100% - 30px))}
  .lw2-main{height:620px}.lw2-slide-stage{height:554px}.lw2-side{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:none}
}
@media(max-width:760px){
  #top.lw-hero-v2-mounted{padding-top:76px!important;padding-bottom:18px!important}
  .lw2-shell{width:calc(100% - 20px);gap:12px}
  .lw2-main{height:620px;border-radius:24px}
  .lw2-slide-stage{height:560px}
  .lw2-slide{grid-template-columns:1fr;padding:26px 22px 22px;gap:18px;align-content:start}
  .lw2-title{font-size:38px}.lw2-text{font-size:15px;margin-bottom:20px}.lw2-badge{margin-bottom:17px}
  .lw2-actions{margin-bottom:16px}.lw2-btn{min-height:48px;padding:0 20px;font-size:14px}
  .lw2-checks{gap:10px 14px;font-size:11px}
  .lw2-visual{display:none}
  .lw2-side{grid-template-columns:1fr}.lw2-side-card{min-height:310px}.lw2-side-media{height:160px}
  .lw2-controls{height:60px}
}

/* Fix right promo cards: preserve media height and keep CTA arrows compact */
.lw2-side-media{flex:0 0 180px;min-height:180px}
.lw2-side-link svg{width:16px!important;height:16px!important;flex:0 0 16px}
.lw2-side-link{line-height:1;min-height:18px}
.lw2-side-body{min-height:0}
@media(max-width:1280px){
  .lw2-side-media{flex-basis:160px;min-height:160px}
}
@media(max-width:760px){
  .lw2-side-media{flex-basis:160px;min-height:160px}
}
