/*
 * Shared YFG capability grids.
 *
 * Breakdance builds each card as an independently centred slider column. The
 * rules below turn the primary service modules into one editorial system:
 * icon, title and narrative each begin on a shared row, while every authored
 * word and the slider behaviour remain unchanged.
 */

body.yfg-shell :is(
  .bde-section-361-110,
  .bde-section-1287-109,
  .bde-section-715-109,
  .bde-section-309-114,
  .bde-section-344-112,
  .bde-section-301-113,
  .bde-section-289-102
) {
  --yfg-capability-icon: #001a3a;
  --yfg-capability-title: #6f7782;
  --yfg-capability-copy: #7b838e;
  --yfg-capability-icon-row: 44px;
  --yfg-capability-title-row: 94px;
  --yfg-capability-icon-gap: 20px;
  --yfg-capability-copy-gap: 18px;
}

body.page-id-361 .bde-section-361-110 {
  --yfg-capability-title-row: 124px;
}

body.page-id-309 .bde-section-309-114 {
  --yfg-capability-title-row: 64px;
}

body.page-id-344 .bde-section-344-112 {
  --yfg-capability-title-row: 64px;
}

body.yfg-shell :is(
  .bde-section-361-110,
  .bde-section-1287-109,
  .bde-section-715-109,
  .bde-section-309-114,
  .bde-section-344-112,
  .bde-section-301-113,
  .bde-section-289-102
) .swiper-wrapper {
  align-items: stretch !important;
}

body.yfg-shell :is(
  .bde-section-361-110,
  .bde-section-1287-109,
  .bde-section-715-109,
  .bde-section-309-114,
  .bde-section-344-112,
  .bde-section-301-113,
  .bde-section-289-102
) :is(
  .bde-advancedslide,
  .advanced-slider__slide,
  .bde-columns,
  .bde-column
) {
  height: 100% !important;
}

body.yfg-shell :is(
  .bde-section-361-110,
  .bde-section-1287-109,
  .bde-section-715-109,
  .bde-section-309-114,
  .bde-section-344-112,
  .bde-section-301-113,
  .bde-section-289-102
) :is(.advanced-slider__slide, .bde-column) {
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

body.yfg-shell :is(
  .bde-section-361-110,
  .bde-section-1287-109,
  .bde-section-715-109,
  .bde-section-309-114,
  .bde-section-344-112,
  .bde-section-301-113,
  .bde-section-289-102
) .bde-icon-box {
  display: grid !important;
  grid-template-rows: var(--yfg-capability-icon-row) auto !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  align-content: start !important;
  align-items: start !important;
  gap: var(--yfg-capability-icon-gap) !important;
  text-align: left !important;
}

body.yfg-shell :is(
  .bde-section-361-110,
  .bde-section-1287-109,
  .bde-section-715-109,
  .bde-section-309-114,
  .bde-section-344-112,
  .bde-section-301-113,
  .bde-section-289-102
) .ee-iconbox-icon {
  display: flex !important;
  width: var(--yfg-capability-icon-row) !important;
  height: var(--yfg-capability-icon-row) !important;
  margin: 0 !important;
  color: var(--yfg-capability-icon) !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

body.yfg-shell :is(
  .bde-section-361-110,
  .bde-section-1287-109,
  .bde-section-715-109,
  .bde-section-309-114,
  .bde-section-344-112,
  .bde-section-301-113,
  .bde-section-289-102
) .ee-iconbox-icon svg {
  width: 40px !important;
  height: 40px !important;
  color: var(--yfg-capability-icon) !important;
  fill: var(--yfg-capability-icon) !important;
  stroke: var(--yfg-capability-icon) !important;
}

body.yfg-shell :is(
  .bde-section-361-110,
  .bde-section-1287-109,
  .bde-section-715-109,
  .bde-section-309-114,
  .bde-section-344-112,
  .bde-section-301-113,
  .bde-section-289-102
) .ee-iconbox-icon svg :is(path, circle, rect, polygon, polyline, line, ellipse) {
  color: var(--yfg-capability-icon) !important;
  fill: var(--yfg-capability-icon) !important;
  stroke: var(--yfg-capability-icon) !important;
}

body.yfg-shell :is(
  .bde-section-361-110,
  .bde-section-1287-109,
  .bde-section-715-109,
  .bde-section-309-114,
  .bde-section-344-112,
  .bde-section-301-113
) .ee-iconbox-content {
  display: grid !important;
  grid-template-rows: var(--yfg-capability-title-row) auto !important;
  width: 100% !important;
  min-width: 0 !important;
  align-content: start !important;
  row-gap: var(--yfg-capability-copy-gap) !important;
}

body.yfg-shell :is(
  .bde-section-361-110,
  .bde-section-1287-109,
  .bde-section-715-109,
  .bde-section-309-114,
  .bde-section-344-112,
  .bde-section-301-113,
  .bde-section-289-102
) .ee-iconbox-title {
  margin: 0 !important;
  color: var(--yfg-capability-title) !important;
  font-family: "Inter", "Avenir Next", Avenir, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: clamp(17px, 1.3vw, 19px) !important;
  font-weight: 600 !important;
  line-height: 1.42 !important;
  letter-spacing: -0.012em !important;
  text-align: left !important;
  align-self: start !important;
}

body.yfg-shell :is(
  .bde-section-361-110,
  .bde-section-1287-109,
  .bde-section-715-109,
  .bde-section-309-114,
  .bde-section-344-112,
  .bde-section-301-113
) .ee-iconbox-text {
  margin: 0 !important;
  color: var(--yfg-capability-copy) !important;
  font-family: "Inter", "Avenir Next", Avenir, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: clamp(15px, 1.08vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.68 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  align-self: start !important;
}

@media (max-width: 767px) {
  body.yfg-shell :is(
    .bde-section-361-110,
    .bde-section-1287-109,
    .bde-section-715-109,
    .bde-section-309-114,
    .bde-section-344-112,
    .bde-section-301-113,
    .bde-section-289-102
  ) {
    --yfg-capability-icon-row: 40px;
    --yfg-capability-icon-gap: 14px;
    --yfg-capability-copy-gap: 12px;
  }

  body.yfg-shell :is(
    .bde-section-361-110,
    .bde-section-1287-109,
    .bde-section-715-109,
    .bde-section-309-114,
    .bde-section-344-112,
    .bde-section-301-113,
    .bde-section-289-102
  ) :is(.bde-icon-box, .bde-column, .bde-columns) {
    height: auto !important;
  }

  body.yfg-shell :is(
    .bde-section-361-110,
    .bde-section-1287-109,
    .bde-section-715-109,
    .bde-section-309-114,
    .bde-section-344-112,
    .bde-section-301-113
  ) .ee-iconbox-content {
    grid-template-rows: auto auto !important;
  }

  body.yfg-shell :is(
    .bde-section-361-110,
    .bde-section-1287-109,
    .bde-section-715-109,
    .bde-section-309-114,
    .bde-section-344-112,
    .bde-section-301-113,
    .bde-section-289-102
  ) .ee-iconbox-title {
    font-size: 17px !important;
    line-height: 1.38 !important;
  }

  body.yfg-shell :is(
    .bde-section-361-110,
    .bde-section-1287-109,
    .bde-section-715-109,
    .bde-section-309-114,
    .bde-section-344-112,
    .bde-section-301-113
  ) .ee-iconbox-text {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
}