.firma-bilgileri-listesi {
list-style: none;
padding: 0!important;
margin: 0 0 20px 0;
display: flex;
flex-direction: column;
gap: 0px;
}
.firma-bilgileri-listesi li {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid var(--border);
padding: 10px 5px 10px 0px;
}
.firma-label {
width: 160px;
font-weight: 600;
color: var(--siyah);
flex-shrink: 0;
font-size: 16px;
}
.firma-value {
flex: 1;
color: var(--siyah);
word-break: break-word;
font-size: 16px;
}
.firma-value a {
color: var(--mavi);
}
.firma-value a:hover {
color: var(--kirmizi);
}
.firma-harita-embed {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 0px;
}
.firma-harita-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}







.firma-filtre {
max-width: 100%;
background: #f8f9fa;
padding: 15px;
border: 1px solid var(--border);
margin-top: 20px;
}
.firma-filtre h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 15px;
color: var(--siyah_color);
border-bottom: 1px solid var(--border);
}
.firma-filtre h3 span {
color: var(--kirmizi_color);
font-weight: 400;
}
.firma-filtre .dropdown-wrapper {
margin-bottom: 15px;
}
.firma-filtre .dropdown-wrapper label {
display: block;
margin-bottom: 5px;
font-weight: 500;
font-size: 14px;
}
.firma-filtre .dropdown {
position: relative;
background: var(--beyazbg);
border: 1px solid var(--border);
cursor: pointer;
user-select: none;
transition: border-color 0.2s;
}
.firma-filtre .dropdown .selected {
width: calc(100% - 37px);
font-size: 14px;
color: var(--siyah);
position: relative;
padding: 10px 25px 10px 10px;
display: block;
}
.dropdown-wrapper .dropdown .firmareh-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
transition: transform 0.3s ease;
font-size: 16px;
color: #666;
}
.dropdown-wrapper .dropdown.open .firmareh-icon {
transform: translateY(-50%) rotate(180deg);
}
.firma-filtre .dropdown.open {
border-color: var(--border);
}
.firma-filtre .dropdown .options {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
max-height: 200px;
overflow-y: auto;
background: var(--beyazbg);
border: 1px solid var(--border);
border-top: none;
z-index: 10;
padding: 0px;
margin: 1px 0px 0px 0px;
}
.firma-filtre .dropdown.open .options {
display: block;
}
.firma-filtre .dropdown .options li {
padding: 10px 15px;
font-size: 14px;
color: var(--siyah_color);
cursor: pointer;
transition: background 0.2s;
list-style: none;
}
.firma-filtre .dropdown .options li:hover {
background: var(--border);
}
.firma-filtre .dropdown .options li.selected {
background: var(--kirmizi);
color: var(--beyaz);
}
.firma-filtre button {
width: 100%;
text-align: center;
position: relative;
overflow: hidden;
background: var(--siyah);
color: var(--beyaz);
border: none;
padding: 10px 0px;
font-size: 15px;
font-weight: 500;
cursor: pointer;
z-index: 1;
border-radius: 3px;
margin-top: 5px;
}
.firma-filtre button::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: var(--kirmizi);
transform: translate(-50%, -50%);
z-index: 0;
transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.firma-filtre button:hover::before {
width: 105%;
height: 105%;
}
.firma-filtre button span {
position: relative;
z-index: 2;
}

.yazar_sayfasi {
grid-template-columns: repeat(2, 1fr);
display: grid !important;
gap: 20px;
padding: 0px;
margin: 0px;
}
.yazar_sayfasi .yazar {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px;
border: 1px solid var(--border);
background: var(--beyazbg);
transition: all 0.2s ease;
}
.yazar_sayfasi .yazarp-avatar {
width: 100px;
height: 100px;
object-fit: cover;
flex-shrink: 0;
}
.yazar_sayfasi .yazar .text {
flex: 1;
}
.yazar_sayfasi .yazar-link {
font-size: 16px;
font-weight: 600;
color: var(--siyah_color);
text-decoration: none;
}
.yazar_sayfasi .tum-link {
font-size: 11px;
font-weight: 400;
color: var(--beyaz);
text-decoration: none;
background: var(--kirmizi);
padding: 3px 6px;
border-radius: 4px;
}
.yazar_sayfasi .tum-link:hover {
color: var(--beyaz);
background: var(--siyah);
}
.yazar_sayfasi .yazar-link:hover {
color: var(--kirmizi_color);
}
.yazar_sayfasi .son-yazi {
margin: 5px 0px;
}
.yazar_sayfasi .son-yazi .baslik a {
font-size: 14px;
color: var(--siyah_color);
text-decoration: none;
display: inline-block;
transition: color 0.2s;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
}
.yazar_sayfasi .son-yazi .baslik a:hover {
color: var(--kirmizi_color);
}
.yazar_sayfasi .son-yazi .ozet {
font-size: 13px;
color: var(--siyah_color);
}




.page_icerik_alani p {
font-size: 18px;
font-weight: 400;
line-height: 1.8;
margin-bottom: 15px;
overflow: hidden;
color: var(--siyah_color);
word-break: break-word;
}
.page_icerik_alani strong {
font-size: 18px;
}
.page_icerik_alani img {
max-width: 100%;
height: auto;
object-fit: contain;
}
.page_icerik_alani .alignleft {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}
.page_icerik_alani .alignright {
float: right;
margin-left: 15px;
margin-bottom: 10px;
}
.page_icerik_alani .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.page_icerik_alani .alignnone {
display: block;
margin: 0 auto;
}
.page_icerik_alani table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 16px;
text-align: left;
}
.page_icerik_alani table th,
.page_icerik_alani table td {
border: 1px solid var(--border);
padding: 10px;
}
.page_icerik_alani table th {
background-color: #f4f4f4;
font-weight: 700;
font-size: 15px;
}
.page_icerik_alani table tr:nth-child(even) {
background-color: #f9f9f9;
}
.page_icerik_alani table tr:hover {
background-color: #f1f1f1;
}
.page_icerik_alani h1,
.page_icerik_alani h2,
.page_icerik_alani h3,
.page_icerik_alani h4,
.page_icerik_alani h5,
.page_icerik_alani h6 {
margin-bottom: 10px;
}
.page_icerik_alani h1 {
font-size: 28px;
color: var(--siyah_color);
}
.page_icerik_alani h2 {
font-size: 24px;
color: var(--siyah_color);
}
.page_icerik_alani h3 {
font-size: 20px;
color: var(--siyah_color);
}
.page_icerik_alani h4 {
font-size: 18px;
color: var(--siyah_color);
}
.page_icerik_alani h5 {
font-size: 16px;
color: var(--siyah_color);
}
.page_icerik_alani h6 {
font-size: 14px;
color: var(--siyah_color);
}
.page_icerik_alani ul {
list-style-type: disc;
padding-left: 20px;
}
.page_icerik_alani ul li {
margin-bottom: 5px;
}
.page_icerik_alani ol {
list-style-type: decimal;
padding-left: 20px;
}
.page_icerik_alani ol li {
margin-bottom: 5px;
}
.page_icerik_alani blockquote {
position: relative;
padding: 15px 15px;
margin: 30px 0;
background: #f9f9f9;
border-left: 5px solid var(--kirmizi);
border-radius: 8px;
font-style: italic;
color: var(--siyah_color);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}


#bik-kunye-main ul {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding: 0px;
margin: 0px;
}
#bik-kunye-main ul li {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 15px 10px;
height: auto;
background: #ffffff;
}
#bik-kunye-main ul li:nth-of-type(2n) {
background: #f8f9fa;
}
#bik-kunye-main ul li strong,
#bik-kunye-main ul li div {
display: flex;
justify-content: flex-start;
flex: 0 0 50%;
text-align: left;
line-height: 18px;
font-weight: 700;
position: relative;
}
#bik-kunye-main ul li div {
font-weight: 400;
}
#bik-kunye-main ul li div:before {
content: ":";
display: flex;
align-items: center;
padding-right: 5px;
}

.iletisim_formu {
display: block;
}
#iletisimFormu {
width: calc(100% - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
padding: 20px;
border-top: 3px solid var(--kirmizi);
}
#iletisimFormu p {
font-size: 15px;
display: block;
margin-bottom: 20px;
}
#iletisimFormu .input_alan {
width: calc(50% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 20px 20px 0px;
float: left;
}
#iletisimFormu .input_alan:nth-of-type(2n) {
margin: 0px 0px 20px 0px;
}
#iletisimFormu .input_alan:nth-of-type(5n) {
width: calc(100% - 0px);
margin: 0px 0px 20px 0px;
}
#iletisimFormu label {
font-size: 14px;
font-weight: 600;
color: var(--siyah_color);
display: block;
}
#iletisimFormu input,
#iletisimFormu textarea {
width: calc(100% - 0px);
height: 40px;
padding: 0px 0px!important;
border: 0px;
border-bottom: 1px solid var(--border);
background: #ffffff;
transition: all 0.3s ease;
font-size: 15px;
color: #222;
}
#iletisimFormu textarea {
height: 100px;
margin-top: 10px;
font-family: var(--fontfamily);
resize: vertical;
box-sizing: border-box;
}
#iletisimFormu input[type="text"]:focus,
#iletisimFormu input[type="email"]:focus,
#iletisimFormu textarea:focus {
outline: none;
box-shadow: 0 0 0 0px rgba(0, 115, 170, 0.1);
border-bottom: 1px solid var(--kirmizi);
}

#iletisimFormu button {
width: 200px;
text-align: center;
position: relative;
overflow: hidden;
background: var(--kirmizi);
color: var(--beyaz);
border: none;
padding: 10px 30px;
font-size: 15px;
font-weight: 500;
cursor: pointer;
z-index: 1;
border-radius: 3px;
margin: 30px auto 0px auto;
display: table;
}
#iletisimFormu button::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: var(--siyah);
transform: translate(-50%, -50%);
z-index: 0;
transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
#iletisimFormu button:hover::before {
width: 105%;
height: 105%;
}
#iletisimFormu button span {
position: relative;
z-index: 2;
}
#iletisimFormu .recaptcha_koduu {
width: auto;
height: auto;
overflow: hidden;
display: table;
margin: 0px auto;
}

#sonuc {
margin-top: 20px;
}
#captcha-alani {
margin-top: 20px;
}
#thewp_captcha_kodu {
width: 120px;
height: 41px;
line-height: 41px;
overflow: hidden;
letter-spacing: 3px;
text-align: center;
background: #7990ad;
font-size: 18px;
font-weight: 700;
display: block;
color: var(--beyaz);
float: left;
margin-right: 20px;
}
#captcha-alani input.form-control {
width: calc(100% - 140px);
}
#sonuc .alert {
padding: 10px 20px;
margin-top: 15px;
border-radius: 6px;
font-size: 15px;
line-height: 1.5;
font-family: var(--fontfamily);
border-left: 5px solid;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease-in-out;
}
#sonuc .alert-success {
background-color: #e6f9ed;
color: #226d3c;
border-color: #38c172;
}
#sonuc .alert-info {
background-color: #eaf6ff;
color: #1b4b72;
border-color: #3490dc;
}
#sonuc .alert-danger {
background-color: #fcebea;
color: #cc1f1a;
border-color: #e3342f;
}

