body{
    -webkit-background-size: cover;
    -webkit-text-size-adjust: none;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url();
    background-attachment: fixed;
    background-color: #e8e8e8;
    background-position: center center fixed;
    background-repeat: no-repeat;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family: 'Oxygen', sans-serif;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #2c3e50;
    line-height: 1.5; /* Yazı boyutunun 1.5 katı */
    -webkit-touch-callout: none; /* Safari */
    -webkit-user-select: none;  /* Safari */
    -ms-user-select: none;      /* Internet Explorer/Edge */
    user-select: none;          /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
	


}    body.no-scroll {
        overflow: hidden;
    }
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: inherit;
}
.transparanCerceve1 {
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    width: 96%;
    margin-top: 12px;
    border-radius: 5px;
}
.transparanCerceve6 {
    color: #0651A2;
    font-size: 16px;
    /* [disabled]font-weight: bold; */
    margin-top: 10px;
    margin-bottom: 10px;    /*background-color: #e8e8e8;*/    /*-webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2); */    /*box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2); */
    text-align: center;
}

#devamButonu {
    display: inline-block;
    background: linear-gradient(145deg, #e6e6e6, #ffffff);
    color: #444;
    font-size: 15px;
    /* [disabled]font-weight: 500; */
    padding: 10px 22px;
    border: 1px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
    transition: all 0.25s ease;
}

#devamButonu:hover {
  background: linear-gradient(145deg, #f8f8f8, #ffffff);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
  color: #222;
}

#devamButonu:active {
  transform: scale(0.98);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}





.transparanCerceve53 {
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFF;
	width: 96%;
	margin-top: 22px;
	color: #999;
}

