/* =========================================================
   YASHKINA DESIGN — FINAL REPAIR V2
   Исправляет ТОЛЬКО:
   1) блок «Ключевые проекты»
   2) изображение «11 лет»
   Остальные блоки сайта не затрагивает.
   ========================================================= */

/* ---------- КЛЮЧЕВЫЕ ПРОЕКТЫ ---------- */

.key-projects.featured-projects-compact {
  background: var(--paper, #f1eee8) !important;
  color: var(--ink, #050505) !important;
  width: 100% !important;
  overflow: hidden !important;
}

.key-projects.featured-projects-compact .fp-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 28px 16px 34px !important;
}

.key-projects.featured-projects-compact .fp-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 0 20px !important;
}

.key-projects.featured-projects-compact .fp-kicker,
.key-projects.featured-projects-compact .fp-all {
  color: var(--red, #7f1d2d) !important;
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.key-projects.featured-projects-compact .fp-grid-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.key-projects.featured-projects-compact .fp-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.key-projects.featured-projects-compact .fp-card {
  background: var(--paper, #f1eee8) !important;
  color: var(--ink, #050505) !important;
  border: 1px solid rgba(127, 29, 45, .16) !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.key-projects.featured-projects-compact .fp-image {
  background: #faf8f4 !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.key-projects.featured-projects-compact .fp-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
}

/* «Мастер и Маргарита» — не обрезаем, потому что внутри изображения есть текст */
.key-projects.featured-projects-compact .fp-card:nth-child(2) .fp-image img {
    object-fit: contain !important;
}

.key-projects.featured-projects-compact .fp-meta {
  color: var(--ink, #050505) !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 15px 16px 14px !important;
}

.key-projects.featured-projects-compact .fp-count {
  display: flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  margin: 0 !important;
}

.key-projects.featured-projects-compact .fp-num {
  color: var(--red, #7f1d2d) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 25px !important;
  font-style: italic !important;
  line-height: 1 !important;
}

.key-projects.featured-projects-compact .fp-total {
  color: #8c8680 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.key-projects.featured-projects-compact .fp-title {
  color: var(--ink, #050505) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(18px, 1.35vw, 25px) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  letter-spacing: -.02em !important;
  margin: 10px 0 16px !important;
  overflow-wrap: anywhere !important;
}

.key-projects.featured-projects-compact .fp-bottom {
  border-top: 1px solid rgba(5, 5, 5, .22) !important;
  margin-top: auto !important;
  padding-top: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.key-projects.featured-projects-compact .fp-linktext {
  color: var(--ink, #050505) !important;
  text-transform: uppercase !important;
  letter-spacing: .13em !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.key-projects.featured-projects-compact .fp-arrow {
  color: var(--red, #7f1d2d) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

/* ---------- ФИНАЛЬНЫЙ ЗНАК «11 ЛЕТ» ---------- */

.education-total {
  width: min(28vw, 360px) !important;
  max-width: 360px !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  background:
    transparent
    url("/assets/images/legacy/education-total-approved-clean.webp?v=1")
    center / contain no-repeat !important;

  overflow: visible !important;
}

/* Полностью выключаем старый круг, старую палитру и старые подложки */
.education-total > *,
.education-total::before,
.education-total::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* ---------- ПЛАНШЕТ ---------- */

@media (max-width: 1100px) {
  .key-projects.featured-projects-compact .fp-grid-wrap {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  .key-projects.featured-projects-compact .fp-grid {
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(250px, 32vw) !important;
    width: max-content !important;
    min-width: 100% !important;
  }
}

/* ---------- МОБИЛЬНАЯ ВЕРСИЯ ---------- */

@media (max-width: 700px) {
  .key-projects.featured-projects-compact .fp-shell {
    padding: 20px 12px 26px !important;
  }

  .key-projects.featured-projects-compact .fp-head {
    margin-bottom: 14px !important;
  }

  .key-projects.featured-projects-compact .fp-kicker,
  .key-projects.featured-projects-compact .fp-all {
    font-size: 9px !important;
    letter-spacing: .10em !important;
  }

  .key-projects.featured-projects-compact .fp-grid {
    grid-auto-columns: minmax(230px, 78vw) !important;
  }

  .key-projects.featured-projects-compact .fp-title {
    font-size: 20px !important;
  }

  .education-total {
    width: 230px !important;
    max-width: 62vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}