::placeholder {
color: var(--siyah_color);
font-style: normal;
opacity: 0.5;
font-size: 11px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: var(--siyah_color);
font-style: normal;
opacity: 0.5;
font-size: 11px;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: var(--siyah_color);
font-style: normal;
opacity: 0.5;
font-size: 11px;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: var(--siyah_color);
font-style: normal;
opacity: 0.5;
font-size: 11px;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: var(--siyah_color);
font-style: normal;
opacity: 0.5;
font-size: 11px;
}
.iletisim_yazi {
display: block;
}
.iletisim_yazi ul {
width: calc(50% - 21px);
height: auto;
display: block;
position: relative;
padding: 10px 10px 5px 0px;
margin: 0px 10px 30px 0px;
float: left;
border-right: 1px solid var(--border);
}
.iletisim_yazi ul:nth-of-type(2n) {
border-right: 0px;
margin: 0px 0px 30px 10px;
padding: 10px 0px 5px 10px;
}
.iletisim_yazi ul li {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px;
margin-bottom: 10px;
}
.iletisim_yazi ul li a,
.iletisim_yazi ul li span,
.iletisim_yazi ul li strong {
font-size: 16px;
color: var(--siyah_color);
display: table;
}



#bot_sayfalari {
display: block;
margin-bottom: 30px;
}
#bot_sayfalari .kategori_sol {
width: calc(100% - 0px);
float: unset;
margin-right: 0px;
gap: 0px!important;
}



#dovizSayfa {
width: calc(100% - 0px);
height: auto;
position: relative;
padding: 15px 0px 0px 0px;
overflow-x: auto;
background: #ffffff;
}
#dovizSayfa table {
width: 100%;
border-collapse: collapse;
table-layout: auto;
}
#dovizSayfa th {
text-align: center;
position: relative;
border-bottom: 1px solid var(--border);
padding-bottom: 10px;
font-size: 15px;
}
#dovizSayfa tr:nth-of-type(2n) {
background: #f6f6f6;
}
#dovizSayfa td {
text-align: center;
position: relative;
padding: 10px 0px;
font-size: 14px;
vertical-align: middle;
}
#dovizSayfa td:first-child {
width: 400px;
text-align: left;
}
#dovizSayfa td:first-child img {
width: 32px;
height: 32px;
overflow: hidden;
display: block;
border-radius: 100%;
float: left;
margin: 0px 10px;
border: 1px solid var(--border);
}
#dovizSayfa td:first-child strong {
width: calc(100% - 52px);
display: block;
font-size: 14px;
font-weight: 600;
color: var(--mavi);
line-height: 1.4;
}
#dovizSayfa td:first-child strong:hover {
color: var(--kirmizi);
}
#dovizSayfa td:first-child span {
width: calc(100% - 52px);
display: block;
font-size: 12px;
font-weight: 300;
}
#dovizSayfa td:first-child .iconify {
    width: 14px;
    height: auto;
    overflow: hidden;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 22px;
}

#dovizSayfa .iconify[data-icon="material-symbols:arrow-warm-up-rounded"] {
    color: var(--yesil);
    position: relative;
    top: -5px;
    animation: yukari 0.5s ease-in-out infinite alternate;
}

#dovizSayfa .iconify[data-icon="material-symbols:arrow-cool-down-rounded"] {
    color: var(--kirmizi);
    position: relative;
    top: 5px;
    animation: asagi 0.5s ease-in-out infinite alternate;
}

@keyframes yukari {
    from { transform: translateY(0); }
    to { transform: translateY(-3px); }
}

@keyframes asagi {
    from { transform: translateY(0); }
    to { transform: translateY(3px); }
}


#dovizSayfa .fa-minus {
color: var(--siyah);
}
#dovizSayfa .degisim {
color: var(--siyah);
}
#dovizSayfa .degisim.yukseliste {
color: var(--yesil);
}
#dovizSayfa .degisim.dususte {
color: var(--kirmizi);
}

#parite_Sayfa {
width: calc(100% - 0px);
height: auto;
position: relative;
padding: 15px 0px;
overflow-x: auto;
background: #ffffff;
margin-bottom: 30px;
}
/* Responsive tablo stilleri */
#parite_Sayfa .responsive-table {
width: 100%;
border-collapse: collapse;
}
#parite_Sayfa .responsive-table tr:nth-of-type(2n) {
background: #f6f6f6;
}
#parite_Sayfa .responsive-table th {
padding: 13px 0px 13px 0px;
text-align: center;
overflow: hidden;
position: relative;
border-bottom: 1px solid var(--border);
font-size: 15px;
}
#parite_Sayfa .responsive-table th:nth-child(-n+2) {
text-align: left;
}
#parite_Sayfa .responsive-table td {
padding: 0px 0px 0px 0px;
height: 40px;
line-height: 40px;
text-align: center;
overflow: hidden;
position: relative;
font-size: 14px;
font-weight: 400;
color: #191919;
}
#parite_Sayfa .responsive-table th:first-child,
#parite_Sayfa .responsive-table td:first-child {
padding-left: 15px;
}
#parite_Sayfa .responsive-table td:nth-child(-n+2) {
text-align: left;
font-weight: 600;
color: #191919;
}
#parite_Sayfa .responsive-table td:nth-child(-n+2) a {
font-weight: 600;
color: var(--mavi);
}
#parite_Sayfa .responsive-table td:nth-child(-n+2) a:hover {
color: var(--kirmizi);
}
#parite_Sayfa .responsive-table td .icon {
width: 14px;
height: auto;
overflow: hidden;
text-align: center;
position: absolute;
right: 0px;
top: 10px;
}
#parite_Sayfa .responsive-table td .iconify[data-icon="material-symbols:arrow-warm-up-rounded"] {
  color: var(--yesil);
  position: relative;
  top: -5px;
  animation: yukari 0.5s ease-in-out infinite alternate;
}

@keyframes yukari {
  from { transform: translateY(0); }
  to { transform: translateY(-3px); }
}

#parite_Sayfa .responsive-table td .iconify[data-icon="material-symbols:arrow-cool-down-rounded"] {
  color: var(--kirmizi);
  position: relative;
  top: -8px;
  animation: asagi 0.5s ease-in-out infinite alternate;
}

@keyframes asagi {
  from { transform: translateY(0); }
  to { transform: translateY(3px); }
}

#parite_Sayfa .responsive-table td .iconify[data-icon="material-symbols:remove-rounded"] {
  position: relative;
  top: -8px;
}



#parite_Sayfa .parite-detay {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
padding: 0px 15px;
}
#parite_Sayfa .parite-detay .baslik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
#parite_Sayfa .parite-detay .baslik strong {
font-size: 16px;
font-weight: 600;
color: var(--mavi);
float: left;
margin-right: 10px;
}
#parite_Sayfa .parite-detay .baslik span {
float: left;
margin-right: 10px;
}
#parite_Sayfa .responsive-table .degisim.yukseliste,
#parite_Sayfa .parite-detay .degisim.yukseliste {
var(--yesil);
}
#parite_Sayfa .responsive-table .degisim.dususte,
#parite_Sayfa .parite-detay .degisim.dususte {
color: var(--kirmizi);
}
#parite_Sayfa .responsive-table .degisim.sabit,
#parite_Sayfa .parite-detay .degisim.sabit {
color: #191919;
}

#parite_Sayfa .parite-detay .baslik .fa-caret-up {
var(--yesil);
}
#parite_Sayfa .parite-detay .baslik .fa-caret-down {
color: var(--kirmizi);
}
#parite_Sayfa .parite-detay .baslik .fa-minus {
color: #191919;
}

#parite_Sayfa .parite-detay .uclu {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin-top: 15px;
}
#parite_Sayfa .parite-detay .uclu div {
width: calc(33.333% - 40px);
height: auto;
overflow: hidden;
display: block;
padding: 30px 15px;
background: var(--mavi);
float: left;
margin-right: 15px;
border-radius: 5px;
margin-top: 15px;
text-align: center;
}
#parite_Sayfa .parite-detay .uclu div:nth-of-type(3n) {
margin-right: 0px;
}
#parite_Sayfa .parite-detay .uclu div strong {
display: block;
font-size: 14px;
font-weight: 300;
color: #ffffff;
line-height: 1.4;
}
#parite_Sayfa .parite-detay .uclu div span {
display: block;
font-size: 22px;
font-weight: 600;
color: #ffffff;
line-height: 2;
}

#parite_Sayfa .parite-detay .alt_parite {
display: block;
overflow: hidden;
}
#parite_Sayfa .parite-detay .alt_parite ul {
width: calc(50% - 30px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin: 30px 60px 0px 0px;
padding: 0px;
}
#parite_Sayfa .parite-detay .alt_parite ul:nth-of-type(2n) {
margin: 30px 0px 0px 0px;
}
#parite_Sayfa .parite-detay .alt_parite ul li {
width: 100%;
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px 8px 0px;
margin: 0px 0px 8px 0px;
border-bottom: 1px solid #ebebeb;
}

#parite_Sayfa .parite-detay .alt_parite ul li:last-child {
border-bottom: 0px solid #ebebeb;
}
#parite_Sayfa .parite-detay .alt_parite ul li strong {
width: 50%;
height: auto;
overflow: hidden;
display: block;
float: left;
text-align: left;
font-size: 16px;
font-weight: 600;
}
#parite_Sayfa .parite-detay .alt_parite ul li span {
width: 50%;
height: auto;
overflow: hidden;
display: block;
text-align: right;
font-size: 16px;
font-weight: 300;
}


.hisseler_yeni {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
padding: 15px 0px 0px 0px;
margin: 0px 0px 30px 0px;
background: #ffffff;
}

.hisseler_yeni table {
width: 100%;
border-collapse: collapse;
}
.hisseler_yeni th[data-control] {
border-bottom: 1px solid var(--border);
font-weight: 700;
text-align: center;
padding: 0px 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 40px;
line-height: 40px;
font-size: 15px;
}
.hisseler_yeni th[data-control]:first-child,
.hisseler_yeni td[data-control]:first-child {
text-align: left;
}

.hisseler_yeni td[data-control] {
height: 40px;
line-height: 40px;
border-bottom: 1px solid var(--border);
padding: 0px 15px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
position: relative;
text-align: center;
}
.hisseler_yeni td[data-control] a {
font-weight: 600;
color: var(--mavi);
}
.hisseler_yeni td[data-control] a:hover {
color: var(--kirmizi);
}
.hisseler_yeni tr:nth-of-type(2n) {
background: #f6f6f6;
}
.hisseler_yeni tr:last-child td[data-control] {
border-bottom: 0px;
}

.hisseler_yeni td .icon {
width: 14px;
height: auto;
overflow: hidden;
text-align: center;
position: absolute;
right: 0px;
top: 10px;
}
.hisseler_yeni td .iconify[data-icon="material-symbols:arrow-warm-up-rounded"] {
var(--yesil);
position: relative;
top: -5px;
animation: yeni_yukari 0.5s ease-in-out infinite alternate;
}

@keyframes yeni_yukari {
from { transform: translateY(0); }
to { transform: translateY(-3px); }
}

.hisseler_yeni td .iconify[data-icon="material-symbols:arrow-cool-down-rounded"] {
color: var(--kirmizi);
position: relative;
top: -8px;
animation: yeni_asagi 0.5s ease-in-out infinite alternate;
}

@keyframes yeni_asagi {
from { transform: translateY(0); }
to { transform: translateY(3px); }
}

.hisseler_yeni td .iconify[data-icon="material-symbols:remove-rounded"] {
position: relative;
top: -8px;
}



.hisseler_yeni .detay-liste {
width: 100%;
height: auto;
display: block;
overflow: hidden;
padding: 0;
margin: 0;
}
.hisseler_yeni .detay-baslik h2 {
width: calc(100% - 20px);
margin-bottom: 30px;
font-size: 18px;
font-weight: 700;
color: var(--mavi);
padding-left: 20px;
}

