@media (min-width:0px) and (max-width:400px) {
    .cssdebug{
        background-color: blue;
    }
                                   
           
    .whatsapp-pc{ display: none; }
    .bottom-buttons {
bottom: 11px;
right: 66px;
    } 
    
    
    .parabirimi_degis {
  width:50px;
  padding-right: 20px; 
  margin-right: 5px;
    }      
    
    .group-part-arama{
        display: none;
    }
  
.dropdown-content-nereye-teksecim {
     left: -56px;
}
.kafile-sehir-ulke-full{
    width:292px; 
}
    
}/* 8 blue -----  en kucuk */













@media (min-width:401px) and (max-width:450px) {
    .cssdebug{
        background-color: green;
    }

    
    .whatsapp-pc{ display: none; }
    .bottom-buttons {
bottom: 11px;
right: 66px;
    }
    
    
    .parabirimi_degis {
  width:50px;
  padding-right: 20px; 
  margin-right: 5px;
    }   
    
    .group-part-arama{
        display: none;
    }
  
.dropdown-content-nereye-teksecim {
     left: -56px;
}
.kafile-sehir-ulke-full{
    width:343px; 
}
    
}/* 7 green */


















@media (min-width:451px) and (max-width:600px) {
    .cssdebug{
        background-color: lightblue;
    }

    .whatsapp-pc{ display: none; }
    .bottom-buttons {
bottom: 11px;
right: 66px;
    }
    
    
    .parabirimi_degis {
  width:50px;
  padding-right: 15px; 
  margin-right: 5px;
    }   
    
    .group-part-arama{
        display: none;
    }
  
.dropdown-content-nereye-teksecim {
    left: -43px;
}
.kafile-sehir-ulke-full{
    width:369px; 
}

} /* 6 lightblue */




















@media (min-width:601px) and (max-width:767px) {
    .cssdebug{
        background-color: lightgreen;
    }

    
    .whatsapp-pc{ display: none; }
    .bottom-buttons {
bottom: 15px;
right: 115px;
    }
    
    
    .parabirimi_degis {
  width:50px;
  padding-right: 15px; 
  margin-right: 5px;
    }   
    
    .group-part-arama{
        display: none;
    }
  
.dropdown-content-nereye-teksecim {
    left: 0;
}
.kafile-sehir-ulke-full{
    width:369px; 
}
    
} /* 5 lightgreen */

















@media (min-width:768px) and (max-width:992px) {
    .cssdebug{
        background-color: brown;
    }

    .whatsapp-mobile{ display: none; }
    .bottom-buttons {
bottom: 15px;
right: 115px;
    }
    
    .parabirimi_degis {
  width:150px;
  padding-right: 15px; 
  margin-right: 10px;
    }   
    
    .group-part-arama{
        display: none;
    }
  
.dropdown-content-nereye-teksecim {
    left: 0;
}
.kafile-sehir-ulke-full{
    width:369px; 
}



} /* 4 brown */
















@media (min-width:993px) and (max-width:1000px) {
    .cssdebug{
        background-color: deepskyblue;
    }


    .whatsapp-mobile{ display: none; }
    .bottom-buttons {
bottom: 15px;
right: 115px;
    }
    
    .parabirimi_degis {
  width:150px;
  padding-right: 15px; 
  margin-right: 10px;
    }   
    
    .group-part-arama{
        display: none;
    }
.dropdown-content-nereye-teksecim {
    left: 0;
}
.kafile-sehir-ulke-full{
    width:369px; 
}
    
} /* 3 deepskyblue  */






















@media (min-width:1001px) and (max-width:1199px) {
    .cssdebug{
        background-color: orange;
    }

        
    
    .whatsapp-mobile{ display: none; }
    .bottom-buttons {
bottom: 15px;
right: 115px;
    }
    
    .parabirimi_degis {
  width:150px;
  padding-right: 15px; 
  margin-right: 10px;
    }    
.dropdown-content-nereye-teksecim {
    left: 0;
}
.kafile-sehir-ulke-full{
    width:369px; 
}
    
} /* 2  orange */


















@media (min-width:1200px) and (max-width:1400px) {
    .cssdebug{
        background-color: darkorchid;
    }
  
    .whatsapp-mobile{ display: none; }
    .bottom-buttons {
bottom: 15px;
right: 115px;
    }
    
    .parabirimi_degis {
  width:150px;
  padding-right: 15px; 
  margin-right: 10px;
    }
.dropdown-content-nereye-teksecim {
    left: 0;
}
.kafile-sehir-ulke-full{
    width:369px; 
}

}/* darkorchid */








@media (min-width:1401px) and (max-width:1600px) {
    .cssdebug{
        background-color: yellow;
    }

    .whatsapp-mobile{ display: none; }
    .bottom-buttons {
bottom: 15px;
right: 115px;
    }
    
    .parabirimi_degis {
  width:150px;
  padding-right: 15px; 
  margin-right: 10px;
    }
.dropdown-content-nereye-teksecim {
    left: 0;
}
.kafile-sehir-ulke-full{
    width:433px; 
}

}/* yellow */










