.campaingpage-section {
    background-size: cover;
    background-position: center -120px;
    background-repeat: no-repeat;
    height: 395px;
    width: 100%;
}
.campaingpage-bannersvg {
    position: absolute;
    left: 8.75rem;
    top: 50%;
    transform: translateY(-50%);
}
.campaingpage-bannerwhite-box {
    right: 12rem;
    top: 50%;
    transform: translateY(-50%);
}


.campaing-firsatlar-box,
.zippasajpage-dukkan-box,
.zippasajpage-dukkan-imagebox {
    border-top-left-radius: 2.188rem;
    border-top-right-radius: 2.188rem;
}

.campaing-firsatlar-textbox,
.zippasaj-dukkanlar-textbox {
    border-bottom-left-radius: 2.188rem;
    border-bottom-right-radius: 2.188rem;
}

.campaing-fir-box-top {
    padding-top: 1.75rem;
    padding-right: 2.25rem;
    padding-left: 2.25rem;
}



.reklam-panosusecond-item-wrapper {
    background-size: cover;
    background-position: center -348px;
    background-repeat: no-repeat;
}
/*******************Reklam Panoları CSS Kodları*************/

/*******************Zip Pasaj Kodları****************************************/
.zippasajpage-banner-section {
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    height: 395px;
}
.zippasajpage-logo span {
    font-size: clamp(64px, 8vw, 140px) !important;
}
.empty-reklam-img {
    height: 444px;
    width: 280px;
    object-fit:contain;
}
.campaing-empty-reklam-img {
    height: 380px;
    width: 200px;
}
/*******************Zip Pasaj Kodları****************************************/
/* Pagination noktalarının (arka planı beyaz) */
.swiper-pagination-bullet {
    background: white !important;
    width: 17px !important;
    opacity: 1 !important;
    height: 17px !important;
    margin: 0 8px !important;
}
.swiper-pagination-bullet-active {
    background: #2198FF !important;
}


.strikethrough {
    text-decoration: line-through;
    color: red;
}


.bg-blue-75 .price-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 8px;
}


.list-swiper {
    width: 160px;
    height: 160px;
    position: relative;
}

    .list-swiper .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .list-swiper .swiper-pagination {
        bottom: 0;
        text-align: center;
    }

    .list-swiper .swiper-pagination-bullet {
        background: #000;
        opacity: 0.5;
    }

    .list-swiper .swiper-pagination-bullet-active {
        background: #000;
        opacity: 1;
    }
.validity-box {
    min-width: 120px;
    text-align: center;
}

.price-box, .validity-box, .detail-button-box, .buy-button-box {
    flex-shrink: 0;
}


/*Ortak*/
@media (max-width: 1199.98px) {
    .zippasaj-dukkanlar-textbox svg {
        width: 1.5rem !important;
    }
    .zippasajpage-banner-section {
        background-position: left center !important;
        margin-top:6.5rem !important;
    }
    .empty-reklam-img {
               height: 468px;
    }
   
}



@media (min-width: 768px) and (max-width: 1199.98px) {
    .campaingpage-section {
        background-size: 120% auto;
        background-repeat: no-repeat;
        background-position: left -60px!important; /* sağa yaslı ve ortalı */
        height: 395px;
        width: 100%;
        margin-top: 6.5rem !important;
    }


  
    .campaingpage-bannerwhite-box {
        position: absolute;
        left: 1.5rem !important;
        right: 1.5rem !important;
        transform: translateY(110%);
        justify-content:space-between !important
    }
    .campaingpage-bannersvg {
        position: absolute;
        left: -6rem;
        top: 50%;
        transform: translateY(-50%);
    }
        .campaingpage-bannersvg > svg {
            width: 500px !important;
            height: 400px !important;
        }
    .reklam-panosusecond-item-wrapper {
        background-position: center 0px !important;
    }
    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-zippasaj {
        padding-top: .5rem !important;
        margin-top: 2rem !important;
    }

   
}
/*Ortak*/