.hisseler_yeni .tabs {
display: flex;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
.hisseler_yeni .tab {
padding: 10px 20px;
cursor: pointer;
border: 1px solid #dddddd;
border-bottom: none;
background-color: #f9f9f9;
margin-left: 15px;
}

.hisseler_yeni .tab.active {
background-color: #fff;
font-weight: 700;
}

.hisseler_yeni .tab-content {
display: none;
}

.hisseler_yeni .tab-content.active {
display: block;
}

/* Tab geçiş animasyonu */
.hisseler_yeni .tab-content {
animation: fadeIn 0.5s;
}

@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

.hisseler_yeni .detay-liste ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
column-gap: 30px;
list-style: none;
padding: 0px;
margin: 0px;
}
.hisseler_yeni .detay-liste ul li {
height: auto;
line-height: 1.4;
break-inside: avoid;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
border-bottom: 1px solid #ddd;
}
.hisseler_yeni .detay-liste ul li:nth-of-type(2n) {
background: #f6f6f6;
}
.hisseler_yeni .detay-liste ul li strong {
font-size: 14px;
font-weight: 700;
}
.hisseler_yeni .detay-liste ul li span {
font-size: 14px;
font-weight: 300;
}
.hisseler_yeni .detay-liste::after {
content: "";
clear: both;
display: table;
}

.selectcanli_borsa {
position: relative;
overflow: hidden;
float: left;
margin-bottom: 15px;
}
.selectcanli_borsa select {
padding: 10px 25px 10px 10px;
border: 2px solid #ccc;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
appearance: none; /* Tarayıcı varsayılan stilini kaldır */
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 14l-4-4h8z"/></svg>') no-repeat right 5px center; /* Ok simgesi ekle */
background-size: 20px;
background-color: #ffffff;
-webkit-appearance: none; /* Webkit tarayıcılar için varsayılan stilini kaldır */
-moz-appearance: none; /* Mozilla tarayıcılar için varsayılan stilini kaldır */
}
.selectcanli_borsa select option {
font-size: 14px;
font-weight: 400;
}
.selectcanli_borsa select:hover {
border-color: #ccc;
}
.selectcanli_borsa select:focus {
outline: none;
border: 2px solid #ccc;
box-shadow: none;
}
.son_veri_zamani {
width: auto;
height: 41px;
line-height: 41px;
overflow: hidden;
display: table;
float: right;
background: #35b550;
color: #ffffff;
font-size: 14px;
font-weight: 400;
border-radius: 3px;
padding: 0px 15px;
margin-bottom: 15px;
}


#real-time-data {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
padding: 15px 15px;
margin: 0px 0px 0px 0px;
}
#real-time-data .bistdegeri {
width: calc(33.333% - 30px);
height: 67px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: relative;
float: left;
margin-right: 30px;
text-align: center;
}
#real-time-data .bistdegeri strong {
font-size: 28px;
margin-right: 10px;
}
#real-time-data .bistdegeri .iconify {
font-size: 22px;
vertical-align: middle;
}
#real-time-data .bistdegeri.yuksekte strong,
#real-time-data .bistdegeri .iconify[data-icon="material-symbols:arrow-warm-up-rounded"] {
color: var(--yesil);
}
#real-time-data .bistdegeri.dusmekte strong,
#real-time-data .bistdegeri .iconify[data-icon="material-symbols:arrow-cool-down-rounded"] {
color: var(--kirmizi);
}
#real-time-data .bistdegeri.sabitte strong,
#real-time-data .bistdegeri .iconify[data-icon="material-symbols:remove-rounded"] {
color: var(--siyah);
}





ul.bistdegisim,
ul.bistyuksekdusuk {
width: calc(33.333% - 30px);
height: auto;
overflow: hidden;
display: block;
float: left;
padding: 0px 0px;
margin: 0px 30px 0px 0px;
}
ul.bistdegisim li,
ul.bistyuksekdusuk li {
margin-bottom: 8px;
font-size: 14px;
list-style: none;
}
ul.bistdegisim li:last-child,
ul.bistyuksekdusuk li:last-child {
margin-bottom: 0px;
}
ul.bistdegisim li strong,
ul.bistyuksekdusuk li strong {
width: 50px;
height: auto;
overflow: hidden;
float: left;
text-align: right;
margin-right: 5px;
}
ul.bistyuksekdusuk li strong {
width: 75px;
text-align: left;
}

#alphabet-filter {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: table;
position: relative;
margin: 0px 0px 30px 0px;
padding: 26px 0px 30px 0px;
text-align: center;
background: #ffffff;
}
#alphabet-filter li {
width: auto;
height: 36px;
line-height: 36px;
overflow: hidden;
display: inline-table;
margin: 4px 2px 0px 2px;
padding: 0px 0px 0px 0px;
}
#alphabet-filter a {
display: block;
padding: 0px 10px 0px 10px;
color: var(--siyah);
border: 1px solid #dddddd;
text-align: center;
background: #ffffff;
}
#alphabet-filter a:hover {
color: #ffffff;
background: var(--mavi);
border: 1px solid var(--mavi);
}

#chart-container {
width: 100%;
height: 300px;
}

#tablogeneli {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 30px;
}
#tablogeneli table.borsa-table {
width: calc(33.333% - 20px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
}
#tablogeneli table.borsa-table.filtrele {
width: calc(100% - 0px);
float: unset;
margin-right: 0px;
}
#tablogeneli table.borsa-table:last-child {
margin-right: 0px;
}
#tablogeneli thead,
#tablogeneli thead tr,
#tablogeneli tbody {
width: 100%;
height: auto;
display: block;
overflow: hidden;
}
#tablogeneli thead tr th {
width: calc(25% - 0px);
height: auto;
line-height: 42px;
overflow: hidden;
display: block;
float: left;
text-align: center;
background-color: var(--mavi);
color: #ffffff;
padding: 0px;
margin: 0px;
}
#tablogeneli thead tr th:first-child {
width: calc(25% - 10px);
text-align: left;
padding-left: 10px;
}
#tablogeneli tbody tr {
width: calc(100% - 0px);
height: auto;
line-height: 38px;
overflow: hidden;
display: block;
text-align: center;
background: #ffffff;
border-bottom: 1px solid var(--border);
color: var(--siyah);
padding: 0px;
margin: 0px;
}
#tablogeneli tbody tr:last-child {
border-bottom: 0px;
}
#tablogeneli tbody tr:nth-of-type(2n) {
background: #f6f6f6;
}
#tablogeneli tbody tr td {
width: calc(25% - 0px);
height: auto;
line-height: 38px;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 0px;
margin: 0px;
font-weight: 300;
font-size: 14px;
}
#tablogeneli tbody tr td:first-child {
width: calc(25% - 10px);
text-align: left;
padding-left: 10px;
font-weight: 600;
}


#tablogeneli tbody tr td .iconify {
width: 14px;
height: auto;
overflow: hidden;
text-align: center;
position: absolute;
right: 0px;
top: 14px;
}
#tablogeneli tbody tr td .iconify[data-icon="material-symbols:arrow-warm-up-rounded"] {
color: var(--yesil);
animation: yukari 0.5s ease-in-out infinite alternate;
}

@keyframes yukari {
from { transform: translateY(0); }
to { transform: translateY(-3px); }
}

#tablogeneli tbody tr td .iconify[data-icon="material-symbols:arrow-cool-down-rounded"] {
color: var(--kirmizi);
animation: asagi 0.5s ease-in-out infinite alternate;
}

@keyframes asagi {
from { transform: translateY(0); }
to { transform: translateY(3px); }
}

#tablogeneli tbody tr td .iconify[data-icon="material-symbols:remove-rounded"] {
position: relative;
top: 12px;
}

#tablogeneli tbody tr td span.yuksekte {
color: var(--yesil);
}
#tablogeneli tbody tr td span.dusmekte {
color: var(--kirmizi);
}
#tablogeneli tbody tr td span.sabitte {
color: var(--siyah);
}

#nobetci_eczaneler_sayfasi {
width: calc(100% - 30px);
height: auto;
position: relative;
display: block;
padding: 15px 15px;
background: #ffffff;
margin-top: 0px;
margin-bottom: 30px;
}

#nobetci_eczaneler_sayfasi ul.eczaneul {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none;
gap: 20px;
}
#nobetci_eczaneler_sayfasi ul.eczaneul li {
flex: 1 1 calc(25% - 20px);
box-sizing: border-box;
background-color: #f9f9f9;
border: 1px solid var(--border);
border-radius: 5px;
text-align: center;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#nobetci_eczaneler_sayfasi ul.eczaneul li a {
display: block;
padding: 15px 15px;
color: var(--siyah);
font-size: 16px;
font-weight: 300;
}
#nobetci_eczaneler_sayfasi ul.eczaneul li:hover {
background: var(--kirmizi);
border: 1px solid var(--kirmizi);
}
#nobetci_eczaneler_sayfasi ul.eczaneul li:hover a {
color: var(--beyaz);
}

.eczanedrop-wrapper {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.eczanedrop-wrapper .eczanedrop-group {
display: inline-block;
width: 250px;
margin: 0 10px;
vertical-align: top;
text-align: left;
}
.eczanedrop-wrapper .eczanedrop-group label {
display: block;
margin-bottom: 5px;
font-weight: 500;
font-size: 14px;
}
.eczanedrop-wrapper .eczanedrop {
position: relative;
background: var(--beyazbg);
border: 1px solid var(--border);
cursor: pointer;
user-select: none;
transition: border-color 0.2s;
}
.eczanedrop-wrapper .eczanedrop .selected {
font-size: 14px;
color: var(--siyah);
position: relative;
padding: 10px 25px 10px 10px;
display: block;
}
.eczanedrop-wrapper .eczanedrop .eczanedrop-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
transition: transform 0.3s ease;
font-size: 16px;
color: #666;
}
.eczanedrop-wrapper .eczanedrop.open .eczanedrop-icon {
transform: translateY(-50%) rotate(180deg);
}
.eczanedrop-wrapper .eczanedrop.open {
border-color: var(--border);
}
.eczanedrop-wrapper .eczanedrop .options {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
max-height: 200px;
overflow-y: auto;
background: var(--beyazbg);
border: 1px solid var(--border);
border-top: none;
z-index: 10;
padding: 0px;
margin: 1px 0px 0px 0px;
}
.eczanedrop-wrapper .eczanedrop.open .options {
display: block;
}
.eczanedrop-wrapper .eczanedrop .options li {
padding: 10px 15px;
font-size: 14px;
color: var(--siyah_color);
cursor: pointer;
transition: background 0.2s;
list-style: none;
}
.eczanedrop-wrapper .eczanedrop .options li:hover {
background: var(--border);
}
.eczanedrop-wrapper .eczanedrop .options li.selected {
background: var(--kirmizi);
color: var(--beyaz);
}
.eczanedrop-wrapper .eczanedrop .options li.selected:after {
display: none;
}



.nobetci-bilgi {
display: block;
}
.nobetci-bilgi p,
.nobetci-baslik {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 0px;
overflow: hidden;
color: var(--siyah_color);
display: table;
word-break: break-word;
}
.nobetci-baslik {
width: 100%;
height: auto;
overflow: hidden;
font-size: 22px;
text-align: center;
}
.nobetci-eczane-liste {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
gap: 20px;
margin-top: 20px;
}
.nobetci-eczane-liste li {
box-sizing: border-box;
width: calc(50% - 10px);
}
.nobetci-eczane-liste li:only-child {
width: 100%;
}
.nobetci-eczane-liste li div {
display: flex;
align-items: center;
background: #fe0102;
overflow: hidden;
padding: 3px;
}
.nobetci-eczane-liste li div img {
width: 32px;
height: 32px;
margin-right: 10px;
flex-shrink: 0;
}
.nobetci-eczane-liste li div strong {
font-size: 16px;
font-weight: 700;
color: var(--beyaz);
}
.nobetci-eczane-liste li p {
width: calc(100% - 20px);
display: block;
overflow: hidden;
height: auto;
line-height: 1.4;
font-size: 14px;
font-weight: 400;
color: var(--siyah_color);
margin: 10px 10px 0px 10px;
}
.nobetci-eczane-liste li p.tarif {
margin-top: 3px;
}