@media (min-width:1601px) and (max-width:1800px) {
    .cssdebug{
        background-color: pink;
    }

     
    
    .whatsapp-mobile{ display: none; }
    .bottom-buttons {
bottom: 15px;
right: 115px;
    }
    
    .parabirimi_degis {
  width:150px;
  padding-right: 15px; 
  margin-right: 10px;
    }
.dropdown-content-nereye-teksecim {
    left: 0;
}
.kafile-sehir-ulke-full{
    width:496px; 
}
    
}/* pink */





@media (min-width:1801px) and (max-width:5000px) {
    .cssdebug{
        background-color: red;
    }


    .whatsapp-mobile{ display: none; }
    .bottom-buttons {
bottom: 15px;
right: 115px;
    } 
    
    .parabirimi_degis {
  width:150px;
  padding-right: 15px; 
  margin-right: 10px;
    }
    
    
.dropdown-content-nereye-teksecim {
    left: 0;
}
.kafile-sehir-ulke-full{
    width:537px; 
}
    
    
}/* red */





/* GLOBAL */   /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */   /* GLOBAL */

/* GLOBAL */   /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */   /* GLOBAL */

/* GLOBAL */   /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */   /* GLOBAL */

/* GLOBAL */   /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */   /* GLOBAL */

/* GLOBAL */   /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */   /* GLOBAL */

/* GLOBAL */   /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */   /* GLOBAL */

/* GLOBAL */   /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */   /* GLOBAL */

/* GLOBAL */   /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */    /* GLOBAL */   /* GLOBAL */   /* GLOBAL */

.cssdebug{

    position: fixed;
    bottom:0px;
    left: 0px;
    width:30px;
    height: 30px;
    z-index:999999999999;

}


.secim_temizle{
    position: absolute; top:-20px; right:0px;
    cursor:pointer;
    display: none;
    color:#7a86b7;
}


