:root{
  --lc-primary:#173F69;
  --lc-dolphin:#4FA8E9;
  --lc-wave:#A3D9F3;
  --lc-white:#FFFFFF;
  --lc-accent:#FF7043;

  --lc-bg:#F6FBFF;
  --lc-ink:rgba(23,63,105,.92);
  --lc-muted:rgba(23,63,105,.70);

  --lc-radius:18px;
  --lc-shadow: 0 14px 40px rgba(23,63,105,.10);
}

html,body{ background: var(--lc-bg); color: var(--lc-ink); }
a{ color: inherit; }
a img{border:medium none;}
a,input,input:focus,button,button:focus,textarea,textarea:focus{outline:0pt none !important;}
a:hover{text-decoration:none;}
.uk-button{ border-radius: 14px; }
.uk-button-primary{ background: var(--lc-primary); border-color: var(--lc-primary); }
.uk-button-primary:hover{ filter: brightness(1.05); }

.lc-btn i{ margin-right: 8px; font-size: 18px;}

.lc-topbar__inner{
  padding: 10px 0;
  transition: all .25s ease;
}
.lc-topbar--stuck{
  background: rgba(246,251,255,.82);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(23,63,105,.08);
}

.lc-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; }
/* .lc-brand__mark{
  width: 34px; height: 34px; border-radius: 12px;
  background: radial-gradient(circle at 30% 30%, var(--lc-dolphin), var(--lc-primary));
  box-shadow: 0 10px 25px rgba(23,63,105,.18);
} */
.lc-brand__mark{
    width: 54px;
    height: 54px;
/*     box-shadow: 0 10px 25px rgba(23, 63, 105, .18); */
}
.lc-brand__text{ font-weight: 900; letter-spacing: .2px; font-size: 18px; }

.lc-offcanvas{ background: rgba(23,63,105,.98); }
.lc-brand--mobile .lc-brand__text{ color: #fff; }

.lc-hero{
  position: relative;
  padding: 90px 0 40px;
  background:
    radial-gradient(900px 320px at 12% 18%, rgba(79,168,233,.35), transparent 60%),
    radial-gradient(700px 260px at 80% 20%, rgba(163,217,243,.55), transparent 60%),
    linear-gradient(180deg, #BFEFFF 0%, #FFFFFF 55%, rgba(246,251,255,.65) 100%);
  overflow: hidden;
   background-image: url(/static/fon_white1.webp);
   background-repeat: no-repeat;
}
/* Прозрачность/дымка поверх фона */
.lc-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 360px at 35% 40%, rgba(255,255,255,.78), rgba(255,255,255,.12) 60%, rgba(255,255,255,0) 75%),
    linear-gradient(to bottom, rgba(255,255,255,.25) 0%, rgba(255,255,255,.62) 55%, rgba(255,255,255,.92) 100%);
  pointer-events:none;
  z-index:0;
}

/* Контент поверх оверлея */
.lc-hero > .uk-container{ position: relative; z-index: 1; }
@media (max-width: 960px){
  .lc-hero{ padding-top: 80px; }
}

.lc-wave{
  position:absolute; left:0; right:0; bottom:-1px;
  width:100%; height: 120px;
  fill: rgba(246,251,255,1);
}

.lc-chiprow{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom: 18px; }
.lc-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(23,63,105,.12);
  background: rgba(255,255,255,.78);
  color: rgba(23,63,105,.88);
  font-weight: 800;
  font-size: 13px;
}
.lc-chip i {font-size: 20px;}
.lc-h1{ font-size: clamp(34px, 4.2vw, 54px); line-height: 1.03; margin: 0 0 14px; font-weight: 950; }
.lc-lead{ font-size: 18px; line-height: 1.55; color: var(--lc-muted); max-width: 52ch; }
.lc-cta{ display:flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.lc-btn--ghost{ background: rgba(255,255,255,.70); border-color: rgba(23,63,105,.16); }
.lc-note{ margin-top: 14px; color: rgba(23,63,105,.72); font-size: 13px; }

.lc-stats{ display:flex; gap: 14px; flex-wrap: wrap; }
.lc-stat{
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(23,63,105,.10);
  background: rgba(255,255,255,.70);
  min-width: 160px;
}
.lc-stat__num{ font-weight: 950; color: var(--lc-primary); font-size: 18px; }
.lc-stat__text{ color: rgba(23,63,105,.72); font-size: 13px; margin-top: 2px; }

.lc-hero__visual{ position: relative; }
.lc-hero__frame{
  height: 360px;
  border-radius: 26px;
  border: 1px solid rgba(23,63,105,.12);
  background:
    radial-gradient(500px 220px at 30% 30%, rgba(79,168,233,.35), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.55));
  box-shadow: var(--lc-shadow);
  display:flex; align-items:center; justify-content:center;
}
@media (max-width: 960px){
  .lc-hero__frame{ height: 320px; margin-top: 18px; }
}
.lc-hero__frameHint{ color: rgba(23,63,105,.55); font-weight: 800; text-align:center; padding: 0; box-shadow:0 14px 40px rgba(23,63,105,.6);border-radius:25px;overflow: hidden;}
.lc-hero__frameHint img {
   max-width: 101%;
}
.lc-hero__badges{
  display:flex; gap:10px; flex-wrap:wrap;
  position: absolute;
  left: 16px; right: 16px;
  bottom: -18px;
  justify-content: center;
}
.lc-badge{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(23,63,105,.10);
  box-shadow: 0 10px 30px rgba(23,63,105,.10);
  font-weight: 850;
  font-size: 13px;
  color: rgba(23,63,105,.86);
}
.lc-badge i {
   font-size: 24px;
}