.nobetci-eczane-liste li a {
width: auto;
height: 34px;
line-height: 34px;
display: block;
overflow: hidden;
font-size: 14px;
font-weight: 400;
color: var(--siyah_color);
margin: 10px 10px 0px 10px;
padding: 0px 10px;
float: left;
border-radius: 4px;
}
.nobetci-eczane-liste li a:nth-of-type(2n) {
float: right;
}
.nobetci-eczane-liste li a.telefonu {
border: 1px solid var(--siyah);
}
.nobetci-eczane-liste li a.haritasi {
border: 1px solid var(--siyah);
}

.fiksturSayfa {
width: 260px;
height: auto;
display: block;
position: relative;
float: left;
margin-right: 20px;
}
.fiksturSayfa .eczanedrop-wrapper {
display: none;
}
ul#tabBaslik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px;
margin: 0px;
}
ul#tabBaslik li {
display: block;
background: var(--border);
border-bottom: 1px solid var(--body);
}
ul#tabBaslik li:last-child {
border-bottom: 0px;
}
ul#tabBaslik li a {
width: calc(100% - 30px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
padding: 10px 15px;
font-size: 14px;
color: var(--siyah_color);
}
ul#tabBaslik li a strong {
font-weight: 400;
}
ul#tabBaslik li.tabAktif {
background: var(--yesil);
}
ul#tabBaslik li.tabAktif a {
color: var(--beyaz);
}
ul#tabBaslik li.tabAktif a strong {
font-weight: 500;
}

#fiksturSayfa {
width: calc(100% - 280px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}

#guncel_Fikstur {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
#guncel_Fikstur .takim_basligi {
background: var(--yesil);
}
#guncel_Fikstur .takim_basligi,
#guncel_Fikstur .takim_sira {
display: flex;
align-items: center;
text-align: center;
padding: 10px 5px;
border-bottom: 1px solid var(--border);
font-weight: bold;
font-size: 14px;
}
#guncel_Fikstur .takim_sira {
font-weight: normal;
}
#guncel_Fikstur .takim_basligi div {
color: var(--beyaz);
}
#guncel_Fikstur .takim_sira {
background: #f6f6f6;
}
#guncel_Fikstur .takim_sira:nth-of-type(2n) {
background: var(--beyaz);
}
#guncel_Fikstur .takim_basligi div,
#guncel_Fikstur .takim_sira > * {
flex: 1;
padding: 5px 10px;
box-sizing: border-box;
}
#guncel_Fikstur .takim_basligi div:nth-child(2),
#guncel_Fikstur .takim_basligi div:nth-child(4),
#guncel_Fikstur .takim_sira .takim_bir,
#guncel_Fikstur .takim_sira .takim_iki {
flex: 2;
}
#guncel_Fikstur .takim_bir,
#guncel_Fikstur .takim_iki {
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
}
#guncel_Fikstur .takim_bir {
justify-content: flex-end;
text-align: right;
}
#guncel_Fikstur .takim_iki {
justify-content: flex-start;
text-align: left;
}
#guncel_Fikstur .takim_basligi div:nth-child(2) {
justify-content: flex-end;
text-align: right;
}
#guncel_Fikstur .takim_basligi div:nth-child(4) {
justify-content: flex-start;
text-align: left;
}
#guncel_Fikstur .takim_bir img,
#guncel_Fikstur .takim_iki img {
width: 20px;
height: 20px;
object-fit: contain;
}
#guncel_Fikstur .tarih,
#guncel_Fikstur .sonuc,
#guncel_Fikstur .ilk_yari {
font-size: 13px;
word-break: break-word;
}
#guncel_Fikstur .sonuc {
background: var(--kirmizi);
font-size: 14px;
color: var(--beyaz);
border-radius: 4px;
font-weight: 700;
}
#guncel_Fikstur .ilk_yari {
font-weight: 700;
}



#havadurumuSayfa {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
position: relative;
display: block;
margin-bottom: 40px;
background: #ffffff;
}
#havadurumuSayfa .basbaslik {
width: calc(100% - 210px);
height: 42px;
line-height: 42px;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
}
#havadurumuSayfa .basbaslik strong {
font-size: 14px;
font-weight: 400;
}
#havadurumuSayfa .basbaslik span {
font-size: 12px;
font-weight: 300;
}
#havadetay {
width: auto;
padding: 12px;
font-size: 16px;
border: 0;
background-repeat: no-repeat;
background-position: right 0px center;
cursor: pointer;
outline: none;
transition: border-color 0.3s, box-shadow 0.3s;
}
#havadetay:hover,
#havadetay:focus {
border-color: 0;
box-shadow: 0 0 0;
}
#havadetay option {
padding: 10px;
font-size: 14px;
background: #ffffff;
color: var(--siyah);
}
/* Scrollbar Stili (WebKit Tarayıcılar için) */
#havadetay::-webkit-scrollbar {
width: 5px;
}
#havadetay::-webkit-scrollbar-thumb {
background-color: #191919;
border-radius: 5px;
}
#havadetay::-webkit-scrollbar-track {
background-color: #f1f1f1;
}



