.elementify-ip { padding: 40px 0; }
.elementify-ip.is-dark { background: #000; color: #fff; }

.elementify-ip__title {
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 18px;
}

.elementify-ip__tabs {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 22px;
}

.elementify-ip__tab {
  border: 1px solid rgba(255,255,255,.25);
  background: transparent;
  color: #fff;
  padding: 10px 18px;
  border-radius: 10px;
  cursor: pointer;
  transition: .2s ease;
  font-size: 14px;
}
.elementify-ip__tab.is-active {
  background: #c8a792;
  color: #fff;
  border-color: transparent;
}

.elementify-ip__pane { display: none; }
.elementify-ip__pane.is-active { display: block; }

.elementify-ip__card {
  border-radius: 22px;
  overflow: hidden;
  background: #111;
}

.elementify-ip__media { width: 100%; height: 520px; object-fit: cover; display: block; }
@media (max-width: 767px) {
  .elementify-ip__media { height: 420px; }
  .elementify-ip__title { font-size: 30px; }
}

/* oEmbed wrapper */
.elementify-ip__embed { width: 100%; aspect-ratio: 9/16; }
.elementify-ip__embed iframe { width: 100%; height: 100%; display: block; }

/* Swiper nav */
.elementify-ip__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  z-index: 3;
  background: rgba(200,167,146,.95);
}
.elementify-ip__prev { left: -8px; }
.elementify-ip__next { right: -8px; }
.elementify-ip__prev::before,
.elementify-ip__next::before{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.elementify-ip__prev::before { transform: rotate(-135deg); }
.elementify-ip__next::before { transform: rotate(45deg); }




/* Prevent nav buttons getting cropped */
.elementify-ip__swiper,
.elementify-ip__swiper .swiper,
.elementify-ip__swiper .swiper-wrapper {
  overflow: visible !important;
}

/* Also ensure the slide/card doesn't clip the arrows */
.elementify-ip__pane,
.elementify-ip__panes {
  overflow: visible;
}

/* Keep arrows above cards */
.elementify-ip__nav {
  z-index: 10;
}