@media (max-width: 767.98px) {
  
    .campaingpage-section {
        background-size: cover;
        background-position: left -40px !important;
        background-repeat: no-repeat;
        height: 395px;
        width: 100%;
        margin-top: 6.5rem !important;
    }

    .campaing-swipers .swiper-slide > img {
        height: 200px !important;
        object-fit: contain !important;
        max-width: 200px !important;
    }
    .campaingpage-bannerwhite-box {
        position: absolute;
        left: 1.5rem !important;
        right: 1.5rem !important;
        transform: translateY(80%);
        gap: 1rem !important;
        top: 40% !important;
    }

    .campaingpage-bannersvg {
        position: absolute;
        left: -10rem;
        top: 50%;
        transform: translateY(-60%);
    }
        .campaingpage-bannersvg > svg {
            width: 500px !important;
            height: 300px !important;
        }
   
    /*******************Reklam Panoları Responsive CSS Kodları*************/
   
    .reklam-panosu-first-section-image > img {
        max-height: 280px !important;
    }

    .reklam-panosusecond-item-wrapper {
        background-position: center 0px !important;
    }
    .wrapper-spec.reklam-panosu-section-second.reklam-panosu-section-campaignpage-second {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
        padding-top: 0rem !important;
    }
    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-zippasaj {
        padding-top: .5rem !important;
        margin-top: 2rem !important;
    }
    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-kampanyalar {
        padding-top: 0rem !important;
        padding-bottom: 6rem !important;
        margin-top: 1rem !important;
    }

    /*******************Reklam Panoları Responsive CSS Kodları*************/
    /*******************Zip Pasaj Kodları****************************************/
    .zippasajpage-banner-wrapper {
        padding: 1.5rem 1.5rem !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
        text-align: center !important;
    }
    .zippasajpage-banner-box {
        flex-direction: column !important;
        gap: 1rem !important;
        padding: 1.5rem !important;
    }
    /*******************Zip Pasaj Kodları****************************************/

    .campaing-empty-reklam-img {
        height: 192px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .campaing-swipers .swiper-slide > img {
        height: 200px !important;
        object-fit: contain !important;
        max-width: 200px !important;
    }
    
    /*******************Zip Pasaj Kodları****************************************/
    .zippasajpage-banner-wrapper {
        padding: 1.5rem 1rem !important;
        flex-direction: column !important;
    }
    .zippasajpage-logo span {
        font-size: 8rem !important;
    }
    .wrapper-spec.reklam-panosu-section-second.reklam-panosu-section-campaignpage-second {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
        padding-bottom: 7rem !important;
    }
    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-kampanyalar {
        padding-top: 2rem !important;
        padding-bottom: 6rem !important;
        margin-top: 3rem !important;
    }
    .campaingpage-bannerwhite-box {
        position: absolute;
        left: 1.5rem !important;
        right: 1.5rem !important;
        transform: translateY(80%);
        gap: 1rem !important;
        top: 40% !important;
    }
    .campaing-empty-reklam-img {
        height:282px;
    }
    .campaing-swipers .swiper-slide > img {
        height: 240px !important;
        object-fit: contain !important;
    }

    /*******************Zip Pasaj Kodları****************************************/
}

@media (min-width: 992px) and (max-width: 1023.98px) {

    .zippasajpage-banner-box{
        margin-left:3rem !important;
    }
    .zippasajpage-dukkan-imagebox{
        padding-top:2rem !important;
    }
    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-kampanyalar {
        padding-top: 2rem !important;
        padding-bottom: 6rem !important;
        margin-top: 3rem !important;
    }
    .campaing-empty-reklam-img {
        height: 322px;
    }
    .campaing-swipers .swiper-slide > img {
        height: 260px !important;
        object-fit: contain !important;
    }
    .campaingpage-bannerwhite-box {
        top: 30% !important;
    }
}

    @media(min-width:1024px) and (max-width:1199.98px) {
        /*******************Zip Pasaj Kodları****************************************/
        .zippasajpage-banner-wrapper {
        padding: 0 2.5rem !important;
        gap: 2.5rem !important;
    }
    .zippasajpage-banner-box {
        gap: 1.5rem !important;
        padding: 1.5rem 2.5rem;
    }
        .wrapper-spec.reklam-panosu-section-second.reklam-panosu-section-campaignpage-second {
            padding-right: 2.5rem !important;
            padding-left: 2.5rem !important;
            padding-bottom: 6rem !important
        }
        .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-kampanyalar {
            padding-top: 1rem !important;
            padding-bottom: 6rem !important;
            margin-top: 3rem !important;
        }

        .campaing-empty-reklam-img {
            height: 348px;
        }
        .campaing-swipers .swiper-slide > img {
            height: 310px !important;
            object-fit: contain !important;
        }
        .campaingpage-bannerwhite-box {
            top: 30% !important;
        }

    /*******************Zip Pasaj Kodları****************************************/
}

@media (min-width: 1200px) and (max-width: 1439.98px) {
    .campaingpage-section {
        background-size: 120% auto !important;
        height: 280px !important;
    }
    .campaing-firsatlar-section {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }
    .campaingpage-bannerwhite-box {
        right: 2rem !important;
        max-width: 420px !important;
        align-items: center !important;
        gap: 8px !important;
    }
    .campaingpage-bannerwhite-box > button{
        height:48px !important;
        margin:0 auto !important;
    }
    .campaingpage-bannersvg {
        left: -5rem !important;
    }
        .campaingpage-bannersvg > svg {
            width: 500px !important;
            height: 400px !important;
        }
    .campaing-swipers .swiper-slide > img {
        height: 204px !important;
        max-width: 264px !important;
        object-fit: contain !important;
    }

    .zippasaj-dukkanlar-textbox svg {
        width: 1.5rem !important;
    }

    .campaing-empty-reklam-img {
        height: 248px !important;
        width: 200px;
    }
    /*******************Reklam Panoları Responsive CSS Kodları*************/

    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-zippasaj {
        padding-top: 1rem !important;
        padding-bottom: 4rem !important;
        margin-top:3rem !important;
    }
    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-kampanyalar {
        padding-top: 1rem !important;
        padding-bottom: 6rem !important;
        margin-top: 3rem !important;
    }
    .reklam-panosu-section-second.reklam-panosu-section-campaignpage-second {
        padding-top: 1rem !important;
        padding-bottom: 4.7rem !important;
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    /*******************Reklam Panoları Responsive CSS Kodları*************/

    /*******************Zip Pasaj Kodları****************************************/
    .zippasajpage-banner-wrapper {
        padding: 0 5rem !important;
        gap:3rem !important;
    }

    .zippasajpage-banner-box {
        gap: 2rem !important;
    }
    /*******************Zip Pasaj Kodları****************************************/
}


@media (min-width: 1440px) and (max-width: 1559.98px) {
    .campaingpage-section {
        background-size: 110% auto !important;
        height: 300px !important;
    }
    

        .campaing-firsatlar-section.campaing-tohumfirsatlar-section {
            padding-bottom: 10rem !important;
        }
    .campaing-firsatlar-section {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }
    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-zippasaj {
        padding-top: 3.5rem !important;
        padding-bottom: 7rem !important;
        margin-top: 3rem !important;
    }
    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-kampanyalar {
        padding-top: 2rem !important;
        padding-bottom: 6rem !important;
        margin-top: 3rem !important;
    }

    .wrapper-spec.reklam-panosu-section-second.reklam-panosu-section-campaignpage-second {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
        padding-top: 3.5rem !important;
        padding-bottom: 7rem !important;
    }

    .campaingpage-bannerwhite-box {
        right: 6rem !important;
        align-items: center !important;
        gap: 24px !important;
    }

        .campaingpage-bannerwhite-box > button {
            height: 48px !important;
            margin: 0 auto !important;
        }

    .campaingpage-bannersvg {
        left: 0rem !important;
    }
    .campaing-swipers .swiper-slide > img {
        height: 244px;
        max-width: 284px;
        object-fit: contain !important;
    }
    .zippasaj-dukkanlar-textbox svg{
        width:1.5rem !important;
    }
   


    /*******************Zip Pasaj Kodları****************************************/
    .zippasajpage-banner-wrapper {
        padding: 0 11rem !important;
        gap: 3rem !important;
    }

    .zippasajpage-banner-box {
        padding: 2rem 2rem !important; 
        gap:1rem !important;
    }
    /*******************Zip Pasaj Kodları****************************************/

    .zippasaj-dukkanlar-textbox{
        padding-bottom:2rem !important;
        padding-top:2rem !important;
    }


    .campaing-empty-reklam-img {
        height: 288px;
        width: 180px;
    }

}

@media (min-width: 1560px) and (max-width: 1919.98px) {
    .campaing-firsatlar-section.campaing-tohumfirsatlar-section {
        padding-bottom: 10rem !important;
    }
    .zippasaj-dukkanlar-textbox svg {
        width: 1.5rem !important;
    }
    .campaing-swipers .swiper-slide > img {
        height: 264px;
        max-width: 264px;
        object-fit: contain !important;
    }
   
    /*******************Zip Pasaj Kodları****************************************/
    .zippasajpage-banner-wrapper {
        padding: 0 12rem !important;
        gap: 3rem !important;
    }
    .zippasajpage-banner-box {
        padding: 2rem 2rem !important;
        gap: 1rem !important;
    }
 
    /*******************Zip Pasaj Kodları****************************************/

    .campaing-firsatlar-section {
        padding-right: 7.8rem !important;
        padding-left: 7.8rem !important;
    }

    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-zippasaj {
        padding-top: 4rem !important;
        padding-bottom: 7rem !important;
        margin-top: 3rem !important;
    }
    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-kampanyalar {
        padding-top: 2rem !important;
        padding-bottom: 7rem !important;
        margin-top: 3rem !important;
    }

    .wrapper-spec.reklam-panosu-section-second.reklam-panosu-section-campaignpage-second {
        padding-right: 7.8rem !important;
        padding-left: 7.8rem !important;
    }
    .campaign-spac-img .swiper-slide img {
        height: 272px !important;
    }

    .campaing-empty-reklam-img {
        height: 316px;
        width: 180px;
    }
}


@media (min-width: 1920px) and (max-width:2559.98px){

    .campaing-swipers .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 248px;
    }

        .campaing-swipers .swiper-slide > img {
            height: 230px !important;
            max-width: 280px !important;
            object-fit: contain !important;
        }
    .campaing-empty-reklam-img {
        height:294px;
        width: 200px;
    }
    .campaing-firsatlar-section {
        padding-right: 7.8rem !important;
        padding-left: 7.8rem !important;
    }


    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-zippasaj {
        padding-top: 3rem !important;
        padding-bottom: 7rem !important;
        margin-top: 3rem !important;
    }
    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-kampanyalar {
        padding-top: 2rem !important;
        padding-bottom: 6rem !important;
        margin-top: 3rem !important;
    }
    .wrapper-spec.reklam-panosu-section-second.reklam-panosu-section-campaignpage-second {
        padding-right: 8.8rem !important;
        padding-left: 8.8rem !important;
    }
}

@media (min-width: 2560px) {
   
    .campaingpage-section {
        background-size: 100% -40px !important;
        background-position: left -240px !important;
    }

    .campaing-firsatlar-section {
        padding-right: 7.8rem !important;
        padding-left: 7.8rem !important;
    }

    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-zippasaj {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
        margin-top: 3rem !important;
    }
    .wrapper-spec.reklam-panosu-section-first.reklam-panosu-section-kampanyalar {
        padding-top: 3rem !important;
        padding-bottom: 6rem !important;
        margin-top: 3rem !important;
    }

    .wrapper-spec.reklam-panosu-section-second.reklam-panosu-section-campaignpage-second {
        padding-right: 8.8rem !important;
        padding-left: 8.8rem !important;
    }

    .zippasajpage-banner-wrapper {
        padding: 0 256px;
    }
    .campaing-swipers .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 360px;
    }

        .campaing-swipers .swiper-slide > img {
            height: 300px !important;
            max-width: 300px !important;
            object-fit: contain !important;
        }
    .campaing-empty-reklam-img {
        height: 418px;
        width: 200px;
    }
    /*******************Zip Pasaj Kodları****************************************/

    .zippasajpage-banner-box {
        padding: 48px 64px;
        gap: 40px;
    }
    /*******************Zip Pasaj Kodları****************************************/
}