/* ===========================================================
   Кастомный слой поверх Tilda-зеркала: иконки, выравнивание,
   современные карусели (кейсы / отзывы / фото) + лайтбокс.
   =========================================================== */
:root{ --yu-y:#ffcb1f; --yu-bg:#000; }

/* ---------- 1. Иконки карточек (Время / Место / Эффективность) ---------- */
#rec2191118661 .t490__img{ display:none !important; }
#rec2191118661 .t-section__descr{ margin-bottom:clamp(36px,5vw,56px) !important; }
#rec2191118661 .t490__col{ padding-top:8px; padding-bottom:8px; }

/* ровный ряд карточек: 3 в ряд на десктопе, 1 на мобилке (без кривого 2+1) */
#rec2191118661 .t490__container::before,
#rec2191118661 .t490__container::after{ content:none !important; display:none !important; }
#rec2191118661 .t490__container{
  display:flex !important; flex-wrap:nowrap !important;
  justify-content:center; align-items:flex-start;
  gap:clamp(18px,2.5vw,40px) !important;
  max-width:1000px; margin-left:auto; margin-right:auto;
}
#rec2191118661 .t490__col{
  flex:1 1 0 !important; width:auto !important; max-width:320px !important;
  margin:0 !important; padding-left:8px; padding-right:8px;
}
@media (max-width:760px){
  #rec2191118661 .t490__container{ flex-direction:column; align-items:center; gap:32px !important; max-width:340px; }
  #rec2191118661 .t490__col{ flex:none !important; width:100% !important; }
}

.yu-ico{
  width:104px;height:104px;margin:0 auto 6px;border-radius:30px;
  display:grid;place-items:center;position:relative;
  background:
    radial-gradient(120% 120% at 30% 22%, #2b2b2b 0%, #181818 55%, #101010 100%);
  border:1px solid rgba(255,203,31,.28);
  box-shadow:0 16px 34px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.yu-ico::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(80% 60% at 50% 0%, rgba(255,203,31,.16), transparent 70%);
}
.t490__col:hover .yu-ico{
  transform:translateY(-7px);
  border-color:rgba(255,203,31,.6);
  box-shadow:0 24px 46px rgba(255,203,31,.18), inset 0 1px 0 rgba(255,255,255,.08);
}
.yu-ico svg{ width:52px;height:52px;position:relative;z-index:1; }

/* ---------- 2. Секция «ЧТО ТЫ ПОЛУЧИШЬ» — выравнивание по центру ---------- */
#rec2191118721 .t478__top{ display:none !important; }            /* пустая картинка-половина */
#rec2191118721 .t478__container_middle{ justify-content:center !important; }
#rec2191118721 .t478 .t-col_6{
  width:100% !important; max-width:680px !important;
  flex:0 0 auto !important; margin:0 auto !important; float:none !important;
}
#rec2191118721 .t478__textwrapper{ margin:0 auto !important; }
#rec2191118721 .t478__content,
#rec2191118721 .t478__box{ max-width:600px; margin-left:auto; margin-right:auto; }

/* ---------- 3 + 4. Современная карусель (кейсы / отзывы / фото) ---------- */
.yu-car{ position:relative; margin:clamp(20px,3vw,34px) auto 6px; max-width:1180px; }
.yu-car__track{
  display:flex; gap:clamp(14px,2vw,22px); align-items:center;
  overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  padding:14px clamp(16px,5vw,64px) 26px;
  -webkit-overflow-scrolling:touch; scrollbar-width:none; cursor:grab;
}
.yu-car__track:active{ cursor:grabbing; }
.yu-car__track::-webkit-scrollbar{ display:none; }

.yu-slide{
  flex:0 0 auto; scroll-snap-align:center; position:relative;
  width:clamp(258px,76vw,336px); height:auto;
  border-radius:20px; overflow:hidden; background:#0e0e0e; margin:0;
  box-shadow:0 20px 50px rgba(0,0,0,.55);
  transition:transform .25s ease, box-shadow .25s ease;
  -webkit-user-select:none; user-select:none;
}
.yu-slide img{ display:block; width:100%; height:auto; object-fit:contain; pointer-events:none; }
.yu-slide:hover{ transform:translateY(-6px); box-shadow:0 28px 60px rgba(0,0,0,.65); }
.yu-slide::after{                 /* подсказка «нажми, чтобы открыть» */
  content:"";position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;
  background:rgba(0,0,0,.45) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'><path d='M3 7V3h4M15 11v4h-4'/></svg>") center/16px no-repeat;
  backdrop-filter:blur(4px);opacity:0;transition:.2s;
}
.yu-slide:hover::after{ opacity:1; }

.yu-car--review .yu-slide{ width:clamp(280px,82vw,360px); background:#0b0b0b; }

/* стрелки */
.yu-nav{
  position:absolute; top:calc(50% - 6px); transform:translateY(-50%); z-index:4;
  width:54px;height:54px;border-radius:50%;cursor:pointer;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(18,18,18,.62);backdrop-filter:blur(10px);
  color:#fff;display:grid;place-items:center;transition:.2s;
}
.yu-nav:hover{ background:var(--yu-y); color:#000; border-color:transparent; transform:translateY(-50%) scale(1.06); }
.yu-nav:active{ transform:translateY(-50%) scale(.96); }
.yu-nav svg{ width:24px;height:24px; }
.yu-prev{ left:6px; } .yu-next{ right:6px; }
@media (max-width:700px){ .yu-nav{ width:44px;height:44px; } .yu-nav svg{width:20px;height:20px} }

/* затемнение по краям, чтобы было видно «продолжение» */
.yu-car::before,.yu-car::after{
  content:"";position:absolute;top:0;bottom:26px;width:64px;z-index:3;pointer-events:none;
}
.yu-car::before{ left:0;  background:linear-gradient(90deg,var(--yu-bg),transparent); }
.yu-car::after { right:0; background:linear-gradient(270deg,var(--yu-bg),transparent); }
@media (max-width:700px){ .yu-car::before,.yu-car::after{ width:30px; } }

/* ---------- Лайтбокс (полноразмерный просмотр, читабельно) ---------- */
.yu-lb{
  position:fixed; inset:0; z-index:99999; display:grid; place-items:center;
  background:rgba(0,0,0,.92); backdrop-filter:blur(6px);
  animation:yu-fade .2s ease;
}
@keyframes yu-fade{ from{opacity:0} to{opacity:1} }
.yu-lb img{
  max-width:min(94vw,560px); max-height:90vh; border-radius:16px;
  box-shadow:0 30px 80px rgba(0,0,0,.7); object-fit:contain;
}
.yu-lb__close{
  position:absolute; top:18px; right:20px; width:48px;height:48px;border-radius:50%;
  border:none;background:rgba(255,255,255,.12);color:#fff;font-size:20px;cursor:pointer;
  display:grid;place-items:center;transition:.2s;
}
.yu-lb__close:hover{ background:var(--yu-y); color:#000; }
.yu-lb__nav{
  position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;
  display:grid;place-items:center;transition:.2s;
}
.yu-lb__nav:hover{ background:var(--yu-y);color:#000;border-color:transparent; }
.yu-lb__nav svg{ width:26px;height:26px; }
.yu-lb__prev{ left:max(16px,3vw); } .yu-lb__next{ right:max(16px,3vw); }
@media (max-width:700px){
  .yu-lb__nav{ width:44px;height:44px;bottom:18px;top:auto;transform:none; }
  .yu-lb__prev{ left:50%;margin-left:-58px; } .yu-lb__next{ right:50%;margin-right:-58px; }
}