.lc-section{ padding: 72px 0; }
.lc-section--alt{ background: linear-gradient(180deg, rgba(163,217,243,.22), rgba(255,255,255,.0)); }
.lc-section--alt {
    position: relative;
/*     padding: 90px 0 40px; */
    background: radial-gradient(900px 320px at 12% 18%, rgba(79, 168, 233, .35), transparent 60%), radial-gradient(700px 260px at 80% 20%, rgba(163, 217, 243, .55), transparent 60%), linear-gradient(180deg, #BFEFFF 0%, #FFFFFF 55%, rgba(246, 251, 255, .65) 100%);
    overflow: hidden;
    background-image: url(/static/fon_white1.webp);
    background-repeat: no-repeat;
}
.lc-section--alt::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 360px at 35% 40%, rgba(255,255,255,.78), rgba(255,255,255,.12) 60%, rgba(255,255,255,0) 75%),
    linear-gradient(to bottom, rgba(255,255,255,.25) 0%, rgba(255,255,255,.62) 55%, rgba(255,255,255,.92) 100%);
  pointer-events:none;
  z-index:0;
}

/* Контент поверх оверлея */
.lc-section--alt > .uk-container{ position: relative; z-index: 1; }
@media (max-width: 960px){
  .lc-hero{ padding-top: 80px; }
}
#dates.lc-section--alt,
#articles.lc-section--alt{
   padding-bottom: 140px;
}
#dates.lc-section--alt + .lc-section,
#articles.lc-section--alt + .lc-section{
   padding-top: 30px;
}
.lc-sectionHead{ margin-bottom: 22px; }
.lc-h2{ font-size: 34px; margin: 0; font-weight: 950; color: var(--lc-primary); }
.lc-sub{ margin-top: 8px; color: var(--lc-muted); }

.lc-card{
  border-radius: var(--lc-radius);
  border: 1px solid rgba(23,63,105,.10);
  background: rgba(255,255,255,.90);
  box-shadow: 0 10px 30px rgba(23,63,105,.08);
  padding: 18px;
/*   height: 100%; */
height: auto;
}
.lc-card__ico{
  width: 44px; height: 44px; border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(79,168,233,.16);
  border: 1px solid rgba(23,63,105,.10);
  color: var(--lc-primary);
  margin-bottom: 10px;
}
.lc-card__ico i {
    font-size: 30px;
}
.lc-h3{ font-size: 18px; margin: 0 0 8px; font-weight: 900; }
.lc-text{ margin: 0; color: var(--lc-muted); line-height: 1.55; }

.lc-callout{
  display:flex; gap: 14px; align-items:center; justify-content:space-between;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(23,63,105,.12);
  background:
    radial-gradient(700px 220px at 18% 30%, rgba(79,168,233,.20), transparent 55%),
    radial-gradient(700px 240px at 90% 40%, rgba(255,112,67,.14), transparent 55%),
    rgba(255,255,255,.86);
  box-shadow: var(--lc-shadow);
}
@media (max-width: 960px){
  .lc-callout{ flex-direction: column; align-items: flex-start; }
  .lc-callout__right{ width: 100%; display:flex; gap:12px; flex-wrap:wrap; }
}
.lc-callout__title{ font-weight: 950; font-size: 18px; color: var(--lc-primary); }
.lc-callout__text{ color: var(--lc-muted); margin-top: 4px; }