#havadurumuSayfa .bugunun_tahmini {
width: calc(100% - 30px);
height: 160px;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
margin-bottom: 0px;
color: #ffffff;
}
#havadurumuSayfa .bugunun_tahmini img {
width: 160px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_durumu {
width: 130px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
position: relative;
margin-top: 5px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_durumu svg {
position: absolute;
top: 17px;
right: -20px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_durumu p {
font-size: 90px;
font-weight: 700;
text-align: center;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_durumu p span {
font-size: 36px;
font-weight: 300;
position: absolute;
content: "";
top: 12px;
right: 3px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_durumu p:last-child {
font-size: 14px;
font-weight: 300;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_durumu p:last-child img {
width: 18px;
height: 18px;
float: left;
margin-right: 3px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi {
width: 210px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
position: relative;
margin-top: 33px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi .weather-list-felt {
display: none;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi div {
width: calc(100% - 25px);
height: auto;
line-height: 18px;
overflow: hidden;
position: relative;
padding-left: 25px;
font-size: 12px;
font-weight: 300;
margin-bottom: 8px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi div:after {
width: 18px;
height: 18px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi .weather-list-humidity:after {
background-image: url('../images/icon-nem.png');
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi .weather-list-minmax:after {
background-image: url('../images/icon-derece.png');
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi .weather-list-wind:after {
background-image: url('../images/icon-ruzgar.png');
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi .weather-list-possibility:after {
background-image: url('../images/icon-yagis-ihtimali.png');
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi {
width: calc(100% - 560px);
height: 160px;
overflow: hidden;
display: block;
position: relative;
padding-left: 15px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi:after {
width: 1px;
height: calc(100% - 30px);
overflow: hidden;
display: block;
position: absolute;
content: "";
left: 0px;
top: 10px;
background: #ebebeb;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi h3 {
font-size: 16px;
font-weight: 700;
margin: 25px 0px 10px 0px;
display: block;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi p {
display: block;
font-size: 14px;
font-weight: 300;
line-height: 1.6;
}


#havadurumuSayfa .onbesgunun_tahmini {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion {
width: 100%;
margin: auto;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-item {
background-color: #ffffff;
margin-bottom: 0px;
overflow: hidden;
}

#havadurumuSayfa .onbesgunun_tahmini .accordion-button {
width: calc(100% - 0px);
padding: 15px;
background: #ffffff;
color: var(--siyah);
border: none;
text-align: left;
font-size: 16px;
cursor: pointer;
outline: none;
transition: background-color 0.3s ease;
display: block;
border-top: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
border-bottom: 0px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-item:last-child .accordion-button {
border-bottom: 1px solid #ebebeb;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun {
width: 130px;
height: 44px;
overflow: hidden;
display: block;
float: left;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun strong {
font-size: 18px;
font-weight: 700;
display: block;
line-height: 1.6;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun span {
font-size: 12px;
font-weight: 300;
display: block;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button img {
width: 44px;
height: 44px;
overflow: hidden;
float: left;
margin-right: 21px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button p.temperature {
width: 40px;
height: 44px;
line-height: 44px;
font-size: 22px;
font-weight: 700;
display: block;
float: left;
margin-right: 15px;
text-align: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button p.description {
width: 200px;
height: 44px;
line-height: 44px;
font-size: 14px;
font-weight: 300;
display: block;
float: left;
margin-right: 15px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun_iki {
width: calc(100% - 520px);
height: 44px;
line-height: 44px;
overflow: hidden;
display: block;
float: left;
text-align: right;
margin-right: 30px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun_iki p.feltTemperature {
font-size: 14px;
font-weight: 300;
display: inline-table;
margin-right: 30px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun_iki p.rainProbability {
font-size: 14px;
font-weight: 300;
display: inline-table;
}
#havadurumuSayfa .onbesgunun_tahmini .arrow {
width: 24px;
height: 44px;
line-height: 44px;
float: left;
font-size: 16px;
text-align: center;
transition: transform 0.3s ease;
}

#havadurumuSayfa .onbesgunun_tahmini .accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
padding: 0 15px;
background-color: #f6f6f6;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p {
width: auto;
height: 18px;
line-height: 18px;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 15px 0px 15px 26px;
font-size: 12px;
font-weight: 400;
margin-right: 30px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:last-child {
margin-right: 0px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:after {
width: 18px;
height: 18px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 15px;
left: 0px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:nth-of-type(1):after {
background-image: url('../images/icon-hissedilen-sicaklik.svg');
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:nth-of-type(2):after {
background-image: url('../images/icon-nem.svg');
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:nth-of-type(3):after {
background-image: url('../images/icon-derece.svg');
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:nth-of-type(4):after {
background-image: url('../images/icon-yagis-ihtimali.svg');
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:nth-of-type(5):after {
background-image: url('../images/icon-ruzgar.svg');
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content p.details {
width: 100%;
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px 15px 0px;
font-size: 14px;
font-weight: 300;
line-height: 1.6;
}
.bugunun_tahmini.gunduz {
background: linear-gradient(180deg, #4187df 60px, #123d95 300px, #030c21 600px);
}
.bugunun_tahmini.gece {
background: linear-gradient(180deg, #204C84 60px, #162544 300px, #14203D 600px);
}

.havadurumdrop-wrapper {
width: 200px;
margin-bottom: 20px;
float: left;
margin-right: 10px;
}

.havadurumdrop-wrapper .havadurumdrop-group {
display: inline-block;
width: 250px;
margin: 0 10px;
vertical-align: top;
text-align: left;
}

.havadurumdrop-wrapper .havadurumdrop-group label {
display: block;
margin-bottom: 5px;
font-weight: 500;
font-size: 14px;
}

.havadurumdrop-wrapper .havadurumdrop {
position: relative;
background: var(--beyazbg);
border: 1px solid var(--border);
cursor: pointer;
user-select: none;
transition: border-color 0.2s;
}

.havadurumdrop-wrapper .havadurumdrop .selected {
font-size: 14px;
color: var(--siyah);
position: relative;
padding: 10px 25px 10px 10px;
display: block;
}
.havadurumdrop-wrapper .havadurumdrop .havadurumu-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
transition: transform 0.3s ease;
font-size: 16px;
color: #666;
}
.havadurumdrop-wrapper .havadurumdrop.open .havadurumu-icon {
transform: translateY(-50%) rotate(180deg);
}

.havadurumdrop-wrapper .havadurumdrop.open {
border-color: var(--border);
}

.havadurumdrop-wrapper .havadurumdrop .options {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
max-height: 200px;
overflow-y: auto;
background: var(--beyazbg);
border: 1px solid var(--border);
border-top: none;
z-index: 10;
padding: 0px;
margin: 1px 0px 0px 0px;
}

.havadurumdrop-wrapper .havadurumdrop.open .options {
display: block;
}

.havadurumdrop-wrapper .havadurumdrop .options li {
padding: 10px 15px;
font-size: 14px;
color: var(--siyah_color);
cursor: pointer;
transition: background 0.2s;
list-style: none;
}

.havadurumdrop-wrapper .havadurumdrop .options li:hover {
background: var(--border);
}

.havadurumdrop-wrapper .havadurumdrop .options li.selected {
background: var(--kirmizi);
color: var(--beyaz);
}

.havadurumdrop-wrapper .havadurumdrop .options li.selected:after {
display: none;
}


.namazvakitdrop-wrapper,
.namazvakitdrop-wrapper form {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 20px;
width: 100%;
background: #11839d;
}
.namazvakitdrop-wrapper form {
padding: 20px 0px;
}

.namazvakitdrop-group {
width: 250px;
text-align: left;
}



.namazvakitdrop-wrapper .namazvakitdrop-group label {
display: block;
margin-bottom: 5px;
font-weight: 500;
font-size: 14px;
}

.namazvakitdrop-wrapper .namazvakitdrop {
position: relative;
background: var(--beyazbg);
border: 1px solid var(--border);
cursor: pointer;
user-select: none;
transition: border-color 0.2s;
}

.namazvakitdrop-wrapper .namazvakitdrop .selected {
font-size: 14px;
color: var(--siyah);
position: relative;
padding: 10px 25px 10px 10px;
display: block;
}
.namazvakitdrop-wrapper .namazvakitdrop .namazvakit-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
transition: transform 0.3s ease;
font-size: 16px;
color: #666;
}
.namazvakitdrop-wrapper .namazvakitdrop.open .namazvakit-icon {
transform: translateY(-50%) rotate(180deg);
}
.namazvakitdrop-wrapper .namazvakitdrop.open {
border-color: var(--border);
}


.namazvakitdrop-wrapper .namazvakitdrop .options {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
max-height: 200px;
overflow-y: auto;
background: var(--beyazbg);
border: 1px solid var(--border);
border-top: none;
z-index: 10;
padding: 0px;
margin: 1px 0px 0px 0px;
}

.namazvakitdrop-wrapper .namazvakitdrop.open .options {
display: block;
}

.namazvakitdrop-wrapper .namazvakitdrop .options li {
padding: 10px 15px;
font-size: 14px;
color: var(--siyah_color);
cursor: pointer;
transition: background 0.2s;
list-style: none;
}

.namazvakitdrop-wrapper .namazvakitdrop .options li:hover {
background: var(--border);
}

.namazvakitdrop-wrapper .namazvakitdrop .options li.selected {
background: var(--kirmizi);
color: var(--beyaz);
}

.namazvakitdrop-wrapper .namazvakitdrop .options li.selected:after {
display: none;
}

#namazvakitleri_Sayfa {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
background: #ffffff;
}


#namazvakitleri_Sayfa .namaz_ust {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #288fa7;
padding: 15px 0px;
}
#namazvakitleri_Sayfa .namaz_ust:after {
width: 50%;
height: 1px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 0px;
right: 0px;
left: 0px;
margin: 0px auto;
background: rgb(255 255 255 / 50%);
}

#namazvakitleri_Sayfa .namaz_ust div {
width: calc(50% - 15px);
height: 100px;
overflow: hidden;
position: relative;
text-align: right;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0px 15px 0px 0px;
}
#namazvakitleri_Sayfa .namaz_ust div:last-child {
text-align: left;
padding: 0px 0px 0px 15px;
}
#namazvakitleri_Sayfa .namaz_ust div img {
width: 100px;
height: auto;
}
#namazvakitleri_Sayfa .namaz_ust div strong {
display: inline-block;
line-height: normal;
vertical-align: middle;
position: relative;
overflow: hidden;
font-size: 20px;
font-weight: 300;
}
#namazvakitleri_Sayfa .namaz_ust div strong.ti-miladi {
color: var(--beyaz);
padding-bottom: 14px;
}
#namazvakitleri_Sayfa .namaz_ust div strong.ti-miladi:after {
width: 90px;
height: 1px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 6px;
right: 0px;
background: rgb(255 255 255 / 50%);
}
#namazvakitleri_Sayfa .namaz_ust div strong.ti-hicri {
color: rgb(248 242 171 / 90%);
}


#namazvakitleri_Sayfa #kalan-sure:after {
width: 1px;
height: 65px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 30px;
right: 0px;
background: rgb(255 255 255 / 50%);
}
#namazvakitleri_Sayfa #kalan-sure,
#namazvakitleri_Sayfa .curr-time-cell {
width: calc(50% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #288fa7;
float: left;
}
#namazvakitleri_Sayfa #kalan-sure {
text-align: right;
padding: 30px 30px 30px 0px;
}
#namazvakitleri_Sayfa .curr-time-cell {
text-align: left;
padding: 30px 0px 30px 30px;
}
#namazvakitleri_Sayfa #kalan-sure #sonraki-vakit-adi,
#namazvakitleri_Sayfa .curr-time-cell .pcsaati {
font-size: 18px;
color: var(--beyaz);
font-weight: 300;
margin-bottom: 5px;
}

#namazvakitleri_Sayfa #kalan-sure #geri-sayim,
#namazvakitleri_Sayfa .curr-time-cell .pczamani {
font-size: 2em;
color: rgb(248 242 171 / 90%);
font-weight: 500;
}

#namazvakitleri_Sayfa .vakitler {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
position: relative;
background: #11839d;
padding: 0px 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#namazvakitleri_Sayfa .vakitler .tpt-cell {
width: calc(100% / 6 - 10px);
height: auto;
overflow: hidden;
display: block;
float: left;
text-align: center;
box-sizing: border-box;
padding: 20px 0px;
}
#namazvakitleri_Sayfa .vakitler .tpt-cell.active-tpt-cell {
background: #67bc9a;
}
#namazvakitleri_Sayfa .vakitler .tpt-cell .tpt-title {
font-size: 16px;
color: var(--beyaz);
font-weight: 300;
margin-bottom: 5px;
}
#namazvakitleri_Sayfa .vakitler .tpt-cell .tpt-time {
font-size: 24px;
color: var(--beyaz);
font-weight: 600;
}

#namazvakitleri_Sayfa .namaz_alt {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
position: relative;
background: rgba(17, 131, 157, 0.76);
padding: 0px 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#namazvakitleri_Sayfa .namaz_alt .ic {
width: calc(100% / 4 - 10px);
height: auto;
overflow: hidden;
display: block;
float: left;
text-align: center;
box-sizing: border-box;
padding: 20px 0px;
}
#namazvakitleri_Sayfa .namaz_alt .ic strong {
display: block;
font-size: 18px;
color: var(--beyaz);
font-weight: 500;
margin-top: 5px;
}
#namazvakitleri_Sayfa .namaz_alt .ic span {
font-weight: 300;
display: block;
font-size: 14px;
color: var(--beyaz);
}

#namazvakitleri_Sayfa .tab-container {
display: flex;
flex-direction: column;
}

#namazvakitleri_Sayfa .tab-buttons {
display: block;
text-align: left;
background: #11839d;
}

#namazvakitleri_Sayfa .tab-button {
padding: 20px 30px;
cursor: pointer;
border: 0px;
outline: none;
background: #11839d;
font-size: 14px;
font-weight: 400;
color: var(--beyaz);
}

#namazvakitleri_Sayfa .tab-button.active {
background: #67bc9a;
}

#namazvakitleri_Sayfa .tab-content {
display: none;
padding: 15px;
}

#namazvakitleri_Sayfa .tab-content.active {
display: block;
}
#namazvakitleri_Sayfa .tab-content h2 {
font-size: 22px;
font-weight: 500;
margin: 10px 0px 20px 0px;
}
#namazvakitleri_Sayfa .tab-content h2 span {
font-weight: 300;
}

#namazvakitleri_Sayfa table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
#namazvakitleri_Sayfa table thead th {
font-size: 14px;
font-weight: 600;
text-align: left;
padding: 12px 8px;
border-bottom: 1px solid #ddd;
}

#namazvakitleri_Sayfa td {
font-size: 14px;
font-weight: 300;
text-align: left;
padding: 12px 8px;
border-bottom: 1px solid #ddd;
}
#namazvakitleri_Sayfa tr:last-child td {
border-bottom: 0px;
padding: 12px 8px 0px 8px;
}




#yeni_puandurumu select {
padding: 10px 25px 10px 10px;
border: 2px solid #ccc;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
appearance: none;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 14l-4-4h8z"/></svg>') no-repeat right 5px center;
background-size: 20px;
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
margin-bottom: 15px;
float: left;
}
#yeni_puandurumu select option {
font-size: 14px;
font-weight: 400;
}
#yeni_puandurumu select:hover {
border-color: #ccc;
}
#yeni_puandurumu select:focus {
outline: none;
border: 2px solid #ccc;
box-shadow: none;
}
#yeni_puandurumu {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 30px;
}
#yeni_puandurumu h2 {
width: calc(100% - 210px);
height: auto;
overflow: hidden;
display: block;
float: left;
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
#yeni_puandurumu h2 span {
font-weight: 300;
}
#yeni_puandurumu ul.uclu_sekme {
width: calc(210px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
margin: 0px 0px 10px 0px;
text-align: right;
float: right;
}
#yeni_puandurumu ul.uclu_sekme li {
padding: 0px 0px;
margin: 0px 0px;
list-style: none;
float: right;
margin: 0px 0px 0px 5px;
}
#yeni_puandurumu ul.uclu_sekme li a {
width: auto;
height: 28px;
line-height: 28px;
display: block;
font-size: 12px;
background: #ffffff;
color: #191919;
padding: 0px 10px;
}
#yeni_puandurumu ul.uclu_sekme li a:hover {
background: #ffcd39;
color: #191919;
}
#yeni_puandurumu table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
}
#yeni_puandurumu table:last-child {
margin-bottom: 0px;
}
#yeni_puandurumu table tr {
background: #ffffff;
position: relative;
}
#yeni_puandurumu table tr:nth-of-type(2n) {
background: #f6f6f6;
}
#yeni_puandurumu table th,
#yeni_puandurumu table td {
text-align: left;
padding: 0px 8px;
border-bottom: 1px solid #ddd;
position: relative;
height: 44px;
line-height: 44px;
}

#yeni_puandurumu table th {
background-color: #0ba22e;
font-size: 16px;
font-weight: 600;
color: #ffffff;
}
#yeni_puandurumu table td {
font-size: 15px;
font-weight: 400;
}

#yeni_puandurumu table th:nth-child(1),
#yeni_puandurumu table td:nth-child(1) {
width: 40px;
text-align: center;
}

