.whatsapp-float{
    position: fixed;
    bottom: 24px;
    right: 24px;
    background: #25D366;
    color: #fff;
    padding: 14px 18px;
    border-radius: 50px;
    font-weight: 600;
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
    z-index: 9999;
    text-decoration: none;
}

.image-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}.references-slider-area{
     position:relative;
     display:flex;
     align-items:center;
     gap:12px;
     margin-top:40px;
 }

.references-track{
    display:flex;
    gap:18px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding:16px;
    border-radius:18px;
    background:rgba(255,255,255,0.03);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    flex:1;
}

.references-track::-webkit-scrollbar{
    display:none;
}

/* Kart */
.ref-card{
    flex:0 0 calc((100% - 54px) / 4); /* Desktop: 4 logo yan yana */
    height:360px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.09);
    transition:0.25s ease;
}

.ref-card:hover{
    transform:translateY(-3px);
    background:rgba(255,255,255,0.09);
}

.ref-card img{
    max-width:360px;
    max-height:360px;
    object-fit:contain;
    opacity:0.95;
}

/* Oklar */
.ref-arrow{
    width:48px;
    height:48px;
    border-radius:999px;
    border:none;
    cursor:pointer;
    font-size:34px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.12);
    color:#000;
    transition:0.2s;
    z-index:10;
}

.ref-arrow:hover{
    background:rgba(255,255,255,0.22);
}

.ref-arrow:active{
    transform:scale(0.95);
}

/* Tablet: 3 logo */
@media(max-width: 991px){
    .ref-card{
        flex:0 0 calc((100% - 36px) / 3);
        height:120px;
    }
}

/* Mobil: 1 logo */
@media(max-width: 576px){
    .ref-card{
        flex:0 0 100%;
        height:120px;
    }
    .ref-card img{
        max-width:180px;
    }
}

.pricing-item.pricing-bg-movina{
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    min-height: 360px;
    background-image: url("https://www.guruntente.com/assets/site/images/movina.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* okunabilirlik için karartma katmanı */
.pricing-item.pricing-bg-movina::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 0;
}

/* içerik üstte kalsın */
.pricing-item.pricing-bg-movina > *{
    position: relative;
    z-index: 1;
}

/* başlık yazısı beyaz dursun */
.pricing-item.pricing-bg-movina .pricing-item-content p{
    color: #fff;
    font-weight: 600;
    margin: 0;
}

/* butonları alta sabitlemek istersen */
.pricing-item.pricing-bg-movina .pricing-item-body{
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 20px;
}





.pricing-item.pricing-bg-pergola{
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    min-height: 360px;
    background-image: url("https://www.guruntente.com/assets/site/images/pergola.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* okunabilirlik için karartma katmanı */
.pricing-item.pricing-bg-pergola::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 0;
}

/* içerik üstte kalsın */
.pricing-item.pricing-bg-pergola > *{
    position: relative;
    z-index: 1;
}

/* başlık yazısı beyaz dursun */
.pricing-item.pricing-bg-pergola .pricing-item-content p{
    color: #fff;
    font-weight: 600;
    margin: 0;
}

/* butonları alta sabitlemek istersen */
.pricing-item.pricing-bg-pergola .pricing-item-body{
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 20px;
}




.pricing-item.pricing-bg-giyotin{
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    min-height: 360px;
    background-image: url("https://www.guruntente.com/assets/site/images/giyotin.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* okunabilirlik için karartma katmanı */
.pricing-item.pricing-bg-giyotin::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 0;
}

/* içerik üstte kalsın */
.pricing-item.pricing-bg-giyotin > *{
    position: relative;
    z-index: 1;
}

/* başlık yazısı beyaz dursun */
.pricing-item.pricing-bg-giyotin .pricing-item-content p{
    color: #fff;
    font-weight: 600;
    margin: 0;
}

/* butonları alta sabitlemek istersen */
.pricing-item.pricing-bg-giyotin .pricing-item-body{
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 20px;
}





.pricing-item.pricing-bg-zip-perde{
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    min-height: 360px;
    background-image: url("https://www.guruntente.com/assets/site/images/zip-perde.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* okunabilirlik için karartma katmanı */
.pricing-item.pricing-bg-zip-perde::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 0;
}

/* içerik üstte kalsın */
.pricing-item.pricing-bg-zip-perde > *{
    position: relative;
    z-index: 1;
}

/* başlık yazısı beyaz dursun */
.pricing-item.pricing-bg-zip-perde .pricing-item-content p{
    color: #fff;
    font-weight: 600;
    margin: 0;
}

/* butonları alta sabitlemek istersen */
.pricing-item.pricing-bg-zip-perde .pricing-item-body{
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 20px;
}

.pricing-link{
    display:block;
    text-decoration:none;
    color:inherit;
}
.pricing-link .pricing-item{
    cursor:pointer;
}

.video-section{
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.video-section video{
    width: 100%;
    height: 100%;
    object-fit: cover; /* kırpar ama ekranı doldurur */
}