.turbine-instagram-carousel {
    --turbine-ig-visible: 5;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.turbine-instagram-carousel__viewport {
    width: 100%;
    overflow: hidden;
}

.turbine-instagram-carousel__track {
    display: flex;
    width: 100%;
    transform: translate3d(0, 0, 0);
    transition: transform 0.5s ease;
    will-change: transform;
}

.turbine-instagram-carousel__slide {
    position: relative;
    flex: 0 0 calc(100% / var(--turbine-ig-visible));
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #110c22;
}

.turbine-instagram-carousel__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.turbine-instagram-carousel__slide:hover .turbine-instagram-carousel__image {
    transform: scale(1.025);
    opacity: 0.92;
}

.turbine-instagram-carousel__nav {
    position: absolute;
     z-index: 10;
    isolation: isolate;
    top: 0;
    width: 180px;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    color: #31bec5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}





/* Bal oldali átmenet */
.turbine-instagram-carousel__nav--prev {
    left: 0;
    background: linear-gradient(
        90deg,
        rgba(21, 16, 44, 0.97) 0%,
        rgba(217, 217, 217, 0) 100%
    );
}

/* Jobb oldali átmenet */
.turbine-instagram-carousel__nav--next {
    right: 0;
    background: linear-gradient(
        270deg,
        rgba(21, 16, 44, 0.97) 0%,
        rgba(217, 217, 217, 0) 100%
    );
}

.turbine-instagram-carousel__nav svg {
    display: block;
    width: 30px;
    height: 54px;
    overflow: visible;
      position: relative;
    z-index: 2;
    flex-shrink: 0;
    opacity: 1;
}

.turbine-instagram-carousel__nav path {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: square;
    stroke-linejoin: miter;
}
.turbine-instagram-carousel__nav--prev svg {
    transform: translateX(-40px);
}

.turbine-instagram-carousel__nav--next svg {
    transform: translateX(40px);
}

/* Letiltott nyílnál is maradjon meg az átmenet */
.turbine-instagram-carousel__nav:disabled {
    opacity: 1;
    cursor: default;
}


.turbine-instagram-carousel__nav:disabled svg {
    opacity: 1;
}


.turbine-instagram-carousel__video {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(17, 12, 34, 0.76);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.turbine-instagram-carousel__video svg {
    width: 17px;
    height: 17px;
    fill: #31bec5;
}