#yeni_puandurumu table th:nth-child(3),
#yeni_puandurumu table th:nth-child(4),
#yeni_puandurumu table th:nth-child(5),
#yeni_puandurumu table th:nth-child(6),
#yeni_puandurumu table th:nth-child(7),
#yeni_puandurumu table th:nth-child(8),
#yeni_puandurumu table th:nth-child(9),
#yeni_puandurumu table th:nth-child(10),
#yeni_puandurumu table td:nth-child(3),
#yeni_puandurumu table td:nth-child(4),
#yeni_puandurumu table td:nth-child(5),
#yeni_puandurumu table td:nth-child(6),
#yeni_puandurumu table td:nth-child(7),
#yeni_puandurumu table td:nth-child(8),
#yeni_puandurumu table td:nth-child(9),
#yeni_puandurumu table td:nth-child(10) {
width: 40px;
text-align: center;
}

#yeni_puandurumu table th:nth-child(2),
#yeni_puandurumu table td:nth-child(2) {
width: calc(100% - (40px + 40px * 8px + 40px));
text-align: left;
}
#yeni_puandurumu table td:nth-child(2) img {
width: 22px;
height: 22px;
overflow: hidden;
display: block;
float: left;
margin-right: 8px;
margin-top: 11px;
}
#yeni_puandurumu table td:nth-child(2) strong {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
font-weight: 500;
}
#yeni_puandurumu table tr td::after {
width: auto;
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
font-size: 10px;
color: #b8b8b8;
font-weight: 300;
position: absolute;
left: 200px;
top: 16px;
}

/* Sadece ilk tablonun ilk 4 satırına stil uygula */
.Super_Lig table:first-of-type tr:nth-child(1) td:nth-child(2)::after,
.Super_Lig table:first-of-type tr:nth-child(2) td:nth-child(2)::after,
.Ingiltere_Premier_Lig table:first-of-type tr:nth-child(1) td:nth-child(2)::after,
.Ingiltere_Premier_Lig table:first-of-type tr:nth-child(2) td:nth-child(2)::after,
.Ingiltere_Premier_Lig table:first-of-type tr:nth-child(3) td:nth-child(2)::after,
.Ingiltere_Premier_Lig table:first-of-type tr:nth-child(4) td:nth-child(2)::after,
.Ispanya_La_Liga table:first-of-type tr:nth-child(1) td:nth-child(2)::after,
.Ispanya_La_Liga table:first-of-type tr:nth-child(2) td:nth-child(2)::after,
.Ispanya_La_Liga table:first-of-type tr:nth-child(3) td:nth-child(2)::after,
.Ispanya_La_Liga table:first-of-type tr:nth-child(4) td:nth-child(2)::after,
.Italya_Serie_A table:first-of-type tr:nth-child(1) td:nth-child(2)::after,
.Italya_Serie_A table:first-of-type tr:nth-child(2) td:nth-child(2)::after,
.Italya_Serie_A table:first-of-type tr:nth-child(3) td:nth-child(2)::after,
.Italya_Serie_A table:first-of-type tr:nth-child(4) td:nth-child(2)::after,
.Almanya_Bundesliga table:first-of-type tr:nth-child(1) td:nth-child(2)::after,
.Almanya_Bundesliga table:first-of-type tr:nth-child(2) td:nth-child(2)::after,
.Almanya_Bundesliga table:first-of-type tr:nth-child(3) td:nth-child(2)::after,
.Almanya_Bundesliga table:first-of-type tr:nth-child(4) td:nth-child(2)::after,
.Fransa_Ligue_bir table:first-of-type tr:nth-child(1) td:nth-child(2)::after,
.Fransa_Ligue_bir table:first-of-type tr:nth-child(2) td:nth-child(2)::after {
content: "Şampiyonlar Ligi";
}
.Belcika_bir_Lig_A table:first-of-type tr:nth-child(1) td:nth-child(2)::after,
.Belcika_bir_Lig_A table:first-of-type tr:nth-child(2) td:nth-child(2)::after,
.Belcika_bir_Lig_A table:first-of-type tr:nth-child(3) td:nth-child(2)::after,
.Belcika_bir_Lig_A table:first-of-type tr:nth-child(4) td:nth-child(2)::after {
content: "Şampiyon Turu"
}
.Belcika_bir_Lig_A table:first-of-type tr:nth-child(5) td:nth-child(2)::after,
.Belcika_bir_Lig_A table:first-of-type tr:nth-child(6) td:nth-child(2)::after,
.Belcika_bir_Lig_A table:first-of-type tr:nth-child(7) td:nth-child(2)::after,
.Belcika_bir_Lig_A table:first-of-type tr:nth-child(8) td:nth-child(2)::after {
content: "Şampiyonlar Ligi Play-Off"
}
.Fransa_Ligue_bir table:first-of-type tr:nth-child(3) td:nth-child(2)::after {
content: "Şampiyonlar Ligi Eleme";
}
.Super_Lig table:first-of-type tr:nth-child(3) td:nth-child(2)::after,
.Super_Lig table:first-of-type tr:nth-child(4) td:nth-child(2)::after,
.Ingiltere_Premier_Lig table:first-of-type tr:nth-child(5) td:nth-child(2)::after,
.Ispanya_La_Liga table:first-of-type tr:nth-child(5) td:nth-child(2)::after,
.Italya_Serie_A table:first-of-type tr:nth-child(5) td:nth-child(2)::after,
.Almanya_Bundesliga table:first-of-type tr:nth-child(5) td:nth-child(2)::after,
.Fransa_Ligue_bir table:first-of-type tr:nth-child(4) td:nth-child(2)::after {
content: "Avrupa Ligi";
}
.Super_Lig table:first-of-type tr:nth-child(5) td:nth-child(2)::after,
.Ispanya_La_Liga table:first-of-type tr:nth-child(6) td:nth-child(2)::after,
.Italya_Serie_A table:first-of-type tr:nth-child(6) td:nth-child(2)::after,
.Almanya_Bundesliga table:first-of-type tr:nth-child(6) td:nth-child(2)::after,
.Fransa_Ligue_bir table:first-of-type tr:nth-child(5) td:nth-child(2)::after {
content: "UEFA Konferans Eleme";
}

.TFF_bir_Lig table:first-of-type tr:nth-child(1) td:nth-child(2)::after,
.TFF_bir_Lig table:first-of-type tr:nth-child(2) td:nth-child(2)::after {
content: "Yükselme";
}
.TFF_bir_Lig table:first-of-type tr:nth-child(3) td:nth-child(2)::after,
.TFF_bir_Lig table:first-of-type tr:nth-child(4) td:nth-child(2)::after,
.TFF_bir_Lig table:first-of-type tr:nth-child(5) td:nth-child(2)::after,
.TFF_bir_Lig table:first-of-type tr:nth-child(6) td:nth-child(2)::after,
.TFF_bir_Lig table:first-of-type tr:nth-child(7) td:nth-child(2)::after {
content: "Yükselme Play-Off";
}


/* Sadece ilk tablonun son 4 satırına stil uygula */

.Super_Lig table:first-of-type tr:nth-last-child(1) td:nth-child(2)::after,
.Super_Lig table:first-of-type tr:nth-last-child(2) td:nth-child(2)::after,
.Super_Lig table:first-of-type tr:nth-last-child(3) td:nth-child(2)::after,
.Super_Lig table:first-of-type tr:nth-last-child(4) td:nth-child(2)::after,
.TFF_bir_Lig table:first-of-type tr:nth-last-child(1) td:nth-child(2)::after,
.TFF_bir_Lig table:first-of-type tr:nth-last-child(2) td:nth-child(2)::after,
.TFF_bir_Lig table:first-of-type tr:nth-last-child(3) td:nth-child(2)::after,
.TFF_bir_Lig table:first-of-type tr:nth-last-child(4) td:nth-child(2)::after,
.Ingiltere_Premier_Lig table:first-of-type tr:nth-last-child(1) td:nth-child(2)::after,
.Ingiltere_Premier_Lig table:first-of-type tr:nth-last-child(2) td:nth-child(2)::after,
.Ingiltere_Premier_Lig table:first-of-type tr:nth-last-child(3) td:nth-child(2)::after,
.Ispanya_La_Liga table:first-of-type tr:nth-last-child(1) td:nth-child(2)::after,
.Ispanya_La_Liga table:first-of-type tr:nth-last-child(2) td:nth-child(2)::after,
.Ispanya_La_Liga table:first-of-type tr:nth-last-child(3) td:nth-child(2)::after,
.Italya_Serie_A table:first-of-type tr:nth-last-child(1) td:nth-child(2)::after,
.Italya_Serie_A table:first-of-type tr:nth-last-child(2) td:nth-child(2)::after,
.Italya_Serie_A table:first-of-type tr:nth-last-child(3) td:nth-child(2)::after,
.Almanya_Bundesliga table:first-of-type tr:nth-last-child(1) td:nth-child(2)::after,
.Almanya_Bundesliga table:first-of-type tr:nth-last-child(2) td:nth-child(2)::after,
.Fransa_Ligue_bir table:first-of-type tr:nth-last-child(1) td:nth-child(2)::after,
.Fransa_Ligue_bir table:first-of-type tr:nth-last-child(2) td:nth-child(2)::after {
content: "Küme düşme";
}
.Almanya_Bundesliga table:first-of-type tr:nth-last-child(3) td:nth-child(2)::after,
.Fransa_Ligue_bir table:first-of-type tr:nth-last-child(3) td:nth-child(2)::after {
content: "Küme düşme Play-Off";
}

.puandurumu-drop-wrapper {
width: 300px;
margin-bottom: 20px;
float: left;
}

.puandurumu-drop-wrapper .puandurumu-drop-group {
display: inline-block;
width: 300px;
margin: 0 10px;
vertical-align: top;
text-align: left;
}

.puandurumu-drop-wrapper .puandurumu-drop-group label {
display: block;
margin-bottom: 5px;
font-weight: 500;
font-size: 14px;
}

.puandurumu-drop-wrapper .puandurumu-drop {
position: relative;
background: var(--beyazbg);
border: 1px solid var(--border);
cursor: pointer;
user-select: none;
transition: border-color 0.2s;
}

.puandurumu-drop-wrapper .puandurumu-drop .selected {
font-size: 14px;
color: var(--siyah);
position: relative;
padding: 10px 25px 10px 10px;
display: block;
}
.puandurumu-drop-wrapper .puandurumu-drop .puandurumu-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
transition: transform 0.3s ease;
font-size: 16px;
color: #666;
}
.puandurumu-drop-wrapper .puandurumu-drop.open .puandurumu-icon {
transform: translateY(-50%) rotate(180deg);
}
.puandurumu-drop-wrapper .puandurumu-drop.open {
border-color: var(--border);
}

.puandurumu-drop-wrapper .puandurumu-drop .options {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
max-height: 200px;
overflow-y: auto;
background: var(--beyazbg);
border: 1px solid var(--border);
border-top: none;
z-index: 10;
padding: 0;
margin: 1px 0 0 0;
}

.puandurumu-drop-wrapper .puandurumu-drop.open .options {
display: block;
}

.puandurumu-drop-wrapper .puandurumu-drop .options li {
padding: 10px 15px;
font-size: 14px;
color: var(--siyah_color);
cursor: pointer;
transition: background 0.2s;
list-style: none;
}

.puandurumu-drop-wrapper .puandurumu-drop .options li:hover {
background: var(--border);
}

.puandurumu-drop-wrapper .puandurumu-drop .options li.selected {
background: var(--kirmizi);
color: var(--beyaz);
}

.puandurumu-drop-wrapper .puandurumu-drop .options li.selected:after {
display: none;
}





