.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#020101;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}.elementor-widget:not(:last-child){--kit-widget-spacing:15px;}.elementor-element{--widgets-spacing:15px 15px;--widgets-spacing-row:15px;--widgets-spacing-column:15px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:768px;}.e-con{--container-max-width:768px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:360px;}.e-con{--container-max-width:360px;--container-default-padding-top:0px;--container-default-padding-right:16px;--container-default-padding-bottom:0px;--container-default-padding-left:16px;}}/* Start custom CSS *//* Делает ВСЮ карточку кликабельной в Loop Grid (CTA = ссылка-блок) */
.li-big .elementor-cta,
.li-square .elementor-cta,
.li-mini .elementor-cta,
.li-horizontal .elementor-cta{
  position: relative;
  display: block;
  z-index: 0;
}

/* Все внутренние слои не перехватывают клик */
.li-big .elementor-cta * ,
.li-square .elementor-cta * ,
.li-mini .elementor-cta * ,
.li-horizontal .elementor-cta * {
  pointer-events: none;
}

/* Но сама "коробка"-ссылка кликабельна */
.li-big .elementor-cta,
.li-square .elementor-cta,
.li-mini .elementor-cta,
.li-horizontal .elementor-cta{
  pointer-events: auto;
}

/* На всякий случай: декоративные уголки/оверлеи не блокируют клик */
.li-big .elementor-widget-call-to-action::before,
.li-big .elementor-widget-call-to-action::after,
.li-square .elementor-widget-call-to-action::before,
.li-square .elementor-widget-call-to-action::after,
.li-mini .elementor-widget-call-to-action::before,
.li-mini .elementor-widget-call-to-action::after,
.li-horizontal .elementor-widget-call-to-action::before,
.li-horizontal .elementor-widget-call-to-action::after{
  pointer-events: none;
}
/* ===== БАЗА ДЛЯ ВСЕХ ЛУП-КАРТОЧЕК ===== */
[class*="li-"] .elementor-cta {
  cursor: pointer;
  border-radius: 16px; /* под твой дизайн */
  overflow: hidden;
}

/* Градиент, чтобы текст читался как в журнале */
[class*="li-"] .elementor-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.55) 0%,
    rgba(0,0,0,.25) 45%,
    rgba(0,0,0,.06) 80%
  );
  z-index: 0;
  border-radius: inherit;
}

/* Контент поверх градиента и прижат вниз */
[class*="li-"] .elementor-cta__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 18px 22px;
  gap: 8px;
}

/* Чтобы клик ловил вся карточка (а не только текст) */
[class*="li-"] .elementor-cta__content,
[class*="li-"] .elementor-cta__title,
[class*="li-"] .elementor-cta__description {
  pointer-events: none; /* клики проходят на ссылку карточки */
}
[class*="li-"] .elementor-cta__button {
  pointer-events: auto; /* кнопку оставляем “активной” */
}

/* ===== ТИТОРЫ (ЗАГОЛОВКИ) ===== */
[class*="li-"] .elementor-cta__title {
  font-family: "Roboto Slab", serif;
  color: #fff;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .2px;
  margin: 0;
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* Размеры под тип карточки (адаптивно через clamp) */
.li-big        .elementor-cta__title { font-size: clamp(26px, 3vw, 34px); }
.li-square     .elementor-cta__title { font-size: clamp(20px, 2.4vw, 26px); }
.li-horizontal .elementor-cta__title { font-size: clamp(22px, 2.2vw, 28px); }
.li-mini       .elementor-cta__title { font-size: clamp(16px, 2vw, 20px); }

/* ===== ОПИСАНИЕ ===== */
[class*="li-"] .elementor-cta__description {
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: rgba(255,255,255,.92);
  font-weight: 400;
  line-height: 1.45;
  font-size: clamp(12px, 1.4vw, 14px);
  margin: 0 0 6px;
  text-shadow: 0 1px 6px rgba(0,0,0,.35);
}
.li-mini .elementor-cta__description {
  font-size: clamp(12px, 1.2vw, 13px);
}

/* ===== КНОПКА READ ===== */
[class*="li-"] .elementor-cta__button {
  background: rgba(0,0,0,.25);
  color: #fff;
  border: 1.5px solid rgba(255,255,255,.9);
  border-radius: 4px;
  padding: 6px 12px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1.4px;
}
[class*="li-"] .elementor-cta__button:hover {
  background: #fff;
  color: #111;
}

/* Небольшая анимация при ховере всей карточки */
[class*="li-"] .elementor-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
  transition: transform .25s ease, box-shadow .25s ease;
}
/* ===== Заголовки ===== */
[class*="li-"] .elementor-cta__title {
  font-family: "Playfair Display", serif; /* Журнальный шрифт */
  color: #fff;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.3px;
  margin: 0 0 6px;
  text-shadow: 0 2px 6px rgba(0,0,0,.4);
}

/* Размеры по типам карточек */
.li-big        .elementor-cta__title { font-size: clamp(22px, 2.6vw, 30px); }
.li-square     .elementor-cta__title { font-size: clamp(16px, 2vw, 22px); }
.li-horizontal .elementor-cta__title { font-size: clamp(18px, 2.2vw, 24px); }
.li-mini       .elementor-cta__title { font-size: clamp(14px, 1.8vw, 18px); }

/* ===== Описание ===== */
[class*="li-"] .elementor-cta__description {
  font-family: "Merriweather", serif; /* Легкий текстовый шрифт */
  color: rgba(255,255,255,.9);
  font-weight: 400;
  line-height: 1.45;
  font-size: clamp(12px, 1.4vw, 14px);
  margin: 0;
  text-shadow: 0 1px 6px rgba(0,0,0,.35);
}/* End custom CSS */