.transparanCerceve2 {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.font_Lobster {
	font-family: 'Lobster', cursive;
}
.font_Lobster_Size_30_beyaz {
    font-family: 'Playfair Display', serif;
    ;
    ;
    color: rgba(255,255,255,1.00);
    font-size: 28px;
}
.font_Oxygen {
	font-family: 'Oxygen', sans-serif;
}
.font_Oxygen_Size_25 {
    font-size: 16px;
    color: #0651A2;
}
h1 {
    font-size: 16px;
    color: #0651A2;
}
.font_Oxygen_Size_2523 {
    /* [disabled]font-size: 16px; */
    color: #FFA636;
    text-decoration: underline;
}.font_Oxygen_324 {
    /* [disabled]font-size: 17px; */
    /* [disabled]color: rgba(0,70,122,1.00); */
}
.font_Oxygen_Size_25_2 {
    font-size: 16px;
    color: #0651A2;
    /* [disabled]font-weight: bold; */
    font-family: 'Oxygen', sans-serif;
}
.kirmizi_font_1 {
	color: #4E0404;
}
.buton1 {
	font-size: 16px;
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 14px;
	padding-left: 10px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	/* [disabled]background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(134,0,1,1.00)),color-stop( 100% , rgba(118,0,0,1.00))); */
	/* [disabled]background-image: -webkit-linear-gradient(270deg,rgba(134,0,1,1.00) 0%,rgba(118,0,0,1.00) 100%); */
	background-image: linear-gradient(180deg,rgba(134,0,1,1.00) 0%,rgba(118,0,0,1.00) 100%);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.bg2 { background-image: url(images/2020-blue-abstract-background-design.webp); background-position: center top; background-repeat: no-repeat; background-size: cover; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; color: #FFFFFF; border-bottom: 1px solid rgba(229,229,229,1.00); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.butonAltCizgiIptal {
	text-decoration: none;
}
.resimCerceve532 {
    border: 1px solid #F4F4F4;
    border-radius: 5px;
}

.resimCerceve1 {
    float: left;
    border: 1px solid #E8E8E8;
}
.yorumResimCerceve52 {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #999999;
}
.resimCerceve4600 {
    float: center;
}
.yorumCerceve {
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 96%;
    background-color: #f4f4f4;
    margin-top: 12px;
    border-radius: 5px;
    font-size: 16px;
    color: #2c3e50;
}
.resimCerceve2 {
	margin-right: 20px;
	margin-bottom: 20px;
	border: 2px solid #000;
	float: center;
}
.text2 {
    color: #313131;
    font-size: 16px;
    font-family: 'Oxygen', sans-serif;
}
.text3 {
    color: #004DA3;
    /* [disabled]font-size: 20px; */
    text-decoration: none;
    /* [disabled]font-style: italic; */
    /* [disabled]font-weight: bold; */
}
.textBox {
    height: 35px;
    width: 250px;
    font-size: 16px;
    background-color: #FFFFFF;
    font-family: 'Oxygen', sans-serif;
    padding-left: 5px;
    padding-right: 5px;
}
.multiTextBox {
	height: 100px;
	width: 250px;
	font-size: 15px;
	background-color: #FFFFFF;
	font-family: 'Oxygen', sans-serif;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.yorumButon {
	font-family: 'Oxygen', sans-serif;
	font-size: 16px;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(203,0,3,1.00)),color-stop( 100% , rgba(111,0,0,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(203,0,3,1.00) 0%,rgba(111,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(203,0,3,1.00) 0%,rgba(111,0,0,1.00) 100%);
	width: 190px;
	height: 50px;
	color: #FFFFFF;
}
.text4 {
    color: #FFFFFF;
    text-shadow: 1px 1px #000000;
    font-size: 20px;
}
.yatayKesikCizgi {
	background-image: url(images/yatayKesikCizgi.png);
	background-repeat: repeat-x;
	height: 2px;
}
.yorumCerceve2 {
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-radius: 5px;
}
.yorumCerceveAlt {
    background-color: #FFFFFF;
    /* [disabled]font-size: 17px; */
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-bottom: 12px;
    margin-top: 12px;
    /* [disabled]font-family: 'Oxygen', sans-serif; */
}
.yorumCerceve3 {
	background-repeat: no-repeat;
	width: 100%;
	background-color: #f4f4f4;
	padding-top: 15px;
}
.comment_images_style {
	margin-right: 20px;
	float: left;
	border: 1px solid #999999;
}
.analizAdSoyadTextBox {
	height: 35px;
	width: 250px;
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
}
.analizMesajTextBox {
	height: 100px;
	width: 250px;
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.yorumlaButon2 {
	font-family: 'Oxygen', sans-serif;
	font-size: 15px;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(203,0,3,1.00)),color-stop( 100% , rgba(111,0,0,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(203,0,3,1.00) 0%,rgba(111,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(203,0,3,1.00) 0%,rgba(111,0,0,1.00) 100%);
	width: 190px;
	height: 50px;
	color: #FFFFFF;
	cursor: pointer;
}
.analizGunSelectBox {
	font-family: 'Oxygen', sans-serif;
	font-size: 40px;
	color: #000;
	height: 130px;
	width: 230px;
	padding-right: 5px;
	padding-left: 5px;
}
.analizAySelectBox {
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	color: #000;
	height: 40px;
	width: 70px;
	padding-right: 3px;
	padding-left: 3px;
}
.analizYilSelectBox023 {
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	color: #000;
	height: 40px;
	width: 80px;
	padding-right: 3px;
	padding-left: 3px;
}
.font_size_45 {
	font-size: 45px;
}
.text2yorum {
	color: #666;
	font-size: 30px;
}
.vurgu1 {
	background-color: #840001;
	border-radius: 2px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
	/* [disabled]font-size: 45px; */
}
.slogan_new_34 {
	font-size: 20px;
	color: #FFF;
	font-family: 'Oxygen', sans-serif;
}
.ust_yeni_cerceve34 {
	padding-right: 10px;
	padding-left: 10px;

}
.buton2233 {
	font-family: 'Oxygen', sans-serif;
	font-size: 15px;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(203,0,3,1.00)),color-stop( 100% , rgba(111,0,0,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(203,0,3,1.00) 0%,rgba(111,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(203,0,3,1.00) 0%,rgba(111,0,0,1.00) 100%);
	width: 280px;
	height: 50px;
	color: #FFFFFF;
}.textVurgu{
    color: #fff;
    font-size: 17px;
}
.ASD {
    font-family: 'Oxygen', sans-serif;
    font-size: 16px;
    color: rgba(255,255,255,1.00);
} .buton3 {
    width: 300px;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    font-family: 'Oxygen', sans-serif;
    color: #0651A2;
    text-align: center;
    height: 55px;
    background-color: #005EA3;
  }.buton:hover {
  background-color: #0056b3;
}
/*@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

.buton3.shake {
  animation: shake 0.5s ease-in-out; /* Titreme süresi */
  /*animation-iteration-count: 3;*/ /* 3 kez titrer */
/* } */

.buton5 {
    width: 300px;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    background-image: -webkit-linear-gradient(0deg,rgba(155,128,30,1.00) 0%,rgba(191,158,37,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(155,128,30,1.00) 0%,rgba(191,158,37,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(155,128,30,1.00) 0%,rgba(191,158,37,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(155,128,30,1.00) 0%,rgba(191,158,37,1.00) 100%);
    font-family: 'Oxygen', sans-serif;
    color: #FFFFFF;
    text-align: center;
    height: 50px;
  }
.buton4 {
    width: 300px;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    background-image: -webkit-linear-gradient(0deg,rgba(30,175,84,1.00) 0%,rgba(37,211,102,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(30,175,84,1.00) 0%,rgba(37,211,102,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(30,175,84,1.00) 0%,rgba(37,211,102,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(30,175,84,1.00) 0%,rgba(37,211,102,1.00) 100%);
    font-family: 'Oxygen', sans-serif;
    color: #FFFFFF;
    text-align: center;
    height: 50px;
  }
#sabitButonn a {
    text-decoration: none;
  }

.WPbuton{
    width: 300px;
    color: #fff;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    height: 51px;
    border-radius: 5px;
    text-decoration: none;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-color: #25D366;
    font-weight: normal;
    font-size: 17px;
    font-family: 'Oxygen', sans-serif;
}.buton35{
    width: 300px;
    color: #fff;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    height: 31px;
    border-radius: 5px;
    text-decoration: none;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-color: #FF7F50;
    font-weight: normal;
    font-size: 16px;
}.buton3WP{
    width: 300px;
    color: #fff;
    cursor: pointer;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
    /* [disabled]font-size: 19px; */
    height: 51px;
    border-radius: 10px;
    text-decoration: none;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-color: #2EB14F;
    font-weight: normal;
}.yazi5{
    font-size: 16px;
    font-family: 'Oxygen', sans-serif;

}
.text_19 {
    font-size: 19px;
}#sabitButonn {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    /* [disabled]color: #FFFFFF; */
    font-weight: normal;
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
    text-decoration: none;
    /* [disabled]font-size: 17px; */
    padding-top: 5px;
    padding-bottom: 15px;
    background-image: url(url);
    /* [disabled]padding-left: 10px; */
    /* [disabled]padding-right: 10px; */
    /*color: #FFFFFF;*/
    border-bottom: 1px solid rgba(229,229,229,1.00);
    /* [disabled]border-bottom-left-radius: 5px; */
    /* [disabled]border-bottom-right-radius: 5px; */
    /* [disabled]border-top-right-radius: 5px; */
    /* [disabled]border-top-left-radius: 5px; */
    /*box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); *//* Üst gölge */
    /* [disabled]background-color: #F7F7F7; */
}
#sabitButon2{
    color: #fff;
    text-decoration: none;
    display: none;
    border-radius: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 51px;
    width: 285px;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-color: #005EA3;
    font-weight: normal;

}#sabitButon3{
    color: #FFFFFF;
    text-decoration: none;
    display: none;
    /* [disabled]padding-top: 10px; */
    /* [disabled]padding-bottom: 10px; */
}.cizgi_orta_bg {
    background-image: url(images/gri_bg1x1.png);
    background-repeat: repeat-x;
    background-position: center center;
}.kirmiziUyariKutusu3{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 12px;
    padding-right: 12px;
    /* [disabled]background-color: #FAFAFA; */
    border-left: 2px solid #0350A8;
    border-right: 2px solid #0350A8;
    /* [disabled]border-bottom-color: #C50900; */
    /* [disabled]border-bottom-style: solid; */
    /* [disabled]border-bottom-width: 1px; */
    border-top-color: #C50900;
    /* [disabled]border-top-style: solid; */
    /* [disabled]border-top-width: 2px; */
    border-radius: 5px;
    background-position: left 0%;


}.fiyatFont {
    border-radius: 10px;
    background-color: #005EA3;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* [disabled]white-space: nowrap; */
    text-decoration: none;
    /* [disabled]font-weight: bold; */
    margin-right: 2px;
    margin-left: 2px;
    /* [disabled]margin-top: 1px; */
    /* [disabled]margin-bottom: 5px; */
    font-size: 16px;
}h3 {
    margin: 0; /* Üst ve alt boşlukları sıfırlar */
    padding: 0; /* Eğer padding varsa sıfırlar */
    font-size: 17px;
    font-family: 'Oxygen', sans-serif;
}h4 {
    margin: 0; /* Üst ve alt boşlukları sıfırlar */
    padding: 0; /* Eğer padding varsa sıfırlar */
}
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
	z-index: 9999;
  }
  .modal-content {
    background: #fff;
    padding-top: 25px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 30px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    /* [disabled]color: #004DA3; */
    font-size: 16px;
    /* [disabled]font-weight: bold; */
  }

.modal-buttons {
    display: flex;
    justify-content: center;
    gap: 10px; /* Butonlar arasında boşluk bırakır */
}

.modal-buttons button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    height: 50px;
}

#confirmCall {
    background-color: #005EA3;
    color: white;
}

#cancelCall {
    background-color: #B0B0B0;
    color: white;
}



#loading {
    position: fixed;
    inset: 0;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.spinner {
    position: relative;
    width: 58px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner-circle {
    position: relative;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: transparent;
    animation: modernSpin 1.15s linear infinite;
    box-shadow:
        0 -19px 0 2.2px rgba(6, 81, 162, 1),
        13.5px -13.5px 0 1.9px rgba(6, 81, 162, 0.92),
        19px 0 0 1.6px rgba(6, 81, 162, 0.82),
        13.5px 13.5px 0 1.25px rgba(6, 81, 162, 0.68),
        0 19px 0 1px rgba(6, 81, 162, 0.5),
        -13.5px 13.5px 0 0.8px rgba(6, 81, 162, 0.34),
        -19px 0 0 0.6px rgba(6, 81, 162, 0.22),
        -13.5px -13.5px 0 0.45px rgba(6, 81, 162, 0.14);
}

.spinner-circle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #0651A2;
}

@keyframes modernSpin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/* İçeriği gizle (sayfa yüklendiğinde görünecek) */
#content {
    padding: 20px;
}


#yygh {
	font-style: italic;
}
.arama_style {
    /* [disabled]font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 20px;
    /* [disabled]color: rgba(0,77,197,1.00); */
    text-decoration: underline;
}
.linkSize {
    font-size: 20px;
}
.baslik2 {
    /* [disabled]color: rgba(12,72,144,1.00); */
}
.fontSize78 {
    font-size: 17px;
}
.fontSizeKucukButon {
    font-size: 17px;
}
.textLink {
    color: rgba(81,81,81,1.00);
    text-decoration: none;
}



    #overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none; /* Başlangıçta gizli */
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 5;
    }

    .container {
    /* [disabled]width: 90%; */
    /* [disabled]max-width: 400px; */
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    text-align: center;
    }

    .top-section {
    padding: 20px;
    border-bottom: 1px solid #d3d3d3;
    }

    .header {
    font-size: 17px;
    /* [disabled]font-weight: bold; */
    color: #004DA3;
    font-family: 'Oxygen', sans-serif;
    /* [disabled]padding-top: 20px; */
    padding-bottom: 10px;
    line-height: 1.5;
    }

    .description {
    font-size: 16px;
    color: #333333;
    /* [disabled]margin-bottom: 10px; */
    /* [disabled]padding-bottom: 10px; */
    line-height: 1.6;
    }

    .button-section {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    }

    #bakiciArayan, #isArayan {
    width: 80%;
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
    font-size: 16px;
    color: #ffffff;
    background-color: #005EA3;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    /* [disabled]font-weight: bold; */
    }

    #bakiciArayan:hover, #isArayan:hover {
    background-color: #005EA3;
    }


  .header123 {
        background-color: #007BFF; /* Mavi renk */
        color: white;
        text-align: center;
        font-size: 17px;
        font-weight: bold;
        padding: 10px;
    }



        .yorum-kutusu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px; /* Yükseklik artırıldı */
    background-color: #f8f9fa;
    overflow: hidden;
    white-space: nowrap;
    border-top: 1px solid #ddd;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center; /* Yorumları dikey ortalamak için */
    border-bottom: 1px solid #ddd;
    margin-bottom: 120px;
        }

        .yorum-icerik {
            display: inline-block;
            white-space: nowrap;
        }

        .yorum {
    display: inline-block;
    margin-right: 60px; /* Yorumlar arasındaki boşluk artırıldı */
    font-size: 16px; /* Daha okunabilir font boyutu */
        }

        .yorum b {
    font-weight: bold;
    color: #000000;
        }

        @keyframes akiskan {
            0% {
                transform: translateX(100%);
            }
            100% {
                transform: translateX(-100%);
            }
        }

    .custom-line {
      height: 15px; /* Satır yüksekliğini burada ayarlayın */
    }

