.iao-ef {
  --iao-ef-widget-padding: 0;
  --iao-ef-gap: 22px;
  --iao-ef-slides-per-view: 2;
  --iao-ef-grid-columns: 2;
  --iao-ef-card-padding: 26px 28px 26px 28px;
  --iao-ef-card-min-height: 300px;
  --iao-ef-cta-width: 180px;

  --iao-ef-card-bg: #ffffff;
  --iao-ef-card-text: #111827;
  --iao-ef-card-border-color: #e5e7eb;
  --iao-ef-card-border-width: 0px;
  --iao-ef-card-radius: 28px;
  --iao-ef-card-shadow-blur: 0px;
  --iao-ef-card-shadow-color: rgba(17, 24, 39, 0.08);

  --iao-ef-card-bg-hover: #ffffff;
  --iao-ef-card-text-hover: #111827;
  --iao-ef-card-border-color-hover: #cbd5e1;
  --iao-ef-card-border-width-hover: 0px;
  --iao-ef-card-radius-hover: var(--iao-ef-card-radius);
  --iao-ef-card-shadow-blur-hover: 24px;
  --iao-ef-card-shadow-color-hover: rgba(17, 24, 39, 0.12);

  --iao-ef-card-bg-selected: #f8fafc;
  --iao-ef-card-text-selected: #0f172a;
  --iao-ef-card-border-color-selected: #0f172a;
  --iao-ef-card-border-width-selected: 0px;
  --iao-ef-card-radius-selected: var(--iao-ef-card-radius);
  --iao-ef-card-shadow-blur-selected: 30px;
  --iao-ef-card-shadow-color-selected: rgba(15, 23, 42, 0.18);

  --iao-ef-badge-bg: #f1f5f9;
  --iao-ef-badge-text: #0f172a;
  --iao-ef-badge-border-color: #cbd5e1;
  --iao-ef-badge-border-width: 1px;
  --iao-ef-badge-radius: 999px;

  --iao-ef-badge-bg-hover: var(--iao-ef-badge-bg);
  --iao-ef-badge-text-hover: var(--iao-ef-badge-text);
  --iao-ef-badge-border-color-hover: var(--iao-ef-badge-border-color);
  --iao-ef-badge-border-width-hover: var(--iao-ef-badge-border-width);
  --iao-ef-badge-radius-hover: var(--iao-ef-badge-radius);

  --iao-ef-badge-bg-selected: #0f172a;
  --iao-ef-badge-text-selected: #ffffff;
  --iao-ef-badge-border-color-selected: #0f172a;
  --iao-ef-badge-border-width-selected: 1px;
  --iao-ef-badge-radius-selected: var(--iao-ef-badge-radius);

  --iao-ef-button-bg: #ffffff;
  --iao-ef-button-text: #111827;
  --iao-ef-button-border-color: #cbd5e1;
  --iao-ef-button-border-width: 1px;
  --iao-ef-button-radius: 999px;

  --iao-ef-button-bg-hover: #111827;
  --iao-ef-button-text-hover: #ffffff;
  --iao-ef-button-border-color-hover: #111827;
  --iao-ef-button-border-width-hover: 1px;
  --iao-ef-button-radius-hover: var(--iao-ef-button-radius);

  --iao-ef-button-bg-selected: #111827;
  --iao-ef-button-text-selected: #ffffff;
  --iao-ef-button-border-color-selected: #111827;
  --iao-ef-button-border-width-selected: 1px;
  --iao-ef-button-radius-selected: var(--iao-ef-button-radius);

  --iao-ef-nav-bg: #ffffff;
  --iao-ef-nav-color: #111827;
  --iao-ef-nav-border-color: #d1d5db;
  --iao-ef-nav-size: 44px;

  --iao-ef-home-img-width: 120px;
  --iao-ef-home-img-bottom: 16px;
  --iao-ef-home-img-right: 16px;

  --iao-ef-cm-badge-bg: #f1f5f9;
  --iao-ef-cm-badge-text: #0f172a;
  --iao-ef-cm-badge-border-color: #cbd5e1;
  --iao-ef-cm-badge-border-width: 1px;
  --iao-ef-cm-badge-radius: 999px;

  --iao-ef-cm-badge-bg-hover: var(--iao-ef-cm-badge-bg);
  --iao-ef-cm-badge-text-hover: var(--iao-ef-cm-badge-text);
  --iao-ef-cm-badge-border-color-hover: var(--iao-ef-cm-badge-border-color);
  --iao-ef-cm-badge-border-width-hover: var(--iao-ef-cm-badge-border-width);
  --iao-ef-cm-badge-radius-hover: var(--iao-ef-cm-badge-radius);

  --iao-ef-cm-badge-bg-selected: #0f172a;
  --iao-ef-cm-badge-text-selected: #ffffff;
  --iao-ef-cm-badge-border-color-selected: #0f172a;
  --iao-ef-cm-badge-border-width-selected: 1px;
  --iao-ef-cm-badge-radius-selected: var(--iao-ef-cm-badge-radius);

  position: relative;
  padding: var(--iao-ef-widget-padding);
}