.footer-text{
    width:100%; height: auto; text-align: center; background-color:#0e0e0e; color:#fff; 
}




   
    .popup-data-full {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        transition: opacity 0.3s ease-in-out;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .popup-content-data {
    width: 80%;
    height: 90%;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    overflow: hidden;
}

.popup-header-data {
    position: relative;
    width: 100%;
    padding: 20px;
}
.close-data {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 50px;
    transition: color 0.3s;
}
.popup-gallery-data {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 10px;
    overflow: auto;
}

.sartlarlink{
    cursor: pointer;
}
.kosullar_link{
    cursor: pointer;
}







    .sepet-full{
        
        
    }
    
    .sepet-full {
    position: fixed;
    top: 70px;
    right: 0px;
    width: 350px;
    background: rgba(0, 0, 0, 0.3);
        z-index: 999;
    }
    
    .sepet-satirlar{
        
    width: 350px;
    max-height: 270px;
    overflow: auto;
        background:rgba(0,0,0,0.3); 
        border:3px solid #f84822;
        box-sizing: border-box;
       
    }
    
    .sepet-satir{
        display: flex;
        width: 100%; height: auto; margin-bottom: 1px; background:rgba(255,255,255,0.9); color:#000;
        overflow: hidden;
    }
    
    .sepet-satir-ad{
         width: 55%; padding-left: 5px; 
         height: 35px;
         padding-top: 15px;
         overflow: hidden;
         text-overflow: ellipsis;
         text-overflow: ellipsis;
         white-space: nowrap;
            
         
    }
    
    .sepet-satir-fiyat{
        position: relative;
         width: 45%;  padding-right: 5px; height: 50px; text-align: right; color: #f84822;
         display: flex; justify-content: center; align-items: center;
    }
    
    .sepet-satir-sil{
        position:absolute; top:16px; right:5px; 
        color:red; cursor: pointer; font-size: 17px;
    }
    
    .sepet-butonlar{
     width: 100%; height: 50px;
      color:#fff;
     display: flex;
        z-index: 999;
    }
    
    .sepet-buton-liste{
        width: 33%; height: 50px; display: flex; justify-content: center; align-items: center;
        background-color: #f84822;
        cursor: pointer;
    }
    
    .sepet-buton-odeme{
        width: 67%; height: 50px; display: flex; justify-content: center; align-items: center;
        background-color: blue;
        cursor: pointer;
    }
    
    .sepet-buton-odeme a{
        color:#fff;
    }
    
    .sepet-toplam-fiyat{
        width: 33%; height: 50px; display: flex; justify-content: center; align-items: center;
        background-color: #f84822;
    }












.bottom-buttons {
    position: fixed;
    width: 216px;
    height: 50px;
    z-index: 15;
}



.bottom-button {
   
    float: right;
   
    text-align: center;
    border-radius: 45px;
    align-items: center;
}

.bottom-button img {
    height: 100%;
}


    
    .whatsapp-mobile{ margin: 2px; height: 44px;  width: 43px; background-color: #2cac1d; border: 1px dashed #2cac1d; }
    .whatsapp-pc{  margin: 2px; height: 44px; width: 43px; background-color: #2cac1d;  border: 1px dashed #2cac1d; }
    
    
    
    
    
    
    
    
    
    
    .otel-oda-fiyat{
        position: absolute; top:0px; right: 0px; padding: 15px; background-color:#f84822; color:white;
        border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px;
        border-left: 3px solid #d7dddb; border-bottom: 3px solid #d7dddb; font-weight: bold;
    }
    
    
   
  
    
    
    .parabirimi_degis {
  color: #fff; 
  background-color: #26275f; 
  border: 1px solid #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 3px;
  appearance: none; 
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M7 10l5 5 5-5H7z"/></svg>');
  background-repeat: no-repeat;
  background-position: 95% 10px; 
  background-size: 15px; 
}

.parabirimi_degis:focus {
  outline: none;
  border-color: #aaa;
}

.sifunut{
    margin-bottom: 50px;
}
.sifunut-kodfull,.sifunut-parolafull,.sifunut-parolatekrar{
    display:none;
}

.homepost-error{
    width:100%; height: auto; color:white; background-color: red;  text-align: center;
    font-size: 21px;
}

.cl-black{
   color:black;  
}
.cl-red{
   color:red;  
}
.cl-green{
   color:green;  
}

.sifunut-error{
   
}


.whatsaptext {
    margin-left: -36px;
    margin-top: -28px;
    width: 114px;
    background-color: #2cac1d;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}






                                        .rezervasyon-table{
                                            width: 100%;
                                            border-collapse: collapse;
                                            margin-top: 20px;
                                        }
                                        
                                        .rezervasyon-table th,.rezervasyon-table tfoot tr td  {
                                            background-color: #f9f9f9;
                                            font-weight: bold;
                                        }

                                        .rezervasyon-table th, .rezervasyon-table td {
                                            border: 1px solid #ccc;
                                            padding: 10px;
                                            text-align: left;
                                        }
                                        .rezervasyon-table .rezervasyon-fiyat {
                                            text-align: right;
                                        }
                                        
                                        
                                        
                                        .urun-satir {
    display: flex;
    column-gap: 20px;
    margin: 10px;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 10px;
}

.urun-satir-ad {
    flex: 1 1 77%;
}

.urun-satir-fiyat {
    flex: 1 1 15%;
    display: flex;
    justify-content: space-evenly;
    font-weight: 800;
}

.odeme-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 2.5rem;
    column-gap: 20px;
}

.odeme-footer .sepet-toplam-fiyat {
    background-color: transparent;
    font-weight: 800;
}

.sepet-satir-trash {
    color: red;
    cursor: pointer;
    font-size: 17px;
}

 .profil-aside {
        width: 100%;
    }

    aside {
        margin-top: 3rem;
        width: 100%;
    }

    aside ul {
        list-style-type: none;
        padding: 0;
    }

    aside li {
        padding: 10px;
    }

    aside li a {
        text-decoration: none;
        color: black;
    }

    aside li a i {
        margin-right: 10px;
    }

    aside li.active {
        font-weight: bold;
        background-color: #f0f0f0;
        /* Arka plan rengi */
    }

    @media (max-width: 1023px) {
        .profil-bilgi {
            flex-wrap: wrap;
            height: 100%;
        }

        .profil-img {
            margin: auto;
        }

        .profil-alt {
            width: 50%;
        }
    }

    @media (max-width: 599px) {
        .profil-alt {
            width: 100%;
        }
    }
    
    
    
    .detayaciklama-wrapper {
    position: relative;
    max-width: 100%; 
}

.detayaciklama {
    max-height: 145px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease; 
}

.detayaciklama p{
    font-weight: 600;
}

.detayaciklama.expanded {
    max-height: none; 
}

.devamini-goster {
    display: inline-block;
    margin-top: 10px;
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}





.time-picker {
    padding: 20px;
    border-radius: 10px;
    display: flex;
    gap: 20px;
}

.time-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
}

.time-label {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #333;
}

.time-dropdown {
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
    outline: none;
    appearance: none;
    cursor: pointer;
    width: 60px;
    text-align: center;
}

.time-dropdown:hover {
    border-color: #007BFF;
    background: #fff;
}

.form-date-clear-btn {
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 24px;
    font-weight: 600;
    color: black;
    cursor: pointer;
    
}



.kafile-sehir-ulke-full{
    display: flex; height: 200px; 
}

.dropdown-content-nereye-teksecim {
    display: none;
    position: absolute;
    top: 100%;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 15px 20px;
    z-index: 1;
    border-radius: 8px;
    overflow-x: auto;
}


.kafile-sehirler{
    width:50%; height: 200px; 
}

.kafile-ulkeler{
    width:50%; height: 200px; 
}

.ulke-item{
    width:100%; height: 25px; font-weight: 500;
    padding-top: 3px; margin-bottom: 5px;
    cursor: pointer;
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sehir-item{
    width:100%; height: 25px;  font-weight: 600;
    padding-top: 3px; margin-bottom: 5px;
    cursor: pointer;
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sehir-item i , .ulke-item i{
    color:#ccc;
}
.kafile_ulke_yer_engel{
    position:absolute; top:0px; left:0px; width:100%; height:100%; 
}