/* Normal durum */
.yorum-kutusu {
    transition: opacity 0.5s ease, transform 0.5s ease; /* Efekt geçişleri */
    opacity: 1; /* Görünür durumda */
    transform: scale(1); /* Normal boyutta */
}

/* GizlendiÄŸi durum */
.yorum-kutusu.gizle {
    opacity: 0; /* Åžeffaf yap */
    transform: scale(0.9); /* Hafif küçült */
    pointer-events: none; /* Etkileşimi kaldır */
}

/* Yorum içeriği için geçiş */
#yorumIcerik {
    transition: opacity 0.5s ease; /* İçeriğin de yavaşça kaybolması için */
    opacity: 1;
}

#yorumIcerik.gizle {
    opacity: 0;
}

.gizle {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}
#resim1, #resim2 {
    width: 100%;
    height: auto;
    max-width: 800px; /* Resmin maksimum genisligi */
    margin: 0 auto;   /* Resmi ortalamak için istege bagli */
    display: block;   /* Ortalamayi desteklemek için */
    border-radius: 5px; /* Köseleri oval yap */
}

hr {
    border: none;
    height: 1px; /* Çizgi yüksekliği */
    background: linear-gradient(to right, rgba(211, 211, 211, 0), #d3d3d3, rgba(211, 211, 211, 0)); /* SaÄŸ ve sol silik */
    width: 100%; /* GeniÅŸlik */
    opacity: 0.8;
    margin-top: 13px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 13px; /* Ãœst ve alt boÅŸluk */
}
  .yorum-gizli {
    max-height: 0; /* Başlangıçta görünmez */
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease; /* Yumuşak geçiş */
  }

  .yorum-gorunur {
    max-height: 500px; /* Yeterince büyük bir değer, içeriğe göre uyarlanır */
    opacity: 1;
  }

.kayan-yazi-container{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

/* Metin */
.fade-text{
  color:#606060;
  font-size:16px;
  line-height:1.5em;
  text-align:center;
  max-width:100%;
  opacity:1;
  transition:opacity .8s ease-in-out;
}

/* MASAÜSTÜ – 1 satir */
@media (min-width: 769px){
  .kayan-yazi-container{
    height:1.5em;
  }
}

/* MOBIL – 2 satir */
@media (max-width: 768px){
  .kayan-yazi-container{
    height:3em;
  }
}

.fade-text.hide{
  opacity:0;
}



  .phone-number {
    font-size: 16px; /* Telefon numarası büyük olsun */
    font-weight: bold;
  }

  .phone-text {
    font-size: 15px;
    margin-top: 1px;
    opacity: 0.8;
    padding-top: 1px;
  }


   /* Alt buton (ilk başta görünmez olacak) */
    #sabitButonn {

        opacity: 0;  /* Ä°lk baÅŸta ÅŸeffaf */
        visibility: hidden; /* Ä°lk baÅŸta gizli */
        transition: opacity 0.5s ease-in-out, visibility 0.5s;
    }

    /* Alt buton görünür hale gelince */
    #sabitButonn.show {
        opacity: 1;
        visibility: visible;
    }

