.akm-smart-banner{
  position:relative;
  margin:18px auto 22px;
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(135deg,#0f172a,#1e293b);
  box-shadow:0 18px 40px rgba(15,23,42,.10);
  max-width:1120px;
}
.akm-smart-banner__track{position:relative;min-height:240px}
.akm-smart-banner__slide{
  position:relative;
  min-height:240px;
  display:none;
  overflow:hidden;
}
.akm-smart-banner__slide.is-active{display:block}
.akm-smart-banner__slide.is-clickable{cursor:pointer}
.akm-smart-banner__media,
.akm-smart-banner__media img{display:block;width:100%;height:100%}
.akm-smart-banner__media{position:absolute;inset:0;z-index:1}
.akm-smart-banner__media img{object-fit:cover;object-position:center center}
.akm-smart-banner__slide.fit-full .akm-smart-banner__media img{object-fit:contain;background:transparent}
.akm-smart-banner__content-wrap{
  position:relative;
  z-index:2;
  min-height:240px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:26px 30px;
}
.akm-smart-banner__content{
  max-width:min(100%,460px);
  display:flex;
  flex-direction:column;
  gap:10px;
  text-align:right;
  align-items:flex-end;
}
.akm-smart-banner__content.has-glass{
  background:linear-gradient(180deg,rgba(15,23,42,.22),rgba(15,23,42,.14));
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  padding:18px 20px;
}
.akm-smart-banner__slide.is-image .akm-smart-banner__content-wrap{justify-content:flex-end}
.akm-smart-banner__slide.align-center .akm-smart-banner__content-wrap{justify-content:center}
.akm-smart-banner__slide.align-left .akm-smart-banner__content-wrap{justify-content:flex-start}
.akm-smart-banner__slide.align-center .akm-smart-banner__content{text-align:center;align-items:center}
.akm-smart-banner__slide.align-left .akm-smart-banner__content{text-align:left;align-items:flex-start}
.akm-smart-banner__badge{
  display:inline-flex;align-items:center;justify-content:center;
  padding:9px 16px;border-radius:999px;
  background:rgba(255,255,255,.14);color:#fff;font-weight:700;font-size:.92rem;
}
.akm-smart-banner__title{margin:0;font-size:var(--akm-title-size,30px);color:var(--akm-title-color,#fff);font-weight:var(--akm-title-weight,800);line-height:1.2}
.akm-smart-banner__subtitle{margin:0;font-size:var(--akm-subtitle-size,16px);color:var(--akm-subtitle-color,#eef2ff);font-weight:var(--akm-subtitle-weight,500);line-height:1.85}
.akm-smart-banner__button{
  margin-top:6px;display:inline-flex;align-items:center;justify-content:center;
  width:auto;max-width:100%;
  padding:11px 20px;border-radius:999px;text-decoration:none;
  color:var(--akm-btn-color,#111827);background:var(--akm-btn-bg,#fff);font-weight:var(--akm-btn-weight,700);
  box-shadow:0 8px 18px rgba(15,23,42,.10)
}
.akm-smart-banner__slide.btn-top .akm-smart-banner__button{order:-1}
.akm-smart-banner__slide.btn-left .akm-smart-banner__button{align-self:flex-start}
.akm-smart-banner__slide.btn-right .akm-smart-banner__button{align-self:flex-end}
.akm-smart-banner__slide.align-center.btn-left .akm-smart-banner__button{align-self:flex-start}
.akm-smart-banner__slide.align-center.btn-right .akm-smart-banner__button{align-self:flex-end}
.akm-smart-banner__dots{
  position:absolute;left:18px;bottom:16px;z-index:3;display:flex;gap:8px;direction:ltr
}
.akm-smart-banner__dot{
  width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0
}
.akm-smart-banner__dot.is-active{width:34px;background:#fff}

.akm-smart-banner__slide.is-text::before,
.akm-smart-banner__slide.is-text::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  z-index:1;
}
.akm-smart-banner__slide.is-text::before{
  width:320px;
  height:320px;
  top:-120px;
  inset-inline-start:-90px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:
    0 0 0 24px rgba(255,255,255,.05),
    0 0 0 56px rgba(255,255,255,.025);
  opacity:.9;
}
.akm-smart-banner__slide.is-text::after{
  width:220px;
  height:220px;
  bottom:-95px;
  inset-inline-end:-55px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 0 0 18px rgba(255,255,255,.04),
    0 0 0 42px rgba(255,255,255,.02);
  opacity:.8;
}
.akm-smart-banner__slide.is-text .akm-smart-banner__content-wrap{position:relative;z-index:2}
.akm-smart-banner__slide.is-text.bg-luxury-dark{background:linear-gradient(135deg,#0f172a,#0b214f 48%,#6d1117)}
.akm-smart-banner__slide.is-text.bg-beige-gold{background:linear-gradient(135deg,#4e342e,#8d6e63 42%,#d6b96c)}
.akm-smart-banner__slide.is-text.bg-ember-red{background:linear-gradient(135deg,#101522,#3d0a0a 56%,#9d1f15)}
.akm-smart-banner__slide.is-text.bg-royal-blue{background:linear-gradient(135deg,#0b1c3f,#102e73 54%,#1f6feb)}
.akm-smart-banner__slide.is-text.bg-emerald{background:linear-gradient(135deg,#062c1f,#0f5132 50%,#2fbf71)}
.akm-smart-banner__slide.is-text.bg-purple-glow{background:linear-gradient(135deg,#1f1338,#472c7a 48%,#9b5cff)}
.akm-smart-banner__slide.is-text.bg-sunset{background:linear-gradient(135deg,#331832,#7a2e2e 48%,#ef7f45)}
.akm-smart-banner__slide.bg-custom{background:var(--akm-custom-bg,#1f2937)}
.akm-smart-banner__slide.bg-none{background:transparent}
.akm-smart-banner__slide.is-text.bg-none .akm-smart-banner__content.has-glass{background:rgba(15,23,42,.08);color:#111827}
.akm-smart-banner__slide.is-text.bg-none .akm-smart-banner__badge{background:rgba(15,23,42,.08);color:#111827}
.akm-smart-banner__slide.is-image .akm-smart-banner__content.has-glass{max-width:440px}
@media (min-width: 992px){
  .akm-smart-banner{max-width:1080px}
  .akm-smart-banner__track,.akm-smart-banner__slide,.akm-smart-banner__content-wrap{min-height:300px}
  .akm-smart-banner__slide.is-image.fit-full .akm-smart-banner__content-wrap{justify-content:flex-start;padding:24px 26px}
  .akm-smart-banner__slide.is-image.fit-full.align-center .akm-smart-banner__content-wrap{justify-content:center}
  .akm-smart-banner__slide.is-image.fit-full.align-right .akm-smart-banner__content-wrap{justify-content:flex-end}
}
@media (max-width: 991px){
  .akm-smart-banner{border-radius:24px;max-width:none}
  .akm-smart-banner__track,.akm-smart-banner__slide,.akm-smart-banner__content-wrap{min-height:270px}
  .akm-smart-banner__content{max-width:min(100%,92%)}
}
@media (max-width: 767px){
  .akm-smart-banner__slide.is-text::before{width:240px;height:240px;top:-90px;inset-inline-start:-80px;box-shadow:0 0 0 18px rgba(255,255,255,.05),0 0 0 42px rgba(255,255,255,.025)}
  .akm-smart-banner__slide.is-text::after{width:170px;height:170px;bottom:-70px;inset-inline-end:-45px;box-shadow:0 0 0 14px rgba(255,255,255,.04),0 0 0 32px rgba(255,255,255,.02)}
  .akm-smart-banner{
    width:calc(100% - 16px);
    max-width:none;
    margin:12px auto 16px;
    border-radius:20px;
  }
  .akm-smart-banner__track,.akm-smart-banner__slide,.akm-smart-banner__content-wrap{min-height:186px}
  .akm-smart-banner__content-wrap{padding:14px 16px;align-items:center;justify-content:center}
  .akm-smart-banner__slide.is-image .akm-smart-banner__content-wrap{justify-content:center}
  .akm-smart-banner__content{max-width:min(100%,88%);gap:8px;text-align:center;align-items:center;margin-inline:auto}
  .akm-smart-banner__slide.align-left .akm-smart-banner__content,.akm-smart-banner__slide.align-right .akm-smart-banner__content{align-items:center;text-align:center}
  .akm-smart-banner__content.has-glass{padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(15,23,42,.18),rgba(15,23,42,.10));border-color:rgba(255,255,255,.08)}
  .akm-smart-banner__title{font-size:min(var(--akm-title-size,26px),23px);line-height:1.18}
  .akm-smart-banner__subtitle{font-size:min(var(--akm-subtitle-size,14px),13px);line-height:1.6}
  .akm-smart-banner__button{padding:9px 16px;font-size:.92rem}
  .akm-smart-banner__dots{left:50%;transform:translateX(-50%);bottom:10px}
}

@media (max-width: 480px){
  .akm-smart-banner{
    width:calc(100% - 12px);
    max-width:none;
    margin:10px auto 14px;
    border-radius:18px;
  }
  .akm-smart-banner__track,.akm-smart-banner__slide,.akm-smart-banner__content-wrap{min-height:170px}
  .akm-smart-banner__content-wrap{padding:12px 14px}
  .akm-smart-banner__content.has-glass{padding:12px 14px;border-radius:14px}
  .akm-smart-banner__title{font-size:min(var(--akm-title-size,26px),20px)}
  .akm-smart-banner__subtitle{font-size:min(var(--akm-subtitle-size,14px),12px)}
  .akm-smart-banner__button{padding:8px 14px;font-size:.88rem}
}
