.swiper{
    overflow:visible !important;
}
.isp-wrapper{
    position:relative;
    width:100%;
    padding:0 70px;
	overflow:visible;
}

.isp-swiper{
    width:100%;
    overflow:visible;
}

.swiper-slide{
    width:auto;
}

.isp-card{
    position:relative;
    width:320px;
    aspect-ratio:1/1;
    border-radius:0px;
    overflow:hidden;
    background:#eee;
    cursor:pointer;
}

.isp-thumb{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* VIDEO ICON */

.isp-video-icon{
    position:absolute;
    top:12px;
    right:12px;
    width:38px;
    height:38px;
    border-radius:12px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:5;
    font-size:14px;
}

/* OVERLAY */

.isp-overlay{

    position:absolute;
    inset:0;

    background:rgba(255,255,255,0.2);
    backdrop-filter:blur(10px);

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:16px;

    opacity:0;
    transition:0.3s;

    z-index:4;
}

.isp-card:hover .isp-overlay{
    opacity:1;
}

/* INSTAGRAM BUTTON */

.isp-instagram-btn{

    width:52px;
    height:52px;
border-radius:0px !important;
    
    color:#000;
background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;

    text-decoration:none;
    font-size:22px;
}

/* BUY BUTTON */

.isp-buy-btn{
border-radius:0px !important;
    background:#fff;
    color:#000;
    padding:12px 22px;

    text-decoration:none;
    font-weight:600;
    font-size:14px;
}

/* CLICKABLE AREA */

.isp-play-btn{
    position:absolute;
    inset:0;
    z-index:3;
}

/* ARROWS OUTSIDE */

.swiper-button-next,
.swiper-button-prev{
    width:54px;
    height:54px;
    color:#585555;
}

.swiper-button-next{
    right:-60px;
}

.swiper-button-prev{
    left:-60px;
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size:15px;
}

/* MODAL */

.isp-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:999999;

    justify-content:center;
    align-items:center;
}

.isp-modal-content{
    width:90%;
    max-width:500px;
    position:relative;
}

.isp-modal iframe{
    width:100%;
    height:80vh;
    border-radius:20px;
    background:#000;
}

.isp-close{
    position:absolute;
    top:-45px;
    right:0;
    color:#fff;
    font-size:42px;
    cursor:pointer;
}

/* MOBILE */

@media(max-width:768px){

    .isp-wrapper{
        padding:0 10px;
    }

    .isp-card{
        width:150px;
        border-radius:14px;
    }

    .swiper-slide:first-child .isp-card{
        width:90px;
        height:170px;
    }

    .swiper-button-next,
    .swiper-button-prev{
        display:none;
    }

}