/* ===== KZ FLIP CARD (CSS-only, copy-safe) ===== */
.kzflipx{
  --w: 400px;
  --h: 90px;
  --w-m: 320px;
  --h-m: 80px;

  --front-bg: linear-gradient(180deg,#FFFFFF 0%,#F7FCFF 60%,#EDF7FF 100%);
  --front-tx:#494646;
  --back-bg:#07B1F3;
  --back-tx:#ffffff;

  --r:17px;
  --padx:16px;
  --pady:14px;
  --gap:12px;
  --icon:46px;

  width:100%;
  display:flex;
  justify-content:center;
  font-family: Montserrat, Arial, sans-serif;
}
.kzflipx *{ box-sizing:border-box; }

.kzflipx__card{
  width: var(--w);
  height: var(--h);
  perspective:1200px;
  cursor:pointer;
  position: relative;
}

/* скрытый чекбокс */
.kzflipx__check{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* inner */
.kzflipx__inner{
  position:relative;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transition: transform .55s cubic-bezier(.2,.85,.2,1);
}

/* sides */
.kzflipx__side{
  position:absolute;
  inset:0;
  border-radius: var(--r);
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
  overflow:hidden;

  display:flex;
  align-items:center;
  gap: var(--gap);
  padding: var(--pady) var(--padx);

  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.kzflipx__front{ background: var(--front-bg); color: var(--front-tx); }
.kzflipx__back{
  background: var(--back-bg);
  color: var(--back-tx);
  transform: rotateX(180deg);
}

.kzflipx__icon{
  width: var(--icon);
  height: var(--icon);
  flex:0 0 var(--icon);
  display:flex;
  align-items:center;
  justify-content:center;
}
.kzflipx__icon img{ width:100%; height:100%; object-fit:contain; display:block; }

.kzflipx__content{ flex:1; min-width:0; }

.kzflipx__title,
.kzflipx__text{
  margin:0;
  font-weight:400;
  font-size:14px;            /* ✅ твои 14 */
  line-height:1.25;
}

.kzflipx__arrow{
  width:28px; height:28px; flex:0 0 28px;
  display:flex; align-items:center; justify-content:center;
  opacity:.85;
  transition: transform .55s cubic-bezier(.2,.85,.2,1);
}
.kzflipx__arrow svg{ width:22px; height:22px; display:block; }

/* flip when checked */
.kzflipxcheck:checked + .kzflipxinner{ transform: rotateX(180deg); }
.kzflipxcheck:checked + .kzflipxinner .kzflipx__arrow{ transform: rotate(180deg); }

/* mobile sizes */
@media (max-width:480px){
  .kzflipx__card{ width: var(--w-m); height: var(--h-m); }
  .kzflipxtitle, .kzflipxtext{ font-size:14px; } /* остаётся 14 */
}

/* Галерея "Наши проекты" — кастомная ширина */
#rec1836574821 {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

/* Убираем внутренние ограничения контейнера */
#rec1836574821 .t-container,
#rec1836574821 .t-container_12,
#rec1836574821 .t-container_10 {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* На всякий — чтобы колонки не ломались */
#rec1836574821 .t-col {
  max-width: 100%;
}