.iao-ef__viewport {
  overflow: hidden;
}

.iao-ef__track {
  display: flex;
  gap: var(--iao-ef-gap);
}

.iao-ef--carousel .iao-ef__viewport {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.iao-ef--carousel .iao-ef__viewport::-webkit-scrollbar {
  display: none;
}

.iao-ef--carousel .iao-ef__item {
  flex: 0 0 calc((100% - (var(--iao-ef-gap) * (var(--iao-ef-slides-per-view) - 1))) / var(--iao-ef-slides-per-view));
  scroll-snap-align: start;
}

.iao-ef--grid .iao-ef__track {
  display: grid;
  grid-template-columns: repeat(var(--iao-ef-grid-columns), minmax(0, 1fr));
}

.iao-ef--grid .iao-ef__item,
.iao-ef--stack .iao-ef__item {
  flex: none;
}

.iao-ef--stack .iao-ef__track {
  flex-direction: column;
}

.iao-ef__item {
  min-width: 0;
}

.iao-ef__item-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--iao-ef-cta-width);
  gap: 24px;
  min-height: var(--iao-ef-card-min-height);
  padding: var(--iao-ef-card-padding);
  border: var(--iao-ef-card-border-width) solid var(--iao-ef-card-border-color);
  border-radius: var(--iao-ef-card-radius);
  background: var(--iao-ef-card-bg);
  color: var(--iao-ef-card-text);
  box-shadow: 0 0 var(--iao-ef-card-shadow-blur) var(--iao-ef-card-shadow-color);
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  overflow: hidden;
}

.iao-ef__item-inner::before {
  display: none;
}

.iao-ef__card-home-image {
  position: absolute;
  bottom: var(--iao-ef-home-img-bottom);
  right: var(--iao-ef-home-img-right);
  z-index: 0;
  width: var(--iao-ef-home-img-width);
  max-width: calc(100% - var(--iao-ef-home-img-right) * 2);
  height: auto;
  object-fit: contain;
  object-position: right bottom;
  pointer-events: none;
}

.iao-ef__content,
.iao-ef__right-col {
  position: relative;
  z-index: 1;
}

.iao-ef__badge--closed-meeting {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 7px 14px;
  border: var(--iao-ef-cm-badge-border-width) solid var(--iao-ef-cm-badge-border-color);
  border-radius: var(--iao-ef-cm-badge-radius);
  background: var(--iao-ef-cm-badge-bg);
  color: var(--iao-ef-cm-badge-text);
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.iao-ef__item:hover .iao-ef__item-inner {
  border-color: var(--iao-ef-card-border-color-hover);
  border-width: var(--iao-ef-card-border-width-hover);
  border-radius: var(--iao-ef-card-radius-hover);
  background: var(--iao-ef-card-bg-hover);
  color: var(--iao-ef-card-text-hover);
  box-shadow: 0 0 var(--iao-ef-card-shadow-blur-hover) var(--iao-ef-card-shadow-color-hover);
  transform: translateY(-2px);
}

.iao-ef__item.is-selected .iao-ef__item-inner {
  border-color: var(--iao-ef-card-border-color-selected);
  border-width: var(--iao-ef-card-border-width-selected);
  border-radius: var(--iao-ef-card-radius-selected);
  background: var(--iao-ef-card-bg-selected);
  color: var(--iao-ef-card-text-selected);
  box-shadow: 0 0 var(--iao-ef-card-shadow-blur-selected) var(--iao-ef-card-shadow-color-selected);
}

.iao-ef__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  min-width: 0;
}

.iao-ef__category,
.iao-ef__name,
.iao-ef__technical-title,
.iao-ef__meta--date-range {
  width: 100%;
}

.iao-ef__category {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-align: center;
  color: var(--iao-ef-category-color, var(--iao-ef-card-text));
}

