/* Container */
.aj-testimonials { position: relative; }

/* Swiper sizing */
.aj-swiper { padding: 8px 8px 48px; }
@media (max-width: 991.98px){ .aj-swiper{ padding-bottom: 40px; } }

/* Card */
.aj-testi-card{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #111;
  box-shadow: 0 8px 28px rgba(0,0,0,.18);
  height: 280px;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  outline: none;
}
.aj-testi-card:focus{ box-shadow: 0 0 0 3px rgba(59,130,246,.5); }

.aj-testi-media{
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
  filter: saturate(1.02);
}
.aj-testi-card::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.1) 65%, rgba(0,0,0,0) 100%);
}

/* Meta overlay */
.aj-testi-meta{
  position: relative; z-index: 2; color: #fff;
  padding: 20px 20px 24px;
  width: 100%;
}
.aj-testi-name {
    margin: 0 0 6px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
    color: #fff;
}
button.aj-readmore-btn {
    border: none;
    background: #e72046;
    padding: 5px 15px;
}
.aj-testi-sub{ font-size: 14px; opacity: .9; margin-bottom: 8px; }
.aj-testi-country{ display:flex; align-items:center; gap:8px; font-size:14px; opacity:.95; }
.aj-emoji{ font-size: 18px; }

/* Swiper arrows */
.aj-swiper-prev, .aj-swiper-next{
  color:#111;
  background:#fff; border-radius: 999px;
  width: 40px; height: 40px; box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.aj-swiper-prev::after, .aj-swiper-next::after{ font-size:18px; }

/* Modal */
.aj-modal[aria-hidden="true"]{ display:none; }
.aj-modal{
  position: fixed; inset: 0; z-index: 9999;
  display: grid; place-items: center;
}
.aj-modal__backdrop{
  position:absolute; inset:0; background: rgba(0,0,0,.55);
  backdrop-filter: blur(2px);
}
.aj-modal__dialog{
  position: relative; z-index: 1; background:#fff; color:#111;
  width: min(920px, 94vw); max-height: 90vh; overflow:auto;
  border-radius: 16px; box-shadow: 0 16px 48px rgba(0,0,0,.25);
}
.aj-modal__close{
  position:absolute; top:10px; right:12px; font-size:28px;
  width: 38px; height: 38px; line-height: 34px; text-align:center;
  background:#f3f4f6; border:0; border-radius:10px; cursor:pointer;
}
.aj-modal__header{ padding: 20px 24px 10px; border-bottom: 1px solid #eee; }
.aj-modal__title{ margin:0; }
.aj-modal__meta{ font-size: 14px; color:#555; margin-top: 6px; }
.aj-modal__video{ aspect-ratio: 16/9; width: 100%; background:#000; }
.aj-modal__body{ padding: 18px 24px 24px; }
.aj-modal__body p:last-child{ margin-bottom: 0; }

/* Responsive slides per view (also adjustable via data-attributes in JS) */
@media (max-width: 1199.98px){
  .aj-testi-card{ height: 500px; }
}
@media (max-width: 991.98px){
  .aj-testi-card{ height: 460px; }
}
@media (max-width: 767.98px){
  .aj-testi-card{ height: 420px; }
}