/* ==== FORMAT PANEL (source .format-panel) ==== */
#cm-format-panel,
.cm-format-panel,
.elementor-element.cm-format-panel {
  margin-top: 92px !important;
  padding: 44px !important;
  display: grid !important;
  grid-template-columns: 0.72fr 1.28fr !important;
  gap: 54px !important;
  align-items: center !important;
  background: #75221C !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
  --flex-direction: unset !important;
  --display: grid !important;
}

#cm-format-panel.e-con,
#cm-format-panel.e-flex,
.cm-format-panel.e-con,
.cm-format-panel.e-flex {
  display: grid !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
}

#cm-format-panel > .e-con,
#cm-format-panel > .elementor-element,
.cm-format-panel > .e-con,
.cm-format-panel > .elementor-element {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  flex: unset !important;
}

#cm-format-heading,
.cm-format-heading,
.elementor-element.cm-format-heading {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.cm-format-eyebrow,
.cm-format-eyebrow p,
#cm-format-heading > .elementor-widget-text-editor:first-child,
#cm-format-heading > .elementor-widget-text-editor:first-child p {
  margin: 0 0 18px !important;
  color: #FCF392 !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
}

.cm-format-title .elementor-heading-title,
.cm-format-title,
#cm-format-heading .elementor-heading-title {
  margin: 0 0 16px !important;
  color: #FFFFFF !important;
  font-family: "Bricolage Grotesque", sans-serif !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
}

.cm-format-lede,
.cm-format-lede p,
#cm-format-heading > .elementor-widget-text-editor:last-child,
#cm-format-heading > .elementor-widget-text-editor:last-child p {
  max-width: 390px !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.58) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

#cm-format-grid,
.cm-format-grid,
.elementor-element.cm-format-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.2) !important;
  border-left: 1px solid rgba(255,255,255,0.2) !important;
  background: transparent !important;
  box-shadow: none !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
  --flex-direction: unset !important;
  --display: grid !important;
}

#cm-format-grid.e-con,
#cm-format-grid.e-flex,
.cm-format-grid.e-con,
.cm-format-grid.e-flex {
  display: grid !important;
  flex-wrap: unset !important;
}

#cm-format-grid > .e-con,
#cm-format-grid > .elementor-element,
.cm-format-grid > .cm-format-cell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  flex: unset !important;
}

.cm-format-cell,
.elementor-element.cm-format-cell {
  min-height: 120px !important;
  padding: 17px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border-right: 1px solid rgba(255,255,255,0.2) !important;
  border-bottom: 1px solid rgba(255,255,255,0.2) !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.cm-format-platform,
.cm-format-platform p,
.cm-format-cell > .elementor-widget-text-editor:first-child,
.cm-format-cell > .elementor-widget-text-editor:first-child p {
  margin: 0 !important;
  color: #FCF392 !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.cm-format-size .elementor-heading-title,
.cm-format-size,
.cm-format-cell .elementor-heading-title {
  margin: 0 !important;
  color: #FFFFFF !important;
  font-family: "Bricolage Grotesque", sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

.cm-format-use,
.cm-format-use p,
.cm-format-cell > .elementor-widget-text-editor:last-child,
.cm-format-cell > .elementor-widget-text-editor:last-child p {
  margin: 0 !important;
  color: rgba(255,255,255,0.42) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
}

@media (max-width: 1050px) {
  #cm-format-panel,
  .cm-format-panel {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }
  #cm-format-grid,
  .cm-format-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 720px) {
  #cm-format-panel,
  .cm-format-panel {
    margin-top: 56px !important;
    padding: 28px 20px !important;
    gap: 34px !important;
  }
  #cm-format-grid,
  .cm-format-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .cm-format-cell {
    min-height: 110px !important;
    padding: 13px !important;
  }
  .cm-format-size .elementor-heading-title,
  .cm-format-size,
  .cm-format-cell .elementor-heading-title {
    font-size: 14px !important;
  }
  .cm-format-title .elementor-heading-title,
  .cm-format-title,
  #cm-format-heading .elementor-heading-title {
    font-size: 30px !important;
  }
}

/* format-panel-fix 20260811b — titles match app fw 400 */