#gunlukburc_sayfasi .burc_blok {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139, 0.05) 0%, rgba(139, 139, 139, 0.05) 50%, rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 100%), radial-gradient(circle at 41% 28%, rgba(81, 81, 81, 0.05) 0%, rgba(81, 81, 81, 0.05) 50%, rgba(7, 7, 7, 0.05) 50%, rgba(7, 7, 7, 0.05) 100%), radial-gradient(circle at 48% 1%, rgba(93, 93, 93, 0.05) 0%, rgba(93, 93, 93, 0.05) 50%, rgba(7, 7, 7, 0.05) 50%, rgba(7, 7, 7, 0.05) 100%), linear-gradient(255deg, #9c2984, #2f0e7a);
}
#gunlukburc_sayfasi .burc_blok img {
width: 128px;
height: 128px;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
}
#gunlukburc_sayfasi .burc_blok h2 {
font-size: 18px;
font-weight: 700;
color: var(--beyaz);
display: table;
overflow: hidden;
margin: 5px 0px 8px 0px;
letter-spacing: 0.4px;
}
#gunlukburc_sayfasi .burc_blok p {
font-size: 15px;
font-weight: 300;
color: var(--beyaz);
display: table;
overflow: hidden;
margin: 0px 0px 3px 0px;
}
#gunlukburc_sayfasi .burc_blok strong {
font-weight: 700;
letter-spacing: 0.7px;
}



#gunlukburc_sayfasi .flex-wrapper {
width: calc(100% - 30px);
display: flex;
flex-flow: row nowrap;
margin-top: 30px;
padding: 0px 15px;
margin-bottom: 30px;
}
#gunlukburc_sayfasi .single-chart {
width: 15%;
justify-content: space-around;
text-align: center;
margin: 0px auto;
}
#gunlukburc_sayfasi .single-chart strong {
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
display: inline-block;
}
#gunlukburc_sayfasi .yildiz-fali {
display: block;
margin: 5px auto;
max-width: 90%;
max-height: 250px;
}
#gunlukburc_sayfasi .circle {
fill: none;
stroke-width: 2.8;
stroke-linecap: round;
animation: progress 1s ease-out forwards;
}
@keyframes progress {
0% {stroke-dasharray: 0 100;}
}
#gunlukburc_sayfasi .circle-bg {
fill: none;
stroke: #eee;
stroke-width: 3.8;
fill: none;
}
#gunlukburc_sayfasi .yildiz-fali.genel .circle {
stroke: #774ede;
}
#gunlukburc_sayfasi .yildiz-fali.ask .circle {
stroke: #ff0047;
}
#gunlukburc_sayfasi .yildiz-fali.para .circle {
stroke: #ff9f00;
}
#gunlukburc_sayfasi .yildiz-fali.saglik .circle {
stroke: #8bc34a;
}
#gunlukburc_sayfasi .yildiz-fali.is .circle {
stroke: #3c9ee5;
}
#gunlukburc_sayfasi .percentage {
fill: #666;
font-family: sans-serif;
font-size: 0.5em;
text-anchor: middle;
}

#gunlukburc_sayfasi .burc-tab-wrapper {
width: 100%;
}
#gunlukburc_sayfasi .burc-tabs {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 20px;
gap: 10px;
background: var(--mor);
}
#gunlukburc_sayfasi .tab-link {
border: none;
padding: 20px 20px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: background 0.3s;
background: transparent;
color: var(--beyaz);
letter-spacing: 0.7px;
}
#gunlukburc_sayfasi .tab-link.active {
background: rgb(255 255 255 / 7%);
color: var(--beyaz);
}
#gunlukburc_sayfasi .burc-tab-content {
display: none;
animation: tabfadein 0.3s ease-in-out;
}
#gunlukburc_sayfasi .burc-tab-content.active {
display: block;
}
@keyframes tabfadein {
from { opacity: 0; }
to { opacity: 1; }
}
.burc-tab-content h3.burcday {
font-size: 18px;
font-weight: 700;
color: var(--siyah_color);
margin-bottom: 15px;
}
.burc-tab-content p {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 15px;
overflow: hidden;
color: var(--siyah_color);
word-break: break-word;
}

#gunlukburc_sayfasi .ekstra-gezegenler {
display: block;
}
#gunlukburc_sayfasi .ekstra-gezegenler h4 {
font-size: 16px;
font-weight: 400;
}
#gunlukburc_sayfasi .ekstra-gezegenler ul {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
padding: 0px 0px;
margin: 20px 0px 0px 0px;
}
#gunlukburc_sayfasi .ekstra-gezegenler ul li {
display: block;
margin: 0px 0px;
padding: 0px 0px;
list-style: none;
font-size: 16px;
}



#gazete_listele {
padding: 20px;
}
.gazete-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.gazete-item {
background: #ffffff;
border: 1px solid var(--border);
overflow: hidden;
text-align: center;
transition: all 0.3s ease;
}
.gazete-item:hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.gazete-item img {
width: 100%;
height: auto;
display: block;
}
.gazete-bilgi {
padding: 10px;
}
.gazete-bilgi h4 {
font-size: 20px;
font-weight: 700;
margin: 10px 0 5px;
color: var(--siyah);
}
.gazete-tarih {
font-size: 14px;
color: #777;
}

#gazete_oku {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
#gazete_oku .gazete-buyuk img{
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
#gazete_oku h2.gazete-adi {
width: 100%;
height: auto;
overflow: hidden;
display: block;
text-align: center;
font-size: 22px;
font-weight: 700;
color: var(--siyah_color);
line-height: 1.4;
margin-bottom: 20px;
}






#canli_mac_sonuclari {
width: 100%;
display: block;
box-sizing: border-box;
}
ul.lig_listesi {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
background: #ffffff;
border: 1px solid var(--border);
overflow: hidden;
animation: fadeIn 0.8s ease;
padding: 0px;
}
.lig_baslik {
background: var(--yesil);
color: var(--beyaz);
font-size: 17px;
font-weight: 600;
padding: 12px 15px;
display: flex;
align-items: center;
gap: 10px;
}
.lig_logo {
width: 24px;
height: 24px;
object-fit: contain;
}
.mac_item {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 12px 15px;
border-top: 1px solid var(--border);
background: #ffffff;
transition: background 0.5s ease;
animation: fadeInItem 0.6s ease;
}
.mac_item:nth-of-type(2n) {
background: var(--body);
}
.mac_item:hover {
background: #f1f9ff;
}
.mac_saat {
width: 50px;
text-align: center;
font-size: 14px;
color: #555;
}
.mac_dakika {
width: 50px;
text-align: center;
font-size: 12px;
color: #999;
}
.mac_dakika span {
width: 30px;
height: 30px;
line-height: 30px;
overflow: hidden;
padding: 0px 0px 0px 0px;
background: transparent;
border: 2px solid #f7c230;
font-size: 12px;
font-weight: 400;
color: #000000;
display: table;
border-radius: 100%;
}

.takimlar {
display: flex;
align-items: center;
flex: 1;
justify-content: space-between;
gap: 15px;
}
.ev_takim, .deplasman_takim {
display: flex;
align-items: center;
gap: 6px;
flex: 1;
}
.ev_takim {
justify-content: flex-end;
}
.takim_adi {
font-size: 15px;
font-weight: 500;
color: #222;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.takim_logo {
width: 22px;
height: 22px;
object-fit: contain;
}
.mac_skoru {
font-size: 18px;
font-weight: bold;
color: #111;
width: 50px;
text-align: center;
}
.mac_iysonucu {
font-size: 12px;
color: #888;
text-align: center;
width: 70px;
}
.bilgi_mesaj {
text-align: center;
padding: 20px;
color: #777;
font-size: 16px;
}
li.mac_item.gol_oldu {
animation: golParlamaGercek 3s ease forwards;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeInItem {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes golParlamaGercek {
0%   { background-color: #d4edda; }
25%  { background-color: #ffffff; }
50%  { background-color: #d4edda; }
75%  { background-color: #ffffff; }
100% { background-color: #ffffff; }
}


.canli-filtreler {
display: flex;
align-items: center;
gap: 20px;
justify-content: flex-end;
}
.canli-filtreler label {
display: flex;
align-items: center;
cursor: pointer;
font-size: 14px;
gap: 10px;
}
.canli-filtreler input[type="checkbox"] {
position: relative;
width: 40px;
height: 24px;
-webkit-appearance: none;
background: #ccc;
outline: none;
border-radius: 40px;
transition: background 0.3s;
cursor: pointer;
}
.canli-filtreler input[type="checkbox"]::before {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: 20px;
height: 22px;
background: #fff;
border-radius: 50%;
transition: 0.3s;
}
.canli-filtreler input[type="checkbox"]:checked {
background: var(--yesil);
}
.canli-filtreler input[type="checkbox"]:checked::before {
transform: translateX(17px);
}

#gol_sesi_toggle {
background: #eeeeee;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 22px;
cursor: pointer;
transition: background 0.3s;
}
#gol_sesi_toggle .iconify[data-icon="ix:sound-loud-filled"] {
vertical-align: middle;
color: var(--yesil);
}
#gol_sesi_toggle .iconify[data-icon="ix:sound-mute-filled"] {
vertical-align: middle;
color: var(--kirmizi);
}
#gol_sesi_toggle:hover {
background: #dddddd;
}
















@media screen and (min-width: 981px) and (max-width: 1366px) {
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi p {
font-size: 12px;
line-height: 1.4;
}

}

@media (max-width: 980px) {
.yazar_sayfasi {
grid-template-columns: repeat(1, 1fr);
}
#tablogeneli table.borsa-table {
width: calc(100% - 0px);
float: unset;
margin-right: 0px;
}
#real-time-data .bistdegeri {
width: calc(100% - 0px);
height: 67px;
float: unset;
margin-right: 0px;
text-align: center;
}
ul.bistdegisim, ul.bistyuksekdusuk {
width: calc(100% - 0px);
float: unset;
margin: 0px 0px 0px 0px;
text-align: center;
}
ul.bistdegisim li strong,
ul.bistyuksekdusuk li strong {
width: auto;
float: unset;
text-align: unset;
margin-right: 0px;
}

#nobetci_eczaneler_sayfasi ul.eczaneul li {
flex: 1 1 calc(33.33% - 20px);
}



#fiksturSayfa {
width: calc(100% - 0px);
}
ul#tabBaslik {
display: none;
}
.eczanedrop-wrapper .eczanedrop-group {
margin: 0px;
}
.fiksturSayfa .eczanedrop-wrapper {
display: block;
}
#guncel_Fikstur .takim_basligi div,
#guncel_Fikstur .takim_sira > * {
flex: unset;
padding: 5px;
width: auto;
}
#guncel_Fikstur .takim_basligi div:nth-child(1),
#guncel_Fikstur .takim_sira .tarih,
#guncel_Fikstur .takim_basligi div:nth-child(3),
#guncel_Fikstur .takim_sira .sonuc {
width: 60px;
flex: none;
text-align: center;
}
#guncel_Fikstur .takim_basligi div:nth-child(2),
#guncel_Fikstur .takim_basligi div:nth-child(4),
#guncel_Fikstur .takim_sira .takim_bir,
#guncel_Fikstur .takim_sira .takim_iki {
width: calc(50% - 60px);
flex: none;
}
#guncel_Fikstur .takim_basligi div:nth-child(5),
#guncel_Fikstur .takim_sira .ilk_yari {
display: none;
}

