.fwktm-carousel{

  width: 100%;

  overflow-x: hidden; /* FIX: remove horizontal scrollbar (editor + front) */

}



.fwktm-nav{

  display:flex;

  align-items:center;

  justify-content:center;

  gap: 26px;

  margin-bottom: 18px;

  letter-spacing: .22em;

}



.fwktm-btn{

  display: inline-flex;

  align-items: center;

  gap: 8px;

  cursor: pointer;

  color: inherit;

  box-shadow: none;

  background: transparent !important;

  border: 0 !important;

  padding: 0 !important;

  margin: 0 !important;

  box-shadow: none !important;

}



.fwktm-btn:hover{

  opacity: .75;

}



/* text PREVIOUS / NEXT */

.fwktm-label{

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: .28em;

  opacity: .9;

  white-space: nowrap;

  padding: 0;

  margin: 0;

  line-height: 1;

}



/* arrow */

.fwktm-arrow svg{

  width: 100px;

  height: 56px;

  display: block;

  fill: currentColor;

  opacity: .9;

}



/* optional: daca ai sageata separata pt previous */

.fwktm-arrow-left{

  transform: rotate(180deg);

  transform-origin: center;

}



.fwktm-swiper{

  overflow: visible; /* allow peeks, but scrollbar is prevented by parent */

}



.fwktm-slide{

  width: auto !important;   /* auto width by image ratio */

  max-width: 720px;         /* overridden by control */

}



.fwktm-slide-media{

  height: 520px;            /* overridden by control */

  display: flex;

  align-items: stretch;

  justify-content: center;

}



.fwktm-img{

  height: 100%;

  width: auto;

  max-width: 100%;

  object-fit: contain;      /* no crop, keeps ratio */

  object-position: 50% 50%;

  display:block;

}



@media (max-width: 767px){

  .fwktm-arrow svg{ width: 56px; }

  .fwktm-nav{ gap: 18px; margin-bottom: 12px; }

}