.ornek-sms {
	border: 1px solid #ddd; /* Hafif gri çerçeve */
	background-color: #f9f9f9; /* Çok açık gri arka plan */
	padding-top: 14px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 14px; /* Ãœst-alt 7px, saÄŸ-sol 10px */
	border-radius: 6px; /* Hafif yuvarlatılmış köşeler */
	text-align: left; /* Yazıyı sola yasla */
	/* [disabled]margin-top: 8px; */
	/* [disabled]margin-bottom: 8px; */
	font-size: 16px;
}

  #resim1 {
    transition: opacity 1s ease-in-out;
    opacity: 1;
  }

@keyframes kisaTitresimSafari {
  0% { transform: translateX(-50%); }
  20% { transform: translateX(calc(-50% + 5px)); }
  40% { transform: translateX(calc(-50% - 5px)); }
  60% { transform: translateX(calc(-50% + 5px)); }
  80% { transform: translateX(calc(-50% - 5px)); }
  100% { transform: translateX(-50%); }
}

.titresim-animasyonu {
  animation: kisaTitresimSafari 0.3s ease-in-out 1;
}

 /* Konteyner: iki butonu yan yana ve eÅŸit geniÅŸlikte tutar */
  .cta-row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    max-width: 520px;           /* isteğe göre büyütüp/küçültün */
    /* [disabled]margin-top: 8px; */
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    align-items: stretch;
  }

  /* Ortak buton stili */
  .cta{
    display:flex;
    align-items:center;
    justify-content:center;
    height:55px;               /* eşit yükseklik */
    border-radius:12px;
    text-decoration:none;
    font-weight:600;
    font-size:16px;            /* 🔹 yazılar 16px */
    color:#fff;
    white-space:nowrap;        /* metin taşmasını engeller */
    padding:0 12px;
    min-width:140px;           /* 🔹 minimum genişlik */
    box-shadow:0 3px 8px rgba(0,0,0,.12);
    transition:transform .06s ease, filter .2s ease;
    cursor:pointer;
  }
  .cta:hover{ filter:brightness(1.06); }
  .cta:active{ transform:translateY(1px); }

  /* Renkler */
  .cta-call{ background:#0A5EA3; }   /* Mavi - Telefon */
  .cta-wa  { background:#25D366; }   /* YeÅŸil - WhatsApp */

  /* Çok dar ekran optimizasyonu */
  @media (max-width:360px){
    .cta{ height:48px; font-size:15px; padding:0 8px; }
    .cta-row{ gap:6px; }
  }


  /* Sabit alt çubuk konteyneri */
  .cta-fixed-row{
    position: fixed;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;

    /* genislik: ekrani tasirmadan ortaya otursun */
    width: calc(100% - 20px);
    max-width: 520px;

    z-index: 9999;

    /* baslangiçta gizli; JS açip kapatacak */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .35s ease;
  }

  /* Görünür sinifi */
  .cta-fixed-row.is-visible{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Içteki butonlar mevcut .cta ve renk siniflarinizi kullanir (yükseklik, font, min-width sizde zaten tanimli) */
  .cta-fixed-row .cta{
    /* .cta ile ayni hizada dursun diye ekstra gerek yok;
       isterseniz sabit bar için yükseklik de sabitleyebilirsiniz: */
    height: 55px;
  }

  @media (max-width:360px){
    .cta-fixed-row .cta{ height:48px; }
    .cta-fixed-row{ gap:6px; }
  }


#sabitButonlar {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease; /* animasyon sadece kapsayiciya */
}

/* Görünür oldugunda */
#sabitButonlar.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Çocuk butonlarda opacity transition kaldir */
#sabitButonlar .cta {
  transition: none !important;
}

.ara-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 100000;
  font-family: 'Oxygen', sans-serif;
}

