.slick-slide {
    height: auto;
}
@media only screen and (max-width: 768px) {
    .slider-desktop {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .slider-mobile {
        display: none !important;
    }
}
@media (max-width: 1199px) {
    .slick-slide {
        height: auto;
    }
}

@media (max-width: 767px) {
    .block-sliders.auto-height .item-content .content-image img {
        min-height: auto;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    .block-sliders .item-content .item-info .title-slider {
        font-size: 15px;
        line-height: 2px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .block-sliders .item-content .item-info .button-slider {
        line-height: 26px;
        font-size: 7px;
        text-transform: uppercase;
        letter-spacing: 3px;
    }
}

@media (max-width: 767px) {
    .button.padding-large {
        padding: 0 5px;
    }
}

.block-product-cats .item-product-cat-content .item-image img {
    border-radius: 15px;
}

.block-product-cats.layout-4 .item-product-cat-content .product-cat-content-info .item-title a {
    border-radius: 15px;
}

.product-top-info .product-img {
    border-radius: 15px;
}

.d-flex {
    display: flex;
}


.payments-detail-wrapper .container-item {
    max-width: 100%;
    margin: 10px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.payments-detail-wrapper .card-input {
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.payments-detail-wrapper .input-form {
    display: flex;
}

    .payments-detail-wrapper .input-form input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
        width: 100%;
        border-radius: 10px;
        border: unset;
        background-color: #f2f2f2;
    }

.payments-detail-wrapper .card {
    position: relative;
    width: 400px; /* Kredi kartı görüntüsünün genişliği */
    height: 220px; /* Kredi kartı görüntüsünün yüksekliği */
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 35px auto 20px auto;
}

    .payments-detail-wrapper .card .card-logo {
        position: absolute;
        right: 20px;
        width: 80px;
    }

    .payments-detail-wrapper .card img.card-img {
        position: absolute;
        top: 20px; /* Kart logosunun yüksekliği */
        right: 20px; /* Kart logosunun sağ kenardan uzaklığı */
        width: 60px; /* Kart logosunun genişliği */
    }

    .payments-detail-wrapper .card .card-info-number {
        position: absolute;
        bottom: 90px; /* Kart bilgilerinin alt kenardan uzaklığı */
        left: 20px; /* Kart bilgilerinin sol kenardan uzaklığı */
        color: #333;
        font-size: 20px;
    }

    .payments-detail-wrapper .card .card-info-name {
        position: absolute;
        bottom: 20px; /* Kart bilgilerinin alt kenardan uzaklığı */
        left: 20px; /* Kart bilgilerinin sol kenardan uzaklığı */
        color: #333;
    }

    .payments-detail-wrapper .card .card-info-expiry {
        position: absolute;
        bottom: 20px; /* Kart bilgilerinin alt kenardan uzaklığı */
        right: 20px; /* Kart bilgilerinin sol kenardan uzaklığı */
        color: #333;
    }

    .payments-detail-wrapper .card .card-info-text {
        margin-bottom: 5px;
    }

    .payments-detail-wrapper .card .card-info-label {
        font-weight: bold;
    }

.payments-detail-wrapper .error-message {
    color: red;
    font-weight: bold;
}

.activity-list-wrapper {
    background-color: #fff;
    border-radius: 25px;
    margin-top: 30px;
    box-shadow: 3px 3px 5px #898989;
}

    .activity-list-wrapper .activity-list {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

        .activity-list-wrapper .activity-list .activity-img {
            margin-right: 20px;
            width: 25%;
        }

            .activity-list-wrapper .activity-list .activity-img img {
                border-top-left-radius: 25px;
                border-bottom-left-radius: 25px;
                width: 350px;
            }

        .activity-list-wrapper .activity-list .activity-details {
            width: 54%;
        }

            .activity-list-wrapper .activity-list .activity-details .details-list {
                display: flex;
                justify-content: space-between;
            }

                .activity-list-wrapper .activity-list .activity-details .details-list div {
                    width: 33%;
                }

                    .activity-list-wrapper .activity-list .activity-details .details-list div h5 {
                        margin-top: 5px;
                    }

                    .activity-list-wrapper .activity-list .activity-details .details-list div span {
                        font-size: 18px;
                    }

        .activity-list-wrapper .activity-list .price {
            width: 20%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            padding: 20px;
            margin: 0;
            color: #333;
        }

            .activity-list-wrapper .activity-list .price .price-btn {
                background-color: black;
                width: 150px;
                border-radius: 25px;
                padding: 10px;
                margin: 0 auto;
                margin-top: 15px;
            }

                .activity-list-wrapper .activity-list .price .price-btn:hover {
                    background-color: #ef3036;
                    transition: .3s;
                }

                .activity-list-wrapper .activity-list .price .price-btn a {
                    color: #fff;
                }

            .activity-list-wrapper .activity-list .price p {
                margin: 10px 0;
            }

            .activity-list-wrapper .activity-list .price span {
                font-size: 30px;
                font-weight: bold;
            }



.activity-detail-wrapper {
    background-color: #fff;
    border-radius: 25px;
    margin-top: 30px;
    box-shadow: 3px 3px 5px #898989;
}

    .activity-detail-wrapper .activity-list {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

        .activity-detail-wrapper .activity-list .activity-img {
            margin-right: 20px;
            width: 18%;
        }

            .activity-detail-wrapper .activity-list .activity-img img {
                border-top-left-radius: 25px;
                border-bottom-left-radius: 25px;
            }

        .activity-detail-wrapper .activity-list .activity-details {
            width: 60%;
        }

            .activity-detail-wrapper .activity-list .activity-details p {
                font-size: 13px;
                margin: 3px 0;
            }

            .activity-detail-wrapper .activity-list .activity-details h4 {
                margin-top: 15px;
            }

            .activity-detail-wrapper .activity-list .activity-details hr {
                margin: 4px 0;
            }

            .activity-detail-wrapper .activity-list .activity-details .activity-details-item p {
                margin: 0;
                font-size: 14px;
            }

            .activity-detail-wrapper .activity-list .activity-details .activity-details-item span {
                font-size: 14px;
            }

            .activity-detail-wrapper .activity-list .activity-details .activity-details-item hr {
                margin: 5px 0;
            }

            .activity-detail-wrapper .activity-list .activity-details .details-list {
                display: flex;
                justify-content: space-between;
            }

                .activity-detail-wrapper .activity-list .activity-details .details-list div {
                    width: 33%;
                }

                    .activity-detail-wrapper .activity-list .activity-details .details-list div h5 {
                        margin-top: 5px;
                    }

                    .activity-detail-wrapper .activity-list .activity-details .details-list div span {
                        font-size: 18px;
                    }

        .activity-detail-wrapper .activity-list .price {
            width: 20%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            padding: 20px;
            margin: 0;
            color: #333;
        }

            .activity-detail-wrapper .activity-list .price .price-btn {
                background-color: black;
                width: 150px;
                border-radius: 25px;
                padding: 10px;
                margin: 0 auto;
                margin-top: 15px;
            }

                .activity-detail-wrapper .activity-list .price .price-btn:hover {
                    background-color: #ef3036;
                    transition: .3s;
                }

                .activity-detail-wrapper .activity-list .price .price-btn a {
                    color: #fff;
                }

            .activity-detail-wrapper .activity-list .price p {
                margin: 10px 0;
            }

            .activity-detail-wrapper .activity-list .price span {
                font-size: 30px;
                font-weight: bold;
            }

.account-wrapper {
    color: #fff;
    font-size: 16px;
}

    .account-wrapper a {
        color: #fff;
        margin-right:10px;
    }

        .account-wrapper a:hover {
            color: #ef3036;
        }

.site-header {
    position: sticky;
    top: 0;
    transition: background 0.1s ease;
    will-change: background-color; /* Tarayıcıya değişimi önceden bildirir */
}

.header-scrolled {
    background-color: black; /* Kaydırıldığında arka plan rengi */
}

.site-navigation ul > li.level-0 > a {
    color: #fff !important;
}

.site-header .header-mobile .navbar-toggle:before {
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .activity-list-wrapper .activity-list {
        flex-direction: column;
    }
}

@media only screen and (max-width: 768px) {
    .activity-list-wrapper .activity-list .activity-img {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .activity-list-wrapper .activity-list .activity-img img {
        width: 100%;
        margin-right: 0;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        border-bottom-left-radius: 0;
    }
}

@media only screen and (max-width: 768px) {
    .activity-list-wrapper .activity-list .activity-details {
        width: 100%;
        padding: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .activity-list-wrapper .activity-list .price {
        width: 100%;
        padding: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .activity-detail-wrapper .activity-list {
        flex-direction: column;
    }
}

@media only screen and (max-width: 768px) {
    .activity-detail-wrapper .activity-list .activity-img {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .activity-detail-wrapper .activity-list .activity-img img {
        width: 100%;
        margin-right: 0;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        border-bottom-left-radius: 0;
    }
}

@media only screen and (max-width: 768px) {
    .activity-detail-wrapper .activity-list .activity-details {
        width: 100%;
        padding: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .activity-detail-wrapper .activity-list .price {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .payments-detail-wrapper .card {
        width: 100%;
    }
}
.mt-30{
    margin-top:30px !important;
}
a:hover, a:focus {
    color: #ef3036;
}

.back-top {
    background-color: #ef3036;
}

.site-navigation ul > li.level-0 > a > span:before {
    background: #ef3036;
}

.site-header .header-desktop {
    background-color: black;
}

.product-list-item {
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff9f9;
    margin-bottom:20px;
}
    .product-list-item .product-list-content {
        padding: 20px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius:15px;
        border-bottom:1px solid #ccc;
        position:relative;
    }
    .product-list-item .product-list-content h1 {
        font-size: 20px;
        margin:5px 0;
        display:inline-block;
        padding-bottom:5px
    }

        .product-list-item .product-list-content h2 {
            font-size: 18px;
            margin: 5px 0;
        }

        .product-list-item .product-list-content .price-text {
            color: #ef3036
        }
        .product-list-item .product-list-content .activity-date {
            font-size: 15px;
        }

.product-list-content a {
    position: relative;
}

    .product-list-content a h1::after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0; 
        width: 60%; 
        height: 3px; 
        background-color: #ef3036; 
    }

.btn-buy {
    background-color: black;
    width: 150px;
    border-radius: 25px;
    padding: 10px;
    margin: 0 auto;
    margin-top: 15px;
    color:#fff;
    cursor:pointer;
}
.event-info {
    background-color: #fff9f9;
    padding: 15px;
}
.event-info label{
    font-size:16px;
    color:#000;
}
.event-list-container {
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: space-between;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
}
.m-t-150{
    margin-top:150px !important;
}
.basket-count{
    position:absolute;
    top:-5px;
    font-size:10px;
    font-weight:bold;
    background-color:#fff;
    color:#000;
    border-radius:50%;
    width:18px;
}
.btn-activity-detail {
    background-color: #fff;
    width: 150px;
    border: 1px solid #ef3036;
    border-radius: 25px;
    padding: 5px 10px;
    margin: 0 auto;
    margin-top: 15px;
    color: #ef3036;
    cursor: pointer;
    text-align: center;
    position: absolute !important;
    right: 10px;
    bottom: 10px;
}