.iao-ef__badges,
.iao-ef__audience {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.iao-ef__badge--type,
.iao-ef__badge--registration,
.iao-ef__audience-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 7px 14px;
  border: var(--iao-ef-badge-border-width) solid var(--iao-ef-badge-border-color);
  border-radius: var(--iao-ef-badge-radius);
  background: var(--iao-ef-badge-bg);
  color: var(--iao-ef-badge-text);
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.iao-ef__badge--type,
.iao-ef__badge--type {
  background: var(--iao-ef-badge-bg);
  color: var(--iao-ef-badge-text);
}

.iao-ef__audience-badge {
  background: var(--_item-bg, var(--iao-ef-badge-bg));
  color: var(--_item-text, var(--iao-ef-badge-text));
}

.iao-ef__item:hover .iao-ef__badge--type,
.iao-ef__item:hover .iao-ef__badge--registration,
.iao-ef__item:hover .iao-ef__audience-badge {
  border-color: var(--iao-ef-badge-border-color-hover);
  border-width: var(--iao-ef-badge-border-width-hover);
  border-radius: var(--iao-ef-badge-radius-hover);
  background: var(--iao-ef-badge-bg-hover);
  color: var(--iao-ef-badge-text-hover);
}

.iao-ef__item:hover .iao-ef__badge--type {
  background: var(--iao-ef-badge-bg-hover);
  color: var(--iao-ef-badge-text-hover);
}

.iao-ef__item:hover .iao-ef__badge--closed-meeting {
  border-color: var(--iao-ef-cm-badge-border-color-hover);
  border-width: var(--iao-ef-cm-badge-border-width-hover);
  border-radius: var(--iao-ef-cm-badge-radius-hover);
  background: var(--iao-ef-cm-badge-bg-hover);
  color: var(--iao-ef-cm-badge-text-hover);
}

.iao-ef__item:hover .iao-ef__audience-badge {
  background: var(--_item-bg, var(--iao-ef-badge-bg-hover));
  color: var(--_item-text, var(--iao-ef-badge-text-hover));
}

.iao-ef__item.is-selected .iao-ef__badge--type,
.iao-ef__item.is-selected .iao-ef__badge--registration,
.iao-ef__item.is-selected .iao-ef__audience-badge {
  border-color: var(--iao-ef-badge-border-color-selected);
  border-width: var(--iao-ef-badge-border-width-selected);
  border-radius: var(--iao-ef-badge-radius-selected);
  background: var(--iao-ef-badge-bg-selected);
  color: var(--iao-ef-badge-text-selected);
}

.iao-ef__item.is-selected .iao-ef__badge--type {
  background: var(--iao-ef-badge-bg-selected);
  color: var(--iao-ef-badge-text-selected);
}

.iao-ef__item.is-selected .iao-ef__badge--closed-meeting {
  border-color: var(--iao-ef-cm-badge-border-color-selected);
  border-width: var(--iao-ef-cm-badge-border-width-selected);
  border-radius: var(--iao-ef-cm-badge-radius-selected);
  background: var(--iao-ef-cm-badge-bg-selected);
  color: var(--iao-ef-cm-badge-text-selected);
}

.iao-ef__item.is-selected .iao-ef__audience-badge {
  background: var(--_item-bg, var(--iao-ef-badge-bg-selected));
  color: var(--_item-text, var(--iao-ef-badge-text-selected));
}

.iao-ef__name {
  margin: 0;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.02;
  font-weight: 700;
  overflow-wrap: anywhere;
  text-align: right;
  color: var(--iao-ef-name-color, var(--iao-ef-card-text));
}

.iao-ef__technical-title,
.iao-ef__meta {
  font-size: 16px;
  line-height: 1.5;
  color: rgba(17, 24, 39, 0.78);
}

.iao-ef__technical-title {
  text-align: left;
  color: var(--iao-ef-technical-color, var(--iao-ef-card-text));
}

.iao-ef__meta--date-range {
  text-align: left;
  color: var(--iao-ef-date-range-color, var(--iao-ef-card-text));
}

.iao-ef__right-col {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.iao-ef__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  width: 100%;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
  border: var(--iao-ef-button-border-width) solid var(--iao-ef-button-border-color);
  border-radius: var(--iao-ef-button-radius);
  background: var(--iao-ef-button-bg);
  color: var(--iao-ef-button-text);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.iao-ef__cta:hover,
.iao-ef__cta:focus {
  border-color: var(--iao-ef-button-border-color-hover);
  border-width: var(--iao-ef-button-border-width-hover);
  border-radius: var(--iao-ef-button-radius-hover);
  background: var(--iao-ef-button-bg-hover);
  color: var(--iao-ef-button-text-hover);
}

.iao-ef__item.is-selected .iao-ef__cta {
  border-color: var(--iao-ef-button-border-color-selected);
  border-width: var(--iao-ef-button-border-width-selected);
  border-radius: var(--iao-ef-button-radius-selected);
  background: var(--iao-ef-button-bg-selected);
  color: var(--iao-ef-button-text-selected);
}

.iao-ef__nav {
  position: absolute;
  top: calc(50% - (var(--iao-ef-nav-size) / 2));
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--iao-ef-nav-size);
  height: var(--iao-ef-nav-size);
  border: 1px solid var(--iao-ef-nav-border-color);
  border-radius: 999px;
  background: var(--iao-ef-nav-bg);
  color: var(--iao-ef-nav-color);
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.15);
}

.iao-ef__nav--prev {
  left: -8px;
}

.iao-ef__nav--next {
  right: -8px;
}

.iao-ef__empty {
  padding: 28px;
  border: 1px dashed #cbd5e1;
  border-radius: 20px;
  text-align: center;
}

@media (max-width: 1024px) {
  .iao-ef__item-inner {
    grid-template-columns: 1fr;
  }

  .iao-ef__right-col {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .iao-ef {
    --iao-ef-slides-per-view: 1;
    --iao-ef-grid-columns: 1;
  }

  .iao-ef__nav {
    display: none;
  }
}