.ara-modal {
  width: min(92vw, 520px);
  max-width: 520px;
  background: #fff;
  color: #111;
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.25);
  padding: 18px;
  text-align: center;
  font-size: 16px; /* tüm yazilar */
  position: relative;
}

.ara-modal h3 {
  margin: 6px 0 12px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  color: #0651A2;
  font-family: 'Oxygen', sans-serif;
}

.ara-modal p {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.6;
  opacity: .9;
}

.ara-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.ara-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  border: none;
  -webkit-tap-highlight-color: transparent;
  border-radius: 10px;
  padding: 15px 18px;
  font-size: 16px;
  cursor: pointer;
  line-height: 1;
  min-width: 120px;
  font-family: 'Oxygen', sans-serif;
}

.ara-btn-primary {
  background: #005EA3;
  color: #fff;
  font-size: 16px;
}

.ara-btn-secondary {
  background: #e0e0e0;
  color: #5D5D5D;
  font-size: 16px;
}

.ara-close-x {
  position: absolute;
  top: 8px;
  right: 10px;
  border: 0;
  background: transparent;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  color: #666;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* Hover efektleri */
@media (hover:hover) {
  .ara-btn-primary:hover { filter: brightness(0.95); }
  .ara-btn-secondary:hover { filter: brightness(0.9); }
  .ara-close-x:hover { color: #000; }
}

/* Focus tamamen kapali */
.ara-btn:focus,
.ara-btn:focus-visible,
.ara-close-x:focus,
.ara-close-x:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}


.yorumCerceveAlt a.hashtag1,
.yorumCerceveAlt a.hashtag1:link,
.yorumCerceveAlt a.hashtag1:visited,
.yorumCerceveAlt a.hashtag1:hover,
.yorumCerceveAlt a.hashtag1:focus,
.yorumCerceveAlt a.hashtag1:active {
    color: #007BFF !important;      /* sabit mavi ton */
    text-decoration: none !important;
}


.mobilde { display: none; }
.masastunde { display: inline; }

@media (max-width: 767px) {
  .mobilde { display: inline; }
  .masastunde { display: none; }
}