.header-panel {line-height: 30px;font-size: 14px;}



.header-panel .lang {float: left;margin-right: 20px;text-transform: uppercase;}

.header-panel .lang .default {color: #fff;}



.header-panel .currency {float: left;margin-right: 20px;}

.header-panel .currency .default {color: #fff;}



.header-panel .user-wrapper {float: left;color: #000000;position: relative;}

.header-panel .user-wrapper span.login-btn {margin-right: 7px;cursor: pointer;}

.header-panel .user-wrapper span.signin-btn {cursor: pointer;}



@import url(https://fonts.googleapis.com/css?family=Roboto:300);



.login-page {display: none;width: 100%;margin: auto;position: fixed;z-index: 9999;left: 0;height: 100%;background: #000000b3;top:0;}

.login-page.active {display: flex;align-items: center;}

.login-page-close {position: absolute;right: 0;display: block;top: 0;line-height: 48px;background: #3c566b;width: 48px;cursor: pointer;}

.login-page .form {position: relative;z-index: 1;background: #FFFFFF;max-width: 460px;margin: auto;padding: 0px 45px 25px;text-align: center;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}

@media(min-width: 768px) {.login-page .form {min-width: 460px;} }

.login-page .form input {font-family: "Roboto", sans-serif;outline: 0;background: #f2f2f2;width: 100%;border: 0;margin: 0 0 15px;padding: 15px;box-sizing: border-box;font-size: 14px;}

.login-page .form button {font-family: "Roboto", sans-serif;text-transform: uppercase;outline: 0;background: #527c9e;width: 100%;border: 0;padding: 15px;color: #FFFFFF;font-size: 14px;-webkit-transition: all 0.3 ease;transition: all 0.3 ease;cursor: pointer;height: auto;line-height: inherit;}

.login-page .form button:hover,.form button:active,.form button:focus {background: #476c8a;}

.login-page .form .message {margin: 15px 0 0;color: #b3b3b3;font-size: 12px;text-align: left;}

.login-page .form .message.half {width: 50%;float: left;}

@media(max-width: 768px){ .login-page .form .message.half {width: 100%;margin: 5px 0px 0px;}  }

.login-page .form .message a {color: #527c9e;text-decoration: none;}

.login-page .form .register-form {display: none;}

.login-page .form .forgotten-form {display: none;}



.login-page .benihatirla {text-align: left;text-transform: inherit;line-height: inherit;}

.login-page .benihatirla input {display: inline-block;width: auto;}



.login-page .form-title {position: relative;background: #527c9e; padding: 15px; color: #FFFFFF; font-size: 14px; margin: 0 -45px 25px; font-weight: bold;text-transform: uppercase;}



.user-login-btn {cursor: pointer;display: block;}

.user-wrapper .user-menu {display: none;position: absolute;left: 0;background: #fff;box-shadow: 0px 2px 8px #0000001f;z-index: 9999;width: 166px;top: 100%;border-radius: 5px;margin:0;list-style:none;padding: 10px;color: #000;}

.user-login-btn:hover .user-menu {display: block;}

.user-menu:hover {display: block;}

.user-wrapper .user-menu:before {display: block;content: "";position: absolute;left: 50%;margin-left: -10px;top: -10px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;}

.user-wrapper .user-menu li {border-bottom: 1px solid #eee;}

.user-wrapper .user-menu li a {display: block;}



.currency .default {cursor: pointer;}

.currency-wrapper {display: none;width: 100%;margin: auto;position: fixed;z-index: 9999;left: 0;height: 100%;background: #000000b3;}

.currency-wrapper.active {display: flex;align-items: center;}

.currency-wrapper .currencys {position: relative;z-index: 1;background: #FFFFFF;max-width: 250px;margin: auto;padding: 25px 25px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}

@media(min-width: 768px) {.currency-wrapper .currencys {min-width: 250px;} }

.currency-close {position: absolute;right: 0;display: block;top: 0;line-height: 34px;background: #000000;width: 34px;cursor: pointer;text-align: center;color: #fff;}

.currency-wrapper .currencys ul li a span:first-child {display: inline-block;width: 40px;text-align: center;background: #ddd;border-radius: 5px;font-size: 15px;font-weight: bold;}







.lang .default {cursor: pointer;}

.language-wrapper {display: none;width: 100%;margin: auto;position: fixed;z-index: 9999;left: 0;height: 100%;background: #000000b3;}

.language-wrapper.active {display: flex;align-items: center;}

.language-wrapper .languages {position: relative;z-index: 1;background: #FFFFFF;max-width: 250px;margin: auto;padding: 25px 25px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}

@media(min-width: 768px) {.language-wrapper .languages {min-width: 250px;} }

.language-wrapper .languages ul li a {color: #000;margin: 0;float: left;width: 100%;text-align: left;line-height: 24px;}

.language-wrapper .languages ul li img {float: left;width: 22px;margin-right: 5px;}

.language-close {position: absolute;right: 0;display: block;top: 0;line-height: 34px;background: #000000;width: 34px;cursor: pointer;text-align: center;color: #fff;}



.bilgi-errors,

.login-errors,

.register-erorrs,

.forgot-errors {margin-top: 5px;padding: 1px;background: antiquewhite;color: #ff0000;font-size: 14px;border-radius: 4px;border: 1px solid #eacba2;}



.uyelik-panel-form label {display: inline-block;font-weight: normal;font-size: 14px;}

.uye-panel-menu {display: block;width: 100%;margin: 0 0 20px;background: #2d3e52;float: left;border-radius: 8px;overflow: hidden;}

.uye-panel-menu ul {list-style: none;margin: 0;padding: 0;display: block;background: #2d3e52;float: left;width: 100%;}

.uye-panel-menu ul li {border-right: 1px solid #fff;display: inline-block; float:left;}

.uye-panel-menu ul li:last-child {border: 0;border-left: 1px solid #fff;}

.uye-panel-menu ul li a {display: block;padding: 10px 20px;color: #fff;font-size: 14px;}

.uye-panel-menu ul li.aktif a,

.uye-panel-menu ul li a:hover {background: #415266;transition: ease-in-out all 400ms;color: #fff;}



/* Üye Paneli Başlık */

.uye-panel-baslik {font-size: 24px;font-weight: 600;margin-bottom: 20px;text-align: center;}



.favoriler-menu {background: #fff;border-radius: 8px;overflow: hidden;margin-bottom: 15px;}

.favoriler-menu .title {display: flex;padding: 10px 15px;background: #2d3e52;color: #fff;margin-bottom: 0;width: 100%;align-items: center;justify-content: space-between;border-radius: 8px 8px 0 0;}

.favoriler-menu .title span.baslik {width: 60%;}



.favoriler-menu ul {margin: 0;padding: 0;list-style: none;border: 1px solid #ddd;border-top: 0;border-radius: 0 0 8px 8px;}

.favoriler-menu ul li {display: flex;width: 100%;align-items: center;justify-content: space-between;padding: 10px 10px;color: #2d3e52;text-decoration: none;font-size: 14px;margin: 0;}

.favoriler-menu ul li a {color: #2d3e52;text-decoration: none;font-size: 14px;}

.favoriler-menu ul li span.baslik {width: 60%;}

.favoriler-menu ul li span.sil:hover,

.favoriler-menu ul li span.kisisil:hover {color: red;cursor: pointer;}

.favoriler-menu ul li:hover {background: #eee;}

.favoriler-menu ul li:focus,

.favoriler-menu ul li.active {background: #2d3e52;color: #fff;}



/* Üye paneli başlık (Ad Soyad) */

.uye-paneli-baslik {

    font-size: 28px;

    font-weight: 600;

    text-align: center;

    margin-bottom: 25px;

    color: #2d3e52;

}

.uye-paneli-baslik h1 {

    font-size: 28px;

    margin: 0;

}



/* Favoriler bölümü düzeni */

.favoriler-bolum {

    display: flex;

    gap: 20px;

}

.favoriler-bolum > .favoriler-menu {

    flex: 1;

}



@media(max-width:  768px) {

    .favoriler-bolum {

        flex-direction: column;

    }

}