/* ===== Diploma Promo Banner 2026 ===== */

.interior-promo-banner {
  display: none !important;
  width: 100% !important;
  padding: 42px 24px 36px 24px !important;
  background: #ffffff !important;
  direction: rtl !important;
  box-sizing: border-box !important;
}

.interior-promo-banner.is-visible {
  display: block !important;
}

.interior-promo-inner {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1160px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 180px 1fr !important;
  gap: 26px !important;
  align-items: center !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, #143847 0%, #245866 55%, #83acb6 100%) !important;
  padding: 18px 28px !important;
  box-shadow: 0 16px 34px rgba(20,56,71,.20) !important;
  text-align: right !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.interior-promo-inner:before {
  content: "" !important;
  position: absolute !important;
  left: -80px !important;
  top: -80px !important;
  width: 220px !important;
  height: 220px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.12) !important;
  z-index: 1 !important;
}

.interior-promo-inner > * {
  position: relative !important;
  z-index: 2 !important;
}

.interior-promo-image {
  width: 180px !important;
  height: 112px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16) !important;
}

.interior-promo-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.interior-promo-label {
  display: inline-flex !important;
  width: fit-content !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  padding: 8px 18px !important;
  color: #143847 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.16) !important;
  margin-bottom: 8px !important;
}

.interior-promo-copy strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

.interior-promo-copy span {
  display: block !important;
  margin-top: 7px !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

@media (max-width: 640px) {
  .interior-promo-banner {
    padding: 28px 16px 28px 16px !important;
  }

  .interior-promo-inner {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 18px 18px 22px 18px !important;
    border-radius: 18px !important;
  }

  .interior-promo-image {
    width: 100% !important;
    height: 140px !important;
  }

  .interior-promo-copy strong {
    font-size: 21px !important;
  }

  .interior-promo-copy span {
    font-size: 15px !important;
  }
}