.lc-panel{
  border-radius: 22px;
  border: 1px solid rgba(23,63,105,.10);
  background: rgba(255,255,255,.90);
  box-shadow: 0 10px 30px rgba(23,63,105,.08);
  overflow: hidden;
}
.lc-panel__top{
  padding: 16px;
  background: linear-gradient(135deg, rgba(79,168,233,.18), rgba(163,217,243,.08));
  border-bottom: 1px solid rgba(23,63,105,.08);
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.lc-panel__title{ font-weight: 950; color: var(--lc-primary); }
.lc-panel__tag{
  display:inline-flex; align-items:center; gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(23,63,105,.10);
  font-weight: 850;
  font-size: 14px;
}
.lc-panel__tag i{
   font-size: 22px;
}
.lc-panel__body{ padding: 14px 16px; }
.lc-mini{ margin: 8px 0; color: rgba(23,63,105,.86); }
.lc-muted{ color: var(--lc-muted); }
.lc-panel__bottom{
  padding: 12px 16px;
  border-top: 1px solid rgba(23,63,105,.08);
  background: rgba(246,251,255,.55);
}
@media (min-width: 960px){
  .lc-panel{ display:flex; flex-direction:column; }
  .lc-panel__bottom{ margin-top:auto; }
}
.lc-link{ text-decoration:none; font-weight: 900; color: var(--lc-primary); }
.lc-link:hover{ text-decoration: underline; }

.lc-feature{
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(23,63,105,.10);
  background: rgba(255,255,255,.82);
  box-shadow: 0 10px 30px rgba(23,63,105,.06);
  height: 100%;
}
.lc-feature__ico{
  width: 46px; height: 46px; border-radius: 16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(163,217,243,.40);
  border: 1px solid rgba(23,63,105,.10);
  color: var(--lc-primary);
  margin-bottom: 10px;
}
.lc-feature__ico i{
   font-size: 26px;
}
.lc-feature__title{ font-weight: 600; margin-bottom: 6px; text-transform: uppercase; }
.lc-feature__text{ color: var(--lc-muted); line-height: 1.55; }

.lc-photoMock{
/*   height: 320px; */
   height: auto;
  border-radius: 26px;
  border: 1px solid rgba(23,63,105,.12);
  background:
    radial-gradient(600px 240px at 30% 30%, rgba(255,112,67,.12), transparent 60%),
    radial-gradient(600px 220px at 70% 30%, rgba(79,168,233,.25), transparent 60%),
    rgba(255,255,255,.70);
  box-shadow: var(--lc-shadow);
  display:flex; align-items:center; justify-content:center;
}
.lc-photoMock__hint{ color: rgba(23,63,105,.55); font-weight: 800; text-align:center; padding: 0 22px; }

.lc-article{
  display:block;
  text-decoration:none;
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(23,63,105,.10);
  background: rgba(255,255,255,.90);
  box-shadow: 0 10px 30px rgba(23,63,105,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}
.lc-article:hover{ transform: translateY(-3px); box-shadow: 0 18px 45px rgba(23,63,105,.12); }
.lc-article__img{
  height: 160px;
  background:
    radial-gradient(400px 180px at 20% 40%, rgba(79,168,233,.28), transparent 60%),
    linear-gradient(135deg, rgba(163,217,243,.45), rgba(255,255,255,.0));
  display:flex; align-items:center; justify-content:center;
}
.lc-article__hint{ color: rgba(23,63,105,.55); font-weight: 800; }
.lc-article__body{ padding: 14px 16px; }
.lc-article__title{ font-weight: 950; color: var(--lc-primary); }
.lc-article__meta{ margin-top: 6px; color: var(--lc-muted); font-size: 13px; }

.lc-accordion .uk-accordion-title{
  font-weight: 950;
  color: var(--lc-primary);
}
.lc-accordion .uk-accordion-content{
  color: var(--lc-muted);
}

.lc-footer{
  padding: 44px 0;
  border-top: 1px solid rgba(23,63,105,.08);
  background: rgba(255,255,255,.85);
}
.lc-footer__brand{ font-weight: 950; font-size: 20px; color: var(--lc-primary); }
.lc-footer__text{ margin-top: 8px; color: var(--lc-muted); }
.lc-footer__title{ font-weight: 950; color: var(--lc-primary); margin-bottom: 10px; }
.lc-footer__links a{
  display:flex; align-items:center; gap:10px;
  color: var(--lc-muted);
  text-decoration:none;
  margin: 8px 0;
}
.lc-footer__links a:hover{ color: var(--lc-primary); }
.lc-footer__bottom{
  margin-top: 26px;
  color: rgba(23,63,105,.55);
  font-size: 13px;
}
.lc-footer__logo {
   background-image: url('/static/Logo_merch.webp');
   background-repeat: no-repeat;
   background-size: cover;
}
@media (max-width: 960px){
    .lc-footer__logo {
        min-height: 115px;
        background-size: contain;
        background-position: center;
    }
}

/* MODAL */
.lc-modal{
  border-radius: 24px;
  border: 1px solid rgba(23,63,105,.12);
  background:
    radial-gradient(700px 260px at 18% 28%, rgba(79,168,233,.22), transparent 55%),
    radial-gradient(700px 260px at 92% 40%, rgba(255,112,67,.14), transparent 55%),
    rgba(255,255,255,.94);
  box-shadow: 0 24px 70px rgba(23,63,105,.18);
}
.lc-modal__head{ display:flex; gap:14px; align-items:flex-start; margin-bottom:16px; }
.lc-modal__icon{
  width:52px; height:52px; border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(79,168,233,.18);
  border: 1px solid rgba(23,63,105,.12);
  color: var(--lc-primary);
  flex:0 0 auto;
}
.lc-modal__title{ font-weight:950; font-size:20px; color: var(--lc-primary); line-height:1.15; }
.lc-modal__sub{ margin-top:6px; color: var(--lc-muted); line-height:1.45; }

.lc-modal__actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top:10px; }
.lc-modal__btn{ width:100%; justify-content:center; }
@media (min-width: 640px){ .lc-modal__btn{ width:auto; } }

.lc-modal__phone{ margin-left:6px; font-weight:900; color: rgba(23,63,105,.92); }
.lc-modal__note{ margin-top:14px; font-size:13px; color: rgba(23,63,105,.60); }

/* media */
/* Media tabs (если нужно чуть приятнее) */
.lc-tabs { margin-top: 8px; }

/* Slider wrap */
.lc-sliderWrap { margin-top: 10px; }

/* Universal media card */
.lc-mediaCard {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: rgba(255,255,255,.65);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  text-decoration: none;
  color: inherit;
}

/* Media card cover: FIX */
.lc-mediaCard__media,
.lc-mediaCard_media{
  position: relative;
  aspect-ratio: 3 / 2;   /* вместо height:0 + padding-top */
  overflow: hidden;
  background: #e9f6ff;
}

.lc-mediaCard__media img,
.lc-mediaCard_media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.lc-mediaCard__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lc-mediaCard__meta {
  padding: 12px 14px 14px;
}

.lc-mediaCard__title {
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 6px;
}

.lc-mediaCard__badge {
  display: inline-block;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(23,63,105,.08);
}

.lc-mediaCard__hover {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: rgba(23,63,105,.55);
  color: #fff;
  font-weight: 700;
  opacity: 0;
  transition: opacity .18s ease;
}

.lc-mediaCard:hover .lc-mediaCard__hover { opacity: 1; }

.lc-mediaCard__media{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* клипы и плейлисты клипов: вертикальный кадр */
.lc-mediaCard--clip .lc-mediaCard__media{
  aspect-ratio: 9 / 16;
}
.articles .lc-mediaCard__media {
   background-position: center;
   background-size: contain;
}

/* Reviews */
.lc-reviewCard{
  height: 100%;
  border-radius: 16px;
  padding: 18px 18px 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 8px 24px rgba(0,0,0,.10);
  backdrop-filter: blur(6px);
}

.lc-reviewHead{
  display: flex;
  gap: 12px;
  align-items: center;
}

.lc-reviewAvatar{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  object-fit: cover;
  flex: none;
  background: rgba(255,255,255,.12);
}

.lc-reviewAvatar--empty{
  display: inline-block;
}

.lc-reviewName{
  font-weight: 700;
  line-height: 1.2;
}

.lc-reviewDate{
  font-size: 12px;
  opacity: .7;
  margin-top: 2px;
}

.lc-reviewText{
  margin-top: 12px;
  line-height: 1.45;
  white-space: pre-wrap;

  /* чтобы карточки были ровные (особенно с длинным отзывом) */
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* REVIEWS: чтобы не резало карточки снизу */
#reviews{
  position: relative;
  overflow: hidden;          /* если у тебя волны так сделаны */
  padding-bottom: 120px;     /* = высота .lc-wave (подгони при необходимости) */
}

/* контент выше волны */
#reviews .uk-container{
  position: relative;
  z-index: 2;
}

/* волна строго под контентом */
#reviews .lc-wave{
  position: absolute;
  left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 120px;             /* то же значение, что и padding-bottom */
  z-index: 1;
  pointer-events: none;
}

/* чтобы тени/скругления не подрезались контейнером слайдера */
#reviews [uk-slider]{
  padding-bottom: 16px;
}
#reviews .uk-slider-items{
  padding-bottom: 56px;
}

/* Кнопка "Наверх" */
.lc-toTop{
  position: fixed;
  right: 20px;
  bottom: calc(20px + env(safe-area-inset-bottom));
  z-index: 9999;

  width: 40px;
  height: 40px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #0b2f55; /* подгони под твой фирменный */
  color: #fff;

  box-shadow: 0 10px 26px rgba(0,0,0,.18);

  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;

  transition: opacity .18s ease, transform .18s ease, background-color .18s ease;
}

.lc-toTop:hover{
  background: #0a3a6b;
}

/* Показ */
.lc-toTop.is-show{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}