img {max-width: 100%; height: auto; vertical-align: middle;}
div {margin: 0; padding: 0;}
table {border-collapse: collapse;}
tr, td {border: none;}

/* Mobil menü ikonları */
.icon11,.icon12,.icon13,.icon14,.icon15,.icon16 {display: none; width: 30px; height: 30px; background-size: contain; vertical-align: middle;}
.icon11 {background-image: url('/images/icon-11.png');}
.icon12 {background-image: url('/images/icon-12.png');}
.icon13 {background-image: url('/images/icon-13.png');}
.icon14 {background-image: url('/images/icon-14.png');}
.icon15 {background-image: url('/images/icon-15.png');}
.icon16 {background-image: url('/images/icon-16.png');}


/* Ana Yazıların yazıldığı divler */
.icerikdiv-3 {position: relative; background-color: #fff; padding: 40px 40px; margin: 40px 0 40px 0; border-radius: 10px; border: 1px solid #c1c5c6; text-align: center;}
.icerikdiv-2 {text-align: center; margin-bottom: 40px; padding: 20px 20px; border-radius: 10px; background-color: #f8f8f8; position: relative; border: 1px solid #c1c5c6;}
.sol-2 {position: absolute; width: 100px;}
.sag-2 {background-color: #fff; height: 100%; margin-left: 120px; padding: 40px; text-align: left; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-left: solid #c1c5c6 5px;}
.vektor-img {display:none; margin:-25px -5px 10px -5px;} /* sag2 bölümünün başına koyduğumuz resim */


/* Anasayfa Why Choose UnaCapadocia bölümündeki yazılar*/        
.yazi-block {margin-top: 30px;}


/* Anasayfa Diğer 3 turun bulunduğu bölüm */ 
.activity-summary-container {display: flex; justify-content: space-between; gap: 20px; margin-top: 30px; margin-bottom: 30px; flex-wrap: wrap; box-sizing: border-box; padding: 0 10px;}
.activity-summary-block {flex: 1; min-width: 250px; max-width: 100%; padding: 20px; border-left: 3px solid #fca71b; background-color: #ffffff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-sizing: border-box;}
     

/* Bottom bölümü */ 
.site-footer {background-color: #f8f8f8; color: #aeaeae; margin-top: 80px; padding: 0 0 40px 0;}
.whatsapp-bar {background-color: #e6f8ec; color: #333; padding: 40px; text-align: center; font-weight: bold; margin-bottom: 30px; border-top: 2px solid #25D366;}
.whatsapp-container {max-width: 1200px; margin: 0 auto 20px auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px;}
.whatsapp-container p {margin: 0; color: #333;}
.whatsapp-container h2 {margin: 0; color: #25D366;}
.whatsapp-cta-full {display: inline-flex; justify-content: center; align-items: center; background-color: #25D366; color: #fff !important; text-decoration: none; font-weight: bold; padding: 10px 25px; border-radius: 5px; white-space: nowrap;}
.whatsapp-cta-full i {margin-right: 10px; font-size: 26px;}
.footer-container {max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px; padding: 40px;}
.footer-column {flex: 1; min-width: 200px;}
.footer-column h3 {color: #aeaeae; margin-bottom: 15px; border-bottom: 2px solid #e2e2e2; padding-bottom: 5px;}
.footer-column p {color: #aeaeae; margin-bottom: 10px;}
.footer-column ul {list-style: none; padding: 0; margin: 0;}
.footer-column ul li {margin-bottom: 8px;}
.footer-column ul li a {color: #aeaeae; text-decoration: none;}
.social-icons {display: flex; gap: 15px;}
.social-icons a {color: #aeaeae; font-size: 22px;}
.google-rating strong{background: linear-gradient(90deg, #FFD700, #FFA500); -webkit-background-clip: text; color: transparent;}
#languageSelector {width: 100%; text-align: center; padding: 10px; box-sizing: border-box; background-color: #fff; border-top: 1px solid #e2e2e2;}
#languageSelector select {padding: 6px 12px; font-size: 14px; border-radius: 5px; color: #999; background-color: #f2f2f2; border: 1px solid #e2e2e2;}


/* Tur Kartları */ 
.card-container {display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto 40px 0; padding: 0;}
.tour-card {position: relative; background-color: #fff; height: 100%; border: 1px solid #c1c5c6; border-radius: 12px; overflow: hidden; transition: transform 0.3s ease; display: flex; flex-direction: column;}
.tour-card img {width: 100%; height: auto; object-fit: cover;}
.card-content {flex-grow: 1; padding: 10px 20px 40px 20px;}
.card-content h3 {margin-top: 0; color: #d85c72;}
.card-footer {margin-top: auto; display: flex; justify-content: space-between; align-items: center; padding: 15px; border-top: 1px solid #e0e0e0; background-color: #f8f8f8; }
.price {font-size: 22px; font-weight: bold; color: #d85c72;}
.price-info { display: block; font-size: 12px; color: #999; margin-bottom: 5px; }
.details-btn {background-color: #fff; border: solid 1px ; color: #d85c72; padding: 10px 20px; text-decoration: none; border-radius: 5px;}
.discount-badge {position: absolute; top: 12px; left: 12px; background-color: #F57C00; color: #fff; padding: 5px 10px; font-size: 12px; font-weight: bold; border-radius: 4px; z-index: 10; box-shadow: 0 2px 6px rgba(0,0,0,0.2);}


/* Müşteri Yorumları */
.review-cards-wrapper {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 30px; justify-content: center;}
.review-card {background: #ffffff; padding: 25px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-sizing: border-box;}
.reviewer-name-simple {margin: 0; font-weight: bold; color: #2c3e50; font-size: 1em;}
.review-card h3 {font-size: 1em; margin: 0; font-weight: 500; color: #555;}
.rating-stars {margin-bottom: 10px;}
.star-icon {color: #f39c12; font-size: 1.2em; letter-spacing: 2px;}
.review-source {font-size: 0.85em; color: #95a5a6; margin-left: 10px;}
.review-text {font-style: italic; color: #555; margin-top: 15px; font-size: 14px;}
.review-media {margin-top: 20px; margin-bottom: 5px; overflow: hidden; border-radius: 4px;}
.review-media .tour-photo {width: 100%; height: auto; display: block; object-fit: cover; transition: transform 0.4s ease;}
.reviews-cta-box {text-align: center; margin-top: 40px; margin-bottom: 10px;}
.cta-review-button {display: inline-block; padding: 10px 15px; font-size: 16px; font-weight: 600; color: #fff; background-color: #fff; color: #3498db; border: 1px solid #3498db; border-radius: 8px; text-decoration: none;}


/* BLN Sayfasındaki Fiyat Tablosu */
.table-pricing {width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.table-pricing th {padding: 10px; border: 1px solid #ddd; background-color: #ffffe5;}
.table-pricing td {padding: 10px; border: 1px solid #ddd; background-color: #fff;}
.table-pricing th:nth-child(2),.table-pricing th:nth-child(3),.table-pricing td:nth-child(2),.table-pricing td:nth-child(3) {text-align: center;}


/* BLN Sayfasındaki Steps Bölümü */
.steps {margin-top: 5px;}
.steps summary {font-size: 16px; font-family: 'Lato'; color: #006bde;}
.icerikS {padding: 10px 0 0 0;}
.icerikS h3 {color: #006bde;}
.icerikS p {margin-bottom: 10px;}


/* Steps Bölümünü Resimleri */
.uc-resim-galeri {display: flex; justify-content: space-between; gap: 15px; padding: 20px;}
.resim-kutusu {flex: 1; min-width: 0;}
.galeri-resmi {width: 100%; object-fit: cover; border-radius: 8px; transition: transform 0.3s ease;}

 





















        
        .detay-listesi {margin: 10px 0 10px 0;}
        .detay-madde {display: flex; align-items: center; margin-bottom: 10px;}
        .detay-ikon {flex-shrink: 0; width: 40px; margin-right: 10px;}
        .detay-icerik {flex-grow: 1;}
        .madde-baslik {margin-top: 0; margin-bottom: 3px; line-height: 1.3; color: #1f1f1f;}
        .madde-baslik strong {color: #e52629be;}
        
        .madde-aciklama {font-size: 14px; margin: 0; text-align: justify; color: #e52629be;}

        .book-button {margin: 10px 20px 0 20px; display: block; height: 50px; border-radius: 25px; background: linear-gradient(90deg, #f27b1ada, #fbaf34e4); padding: 0 10px;}
        .book-button-alt {display: flex; align-items: center; justify-content: space-between;}
        .book-button-alt span {color: #fff; cursor: pointer; line-height: 50px; margin: 0 0 0 15px; font-size: 18px; font-weight: 600;}
        .book-button-alt img {width: 20px; height: 20px; margin: 15px 10px; opacity: 0.7;}


















.fiyat-div {margin: 50px auto 0 auto; padding: 8px 0; max-width: 300px; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 6px; border-radius: 5px;}
.fiyat-div small {color: #666;}
.fiyat-div p {color: #e52629be; font-size: 22px; margin-top: 0;}
.fiyat-div span {font-weight: 600;}




.booking-section {padding: 0 5px;}
.booking-section h2 {margin-bottom: 20px;}
.booking-block {margin-bottom: 30px;}
.booking-block h3 {color: #e52629be;}
.booking-block p {text-align: justify;}
.contact-list,.faq-list {list-style: none; padding-left: 10px; margin-bottom: 40px;}
.contact-list li,.faq-list li {display: flex; align-items: center; margin-bottom: 15px;}

.cta-wrapper {text-align: center; margin-top: 40px; display: flex; flex-direction: column; gap: 15px; align-items: center; padding: 20px 10px;}
.cta-button {display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 14px 24px; border-radius: 8px; font-weight: bold; text-decoration: none; color: white; width: 300px;}
.cta-button.whatsapp {color: #41a04c; border: 2px solid #50c85e;}
.cta-icon {width: 30px; height: 30px;}
.cta-button.form {color: #d85c72; border: 2px solid #d85c72;}
.cta-note {margin-top: 20px; text-align: center;}
li {margin-bottom: 10px;}


.frm-19-h4 {color: #66c266; font-weight: 600;} 
.frm-19-h4 span {color: #ff6b46;}  
.frm-19 select {color: #666; border: 1px solid #dadde2; background-color: #f2f2f2; padding: 8px; font-size: 16px; font-family: 'Lato', sans-serif; border-radius: 5px;}    
.frm-19 input, .frm-19 textarea {color: #666; border: 1px solid #dadde2; background-color: #f2f2f2; width: 100%; padding: 8px; font-size: 16px; font-family: 'Lato'; box-sizing: border-box; border-radius: 5px;}    

.takvim-wrapper {width: 100%; margin-top: 30px;}
.takvim-wrapper small {color: #999;}
.takvim-input-container {position: relative; width: 100%;}
.takvim-input-container input {width: 100%; box-sizing: border-box; padding-right: 40px; height: 40px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px;}
.takvim-icon {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url('/images/icon-24.png'); background-size: contain; background-repeat: no-repeat; cursor: pointer;}
.number-icon {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url('/images/icon-25.png'); background-size: contain; background-repeat: no-repeat; cursor: pointer; opacity: 0.8;}
.name-icon {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url('/images/icon-26.png'); background-size: contain; background-repeat: no-repeat; cursor: pointer; opacity: 0.8;}
.email-icon {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url('/images/icon-27.png'); background-size: contain; background-repeat: no-repeat; cursor: pointer; opacity: 0.8;}
.tel-icon {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url('/images/icon-28.png'); background-size: contain; background-repeat: no-repeat; cursor: pointer; opacity: 0.8;}
.hotel-icon {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url('/images/icon-29.png'); background-size: contain; background-repeat: no-repeat; cursor: pointer;}
#telefonNotu {display: none; color: #e52629be;}

 /*
 #tarihsec {position: absolute; border-radius: 10px; z-index: 100; width: 400px; background-color: #ffffe5; box-shadow: 0px 0 10px rgba(0,0,0,0.12), 0px 0 10px rgba(0,0,0,0.24); text-align: center; height: 460px; opacity: 1; display: none;}
 */
 #tarihsec {background-color: #ffffe5; border-radius: 10px; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.12), 0px 0 10px rgba(0, 0, 0, 0.24); text-align: center; z-index: 100; opacity: 1; display: none;  position: absolute; width: 400px; height: 470px;}
 
.ust-ttasp {width: 14.2%; padding: 2px; margin: 10px; aspect-ratio: 1/1; position: relative;}
.ttasp {position: relative; width: 100%; border-radius: 5px; background-color: yellow; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #999; font-family: 'Lato'; border: 1px solid #d9d9d9; cursor: pointer;}
.ttfiyat {position: absolute; z-index: 1000; letter-spacing: 1px; width: 100%; height: 16px; bottom: 3px; font-size: 10px; font-weight: 400; color: #4e99b7; font-family: 'Lato';}

.total-div-ana {background-color: #f2f2f2; margin-top: 50px; border: 1px solid #dadde2; border-radius: 10px; text-align: center;}
.total-div {background-color: #fff; padding: 10px; border-bottom: 5px solid #8cd18c; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.book-con {padding: 40px 5px;}
.book-con h3 {color: #66c266;}
.book-con p {margin: 5px; font-size: 14px;}
.book-div {width: 100%; max-width: 100%; box-sizing: border-box; padding: 0 20px; margin: 20px auto 0 auto; overflow-x: hidden;}
.bookc {width: 100%; box-sizing: border-box; padding: 12px 16px; font-size: 18px; color: #fff; background-color: #66c266; border: none; border-radius: 5px; cursor: pointer; text-decoration: none;}
.book-div small {margin-top: 5px;}

#ttoplam {font-size: 26px; color: #e52629be; font-weight: 600;}
























 
    











/*summary, blockquote {font-family: 'Open Sans'; color: #1f1f1f; text-decoration: none;}
summary {margin-top: 10px;}*/

.cta-desktop {display: inline-block; padding: 10px 15px; font-size: 14px; font-weight: 600; color: #fff; background-color: #fff; color: #d85c72; border: 1px solid #d85c72; border-radius: 8px; text-decoration: none; margin: 40px 0 40px 0;}
.section-title {color: #e52629be; margin-top: 30px;}
.section-text {text-align: justify;}
.section-title.tight {margin-top: 5px;}
.bloga {color: #007BFF; text-decoration: underline;}





.akordiyon-liste {font-family: 'Open Sans'; width: 100%; margin: 15px auto;}
.akordiyon-liste details {background-color: #f9f9f9; border-radius: 8px; margin-bottom: 12px; padding: 0;}
.akordiyon-liste summary {display: flex; margin: 0; justify-content: space-between; align-items: center; padding: 10px 20px; cursor: pointer; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 8px; color: #333; list-style: none;}
.akordiyon-liste .ok-simgesi {font-size: 14px; font-weight: bold; color: #888; transform: rotate(90deg); transition: transform 0.3s ease;}
.akordiyon-liste details[open] .ok-simgesi {transform: rotate(0deg);}
.akordiyon-liste summary h3 {margin: 0; color: #666; font-size: 16px;}
.akordiyon-liste .icerik {padding: 30px;}
.icerik p {margin-bottom: 5px;}
.icerik ul {list-style-position: inside; padding-left: 0; padding-top: 0; margin-top:0;}






        
        .gallery-item {overflow: hidden; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
        .gallery-item img {width: 100%; object-fit: cover; display: block;}
        .hidden-photos {display: none; grid-column: 1 / -1;}
        .hidden-photos.visible {display: contents;}
        .show-more-button {display: block; margin: 25px auto; padding: 12px 30px; background-color: #ff6f61; color: white; border: none; border-radius: 25px; cursor: pointer; font-size: 16px; font-weight: bold; transition: background-color 0.3s ease;}
        .show-more-button:hover {background-color: #e55a4f;}

        .gallery-container {max-width: 1200px;}
        .gallery-grid {display: grid; gap: 40px; grid-template-columns: repeat(3, 1fr); margin-top: 30px;}





@media (max-width: 768px) {



/* Menü bölümü */

/* Hero resmi */

/* Mobil menü ikonları */
.icon11,.icon12,.icon13,.icon14,.icon15,.icon16 {display: inline-block;}

/* Ana Div */
.icerikdiv-3 {padding: 40px 10px; margin: 40px 0 40px 0;}
.icerikdiv-2 {margin-bottom: 30px; padding: 10px 15px; background-color: #fff;}
.sol-2 {position: inherit; width: auto; display: none;}
.sag-2 {margin-left: 0; border-radius: 0; padding: 25px 0; border-left: none;} 


  .activity-summary-container {flex-direction: column; gap: 15px; padding: 0 15px;}
        .activity-summary-block {width: 100%; min-width: initial;}





        .whatsapp-container {flex-direction: column; align-items: stretch;}
.whatsapp-cta-full {width: 100%; box-sizing: border-box; white-space: normal;}
.footer-container {flex-direction: column; gap: 20px; padding: 0 20px;}
.footer-column {min-width: 100%;}
.footer-column h3 {margin-bottom: 5px;}
#languageSelector {text-align: center;}



     .tour-card {width: 100%;}
.card-container {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; max-width: 100%; padding: 0; margin: 0 auto 40px 0; box-sizing: border-box;}
.price {font-size: 20px;} 










.vektor-img {display:block;}
.vektor-img img {width: 100%; height: auto; display: block; mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));}
      












.fiyat-div p {font-size: 22px;}



.booking-block {margin-bottom: 20px;}
.cta-button {width: 225px;}


/*
#tarihsec {position: fixed; width: 100%; bottom: 0; margin-left: -20px; height: auto; overflow-y: auto;}
*/

#tarihsec {position: fixed; width: 100%; bottom: 0; left: 0; margin-left: 0; height: auto; max-height: 80vh; overflow-y: auto; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#ttoplam {font-size: 20px;}



.cta-desktop {font-size: 16px; border: 1px solid #d85c72;}




















   














.uc-resim-galeri {
        flex-direction: column; /* Öğeleri dikey olarak (alt alta) dizer */
        gap: 20px; /* Alt alta gelen resimler arasına biraz boşluk ekler */
    }

    .resim-kutusu {
        flex: none; /* Mobilde flex davranışını iptal et */
        width: 100%; /* Tam genişlikte görünmesini sağla */
    }

    .galeri-resmi {
        height: auto; /* Mobilde yüksekliği otomatik yap (veya istediğiniz sabit bir yükseklik verebilirsiniz) */
    }


.gallery-grid {grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 15px;}






.review-cards-wrapper {flex-direction: column; gap: 20px;}
.review-card {max-width: 100%; min-width: 100%; padding: 15px;}



.akordiyon-liste summary {padding: 10px;}
.akordiyon-liste .icerik {padding: 15px;}

}