#havadurumuSayfa .bugunun_tahmini {
height: auto;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi {
width: calc(100% - 0px);
padding-left: 0px;
height: auto;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi:after {
display: none;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi h3 {
margin: 0px 0px 10px 0px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun_iki {
display: none;
}
#havadurumuSayfa .onbesgunun_tahmini .arrow {
float: right;
}


.gazete-grid {
grid-template-columns: repeat(3, 1fr);
}







}

@media (max-width: 768px) {
.firma-bilgileri-listesi li {
flex-direction: column;
align-items: flex-start;
}
.firma-label {
width: 100%;
margin-bottom: 5px;
}
.firma-value {
width: 100%;
}
header .sosyal a.giris strong {
display: none;
}
#bik-kunye-main ul li {
display: block;
text-align: left;
padding: 15px 10px;
}
#bik-kunye-main ul li strong,
#bik-kunye-main ul li div {
display: block;
width: 100%;
flex: unset;
justify-content: unset;
}
#bik-kunye-main ul li div {
margin-top: 5px;
}
#bik-kunye-main ul li div:before {
display: none;
}


#dovizSayfa table {
display: block;
width: auto;
}
#dovizSayfa tbody {
width: 100%;
display: block;
}
#dovizSayfa thead {
display: none;
}
#dovizSayfa  tr {
display: block;
margin-bottom: 0px;
}
#dovizSayfa  td {
display: block;
text-align: left;
border-bottom: 1px solid #ddd;
padding: 10px;
}
#dovizSayfa  td:before {
content: attr(data-control) ": ";
font-weight: 600;
width: 80px;
overflow: hidden;
display: block;
float: left;
text-align: left;
}
#dovizSayfa  td:first-child {
width: auto;
}
#dovizSayfa  td:first-child:before {
display: none;
}
#dovizSayfa td:first-child img {
margin: 0px 10px 0px 0px;
}




#parite_Sayfa .responsive-table thead {
display: none;
}
#parite_Sayfa .responsive-table tr {
display: block;
margin-bottom: 0px;
}
#parite_Sayfa .responsive-table td {
display: block;
text-align: left;
padding: 0px 10px;
border-bottom: 1px solid #ddd;
}
#parite_Sayfa .responsive-table td .icon {
right: unset;
left: 50px;
}
#parite_Sayfa .responsive-table td:before {
content: attr(data-control) ": ";
float: left;
font-weight: 600;
width: 60px;
text-align: left;
}

#parite_Sayfa .parite-detay .uclu div {
width: calc(100% - 30px);
float: unset;
margin-right: 0px;
border-radius: 5px;
margin-top: 15px;
}
#parite_Sayfa .parite-detay .alt_parite ul {
width: calc(100% - 0px);
float: unset;
margin: 30px 0px 0px 0px;
padding: 0px;
}


.hisseler_yeni table {
display: block;
}

.hisseler_yeni thead {
display: none;
}
.hisseler_yeni tbody {
width: 100%;
display: block;
overflow: hidden;
}
.hisseler_yeni tbody tr {
display: block;
margin-bottom: 10px;
}

.hisseler_yeni tbody td {
display: block;
text-align: right!important;
}

.hisseler_yeni tbody td:before {
content: attr(data-control) ": ";
float: left;
font-weight: bold;
}

.hisseler_yeni td .icon {
right: 0px;
}
.hisseler_yeni .hisse-link {
padding-right: 10px;
}

.hisseler_yeni .detay-liste ul {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
column-gap: 0px;
}

#nobetci_eczaneler_sayfasi {
width: calc(100% - 0px);
padding: 15px 0px;
}
#nobetci_eczaneler_sayfasi ul.eczaneul li {
flex: 1 1 calc(50% - 20px);
}

.eczanedrop-wrapper {
width: 270px;
margin: 0px auto 0px auto;
}
.eczanedrop-wrapper .eczanedrop-group {
margin-bottom: 20px;
}
.nobetci-eczane-liste li {
width: calc(100% - 0px);
}


#guncel_Fikstur .takim_basligi div,
#guncel_Fikstur .takim_sira > * {
font-size: 12px;
}
#guncel_Fikstur .takim_sira .sonuc {
font-weight: 400;
}


#havadurumuSayfa .havaSag .soll,
#havadurumuSayfa .havaSag .sagg {
width: calc(100% - 0px);
}
#havadurumuSayfa .havaSag .soll {
float: none;
margin-right: 0px;
}
#havadurumuSayfa .havaSag .soll div:last-child {
border-bottom: 1px solid rgb(255 255 255 / 25%);
padding-bottom: 5px;
margin-bottom: 5px;
}
#havadurumuSayfa .havaSag .soll div,
#havadurumuSayfa .havaSag .sagg div {
height: 40px;
line-height: 40px;
}

#namazvakitleri_Sayfa table {
display: block;
overflow-x: auto;
text-align: center;
}

#namazvakitleri_Sayfa thead {
display: none;
}

#namazvakitleri_Sayfa tbody {
width: 100%;
display: inline-block;
}

#namazvakitleri_Sayfa tr {
display: block;
margin: 0px auto 10px auto;
}

#namazvakitleri_Sayfa td {
display: block;
border: none;
text-align: right;
}

#namazvakitleri_Sayfa td:before {
content: attr(data-label);
float: left;
font-weight: bold;
margin-right: 50px;
}

#namazvakitleri_Sayfa .vakitler .tpt-cell {
width: calc(100% / 3 - 10px);
padding: 20px 0px;
}
#namazvakitleri_Sayfa .vakitler .tpt-cell .tpt-title {
font-size: 14px;
}
#namazvakitleri_Sayfa .vakitler .tpt-cell .tpt-time {
font-size: 18px;
}
#namazvakitleri_Sayfa .namaz_alt .ic {
width: calc(100% / 2 - 10px);
padding: 20px 0px;
}
#namazvakitleri_Sayfa .tab-content h2 {
font-size: 18px;
text-align: center;
}

#namazvakitleri_Sayfa #kalan-sure,
#namazvakitleri_Sayfa .curr-time-cell {
width: calc(100% - 0px);
float: unset;
text-align: center;
}
#namazvakitleri_Sayfa #kalan-sure:after {
display: none;
}
#namazvakitleri_Sayfa #kalan-sure {
padding: 30px 0px 0px 0px;
}
#namazvakitleri_Sayfa .curr-time-cell {
padding: 30px 0px 30px 0px;
}
#namazvakitleri_Sayfa #kalan-sure #sonraki-vakit-adi,
#namazvakitleri_Sayfa .curr-time-cell .pcsaati {
font-size: 14px;
}
#namazvakitleri_Sayfa #kalan-sure #geri-sayim,
#namazvakitleri_Sayfa .curr-time-cell .pczamani {
font-size: 1.5em;
}
#namazvakitleri_Sayfa .namaz_ust div strong {
font-size: 16px;
}

.namazvakitdrop-wrapper,
.namazvakitdrop-wrapper form {
align-items: center;
flex-direction: column;
}

#yeni_puandurumu h2 {
width: calc(100% - 0px);
font-size: 16px;
}
#yeni_puandurumu ul.uclu_sekme {
width: calc(100% - 0px);
}
#yeni_puandurumu table  {
width: 100%;
border-collapse: collapse;
}
#yeni_puandurumu table th,
#yeni_puandurumu table td {
height: 36px;
line-height: 36px;
font-size: 14px;
}
#yeni_puandurumu table th:nth-child(4),
#yeni_puandurumu table th:nth-child(5),
#yeni_puandurumu table th:nth-child(6),
#yeni_puandurumu table th:nth-child(7),
#yeni_puandurumu table th:nth-child(8),
#yeni_puandurumu table th:nth-child(11),
#yeni_puandurumu table td:nth-child(4),
#yeni_puandurumu table td:nth-child(5),
#yeni_puandurumu table td:nth-child(6),
#yeni_puandurumu table td:nth-child(7),
#yeni_puandurumu table td:nth-child(8),
#yeni_puandurumu table td:nth-child(11) {
display: none;
}


#yeni_puandurumu table th:nth-child(1),
#yeni_puandurumu table td:nth-child(1) {
width: 30px;
text-align: center;
display: none;
}

#yeni_puandurumu table th:nth-child(3),
#yeni_puandurumu table th:nth-child(9),
#yeni_puandurumu table th:nth-child(10),
#yeni_puandurumu table td:nth-child(3),
#yeni_puandurumu table td:nth-child(9),
#yeni_puandurumu table td:nth-child(10) {
width: 35px;
text-align: center;
}

#yeni_puandurumu table th:nth-child(2),
#yeni_puandurumu table td:nth-child(2) {
width: calc(100% - (30px + 35px * 8 + 30px));
text-align: left;
}
#yeni_puandurumu table td:nth-child(2) img {
margin-right: 8px;
margin-top: 0px;
}
#yeni_puandurumu table td:nth-child(2) strong {
width: calc(100% - 30px);
height: auto;
line-height: 22px;
overflow: hidden;
display: block;
font-weight: 500;
}

#yeni_puandurumu table tr td::after {
display: none!important;
}

#gunlukburc_sayfasi .burc_blok img {
width: 78px;
height: 78px;
}
#gunlukburc_sayfasi .burc_blok h2 {
font-size: 16px;
}
#gunlukburc_sayfasi .burc_blok p {
font-size: 14px;
}
#gunlukburc_sayfasi .tab-link {
padding: 15px 20px;
font-size: 15px;
}



.gazete-grid {
grid-template-columns: repeat(2, 1fr);
}
#gazete_oku h2.gazete-adi {
font-size: 16px;
font-weight: 700;
}

.canli-filtreler {
width: 100%;
justify-content: center;
}

.mac_item {
flex-direction: column;
align-items: flex-start;
}
.mac_saat,
.mac_dakika,
.mac_skoru,
.mac_iysonucu {
width: auto;
text-align: left;
margin-bottom: 6px;
}
.mac_dakika {
text-align: center;
}
.takimlar {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 6px;
}

.ev_takim,
.deplasman_takim {
width: 100%;
text-align: center;
justify-content: center;
}

.mac_skoru {
font-size: 18px;
font-weight: bold;
text-align: center;
}

.mac_iysonucu {
font-size: 14px;
color: #777;
text-align: center;
}

#gunlukburc_sayfasi .burc_blok img {
margin-top: 15px;
}
.burc-tab-content h3.burcday,
#gunlukburc_sayfasi .single-chart strong {
font-size: 16px;
}
#gunlukburc_sayfasi .ekstra-gezegenler ul {
grid-template-columns: repeat(1, 1fr);
}


}

@media (max-width: 600px) {
#nobetci_eczaneler_sayfasi ul.eczaneul li {
flex: 1 1 100%;
}
.nobetci-eczane-liste li a {
margin: 10px auto 0px auto;
float: unset!important;
display: table!important;
}
.nobetci-eczane-liste li a i {
margin-right: 5px;
}

#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi {
width: 100%;
float: left;
margin-right: 0px;
margin-top: 20px;
display: block;
margin-bottom: 15px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button p.description {
display: none;
}

#namazvakitleri_Sayfa .tab-button {
width: calc(100% - 0px);
display: block;
padding: 20px 0px;
}


.tab-link {
flex: 1 1 45%;
font-size: 14px;
}
.gazete-grid {
grid-template-columns: repeat(1, 1fr);
}

#gunlukburc_sayfasi .burc_blok img {
position: absolute;
content: "";
z-index: 1;
top: 0px;
right: 10px;
width: auto;
height: calc(100% - 20px);
opacity: 0.1;
}

#gunlukburc_sayfasi .flex-wrapper {
width: calc(100% - 0px);
padding: 0px 0px;
}
#gunlukburc_sayfasi .single-chart {
width: 33.333%;
}



}



@media (min-width: 600px) {
.hisseler_yeni table {
table-layout: fixed;
}

.hisseler_yeni th[data-control="hisse-senedi"],
.hisseler_yeni td[data-control="hisse-senedi"] {
width: 40%;
}

.hisseler_yeni tr th:not(:first-child),
.hisseler_yeni tr td:not(:first-child) {
text-align: center;
}






}
