/*
    Theme Name: GenelPara 520
    Theme URI: https://www.genelpara.com
    Author: Berko Can
    Author URI: https://github.com/berkocan
    Description: GenelPara 520 Temasi
    Version: 5.2.0
*/

:root {
    /*--color-theme: #005af0;*/
    --color-theme: #0f6cbd;
    --color-theme-hover: #0b599c;
    --color-black: #131722;
    --color-white: #fff;
    --color-blue: #2962ff;
    --color-blue-hover: #1e53e5;
    --color-blue-dark: #003eb5;
    --color-green: #2ed06e;
    --color-orange: #e8611d;
    --color-red: #f23645;
    --color-red-hover: #da1f2e;
    --color-bg: #e9eef5;
    --color-hover: #f1f6fb;

    --kutu-renk: rgb(0 0 0 / 7%);
    --kutu-renk-hover: rgb(0 0 0 / 10%);
    --kutu-renk-soft: #f0f3fa;
    --kutu-renk-soft-hover: #e0e3eb;

    --yazi-renk-gri-s: rgb(0 0 0 / 44%);
    --yazi-renk-gri-m: rgb(0 0 0 / 60%);
    --yazi-renk-gri-l: rgb(0 0 0 / 80%);

    --bg-white: #fff;
    --bg-siyah-yuzde-2: rgb(0 0 0 / 2%);
    --bg-siyah-yuzde-3: rgb(0 0 0 / 3%);
    --bg-siyah-yuzde-5: rgb(0 0 0 / 5%);
    --bg-siyah-yuzde-7: rgb(0 0 0 / 7%);
    --bg-siyah-yuzde-10: rgb(0 0 0 / 10%);
    --bg-siyah-yuzde-15: rgb(0 0 0 / 15%);

    --border-light: rgb(155 155 155 / 12%);
    --border-regular: rgb(155 155 155 / 20%);
    --border-solid: rgb(155 155 155 / 32%);

    --font-theme: 'Open Sans', sans-serif;
}

html, body { touch-action: manipulation; }
html { height: auto; font-family: var(--font-theme); }
body { float: left; width: 100%; height: 100%; min-height: 400px; padding-top: 66px; background: var(--bg-white); font-size: 14px; color: var(--color-black); position: relative; font-family: var(--font-theme); margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }[hidden],template{ display: none; }
abbr[title] { border-bottom: 1px dotted; }
p { margin: 0 0 10px; }
dfn { font-style: italic; }
b, strong { font-weight: 700; }
h1, h2, h3, h4 { margin: 0; }
h1 { font-size: 32px; font-weight: 700; }
h3 { line-height: 1.4em; font-size: 14px; font-weight: 600; }
h4 { font-size: 14px; font-weight: 600; }
h2 { font-weight: 300; font-size: 20px; }
a { color: var(--color-blue); cursor: pointer; background: transparent; text-decoration: none; -webkit-tap-highlight-color: initial !important; }
a:hover, a:focus { text-decoration: none; outline: 0; }
a:active, a:hover { outline: 0 }
ul, ol { padding-left: 0; margin: 0; }
li { list-style: none; }
ol li { list-style-type: decimal; }
iframe { border: none; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aeb4b6; }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
button:focus, input:focus, optgroup:focus, select:focus, option:focus, textarea:focus{ outline: 0; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
button, select { text-transform: none; }
button { overflow: visible; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; outline: none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
figure { margin: 0; }
table { border-spacing: 0; }
:after, :before { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
svg { float: left; width: 1em; height: 1em; fill: currentColor; }
button, input[type="button"] { background: var(--color-blue); color: var(--color-white); }
button:hover, input[type="button"]:hover { background: var(--color-blue-hover); }


/************************************************
*	GENEL										*
************************************************/
.container { position: relative; width: 100%; max-width: 1320px; margin: 0 auto; padding: 0; }
.container:before { content: " "; display: table; }
.container:after{ content: " "; clear: both; }
.binary { float: left; width: 100%; height: auto; min-height: 400px; display: flex; align-items: start; justify-content: left; }
.clear { clear: both; }
.closed { float: left!important; width: 0!important; height: 0!important; overflow: hidden!important; padding: 0!important; margin: 0!important; }
.d-none { display: none!important; }
.d-block { display: block!important; }
.d-flex { display: flex!important; }
.w-100 { width: 100%!important; }
.mw-100 { max-width: 100%!important; }
.icon-nat { display: block; background: #656c7a; width: 13px; border: 2px solid; border-radius: 2px; }
.flag img { border-radius: 100%; background: transparent!important; }
.binary img { width: 100%; height: auto; display: block; position: relative; background: linear-gradient( 100deg, #f0f0f0 20%, #e0e0e0 40%, #f0f0f0 60% ); background-size: 200% 100%; animation: shimmer 1.6s infinite linear; }
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
.transition, .transition a { transition: all .2s ease-out; -webkit-transition: all .2s ease-out; }
.moneyUp { color: #089981; }
.moneyDown { color: #f23645; }
.moneyNat { color: #656c7a; }
.socketUp { color: #089981; }
.socketDown { color: #f23645; }
.single-money .single-fiyat .left .detail .fiyat { transition: unset!important; background: transparent!important; }
.single-money .single-fiyat .left .detail .socketUp { color: #089981; }
.single-money .single-fiyat .left .detail .socketDown { color: #f23645; }
@media (max-width: 768px) {
    body { padding-top: 62px; }
    .binary { display: block; padding: 0 10px; min-height: 100px; }
}





/************************************************
*	SITE MENU									*
************************************************/
.site-menu { position: fixed; inset: 0; width: 100%; height: 100%; background: transparent; overflow: hidden; z-index: 9; backface-visibility: hidden; pointer-events: none; transition: background .2s cubic-bezier(.4,0,.2,1); -webkit-transition: background .2s cubic-bezier(.4,0,.2,1); -moz-transition: background .2s cubic-bezier(.4,0,.2,1); -ms-transition: background .2s cubic-bezier(.4,0,.2,1); -o-transition: background .2s cubic-bezier(.4,0,.2,1); }
.site-menu.open { background: rgb(0 0 0 / 25%); pointer-events: auto; }
.site-menu .menu-body { position: absolute; top: 0; left: 0; width: 290px; height: 100%; background: var(--bg-white); box-shadow: 0 0 10px rgba(0,0,0,.5); transform: translateX(-100%); transition: transform .25s cubic-bezier(.4,0,.2,1); will-change: transform; /* GPU hızlandırma */ }
.site-menu.open .menu-body { transform: translateX(0); }
.site-menu .menu-body .menu-logo { width: 100%; padding: 15px; margin-bottom: 5px; border-bottom: 1px solid var(--border-regular); position: relative; display: flex; justify-content: left; align-items: center; }
.site-menu .menu-body .menu-logo .logo { float: left; }
.site-menu .menu-body .menu-logo .logo img { float: left; width: 150px; height: 30px; }
.site-menu .menu-body .menu-logo .menu-off { float: left; width: 40px; height: 40px; font-size: 22px; margin-right: 15px; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.site-menu .menu-body .menu-logo .menu-off:hover { background: var(--kutu-renk-soft); }
.site-menu .menu-body .menu-group { float: left; width: 100%; height: 100%; padding: 5px 15px 25px 15px; overflow-y: auto; padding-bottom: 100px; }
.site-menu .menu-body .menu-group ul { float: left; width: 100%; }
.site-menu .menu-body .menu-group li { float: left; width: 100%; margin-bottom: 3px; }
.site-menu .menu-body .menu-group li:last-child { margin-bottom: 0; }
.site-menu .menu-body .menu-group li a { float: left; width: 100%; color: var(--color-black); font-size: 15px; font-weight: 500; border-radius: 10px; padding: 12px 15px; position: relative; display: flex; align-items: center; justify-content: left; }
.site-menu .menu-body .menu-group li a:hover { background: var(--kutu-renk-soft); }
.site-menu .menu-body .menu-group li .caret { margin-left: auto; color: #6d6d6d; font-size: 14px; }
.site-menu .menu-body .menu-group li .icon { font-size: 22px; width: 24px; margin-right: 15px; color: var(--color-black); display: flex; align-items: center; justify-content: center; }
.site-menu .menu-body .menu-group li .icon img { float: left; width: 24px; height: 24px; border-radius: 100%; }
.site-menu .menu-body .menu-group li.doviz .icon { color: #005af0!important; }
.site-menu .menu-body .menu-group li.altin .icon { color: #fcba12!important; }
.site-menu .menu-body .menu-group li.kripto .icon { color: #f99011!important; }
.site-menu .menu-body .menu-group li.emtia .icon { color: #089981!important; }
.site-menu .menu-body .menu-group li.hisse .icon { color: #7d61b1!important; }
.site-menu .menu-body .menu-group li.endeks .icon { color: #1165f9!important; }
.site-menu .menu-body .menu-group li.blog .icon { color: #0f6cbd!important; }
.site-menu .menu-body .menu-group li.cevirici .icon { color: #234d5f!important; }
.site-menu .menu-body .menu-group li.haber .icon { color: #e30703!important; }
.site-menu .menu-body .menu-group .tire { float: left; height: 1px; width: 100%; display: block; margin: 12px 0; background: var(--border-regular); }
.site-menu .menu-bg { float: left; width: 100%; height: 100%; position: absolute; left: 280px; top: 0; }
.site-menu .mobil-app { display: none; float: left; width: 100%; margin-top: 15px; align-items: center; justify-content: center; }
.site-menu .mobil-app .box { float: left; width: 100%; color: var(--color-black); padding: 10px 15px; background: var(--kutu-renk-soft); border: 1px dotted var(--border-regular); cursor: pointer; border-radius: 6px; display: flex; align-items: center; }
.site-menu .mobil-app .box .icon { float: left; margin-right: 10px; font-size: 24px; color: #0f6cbd; }
.site-menu .mobil-app .box .detail { float: left; text-align: left; display: grid; }
.site-menu .mobil-app .box .detail span { float: left; width: 100%; font-size: 13px; }
@media (max-width: 768px) {
    .site-menu .menu-body { width: 300px; }
    .site-menu .mobil-app { display: flex; }
}





/************************************************
*	HEADER										*
************************************************/
.header { float: left; width: 100%; height: 66px; background: var(--color-theme); position: fixed; right: 0; left: 0; z-index: 8; top: 0; }
.header .container { height: 100%; padding: 10px 0; display: flex ; align-items: center;}
.header .menu-btn { float: left; width: 40px; min-width: 40px; height: 40px; padding-bottom: 1px; color: var(--color-white); font-size: 22px; cursor: pointer; border-radius: 8px; margin-right: 15px; display: flex; align-items: center; justify-content: center; }
.header .menu-btn:hover { background: var(--bg-siyah-yuzde-10); }
.header .logo { float: left; width: auto; margin-right: 25px; }
.header .logo img { float: left; width: 150px; height: 30px; }
.header .navbar { float: left; width: auto; margin-right: 20px; }
.header .navbar ul { float: left; width: 100%; height: 40px; overflow: hidden; white-space: nowrap; }
.header .navbar ul li { float: left; width: auto; margin-right: 5px; }
.header .navbar ul li a { float: left; width: auto; padding: 10px 16px; border-radius: 36px; color: var(--color-white); font-weight: 500; font-size: 15px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; -o-border-radius: 36px; }
.header .navbar ul li a:hover { background: var(--bg-siyah-yuzde-10); }
.header .navbar.blog ul li.blog a,
    .header .navbar.doviz ul li.doviz a,
    .header .navbar.altin ul li.altin a,
    .header .navbar.kripto ul li.kripto a,
    .header .navbar.emtia ul li.emtia a,
    .header .navbar.hisse ul li.hisse a {
        background: var(--bg-siyah-yuzde-10);
}
.header .navbar.blog ul li.blog a:hover,
    .header .navbar.doviz ul li.doviz a:hover,
    .header .navbar.altin ul li.altin a:hover,
    .header .navbar.kripto ul li.kripto a:hover,
    .header .navbar.emtia ul li.emtia a:hover,
    .header .navbar.hisse ul li.hisse a:hover {
        background: var(--bg-siyah-yuzde-15);
}
.header .search { float: right; width: 200px; height: 40px; margin-left: auto; position: relative; }
.header .search .box { float: left; width: 100%; height: 100%; cursor: pointer; background: var(--bg-siyah-yuzde-10); color: var(--color-white); position: relative; padding: 6px 40px 6px 20px; border-radius: 50px; font-size: 14px; z-index: 1; display: flex; align-items: center; }
.header .search .box:hover { background: var(--bg-siyah-yuzde-15); }
.header .search .icon { position: absolute; top: 12px; right: 18px; font-size: 15px; color: var(--color-white); }
.header .search-mobil { float: left; width: 40px; min-width: 40px; height: 40px; padding-top: 1px; color: var(--color-white); font-size: 20px; cursor: pointer; border-radius: 8px; margin-left: 15px; display: none; align-items: center; justify-content: center; }
@media (max-width: 768px) {
    .header { height: 62px; }
    .header .container { padding: 10px; }
    .header .navbar { display: none; }
    .header .search { display: none; }
    .header .search-mobil { display: flex; }
}

.header .profil { float: right; margin-left: 15px; position: relative; }
.header .profil.active ul { opacity: 1; visibility: visible; transform: translateX(20%) translateY(0); }
.header .profil.active .profil-btn { background: var(--bg-siyah-yuzde-10); }
.header .profil .profil-btn { float: left; width: 40px; min-width: 40px; height: 40px; font-size: 26px; color: var(--color-white); cursor: pointer; border-radius: 8px; position: relative; display: flex; align-items: center; justify-content: center; }
.header .profil .profil-btn:hover { background: var(--bg-siyah-yuzde-10); }
.header .profil .profil-btn img { float: left; width: 34px; height: auto; border-radius: 100%; }
.header .profil .profil-btn.active { width: auto; background: transparent!important; }
.header .profil .profil-btn .icon { position: absolute; top: -2px; right: -2px; width: 15px; height: 15px; background: var(--color-theme); border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.header .profil .profil-btn .icon i { width: 8px; height: 8px; background: var(--color-green); border-radius: 100%;}
.header .profil ul { position: absolute; top: 100%; right: 0; margin-top: 8px; padding: 8px 0; min-width: 250px; background: var(--bg-white); border-radius: 8px; box-shadow: 0 8px 20px rgba(0, 0, 0, .12); opacity: 0; visibility: hidden; transform: translateX(20%) translateY(-5px); transition: all .2s ease; }
.header .profil ul li { float: left; width: 100%; border-bottom: 1px solid var(--border-light); }
.header .profil ul li:last-child { border: unset; }
.header .profil ul li a, .header .profil ul li .theme-toggle { float: left; width: 100%; color: var(--color-black); font-weight: 500; padding: 13px 20px; font-size: 15px; cursor: pointer; display: flex; align-items: center; }
.header .profil ul li a:hover, .header .profil ul li .theme-toggle:hover { background: var(--bg-siyah-yuzde-5); }
.header .profil ul li .caret { font-size: 14px; margin-left: auto; color: #6d6d6d; }
.header .profil ul li .icon { font-size: 20px; margin-right: 7px; }
.header .profil ul li.cikis a { color: var(--color-red); }
.header .profil ul li.cikis .caret { color: var(--color-red); }
.header .profil .theme-toggle { justify-content: space-between; }
.header .profil .switch { position: relative; float: left; width: 38px; height: 20px; }
.header .profil .switch input { opacity: 0; width: 0; height: 0; }
.header .profil .slider { position: absolute; float: left; inset: 0; background: rgb(0 0 0 / 40%); border-radius: 22px; transition: .3s; cursor: pointer; }
.header .profil .slider::before { content: ""; position: absolute; width: 14px; height: 14px; left: 3px; top: 3px; background: var(--bg-white); border-radius: 50%; transition: .3s; }
.header .profil .switch input:checked + .slider { background: rgb(255 255 255 / 90%);}
.header .profil .switch input:checked + .slider::before { transform: translateX(17px); background: rgb(0 0 0 / 85%); }
@media (max-width: 768px) {
    .header .profil { margin-left: auto; }
}

.header .theme-color { float: right; width: auto; margin-left: 15px; }
.header .theme-color label { position: relative; display: inline-block; width: 70px; height: 34px; margin: 0; }
.header .theme-color label input { opacity: 0; width: 0; height: 0 }
.header .theme-color .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: var(--bg-siyah-yuzde-10); border-radius: 34px; transition: .3s; display: flex; align-items: center; justify-content: left; }
.header .theme-color .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background: rgb(255 255 255 / 12%); border-radius: 50%; transition: .3s; }
.header .theme-color .slider:hover { background: var(--bg-siyah-yuzde-15); }
.header .theme-color input:focus+.slider { box-shadow: 0 0 1px #2196f3; }
.header .theme-color label .slider .light { color: #ffc600; margin-right: auto; padding-left: 8px; }
.header .theme-color label .slider .dark { padding-right: 8px; color: #414141; }
.header .theme-color label .slider .light, .header .theme-color label .slider .dark { position: relative; font-size: 18px; transition: .3s }
.header .theme-color input:checked+.slider:before { -webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px) }
.header .theme-color input:checked+.slider .light { color: var(--color-white); }
.header .theme-color input:checked+.slider .dark { color: var(--color-white); }
.header .theme-color.hover:hover .slider:before { -webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px) }
.header .theme-color.hover:hover input:checked+.slider:before { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px) }
.header .theme-color:hover input:checked+.slider .light { color: var(--color-white) }
.header .theme-color:hover input:checked+.slider .dark { color: var(--color-white); }
@media (max-width: 768px) {
    .header .theme-color { margin-left: auto; }
}

.sub-nav { float: left; width: 100%; height: 60px; margin-bottom: 20px; overflow: hidden; position: relative; z-index: 7; background: var(--bg-white); box-shadow: 0px 4px 24px rgb(88 102 126 / 8%), 0px 1px 2px rgb(88 102 126 / 12%); }
.sub-nav .container { display: flex; align-items: start; justify-content: center; }
.sub-nav .boxs { float: left; width: 100%; display: flex; }
.sub-nav .boxs::-webkit-scrollbar { display: none; visibility: hidden; opacity: 0; }
.sub-nav .boxs .box { float: left; width: 100%; margin: 0 12px; height: 60px; }
.sub-nav .boxs .box:first-child { margin-left: 0; }
.sub-nav .boxs .box:last-child { margin-right: 0; }
.sub-nav .boxs .box a { float: left; width: 100%; height: 100%; color: var(--color-black); display: flex; align-items: center; justify-content: center; }
.sub-nav .boxs .box .flag { float: left; margin-right: 7px; }
.sub-nav .boxs .box .flag img { float: left; width: 22px; height: 22px; border-radius: 100%; }
.sub-nav .boxs .box .detail { float: left; width: auto; display: grid; }
.sub-nav .boxs .box .detail .title { float: left; width: 100%; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.sub-nav .boxs .box .detail .body { float: left; width: 100%; display: flex; }
.sub-nav .boxs .box .detail .body .fiyat { float: left; margin-right: 5px; font-size: 15px; }
.sub-nav .boxs .box .detail .body .degisim { float: left; margin-top: 1px; }
@media (max-width: 768px) {
    .sub-nav { height: auto; margin-bottom: 15px; padding: 10px; box-shadow: unset; border-bottom: 1px solid var(--border-regular); }
    .sub-nav .boxs { white-space: nowrap; overflow-x: scroll; }
    .sub-nav .boxs .box { margin: 0 5px; height: auto; }
    .sub-nav .boxs .box a { padding: 7px 10px; border-radius: 6px; }
    .sub-nav .boxs .box.dolar a { background: #0d6efd1f; }
    .sub-nav .boxs .box.dolar .title { color: #00409f; }
    .sub-nav .boxs .box.euro a { background: #6610f217; }
    .sub-nav .boxs .box.euro .title { color: #2e0079; }
    .sub-nav .boxs .box.gram a { background: #ffc1071f; }
    .sub-nav .boxs .box.gram .title { color: #674d00; }
    .sub-nav .boxs .box.ceyrek a { background: #d633841a; }
    .sub-nav .boxs .box.ceyrek .title { color: #5b002d; }
    .sub-nav .boxs .box.gumus a { background: #6c757d26; }
    .sub-nav .boxs .box.gumus .title { color: #2d3135; }
    .sub-nav .boxs .box.bitcoin a { background: #fd7e1421; }
    .sub-nav .boxs .box.bitcoin .title { color: #6f3200; }
    .sub-nav .boxs .box.ethereum a { background: #79554826; }
    .sub-nav .boxs .box.ethereum .title { color: #5d5653; }
    .sub-nav .boxs .box.bist100 a { background: #627eea24; }
    .sub-nav .boxs .box.bist100 .title { color: #4257a7; }
}





/************************************************
*	INDEX										*
************************************************/
.index-money { float: left; width: 100%; }
.index-money .line { float: left; width: 100%; margin-bottom: 20px; display: grid ; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: center; justify-content: left; }
.index-money .money { float: left; width: 100%; padding: 20px 20px 0 20px; border-radius: 12px; border: 1px solid var(--border-regular); }
.index-money .money h2 { float: left; width: 100%; margin: 0; margin-bottom: 20px; font-size: 24px; font-weight: 600; }
.index-money .money .boxs { float: left; width: 100%; margin-bottom: 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: center; justify-content: left; }
.index-money .money .box { float: left; width: 100%; }
.index-money .money .box a { float: left; width: 100%; padding: 8px 10px; color: var(--color-black); border-radius: 12px; display: flex; align-items: center; justify-content: left; }
.index-money .money .box a:hover { background: var(--kutu-renk-soft); }
.index-money .money .box a:hover .code { background: var(--color-blue)!important; color: var(--color-white); }
.index-money .money .box .flag { float: left; width: auto; margin-right: 10px; }
.index-money .money .box .flag img { float: left; width: 36px; height: 36px; border-radius: 100%; }
.index-money .money .box .detail { float: left; width: 100%; }
.index-money .money .box .detail .top { float: left; width: 100%; margin-bottom: 3px; display: flex ; align-items: center; justify-content: left; }
.index-money .money .box .detail .top .title { float: left; margin-right: 7px; font-size: 16px; font-weight: 700; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.index-money .money .box .detail .top .code { float: left; padding: 3px 8px; background: var(--kutu-renk-soft); border-radius: 6px; font-size: 12px; font-weight: 600; }
.index-money .money .box .detail .bottom { float: left; width: 100%; display: flex ; align-items: center; justify-content: left; }
.index-money .money .box .detail .bottom .fiyat { float: left; font-size: 15px; font-weight: 600; margin-right: 5px; }
.index-money .money .box .detail .bottom .simge { float: left; font-size: 11px; margin-right: 15px; margin-top: 4px; }
.index-money .money .box .detail .bottom .degisim { float: left; font-size: 15px; font-weight: 600; }
.index-money .money .more { float: left; width: 100%; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }
.index-money .money .more a { float: left; width: 100%; background: var(--kutu-renk); color: var(--color-black); text-align: center; padding: 9px 15px; border-radius: 8px; font-weight: 500; font-size: 15px; }
.index-money .money .more a:hover { background: var(--color-blue); color: var(--color-white); }
@media (max-width: 768px) {
    .index-money { padding: 0 10px; }
    .index-money .line { display: block; margin: 0; }
    .index-money .money { border: unset; border-bottom: 5px solid var(--border-regular); border-radius: unset; padding: 0; margin-bottom: 20px; }
    .index-money .money h2 { margin-bottom: 12px; padding: 0 5px; }
    .index-money .money .boxs { display: block; margin-bottom: 12px; }
    .index-money .money .box { border-bottom: 1px solid var(--border-light); }
    .index-money .money .box:last-child { border: unset; }
    .index-money .money .box a { padding: 13px 10px; }
    .index-money .money .box .flag img { width: 22px; height: 22px; }
    .index-money .money .box .detail { display: flex ; align-items: center; justify-content: left; }
    .index-money .money .box .detail .top { width: 82%; margin: 0; }
    .index-money .money .box .detail .top .title { font-size: 15px; margin: 0; padding-right: 10px; }
    .index-money .money .box .detail .top .code { display: none; }
    .index-money .money .box .detail .bottom .fiyat { font-size: 15px; margin-right: 3px; }
    .index-money .money .box .detail .bottom .simge { margin-right: auto; }
}

.index-money .money-long { float: left; width: 100%; }
.index-money .money-long h2 { float: left; width: 100%; margin-bottom: 15px; font-size: 24px; font-weight: 600; }
.index-money .money-long .boxs { float: left; width: 100%; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }
.index-money .money-long .box { float: left; width: 100%; max-width: 250px; margin-right: 20px; }
.index-money .money-long .box:last-child{ margin-right: 0; }
.index-money .money-long .box a { float: left; width: 100%; border: 1px solid var(--border-regular); color: var(--color-black); padding: 20px 16px; border-radius: 16px; }
.index-money .money-long .box a:hover { background: var(--kutu-renk-soft); border-color: var(--kutu-renk-soft); }
.index-money .money-long .box a:hover .flag span { background: #314168; color: var(--color-white); }
.index-money .money-long .box .flag { float: left; width: 100%; display: flex ; align-items: center; justify-content: center; margin-bottom: 12px; }
.index-money .money-long .box .flag span { float: left; width: 46px; height: 46px; min-width: 46px; font-size: 26px; color: var(--color-white); font-weight: 600; border-radius: 100%; background: #8190b7; display: flex; justify-content: center; align-items: center; }
.index-money .money-long .box .detail { float: left; width: 100%; }
.index-money .money-long .box .detail .title { float: left; width: 100%; text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 7px; }
.index-money .money-long .box .detail .body { float: left; width: 100%; margin-bottom: 5px; display: flex; align-items: center; justify-content: center; }
.index-money .money-long .box .detail .body .fiyat { float: left; font-size: 17px; font-weight: 600; margin-right: 5px; }
.index-money .money-long .box .detail .body .simge { float: left; font-size: 11px; margin-top: 4px; }
.index-money .money-long .box .detail .degisim { float: left; width: 100%; text-align: center; font-size: 16px; font-weight: 600; }
.index-money .money-long .more { float: left; width: 100%; display: flex; align-items: center; justify-content: center; }
.index-money .money-long .more a { float: left; width: 100%; max-width: 500px; background: var(--kutu-renk); color: var(--color-black); text-align: center; padding: 9px 15px; border-radius: 8px; font-weight: 500; font-size: 15px; }
.index-money .money-long .more a:hover { background: var(--color-blue); color: var(--color-white); }
@media (max-width: 768px) {
    .index-money .money-long .boxs { display: block; }
    .index-money .money-long .box { margin: 0; max-width: 100%; border-bottom: 1px solid var(--kutu-renk-soft); }
    .index-money .money-long .box:last-child { border-bottom: unset; }
    .index-money .money-long .box a { padding: 11px 10px; border: unset; display: flex; align-items: center; justify-content: center; }
    .index-money .money-long .box .flag { margin: 0; width: auto; margin-right: 10px; }
    .index-money .money-long .box .flag span { width: 26px; height: 26px; min-width: 26px; font-size: 15px; }
    .index-money .money-long .box .detail { display: flex; align-items: center; justify-content: center; }
    .index-money .money-long .box .detail .title { margin: 0; text-align: left; font-size: 16px; }
    .index-money .money-long .box .detail .body { margin: 0; width: 80%; justify-content: left; }
    .index-money .money-long .box .detail .body .fiyat { font-size: 16px; margin-right: 2px; max-width: 73px; overflow: hidden; }
    .index-money .money-long .box .detail .degisim { text-align: right; width: auto; font-size: 15px; }
}





/************************************************
*	KATEGORI BLOG 								*
************************************************/
.pagination { float: left; width: 100%; font-weight: 500; margin-top: 25px; }
.pagination ul { float: left; width: 100%; text-align: right; }
.pagination ul li { width: auto; margin-right: 5px; display: inline-flex; }
.pagination ul li:last-child { margin-right: 0; }
.pagination .current { color: var(--color-white); background: var(--color-theme); border-color: transparent; margin-left: 1px; }
.pagination a, .pagination span { float: left; color: var(--color-black); line-height: 20px; padding: 8px 14px; border: 1px solid var(--border-regular); border-radius: 4px; }
.pagination a:focus, .pagination a:hover { background: #f5f5f5; color: #373f42; }
@media (max-width: 768px) {
    .pagination ul { text-align: center; }
    .pagination a, .pagination span { padding: 7px 13px; font-size: 13px; }
}

.category-blog { float: left; width: 100%; max-width: 964px; }
.category-blog .boxs { float: left; width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.category-blog .boxs .box { float: left; width: 100%; min-width: 100%; }
.category-blog .boxs .box .figure { float: left; width: 100%; height: auto; border-radius: 16px 16px 0 0; overflow: hidden; }
.category-blog .boxs .box .figure img { float: left; width: 100%; height: 100%; transition: all .6s ease; }
.category-blog .boxs .box .figure img:hover { transform: scale(1.03); }
.category-blog .boxs .box .detail { float: left; width: 100%; padding: 20px; background: var(--bg-siyah-yuzde-3); border-radius: 0 0 16px 16px; }
.category-blog .boxs .box .detail .category { float: left; width: 100%; margin-bottom: 7px; color: #aeb4b6; font-size: 12px; font-weight: 500; text-transform: uppercase; }
.category-blog .boxs .box .detail .title { float: left; width: 100%; font-size: 16px; line-height: 23px; font-weight: 700; margin-bottom: 7px; }
.category-blog .boxs .box .detail .title a { color: var(--color-black); transition: all .3s ease-out; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.category-blog .boxs .box .detail .title a:hover { color: var(--color-blue-hover); }
.category-blog .boxs .box .detail .desc { float: left; width: 100%; color: var(--yazi-renk-gri-l); font-size: 13px; line-height: 20px; font-weight: 500; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.category-blog.search  { max-width: 100%; }
.category-blog.search .boxs { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 768px) {
    .category-blog .boxs { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .category-blog .boxs .box .detail { padding: 15px; }
    .category-blog .boxs .box .detail .title { font-size: 15px; line-height: 22px; }
    .category-blog .boxs .box .detail .desc { font-size: 12.5px; }
    .category-blog.search .boxs { grid-template-columns: repeat(2, 1fr); }
}





/************************************************
*	SINGLE BLOG 								*
************************************************/
.single-blog { float: left; width: 100%; max-width: 964px; }
.single-blog .title { float: left; width: 100%; margin-bottom: 15px; }
.single-blog .title h1 { float: left; width: 100%; font-size: 32px; line-height: 44px; }
.single-blog .figure { float: left; width: 100%; height: auto; margin-bottom: 15px; }
.single-blog .figure img { float: left; width: 100%; height: auto; border-radius: 8px; }
.single-blog .detail { float: left; width: 100%; font-size: 12px; margin-bottom: 15px; color: var(--yazi-renk-gri-l); text-transform: uppercase; display: flex ; align-items: center; }
.single-blog .detail .left { float: left; width: auto; }
.single-blog .detail .left .cat { float: left; width: auto; font-weight: 700; margin-right: 5px; }
.single-blog .detail .left .cat a { float: left; color: var(--yazi-renk-gri-l); }
.single-blog .detail .left .cat a:hover { color: var(--color-green); }
.single-blog .detail .left .time { float: left; width: auto; }
.single-blog .detail .social { float: right; width: auto; margin-left: auto; }
.single-blog .detail .social li { float: left; margin-right: 10px; }
.single-blog .detail .social li.facebook a { color: #1976D2; }
.single-blog .detail .social li.xTwitter a { color: #111; }
.single-blog .detail .social li:last-child { margin-right: 0; }
.single-blog .detail .social li a { float: left; width: 38px; height: 38px; font-size: 18px; background: var(--kutu-renk); border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.single-blog .detail .social li a:hover { background: var(--kutu-renk-hover); }
.single-blog .article { float: left; width: 100%; font-size: 16px; line-height: 30px; overflow: hidden; }
.single-blog .article a { font-weight: 600; }
.single-blog .article strong a { font-weight: 700; }
.single-blog .article a:hover { text-decoration: underline; }
.single-blog .article h2 { float: left; width: 100%; line-height: 28px; font-weight: 700; margin: 20px 0; left: 15px; font-size: 22px; position: relative; }
.single-blog .article h2:before { content: ''; position: absolute; top: 0; bottom: 0; left: -15px; background: var(--color-theme); width: 4px; }
.single-blog .article h2:first-child { margin-top: 10px; }
.single-blog .article h3 { float: left; width: 100%; font-size: 21px; font-weight: 700; margin: 15px 0; line-height: 28px; }
.single-blog .article h4 { float: left; width: 100%; color: #373f42; border-bottom: 1px solid var(--border-solid); margin-top: 15px; margin-bottom: 7px; padding-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 20px; }
.single-blog .article p { float: left; width: 100%; }
.single-blog .article p:last-child { margin: 0; }
.single-blog .article hr { float: left; width: 100%; height: 1px; background: var(--border-regular); padding: 0; margin: 15px 0 20px 0; border: unset; }
.single-blog .article img { float: left; width: 100%; height: auto; border-radius: 6px; }
.single-blog .article ol { float: left; width: 100%; margin: 5px 0 15px 0; padding: 20px 20px 20px 40px; font-weight: bold; color: var(--color-theme); background: var(--bg-siyah-yuzde-3); border-radius: 8px; }
.single-blog .article ol ul { margin: 0 0 10px 0; padding: 0 0 0 20px; }
.single-blog .article ol li { float: left; width: 100%;  margin-bottom: 5px; }
.single-blog .article ol li:last-child { margin: 0; }
.single-blog .article ol li span { color: var(--color-black); font-style: normal; font-weight: normal; }
.single-blog .article ol li ol { margin: 0; padding: 7px 0px 7px 40px; }
.single-blog .article ul { float: left; width: 100%; margin: 5px 0 15px 0; padding: 20px 20px 20px 40px;  color: var(--color-theme); font-size: 14px; background: var(--bg-siyah-yuzde-3); border-radius: 8px; }
.single-blog .article ul li { float: left; width: 100%; list-style: disc outside; margin-bottom: 5px; }
.single-blog .article ul li:last-child { margin: 0; }
.single-blog .article ul li span { font-size: 16px; color: var(--color-black); }
.single-blog .article ul li ul { margin: 0; padding: 7px 0px 7px 40px; }
.single-blog .article pre { float: left; width: 100%; margin: 0; }
.single-blog .article code { float: left; width: auto; padding: 10px 15px; border: 1px solid var(--border-regular); border-radius: 6px; margin: 10px 0 5px 0; }
.single-blog .article blockquote { float: left; width: 100%; position: relative; margin: 10px 0 20px 0; padding: 25px 30px; border-left: 4px solid #E91E63; line-height: 28px; box-shadow: 0 1px 3px rgb(0 0 0 / 10%); border-radius: 4px; }
.single-blog .article blockquote p:last-child { margin: 0; }
.single-blog .article .tableResponsive { float: left; width: 100%; overflow-x: auto; }
.single-blog .article table { float: left; width: 100%; min-width: 540px; border-collapse: collapse; margin-bottom: 15px; box-shadow: 0 1px 3px rgb(0 0 0 / 10%); }
.single-blog .article table thead tr th strong { color: var(--color-white); font-weight: 600; }
.single-blog .article table thead tr th, .single-blog .article table tbody tr th { padding: 9px 12px; font-weight: 600; font-size: 15px; text-align: left; background: var(--color-theme); color: var(--color-white); border-right: 1px solid var(--color-white); }
.single-blog .article table thead tr th:first-child, .single-blog .article table tbody tr th:first-child { border-top-left-radius: 6px; }
.single-blog .article table thead tr th:last-child, .single-blog .article table tbody tr th:last-child { border-top-right-radius: 6px; border: unset; }
.single-blog .article table tbody tr:nth-child(even) { background: var(--bg-siyah-yuzde-3); }
.single-blog .article table tbody tr { border-bottom: 1px solid var(--border-regular); }
.single-blog .article table tbody tr:last-child { border: unset; }
.single-blog .article table tbody tr td { padding: 12px; }
.single-blog.page { max-width: 100%; }
@media (max-width: 768px) {
    .single-blog .title h1 { font-size: 28px; line-height: 38px; }
    .single-blog .detail .social li a { width: 36px; height: 36px; font-size: 18px; }
    .single-blog .article h2, .single-blog .article h3 { line-height: 32px; padding-right: 15px; }
}





/************************************************
*	KATEGORI MONEY 								*
************************************************/
.category-money { float: left; width: 100%; max-width: 964px; }
.category-money table { float: left; width: 100%; border-collapse: collapse; }
.category-money table thead tr th { padding: 14px 0; color: var(--color-white); background: var(--color-theme); text-align: left; font-weight: normal; }
.category-money table thead tr th:first-child { padding-left: 20px;; border-top-left-radius: 6px; }
.category-money table thead tr th:last-child { border-top-right-radius: 6px; }
.category-money table tbody { border: 1px solid var(--border-regular); border-top: none; }
.category-money table tbody tr:hover { background: var(--bg-siyah-yuzde-3); }
.category-money table tbody tr:hover .code { background: var(--color-blue)!important; color: var(--color-white); }
.category-money table tbody tr td { padding: 14px 0; border-bottom: 1px solid var(--border-light); }
.category-money table tbody tr td:first-child { padding-left: 20px; }
.category-money table tbody tr td:last-child { padding-right: 20px; }
.category-money table tbody tr td:nth-child(1) { width: 100%; }
.category-money table tbody tr td:nth-child(2) { min-width: 110px; }
.category-money table tbody tr td:nth-child(3) { min-width: 160px; }
.category-money table tbody tr td:nth-child(4) { min-width: 160px; }
.category-money table tbody tr td:nth-child(5) { min-width: 100px; }
.category-money table tbody tr td .detail { float: left; width: 100%; }
.category-money table tbody tr td .detail .url { float: left; width: auto; color: var(--color-black); padding-right: 25px; display: flex; align-items: center; justify-content: left; }
.category-money table tbody tr td .detail .flag { float: left; width: auto; margin-right: 12px; }
.category-money table tbody tr td .detail .flag img { float: left; width: 26px; height: 26px; border-radius: 100%; }
.category-money table tbody tr td .detail .flag-text { float: left; width: 26px; height: 26px; min-width: 26px; font-size: 16px; margin-right: 12px; color: var(--color-white); font-weight: 700; border-radius: 100%; background: #8190b7; display: flex; justify-content: center; align-items: center; }
.category-money table tbody tr td .detail .code { float: left; padding: 3px 8px; margin-right: 12px; background: var(--kutu-renk-soft); border-radius: 6px; font-size: 13px; font-weight: 600; }
.category-money table tbody tr td .detail .title { float: left; font-size: 16px; font-weight: 700; text-align: left; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.category-money table tbody tr td .yon { float: left; width: 100%; font-size: 16px; padding-left: 3px; }
.category-money table tbody tr td .yon.moneyNat { font-size: 18px; }
.category-money table tbody tr td .fiyat { float: left; font-size: 15px; margin-right: 3px; max-width: 94px; overflow: hidden; }
.category-money table tbody tr td .fiyat.satis { font-weight: 600; }
.category-money table tbody tr td .simge { float: left; font-size: 11px; margin-top: 4px; }
.category-money table tbody tr td .simge.satis { font-weight: 500; }
.category-money table tbody tr td .degisim { float: left; width: auto; min-width: 62px; font-size: 14px; font-weight: 600; border-radius: 6px; padding: 6px 8px; text-align: center; }
.category-money table tbody tr td .degisim.moneyUp { background: rgb(230, 244, 234); color: rgb(19, 115, 51); }
.category-money table tbody tr td .degisim.moneyDown { background: rgb(252, 232, 230); color: rgb(197, 34, 31); }
.category-money table tbody tr td .degisim.moneyNat { background: #656c7a1c; color: #4c515d; }
.category-money.doviz-cevirici table input { float: left; width: 100%; height: 32px; font-size: 15px; padding: 0 10px; border: 1px solid var(--border-solid); border-radius: 6px; }
.category-money.doviz-cevirici table thead tr th:nth-child(2) { text-align: center; padding-right: 60px; }
.category-money.doviz-cevirici table tbody tr td:nth-child(2) { min-width: 320px; padding-right: 60px; }
.category-money.doviz-cevirici table tbody tr td:nth-child(3) { min-width: 140px; }
.category-money.doviz-cevirici table tbody tr td:nth-child(4) { min-width: 120px; }
.category-sehir { float: left; width: 100%; text-align: center; }
.category-sehir li { display: inline-flex; margin: 0 5px 12px 5px; }
.category-sehir li a { float: left; background: var(--kutu-renk); padding: 7px 20px; color: var(--color-black); border-radius: 12px; }
.category-sehir li a:hover { background: var(--kutu-renk-hover);  }
@media (max-width: 768px) {
    .category-money table thead { position: relative; top: 0; }
    .category-money table thead tr th { text-align: center; font-size: 14px; background: var(--bg-white); color: var(--yazi-renk-gri-m); padding: 11px 0; border-bottom: 1px solid var(--border-light); }
    .category-money table thead tr th:first-child { text-align: left; padding-left: 10px; }
    .category-money table thead tr th:nth-child(2) { display: none; }
    .category-money table thead tr th:nth-child(4) { display: none; }
    .category-money table thead tr th:nth-child(5) { text-align: right; padding-right: 10px; }
    .category-money table tbody { border: unset!important; }
    .category-money table tbody tr { cursor: pointer; }
    .category-money table tbody tr td { padding: 15px 0; text-align: center; min-width: auto!important; }
    .category-money table tbody tr td:first-child { padding: 0; }
    .category-money table tbody tr td:last-child { padding-right: 0; }
    .category-money table tbody tr td:nth-child(1) { width: 43%; }
    .category-money table tbody tr td:nth-child(2) { display: none; }
    .category-money table tbody tr td:nth-child(3) { width: 37%; }
    .category-money table tbody tr td:nth-child(4) { display: none; width: 28%; }
    .category-money table tbody tr td:nth-child(5) { width: 20%; }
    .category-money table tbody tr td .detail .url { padding: 14px 0 14px 10px; width: 100%; }
    .category-money table tbody tr td .detail .flag { margin-right: 7px; }
    .category-money table tbody tr td .detail .flag img { width: 22px; height: 22px; }
    .category-money table tbody tr td .detail .code { display: none; }
    .category-money table tbody tr td .detail .title { font-size: 15px; max-width: 112px; }
    .category-money table tbody tr td .detail .flag-text { width: 24px; height: 24px; min-width: 24px; font-size: 15px; font-weight: 600; margin-right: 7px; }
    .category-money table tbody tr td .fiyat { float: unset; width: auto; max-width: 100%; margin: 0; }
    .category-money table tbody tr td .simge { float: unset; margin-left: -1px; font-weight: 400!important; }
    .category-money table tbody tr td .degisim { float: right; max-width: max-content; background: transparent !important; font-size: 15px; font-weight: 500; padding: 0; padding-right: 10px; }
    .category-money table tbody tr td .degisim.moneyUp { color: #089981!important; }
    .category-money table tbody tr td .degisim.moneyDown { color: #f23645!important; }
    .category-money table tbody tr td .degisim.moneyNat { color: var(--color-black)!important; }
    .category-money.borsa table tbody tr td .detail .code { font-size: 15px; padding: 0; color: var(--color-black)!important; background: unset!important; font-weight: 700; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
    .category-money.borsa table tbody tr td .detail .title { display: none; }
    .category-money.doviz-cevirici table tbody tr td .detail .url { position: relative; }
    .category-money.doviz-cevirici table thead tr th:nth-child(2) { display: table-cell; padding-right: 20px; }
    .category-money.doviz-cevirici table thead tr th:nth-child(4) { display: none; }
    .category-money.doviz-cevirici table tbody tr td:nth-child(1) { width: 20%; padding: 0 20px 0 0 }
    .category-money.doviz-cevirici table tbody tr td:nth-child(2) { display: table-cell; min-width: auto; width: 57%; padding-right: 10px; }
    .category-money.doviz-cevirici table tbody tr td:nth-child(3) { min-width: auto; width: 23%; }
    .category-money.doviz-cevirici table tbody tr td:nth-child(4) { display: none; }
    .category-money.doviz-cevirici table tbody tr td .detail .title { display: none; }
    .category-money.doviz-cevirici table tbody tr td .detail .code { display: block; padding: 0; margin-right: 0; background: transparent; border-radius: unset; font-size: 15px; font-weight: 700; background: unset!important; color: unset!important; }
    .category-money.doviz-cevirici table tbody tr td .simge { display: none; }
}





/************************************************
*	SINGLE MONEY 								*
************************************************/
.single-money { float: left; width: 100%; max-width: 964px; }
.single-money .single-title { float: left; width: 100%; margin-bottom: 20px; display: flex; align-items: start; justify-content: left; }
.single-money .single-title .flag { float: left; width: auto; margin-right: 15px; }
.single-money .single-title .flag img { float: left; width: 80px; height: 80px; border-radius: 100%; }
.single-money .single-title .detail { float: left; width: 100%; margin-top: -7px; overflow-x: auto; }
.single-money .single-title .detail::-webkit-scrollbar { display: none; visibility: hidden; opacity: 0; }
.single-money .single-title .detail h1 { float: left; width: 100%; font-size: 32px; margin-bottom: 5px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.single-money .single-title .detail .symbol { float: left; width: auto; font-size: 16px; padding: 6px 15px; margin-right: 10px; border: 1px solid var(--border-regular); cursor: context-menu; border-radius: 8px; position: relative; display: flex; align-items: center; justify-content: center; }
.single-money .single-title .detail .symbol:hover { background: var(--kutu-renk-soft); border-color: var(--kutu-renk-soft); }
.single-money .single-title .detail .symbol span { float: left; }
.single-money .single-title .detail .symbol img { float: left; width: 20px; height: 20px; border-radius: 100%; margin: 0 8px; }
.single-money .single-title .detail .piyasa { float: left; width: 36px; height: 36px; border-radius: 8px; margin-right: 10px; color: #089981; background: #daf2ee; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }
.single-money .single-title .detail .piyasa:hover { background: #b4ebe2; }
.single-money .single-title .detail .piyasa i { content: ""; float: left; width: 12px; height: 12px; border-radius: 100%; background: currentColor; pointer-events: none; }
.single-money .single-title .detail .piyasa.off i { width: 16px; height: 6px; border-radius: 10px; margin-left: 1px; }
.single-money .single-title .detail .piyasa.off { color: #717171; background: #eff0f1; }
.single-money .single-title .detail .piyasa.off:hover { background: #dbdcdd; }
.single-money .single-title .detail .favori { float: left; width: 36px; height: 36px; border-radius: 8px; cursor: pointer; font-size: 20px; color: #3F51B5; background: #3f51b524; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }
.single-money .single-title .detail .favori:hover { background: #3f51b533; }
.single-money .single-title .detail .favori i { float: left; margin-top: -2px; pointer-events: none; }
.single-money .single-title .detail .favori i:before { content: '☆'; font-style: normal; }
.single-money .single-title .detail .favori.aktif { color: #FF5722; background: #ff572224; }
.single-money .single-title .detail .favori.aktif:hover { background: #ff572238; }
.single-money .single-title .detail .favori.aktif i:before { content: '★'; }
.single-money .single-fiyat { float: left; width: 100%; margin-bottom: 20px; display: flex ; align-items: center; }
.single-money .single-fiyat .left { float: left; width: 100%; }
.single-money .single-fiyat .left .detail { float: left; width: 100%; display: flex; align-items: center; justify-content: left; white-space: nowrap; overflow-x: auto; }
.single-money .single-fiyat .left .detail::-webkit-scrollbar { display: none; visibility: hidden; opacity: 0; }
.single-money .single-fiyat .left .detail .fiyat { float: left; font-size: 38px; font-weight: 700; margin-right: 3px; letter-spacing: 0.5px; }
.single-money .single-fiyat .left .detail .simge { float: left; font-size: 18px; margin-right: 15px; margin-top: 14px; }
.single-money .single-fiyat .left .detail .oran { float: left; font-size: 19px; margin-top: 15px; font-weight: 500; margin-right: 7px; }
.single-money .single-fiyat .left .detail .degisim { float: left; font-size: 19px; margin-top: 15px; font-weight: 500; }
.single-money .single-fiyat .left .zaman { float: left; width: 100%; color: var(--yazi-renk-gri-s); margin-left: 3px; font-size: 13px; letter-spacing: 0.3px; }
.single-money .single-fiyat .right { float: left; width: max-content; margin-left: auto; margin-top: -3px; border-left: 1px solid var(--border-regular); padding-left: 10px; }
.single-money .single-fiyat .right .boxs { float: left; width: 100%; display: grid; justify-content: right; }
.single-money .single-fiyat .right .boxs .box { float: left; width: 100%; padding: 5px 10px; border-radius: 6px; font-size: 12px; color: var(--yazi-renk-gri-s); cursor: context-menu; display: flex; align-items: center; }
.single-money .single-fiyat .right .boxs .box:hover { background: var(--kutu-renk-soft); }
.single-money .single-fiyat .right .boxs .box .col { float: left; width: auto; display: flex; align-items: center; text-transform: capitalize; }
.single-money .single-fiyat .right .boxs .box .col:nth-child(1) { width: 44px; }
.single-money .single-fiyat .right .boxs .box .col:nth-child(2) { width: 30px; }
.single-money .single-fiyat .right .boxs .box .col:nth-child(3) { min-width: max-content; color: var(--color-black); }
@media (max-width: 768px) {
    .single-money .single-title .flag img { width: 58px; height: 58px; }
    .single-money .single-title .detail h1 { font-size: 24px; white-space: nowrap; display: block; overflow: unset; }
    .single-money .single-title .detail .symbol { padding: 5px 12px; font-size: 12px; border-radius: 6px; margin-right: 8px; }
    .single-money .single-title .detail .symbol img { width: 15px; height: 15px; }
    .single-money .single-title .detail .piyasa { width: 28px; height: 28px; border-radius: 6px; margin-right: 8px; }
    .single-money .single-title .detail .piyasa i { width: 8px; height: 8px; }
    .single-money .single-title .detail .piyasa.off i {width: 12px; height: 4px; }
    .single-money .single-title .detail .favori { width: 28px; height: 28px; font-size: 14px; border-radius: 6px; }
    .single-money .single-fiyat .left { padding: 0 5px; }
    .single-money .single-fiyat .left .detail .fiyat { font-size: 34px; }
    .single-money .single-fiyat .left .detail .simge { font-size: 16px; margin-top: 12px; }
    .single-money .single-fiyat .left .detail .oran { font-size: 18px; font-weight: normal; }
    .single-money .single-fiyat .left .detail .degisim { font-size: 18px; font-weight: normal; }
    .single-money .single-fiyat .left .zaman { margin-left: 1px; font-size: 11px; }
    .single-money .single-fiyat .right { display: none; }
}

.single-money .hesap { float: left; width: 100%; margin-bottom: 25px; padding: 20px; border-radius: 6px; background: #e1e1eb69; /* background: #f2f4f5bf; */ border: 1px solid #e1e1eb9e; }
.single-money .hesap .ust { float: left; width: 100%; margin-bottom: 15px; display: flex; align-items: end; justify-content: left; }
.single-money .hesap .ust .col { float: left; width: 100%; position: relative; }
.single-money .hesap .ust .col:last-child { margin-left: 15px; }
.single-money .hesap .ust .col .isim { float: left; width: 100%; font-weight: 600; margin-bottom: 5px; }
.single-money .hesap .ust .col .box { float: left; width: 100%; cursor: pointer; font-size: 16px; background: var(--bg-white); border: 1px solid var(--border-regular); border-radius: 6px; padding: 12px; position: relative; display: flex; align-items: center; justify-content: left; }
.single-money .hesap .ust .col .box:hover { box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16); border-color: var(--border-light); }
.single-money .hesap .ust .col .box img { float: left; width: 22px; height: 22px; margin-right: 7px; border-radius: 100%; }
.single-money .hesap .ust .col .box span { float: left; width: auto; }
.single-money .hesap .ust .col .box span.title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.single-money .hesap .ust .col .box .tre { margin: 0 5px; }
.single-money .hesap .ust .col .box .caret { margin-left: auto; }
.single-money .hesap .ust .col .doviz-secici { display: none; position: absolute; z-index: 9; top: 75px; float: left; width: 100%; height: auto; background: var(--bg-white); border-radius: 6px; box-shadow: 0 2px 4px #0003; border: 1px solid var(--border-regular); }
.single-money .hesap .ust .col .doviz-secici.open { display: block!important; }
.single-money .hesap .ust .col .doviz-secici .icerik { float: left; width: 100%; padding: 5px 7px; }
.single-money .hesap .ust .col .doviz-secici .arama { float: left; width: 100%; position: relative; padding: 2px 0 7px 0; color: #413a3a; display: flex; align-items: center; justify-content: center; }
.single-money .hesap .ust .col .doviz-secici .arama input { float: left; width: 100%; padding-right: 35px; padding-left: 10px; border: 1px solid var(--border-regular); border-radius: 6px; height: 38px; }
.single-money .hesap .ust .col .doviz-secici .arama input:focus { background: var(--kutu-renk-soft); border-color: var(--kutu-renk-soft); }
.single-money .hesap .ust .col .doviz-secici .arama .icon { position: absolute; right: 13px; top: 15px; font-size: 13px; }
.single-money .hesap .ust .col .doviz-secici .liste { float: left; width: 100%; height: 312px; overflow-y: auto; overflow-x: hidden; padding: 0; }
.single-money .hesap .ust .col .doviz-secici .liste::-webkit-scrollbar { -webkit-appearance: none; width: 6px; }
.single-money .hesap .ust .col .doviz-secici .liste::-webkit-scrollbar-thumb { border: 2px solid transparent; background: #cacaca; border-radius: 2px; }
.single-money .hesap .ust .col .doviz-secici .liste::-webkit-scrollbar-thumb:hover { background: #b1aeae; }
.single-money .hesap .ust .col .doviz-secici .liste .loading { float: left; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.single-money .hesap .ust .col .doviz-secici .liste .loading img { float: left; width: 40px; height: auto; position: relative; top: -17px; background: transparent!important; }
.single-money .hesap .ust .col .doviz-secici .liste .kur { float: left; width: 100%; cursor: pointer; padding: 10px; color: var(--color-black); border-bottom: 1px solid var(--border-regular); border-radius: 2px; display: flex ; align-items: center; justify-content: left; }
.single-money .hesap .ust .col .doviz-secici .liste .kur:hover { background: var(--kutu-renk-soft); }
.single-money .hesap .ust .col .doviz-secici .liste .kur:hover .code { background: var(--color-blue)!important; color: var(--color-white); }
.single-money .hesap .ust .col .doviz-secici .liste .kur:last-child { border-bottom: unset; }
.single-money .hesap .ust .col .doviz-secici .liste .kur.aktif { background: var(--kutu-renk-soft); }
.single-money .hesap .ust .col .doviz-secici .liste .kur.aktif .code { background: var(--color-blue)!important; color: var(--color-white); }
.single-money .hesap .ust .col .doviz-secici .liste .kur.gizle { display: none!important; }
.single-money .hesap .ust .col .doviz-secici .liste .kur .flag { float: left; width: auto; margin-right: 10px; }
.single-money .hesap .ust .col .doviz-secici .liste .kur .flag img { float: left; width: 24px; height: 24px; border-radius: 100%; }
.single-money .hesap .ust .col .doviz-secici .liste .kur .code { float: left; padding: 3px 8px; margin-right: 12px; background: var(--kutu-renk-soft); border-radius: 6px; font-size: 13px; font-weight: 600; }
.single-money .hesap .ust .col .doviz-secici .liste .kur .title { float: left; font-weight: 600; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.single-money .hesap .ust .col.degistir { float: left; width: auto; font-size: 18px; padding: 0 2px; display: flex; align-items: center; justify-content: center; }
.single-money .hesap .ust .col.degistir span { float: left; width: 46px; height: 48px; padding: 10px; color: #176ae5; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.single-money .hesap .ust .col.degistir span:hover { color: var(--color-green); }
.single-money .hesap .ust .col input.miktar { float: left; width: 100%; border: 1px solid var(--border-regular); border-radius: 6px; padding: 12px; background: var(--bg-white); font-size: 16px; }
.single-money .hesap .ust .col input.miktar:hover { box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16); border-color: var(--border-light); }
.single-money .hesap .alt { float: left; width: 100%; display: flex; align-items: start; justify-content: left; }
.single-money .hesap .alt .left { float: left; width: 100%; }
.single-money .hesap .alt .left .zaman { float: left; width: 100%; color: var(--yazi-renk-gri-s); font-size: 12px; }
.single-money .hesap .alt .left .hesap-sonuc { float: left; width: 100%; color: #37517e; display: flex; align-items: center; justify-content: left; }
.single-money .hesap .alt .left .hesap-sonuc .miktar { float: left; width: auto; font-size: 20px; font-weight: 600; margin-right: 5px; }
.single-money .hesap .alt .left .hesap-sonuc .kur { float: left; width: auto; font-size: 20px; font-weight: 600; }
.single-money .hesap .alt .left .hesap-sonuc .tre { float: left; margin: 0 8px; font-size: 20px; font-weight: 600; }
.single-money .hesap .alt .left .hesap-sonuc .fiyat { float: left; width: auto; color: var(--color-green); font-size: 28px; font-weight: 700; margin-right: 5px; }
.single-money .hesap .alt .left .hesap-sonuc .hedef { float: left; font-size: 25px; font-weight: 600; }
.single-money .hesap .alt .right { float: right; width: 20%; display: flex; align-items: center; justify-content: center; }
.single-money .hesap .alt .right span { float: left; width: auto; font-size: 16px; font-weight: 500; padding: 11px 34px; background: rgb(0, 113, 235); color: var(--color-white); border-radius: 6px; cursor: pointer; text-align: center; }
.single-money .hesap .alt .right span:hover { background: rgb(0 101 209); }
@media (max-width: 768px) {
    .single-money .hesap { margin-bottom: 20px; }
    .single-money .hesap .ust { display: block; }
    .single-money .hesap .ust .col { width: 43%; }
    .single-money .hesap .ust .col:last-child { clear: both; margin: 0; width: 52%; margin-top: 15px; }
    .single-money .hesap .ust .col .doviz-secici { float: left; width: 100%; height: 100%; padding: 35px; top: 0; left: 0; transform: unset; z-index: 9; position: fixed; background: #00000061!important; border: unset!important; border-radius: unset; box-shadow: unset; }
    .single-money .hesap .ust .col .doviz-secici .icerik { float: left; margin: auto; width: 100%; height: 100%; padding: 15px; padding-bottom: 62px; position: relative; background: var(--bg-white); border: unset; box-shadow: 0 2px 5px 1px rgba(64,60,67,.16); border-radius: 10px; overflow: hidden; }
    .single-money .hesap .ust .col .doviz-secici .arama { padding: 0; margin-bottom: 10px; }
    .single-money .hesap .ust .col .doviz-secici .arama .icon { right: 14px; top: 12px; }
    .single-money .hesap .ust .col .doviz-secici .liste { height: 100%; padding: 0; }
    .single-money .hesap .ust .col.degistir { width: 14%; min-width: 14%; font-size: 16px; margin-top: 24px; }
    .single-money .hesap .ust .col.degistir a { width: 44px; height: 44px; }
    .single-money .hesap .ust .col .box { font-size: 15px; padding: 11px; cursor: unset; justify-content: center; }
    .single-money .hesap .ust .col .box img { width: 18px; height: 18px; }
    .single-money .hesap .ust .col .box .tre { display: none; }
    .single-money .hesap .ust .col .box .title { display: none!important; }
    .single-money .hesap .ust .col .box .caret { margin-left: 5px; }
    .single-money .hesap .ust .col input.miktar { padding: 11px; font-size: 15px; }
    .single-money .hesap .alt .left .hesap-sonuc { display: block; }
    .single-money .hesap .alt .left .hesap-sonuc .miktar { margin-top: 6px; font-size: 18px; }
    .single-money .hesap .alt .left .hesap-sonuc .kur { margin-top: 6px; font-size: 18px; }
    .single-money .hesap .alt .left .hesap-sonuc .tre { margin-top: 6px; font-size: 18px; }
    .single-money .hesap .alt .left .hesap-sonuc .fiyat { font-size: 26px; }
    .single-money .hesap .alt .left .hesap-sonuc .hedef { margin-top: 1px; font-size: 24px; }
    .single-money .hesap .alt .left .zaman { font-size: 11px; }
    .single-money .hesap .alt .right { width: 30%; margin-top: -58px; position: absolute; right: 36px; }
    .single-money .hesap .alt .right span { width: 100%; font-size: 14px; padding: 12px 10px; }
}

.single-money .banka-hidden .line { height: 370px!important; overflow: hidden; }
.single-money .banka-hidden table thead { position: relative!important; top: 0!important; }
.single-money .banka-hidden .more { display: block!important; }
.single-money .banka { float: left; width: 100%; height: auto; margin-bottom: 25px; box-shadow: 0px 4px 24px rgb(88 102 126 / 8%), 0px 1px 2px rgb(88 102 126 / 12%); }
.single-money .banka .line { float: left; width: 100%; height: auto; }
.single-money .banka table { float: left; width: 100%; min-width: 470px; border-collapse: collapse; }
.single-money .banka table thead { position: sticky; top: 66px; background: var(--bg-white); z-index: 1; }
.single-money .banka table thead tr th { padding: 14px 0; text-align: center; font-size: 15px; font-weight: 500; background: var(--color-theme); color: var(--color-white); }
.single-money .banka table thead tr th:first-child { padding-left: 25px; border-top-left-radius: 6px; text-align: left; }
.single-money .banka table thead tr th:last-child { border-top-right-radius: 6px; }
.single-money .banka table tbody { border-top: none; }
.single-money .banka table tbody tr:hover { background: var(--bg-siyah-yuzde-3); }
.single-money .banka table tbody tr td { padding: 14px 0; border-bottom: 1px solid var(--border-light); text-align: center; font-size: 15px; }
.single-money .banka table tbody tr td:nth-child(1) { width: 30%; }
.single-money .banka table tbody tr td:nth-child(2) { width: 15%; }
.single-money .banka table tbody tr td:nth-child(3) { width: 15%; }
.single-money .banka table tbody tr td:nth-child(4) { width: 15%; }
.single-money .banka table tbody tr td:nth-child(5) { width: 12%; }
.single-money .banka table tbody tr td:first-child { padding-left: 25px; }
.single-money .banka table tbody tr td .detail { float: left; width: 100%; padding-right: 25px; display: flex; align-items: center; justify-content: left;  }
.single-money .banka table tbody tr td .detail .flag { float: left; width: auto; margin-right: 10px; }
.single-money .banka table tbody tr td .detail .flag img { float: left; width: 24px; height: 24px; }
.single-money .banka table tbody tr td .detail .title { float: left; width: 100%; font-size: 16px; text-align: left; font-weight: 700; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.single-money .banka table tbody tr td .detail .title .short { display: none; }
.single-money .banka table tbody tr td .makas { font-weight: 600; }
.single-money .banka .more { display: none; float: left; width: 100%; margin-top: 12px; margin-bottom: 12px; padding: 0 20px; }
.single-money .banka .more .col { float: left; width: 100%; display: flex; position: relative; align-items: center; justify-content: center; }
.single-money .banka .more .col span { cursor: pointer; float: left; width: auto; color: var(--color-black); background: var(--kutu-renk); padding: 7px 100px; position: relative; text-align: center; z-index: 1; border-radius: 50px; }
.single-money .banka .more .col span:hover { background: var(--color-blue)!important; color: var(--color-white); }
@media (max-width: 768px) {
    .single-money .banka-hidden .line { height: 353px !important; }
    .single-money .banka table { min-width: 100%; }
    .single-money .banka table thead { top: 62px; }
    .single-money .banka table thead tr th { font-size: 14px; }
    .single-money .banka table thead tr th:first-child { padding-left: 15px; }
    .single-money .banka table thead tr th:nth-child(4) { display: none; }
    .single-money .banka table tbody tr td { font-size: 14px; }
    .single-money .banka table tbody tr td:first-child { padding-left: 15px; }
    .single-money .banka table tbody tr td:nth-child(1) { width: 25%; }
    .single-money .banka table tbody tr td:nth-child(2) { width: 25%; }
    .single-money .banka table tbody tr td:nth-child(3) { width: 25%; }
    .single-money .banka table tbody tr td:nth-child(4) { display: none; }
    .single-money .banka table tbody tr td:nth-child(5) { width: 25%; }
    .single-money .banka table tbody tr td .detail .flag { margin-right: 7px; }
    .single-money .banka table tbody tr td .detail .flag img { width: 22px; height: 22px; }
    .single-money .banka table tbody tr td .detail { padding-right: 15px; }
    .single-money .banka table tbody tr td .detail .title { font-size: 14px; }
    .single-money .banka table tbody tr td .detail .title .short { display: block; }
    .single-money .banka table tbody tr td .detail .title .full { display: none; }
    .single-money .banka .more .col span { padding: 7px 70px; }
}

.single-money .hesapla-link { float: left; width: 100%; margin-bottom: 15px; text-align: center; padding: 0 10px; }
.single-money .hesapla-link ul { float: left; width: 100%; }
.single-money .hesapla-link ul li { display: inline-flex ; margin: 0 4px 12px 4px; }
.single-money .hesapla-link ul li a { float: left; background: var(--kutu-renk); padding: 5px 15px; color: var(--color-black); border-radius: 12px; font-size: 13px; }
.single-money .hesapla-link ul li a:hover { background: var(--kutu-renk-hover); }
@media (max-width: 768px) {
    .single-money .hesapla-link { margin-bottom: 8px; }
}

.single-money .grafik { float: left; width: 100%; margin-bottom: 25px; }
.single-money .grafik .head { float: left; width: 100%; margin-bottom: 15px; display: flex; gap: 5px; flex-wrap: wrap; }
.single-money .grafik .head .time-filter { float: left; width: auto; padding: 5px 12px; border: none; background: transparent; color: var(--color-black); cursor: default; border-radius: 6px; font-size: 14px; font-weight: 500; }
.single-money .grafik .head .time-filter:hover { background: var(--kutu-renk); } 
.single-money .grafik .head .time-filter.active { background: var(--kutu-renk); }
.single-money .grafik .chart-container { float: left; width: 100%; height: auto; position: relative; margin-bottom: 25px; }
.single-money .grafik .chart-container #chartCanvas { float: left; width: 100%; max-height: 480px;  }
.single-money .grafik .stats { float: left; width: 100%; padding: 20px; background: var(--bg-siyah-yuzde-3); border: 1px solid var(--border-regular); border-radius: 6px; display: flex; }
.single-money .grafik .stats .item { float: left; width: 100%; text-align: center; display: grid; align-items: center; justify-content: center; }
.single-money .grafik .stats .item .label { float: left; width: 100%; color: var(--color-black); font-weight: 500; margin-bottom: 5px; }
.single-money .grafik .stats .item .value { float: left; width: auto; font-size: 15px; font-weight: 500; text-align: center; }
.single-money .grafik .stats .item .value.positive { color: #089981; }
.single-money .grafik .stats .item .value.negative { color: #f23645; }
@media (max-width: 768px) { 
    .single-money .grafik { margin-bottom: 20px; }
    .single-money .grafik .head { gap: 3px; }
    .single-money .grafik .head .time-filter { font-size: 13px; }
    .single-money .grafik .chart-container { margin-bottom: 20px; }
    .single-money .grafik .stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .single-money .grafik .stats .item .label { font-size: 13px; }
    .single-money .grafik .stats .item .value { font-size: 14px; }
}

.single-money .similar { float: left; width: 100%; margin-bottom: 25px; }
.single-money .similar .boxs { float: left; width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: center; justify-content: left; }
.single-money .similar .boxs .box { float: left; width: 100%; height: auto; border-radius: 6px; overflow: hidden; box-shadow: 0px 4px 24px rgb(88 102 126 / 8%), 0px 1px 2px rgb(88 102 126 / 12%); }
.single-money .similar .boxs .box .head { float: left; width: 100%; }
.single-money .similar .boxs .box .head a { float: left; width: 100%; padding: 10px 15px; background: var(--kutu-renk); color: var(--color-black); transition: all .2s ease-out; display: flex; align-items: center; justify-content: left; }
.single-money .similar .boxs .box .head a:hover { background: var(--kutu-renk-hover); }
.single-money .similar .boxs .box .head .flag { float: left; width: auto; margin-right: 8px; }
.single-money .similar .boxs .box .head .flag img { float: left; width: 20px; height: 20px; border-radius: 100%; }
.single-money .similar .boxs .box .head .title { float: left; width: auto; text-transform: uppercase; font-weight: 600; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.single-money .similar .boxs .box .body { float: left; width: 100%; padding: 17px 10px; }
.single-money .similar .boxs .box .body .fiyat { float: left; width: 100%; margin-bottom: 10px; font-size: 24px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.single-money .similar .boxs .box .body .fiyat .simge { float: left; font-size: 13px; font-weight: 500; margin-left: 3px; margin-top: 7px; }
.single-money .similar .boxs .box .body .code { float: left; width: 100%; font-size: 15px; font-weight: 600; margin-bottom: 10px; text-align: center; }
.single-money .similar .boxs .box .body .degisim { float: left; width: 100%; font-size: 15px; font-weight: 500; text-align: center; }
@media (max-width: 768px) {
    .single-money .similar { margin-bottom: 20px; }
    .single-money .similar .boxs { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .single-money .similar .boxs .box .head a { font-size: 13px; padding: 8px 12px; }
    .single-money .similar .boxs .box .head .flag { margin-right: 6px; }
    .single-money .similar .boxs .box .head .flag img { width: 16px; height: 16px; }
    .single-money .similar .boxs .box .body { padding: 10px 10px; }
    .single-money .similar .boxs .box .body .fiyat { margin-bottom: 7px; font-size: 20px; }
    .single-money .similar .boxs .box .body .fiyat .simge { font-size: 12px; margin-top: 6px; }
    .single-money .similar .boxs .box .body .code { font-size: 14px; margin-bottom: 8px; }
    .single-money .similar .boxs .box .body .degisim { font-size: 14px; }
}

.money-article { float: left; width: 100%; padding: 20px; margin-top: 20px; background: var(--bg-siyah-yuzde-3); border: 1px solid var(--border-regular); color: var(--color-black); font-size: 14px; line-height: 26px; border-radius: 6px; }
.money-article h2 { float: left; width: 100%; line-height: 28px; font-weight: 700; font-size: 20px; position: relative; border-left: 4px solid var(--color-theme); padding-left: 10px; margin-top: 5px; margin-bottom: 12px; }
.money-article h3 { float: left; width: 100%; margin-bottom: 10px; font-size: 20px; font-weight: 600; }
.money-article a:hover { text-decoration: underline; }
.money-article p { float: left; width: 100%; }
.money-article p:last-child { margin-bottom: 0; }
.money-article img { float: left; width: 100%; height: auto; border-radius: 6px; }
.money-article ul { float: left; width: 100%; margin-bottom: 15px; padding-left: 25px; }
.money-article ul li { float: left; width: 100%; list-style: disc outside; margin-bottom: 3px; }
.money-article ol { float: left; width: 100%; margin-bottom: 10px; padding-left: 20px; }
.money-article ol li { float: left; width: 100%; list-style: disc outside; margin-bottom: 3px; }
.money-article hr { float: left; width: 100%; height: 1px; background: var(--border-solid); padding: 0; margin: 15px 0 20px 0; border: unset; }






/************************************************
*	SIDEBAR     								*
************************************************/
.sidebar-sticky { float: left; width: 100%; max-width: 336px; }
.sidebar { float: left; width: 100%; max-width: 336px; height: auto; margin-left: 20px; }
.sidebar>div:last-child { margin-bottom: 0; }
.sidebar .big-title { float: left; width: 100%;  margin-bottom: 15px; }
.sidebar .big-title h3 { float: left; width: 100%; color: var(--yazi-renk-gri-s); font-size: 18px; font-weight: 700; text-transform: uppercase; }
@media (max-width: 768px) {
    .sidebar-sticky { max-width: 100%; }
    .sidebar { width: 100%!important; max-width: 100%; margin: 20px 0 0 0; position: unset!important; transform: unset!important; }
    .sidebar>div:last-child { margin-bottom: 20px; }
}

.sidebar .mini-blog { float: left; width: 100%; padding: 15px; border: 1px solid var(--border-regular); border-radius: 4px; margin-bottom: 20px; }
.sidebar .mini-blog .boxs { float: left; width: 100%; }
.sidebar .mini-blog .boxs .box { float: left; width: 100%; border-bottom: 1px solid var(--border-regular); padding-bottom: 15px; margin-bottom: 15px; display: flex; align-items: center; justify-content: left; }
.sidebar .mini-blog .boxs .box:last-child { margin: 0; padding: 0; border: unset; }
.sidebar .mini-blog .boxs .box .figure { float: left; width: 72px; min-width: 72px; height: 48px; margin-right: 10px; }
.sidebar .mini-blog .boxs .box .figure img { float: left; width: 100%; height: 100%; border-radius: 4px; }
.sidebar .mini-blog .boxs .box .title { float: left; width: 100%; font-weight: 700; }
.sidebar .mini-blog .boxs .box .title a { float: left; width: 100%; color: var(--color-black); transition: all .3s ease-out; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sidebar .mini-blog .boxs .box .title a:hover { color: var(--color-blue-hover); }

.sidebar .populer-kur { float: left; width: 100%; padding: 15px; border: 1px solid var(--border-regular); border-radius: 4px; margin-bottom: 20px; }
.sidebar .populer-kur ul { float: left; width: 100%; }
.sidebar .populer-kur li { float: left; width: 100%; }
.sidebar .populer-kur li a { float: left; width: 100%; color: var(--color-black); padding: 12px 15px; border-radius: 10px; position: relative; display: flex; align-items: center; justify-content: left; }
.sidebar .populer-kur li a:hover { background: var(--kutu-renk-soft); }
.sidebar .populer-kur li a:hover .code { background: var(--color-blue)!important; color: var(--color-white); }
.sidebar .populer-kur li a .flag { float: left; width: auto; margin-right: 12px; }
.sidebar .populer-kur li a .flag img { float: left; width: 26px; height: 26px; border-radius: 100%; }
.sidebar .populer-kur li a .title { float: left; font-size: 16px; margin-right: 12px; font-weight: 600; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.sidebar .populer-kur li a .code { float: left; padding: 3px 8px; background: var(--kutu-renk-soft); border-radius: 6px; font-size: 13px; font-weight: 600; }
.sidebar .populer-kur li a .caret { float: right; margin-left: auto; font-size: 16px; color: #6d6d6d; }

.sidebar .sag-menu { float: left; width: 100%; padding: 15px; border: 1px solid var(--border-regular); border-radius: 4px; margin-bottom: 20px; }
.sidebar .sag-menu ul { float: left; width: 100%; }
.sidebar .sag-menu li { float: left; width: 100%; }
.sidebar .sag-menu li.blog .icon { color: #0f6cbd; }
.sidebar .sag-menu li.cevirici .icon { color: #234d5f; }
.sidebar .sag-menu li a { float: left; width: 100%; color: var(--color-black); padding: 14px 15px; border-radius: 10px; position: relative; display: flex; align-items: center; justify-content: left; }
.sidebar .sag-menu li a:hover { background: var(--kutu-renk-soft); }
.sidebar .sag-menu li a .icon { float: left; width: 20px; margin-right: 15px; font-size: 20px; }
.sidebar .sag-menu li a .icon img { float: left; width: 24px; height: 24px; border-radius: 100%; }
.sidebar .sag-menu li a .title { float: left; font-size: 16px; font-weight: 600; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.sidebar .sag-menu li a .caret { float: right; margin-left: auto; font-size: 16px; color: #6d6d6d; }





/************************************************
*	BREADCRUMB     								*
************************************************/
.breadcrumb { float: left; width: 100%; margin-bottom: 12px; color: var(--yazi-renk-gri-s); font-size: 13px; letter-spacing: 0.2px; }
.breadcrumb ol { float: left; width: 100%; white-space: nowrap; overflow-x: auto; }
.breadcrumb ol::-webkit-scrollbar { display: none; visibility: hidden; opacity: 0; }
.breadcrumb ol li { float: unset; width: auto; margin: 0; display: inline-flex; }
.breadcrumb ol li+li:before { float: left; padding: 0 8px; color: var(--yazi-renk-gri-s); content: "/"; }
.breadcrumb ol li a { float: left; color: var(--yazi-renk-gri-m); }
.breadcrumb ol li a:hover { color: var(--color-black); }





/************************************************
*	CAT TITLE     								*
***********************************************/
.cat-title { float: left; width: 100%; margin-bottom: 25px; display: flex; }
.cat-title h1 { float: left; width: auto; font-size: 32px; line-height: 32px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.cat-title .number { float: left; margin-left: 10px; font-size: 28px; line-height: 32px; color: #888; }
.cat-title .search { float: left; width: 230px; height: 36px; position: relative; color: #666d92; margin-left: auto; display: flex; align-items: center; }
.cat-title .search input { float: left; width: 100%; height: 100%; padding: 0 35px 0 15px; border: 1px solid var(--border-regular); border-radius: 6px; }
.cat-title .search input:focus { background: var(--kutu-renk-soft); border-color: var(--kutu-renk); }
.cat-title .search .icon { font-size: 13px; position: absolute; right: 15px; }
@media (max-width: 768px) {
    .cat-title { display: block; margin-bottom: 20px; }
    .cat-title h1 { font-size: 28px; line-height: 36px; }
    .cat-title .search { width: 100%; margin-top: 15px; margin-bottom: -3px; height: 40px; }
    .cat-title .search input { background: var(--kutu-renk-soft); border-color: var(--border-light); }
}





/************************************************
*	404           								*
************************************************/
.err-page { float: left; width: 100%; height: auto; min-height: 420px; padding: 65px 20px; margin-bottom: 40px; }
.err-page .picture { float: left; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.err-page .picture img { float: left; width: 100%; height: auto; max-width: 270px; }
.err-page .title { float: left; width: 100%; text-align: center; margin-bottom: 20px; font-size: 36px; font-weight: 600; }
.err-page p { float: left; width: 100%; text-align: center; font-size: 16px; font-weight: 500; margin-bottom: 40px; line-height: 24px; }
.err-page p a:hover { text-decoration: underline; }
.err-page .button { float: left; width: 100%; display: flex; align-items: center; justify-content: center; }
.err-page .button a { float: left; width: auto; padding: 10px 25px; border-radius: 4px; background: var(--color-blue); color: var(--color-white); font-size: 16px; }
.err-page .button a:active { margin-top: 1px; margin-bottom: -1px; }
@media (max-width: 768px) {
    .err-page { padding: 30px 20px; margin-bottom: 20px; }
    .err-page .picture { margin-bottom: 30px; }
    .err-page .picture img { max-width: 210px; }
    .err-page .title { font-size: 30px; }
    .err-page .button a { font-size: 15px; }
}





/************************************************
*	FOOTER      								*
************************************************/
.footer { float: left; width: 100%; margin-top: 40px; background: #000; }
.footer .head { float: left; width: 100%; margin-bottom: 20px; border-bottom: 1px solid rgb(210 213 217 / 15%); }
.footer .head ul { float: left; width: 100%; display: flex; align-items: center; justify-content: left; }
.footer .head ul::-webkit-scrollbar { display: none; visibility: hidden; opacity: 0; }
.footer .head ul li { float: left; width: auto; margin-right: 20px; }
.footer .head ul li:last-child { margin-right: 0; }
.footer .head ul li a { float: left; width: auto; padding: 25px 0; font-size: 15px; font-weight: 500; color: #b6babf; border-bottom: 2px solid #000; transition-property: all; transition-duration: 300ms; }
.footer .head ul li a:hover { border-color: var(--color-white); color: var(--color-white); }
.footer .body { float: left; width: 100%; margin-bottom: 30px; display: flex; align-items: start; justify-content: center; }
.footer .body .col { float: left; width: 100%; padding: 0 10px; }
.footer .body .col .title { float: left; width: 100%; color: var(--color-white); margin-bottom: 10px; font-size: 15px; font-weight: 600; text-transform: uppercase; }
.footer .body .col ul { float: left; width: 100%; }
.footer .body .col ul li { float: left; width: 100%; margin-bottom: 5px; margin-left: -5px; }
.footer .body .col ul li:last-child { margin-bottom: 0; }
.footer .body .col ul li a { float: left; width: auto; color: #b6babf; padding: 3px 5px; border-radius: 4px; }
.footer .body .col ul li a:hover { color: var(--color-white); background: #434651; }
.footer .bottom { float: left; width: 100%; border-top: 1px solid rgb(210 213 217 / 15%); padding: 25px 0; }
.footer .bottom .container { display: flex; align-items: center; }
.footer .bottom .social { float: left; width: 100%; display: flex; align-items: center; justify-content: left; }
.footer .bottom .social li { float: left; width: auto; margin-right: 20px; }
.footer .bottom .social li a { float: left; width: 34px; height: 34px; font-size: 16px; color: var(--color-black); background: var(--bg-white); border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.footer .bottom .social li a:hover { color: var(--color-blue); }
.footer .bottom .nav { float: left; width: 100%; }
.footer .bottom .nav ul { float: left; width: 100%; display: flex; align-items: center; justify-content: right; }
.footer .bottom .nav ul li { float: left; width: auto; margin-right: 20px; }
.footer .bottom .nav ul li:last-child { margin-right: 0; }
.footer .bottom .nav ul li a { float: left; width: auto; color: var(--color-white); font-weight: 500; }
.footer .bottom .nav ul li a:hover { text-decoration: underline; }
@media (max-width: 768px) {
    .footer { padding-bottom: 50px; }
	.footer .head { padding: 0 15px; }
	.footer .head ul { display: block; white-space: nowrap; overflow-x: auto; }
	.footer .head ul li { display: inline-flex; width: auto; float: unset; }
	.footer .body .col { display: none; }
	.footer .body .col ul li { display: flex; align-items: center; justify-content: center; }
	.footer .body .col:nth-child(1), .footer .body .col:nth-child(2) { display: block; text-align: center; }
	.footer .bottom .container { display: block; }
	.footer .bottom .social { padding: 0 15px; justify-content: center; margin-bottom: 25px; }
	.footer .bottom .nav { padding: 0 15px;  }
	.footer .bottom .nav ul { white-space: nowrap; overflow-x: scroll; display: block; text-align: center; }
    .footer .bottom .nav ul::-webkit-scrollbar { display: none; visibility: hidden; opacity: 0; }
	.footer .bottom .nav ul li { display: inline-flex; float: unset; }
}

.bottom-menu { display: none; float: left; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 8; background: #f8f8f8; border-top: 1px solid var(--border-regular); }
.bottom-menu ul { float: left; width: 100%; padding: 0 10px; display: flex; align-items: center; justify-content: center; }
.bottom-menu ul li { float: left; width: 100%; }
.bottom-menu ul li a { float: left; padding: 9px 10px 7px 10px; width: 100%; height: 100%; color: var(--color-black); border-radius: 6px; display: grid; align-items: center; justify-content: center; }
.bottom-menu ul li a:hover{ background: rgb(0 0 0 / 3%); }
.bottom-menu.doviz ul li.doviz a,
    .bottom-menu.altin ul li.altin a,
    .bottom-menu.kripto ul li.kripto a,
    .bottom-menu.emtia ul li.emtia a,
    .bottom-menu.hisse ul li.hisse a {
        background: rgb(0 0 0 / 3%);
}
.bottom-menu ul li a .icon { float: left; width: 100%; font-size: 17px; margin-bottom: 3px; display: flex; align-items: center; justify-content: center; }
.bottom-menu ul li a .title { float: left; width: 100%; text-align: center; font-size: 13px;  }
.bottom-menu ul li.doviz .icon { color: #005af0; }
.bottom-menu ul li.altin .icon { color: #fcba12; }
.bottom-menu ul li.kripto .icon { color: #f99011; }
.bottom-menu ul li.hisse .icon { color: #7d61b1; }
.bottom-menu ul li.emtia .icon { color: #089981; }
@media (max-width: 768px) {
    .bottom-menu { display: block; }
}

.search-popup, .search-popup-overlay { opacity: 0; visibility: hidden; transition: opacity .35s ease, transform .35s ease; will-change: opacity, transform; backface-visibility: hidden; transform: translateZ(0); }
.search-popup-overlay { position: fixed; inset: 0; background: rgb(0 0 0 / 32%); z-index: 10; backdrop-filter: blur(2px); pointer-events: none; }
.search-popup-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; }
.search-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.95); z-index: 11; opacity: 0; transition: opacity .35s cubic-bezier(.25,.1,.25,1), transform .35s cubic-bezier(.25,.1,.25,1); pointer-events: none; }
.search-popup.active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); pointer-events: auto; }
.search-popup .content { float: left; margin: auto; width: 840px; height: 680px; padding: 25px; overflow: hidden; position: relative; background: var(--bg-white); border: 1px solid transparent; box-shadow: 0 2px 5px 1px rgba(64,60,67,.16); border-radius: 12px; }
.search-popup .content .loading { float: left; width: 100%; height: calc(100% + 20px); display: flex; align-items: center; justify-content: center; }
.search-popup .content .loading img { float: left; width: 40px; height: auto; position: relative; top: -17px; background: transparent!important; }
.search-popup .content .iframe-box { float: left; width: 100%; height: 100%; }
.search-popup .content .iframe-box iframe { float: left; width: 100%; height: 100%; border: unset; }
@media (max-width: 768px) {
    .search-popup { float: left; width: 100%; height: 100%; padding: 35px; top: 0; left: 0; transform: unset; }
    .search-popup.active { transform: translateY(0) scale(1); }
    .search-popup .content { width: 100%; height: 100%; padding: 20px 15px; }
}





/************************************************
*	KALDIRIAC HESAPLAMA							*
************************************************/
.kaldirac-hesap { float: left; width: 100%; padding: 0; }
.kaldirac-hesap .ikili { float: left; width: 100%; display: flex; align-items: start; }
.kaldirac-hesap .form { float: left; width: 100%; padding: 20px; border-radius: 10px; margin-right: 20px; background: #e1e1eb69; border: 1px solid var(--border-regular); }
.kaldirac-hesap .input-group { margin-bottom: 18px; }
.kaldirac-hesap .input-group span { display: block; font-weight: 600; font-size: 16px; color: var(--color-black); margin-bottom: 6px; }
.kaldirac-hesap label { display: block; font-weight: 600; font-size: 16px; color: var(--color-black); margin-bottom: 6px; }
.kaldirac-hesap input[type="number"], select { width: 100%; padding: 12px 14px; background: var(--bg-white); border: 1.5px solid #e2e2e2; border-radius: 8px; font-size: 1rem; transition: all 0.2s; }
.kaldirac-hesap input[type="number"]:focus, select:focus { outline: none; border-color: var(--color-theme); box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1); }
.kaldirac-hesap .radio-group { display: flex; gap: 12px; flex-wrap: wrap; }
.kaldirac-hesap .radio-item { flex: 1; min-width: 100px; }
.kaldirac-hesap .radio-item input { display: none; }
.kaldirac-hesap .radio-item label { display: block; padding: 10px; text-align: center; background: var(--bg-white); border: 1.5px solid #dddddd; border-radius: 8px; font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.2s; }
.kaldirac-hesap .radio-item input:checked+label { background: var(--color-theme); color: white; border-color: var(--color-theme); }
.kaldirac-hesap .slider-container { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.kaldirac-hesap .slider { flex: 1; height: 6px; border-radius: 3px; background: #e2e8f0; outline: none; -webkit-appearance: none; }
.kaldirac-hesap .slider::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: var(--color-theme); cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }
.kaldirac-hesap .slider-value { font-weight: 700; color: var(--color-theme); min-width: 50px; text-align: center; }
.kaldirac-hesap .btn { width: 100%; padding: 14px; background: var(--color-theme); color: white; border: none; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: background 0.2s; margin-top: 8px; }
.kaldirac-hesap .btn:hover { background: #0052cc; }
.kaldirac-hesap .result { float: left; width: 100%; max-width: 400px; padding: 20px; background: #f8fafc; color: var(--color-black); position: sticky; top: 85px; border-radius: 10px; border: 1.5px solid #e2e8f0; }
.kaldirac-hesap .result-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed #e2e8f0; font-size: 0.95rem; }
.kaldirac-hesap .result-item:last-child { border-bottom: none; margin-top: 8px; padding-top: 12px; font-weight: 600; }
.kaldirac-hesap .result-value { font-weight: 700; font-family: 'Courier New', monospace; margin-top: 2px; margin-bottom: -2px; }
.kaldirac-hesap .profit { color: #10b981; } 
.kaldirac-hesap .loss { color: #ef4444; }
.kaldirac-hesap .info { width: 100%; float: left; font-size: 0.8rem; color: #6b7280; text-align: center; margin: 25px 0 10px 0; padding: 0 24px; }
@media (max-width: 768px) {
  .kaldirac-hesap .ikili { display: block; }
  .kaldirac-hesap .form { padding: 20px; margin: 0; margin-bottom: 15px; }
  .kaldirac-hesap .input-group span { font-size: 14px; font-weight: 500; }
  .kaldirac-hesap input[type="number"], select { padding: 9px 12px; }
}





/************************************************
*	PWA         							    *
************************************************/
#pwa-install-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; align-items: center; justify-content: center; animation: fadeIn 0.3s ease-in-out; }
#pwa-install-popup[style*="display: flex"] { display: flex !important; }
#ios-install-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; align-items: center; justify-content: center; animation: fadeIn 0.3s ease-in-out; }
#ios-install-popup[style*="display: flex"] { display: flex !important; }
.pwa-popup-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(3px); }
.pwa-popup-content { position: relative; background: var(--bg-white); border-radius: 16px; padding: 30px 25px; max-width: 90%; width: 400px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); text-align: center; animation: slideUp 0.4s ease-out; }
.pwa-popup-icon { font-size: 48px; margin-bottom: 15px; }
.pwa-popup-content h3 { color: #0f6cbd; font-size: 20px; margin-bottom: 12px; font-weight: 700; }
.pwa-popup-content p { color: var(--yazi-renk-gri-l); font-size: 15px; line-height: 1.5; margin-bottom: 25px; }
.pwa-popup-content ol { text-align: left; padding-left: 30px; color: var(--yazi-renk-gri-l); font-size: 15px; line-height: 1.8; margin-bottom: 20px; }
.pwa-popup-content ol li { margin-bottom: 10px; }
.pwa-popup-content ol strong { color: #0f6cbd; }
.pwa-popup-buttons { display: flex; flex-direction: column; gap: 10px; }
.pwa-btn-install, .pwa-btn-dismiss { padding: 14px 20px; border: none; border-radius: 8px; font-size: 16px; font-weight: 500; cursor: pointer; }
.pwa-btn-install { background: #0f6cbd; color: var(--color-white); }
.pwa-btn-install:hover { background: #0b599c; color: var(--color-white); }
.pwa-btn-dismiss { background: var(--kutu-renk); color: var(--color-black); }
.pwa-btn-dismiss:hover { background: var(--kutu-renk-hover); color: var(--color-black); }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }





/************************************************
*	GIRIS YAP      							    *
************************************************/
.giris-yap { float: left; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; }
.giris-yap .kapat { position: absolute; top: 30px; right: 30px; z-index: 2; }
.giris-yap .kapat a { float: left; font-size: 20px; color: var(--color-black); padding: 10px; border-radius: 6px; }
.giris-yap .kapat a:hover { background: var(--bg-siyah-yuzde-7); }
.giris-yap .giris-form { float: left; width: 100%; max-width: 400px; height: auto; }
.giris-yap .giris-form .logo { float: left; width: 100%; margin-bottom: 40px; display: flex; justify-content: center; }
.giris-yap .giris-form .logo img { float: left; width: 200px; height: auto; }
.giris-yap .giris-form .tabs { float: left; width: 100%; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.giris-yap .giris-form .tabs .tab { float: left; width: 100%; flex: 1; padding: 11px; background: var(--kutu-renk); color: var(--color-black); border: unset; font-size: 14px; font-weight: 600; border-radius: 10px; cursor: pointer; }
.giris-yap .giris-form .tabs .tab:hover { background: var(--kutu-renk-hover); }
.giris-yap .giris-form .tabs .tab.active { background: var(--color-theme); color: var(--color-white); }
.giris-yap .giris-form .form-container { display: none; float: left; width: 100%; }
.giris-yap .giris-form .form-container.active { display: block; animation: fadeIn 0.4s ease; }
.giris-yap .giris-form .form-container p { float: left; width: 100%; margin-bottom: 20px; line-height: 1.6; text-align: center; }
.giris-yap .giris-form .google-btn { float: left; width: 100%; padding: 15px; background: var(--bg-white); border: 2px solid var(--border-light); border-radius: 10px; font-size: 15px; font-weight: 600; color: var(--color-black); cursor: pointer; margin: 0; gap: 10px; display: flex; align-items: center; justify-content: center; }
.giris-yap .giris-form .google-btn:hover { background: var(--bg-siyah-yuzde-5); }
.giris-yap .giris-form .google-btn .icon { width: 20px; height: 20px; }
.giris-yap .giris-form .divider { float: left; width: 100%; margin: 25px 0; color: var(--yazi-renk-gri-s); font-size: 13px; display: flex; align-items: center; }
.giris-yap .giris-form .divider::before, .giris-yap .giris-form .divider::after { content: ''; flex: 1; height: 1px; background: var(--border-solid); }
.giris-yap .giris-form .divider span { padding: 0 15px; }
.giris-yap .giris-form .form-group { float: left; width: 100%; margin-bottom: 20px; }
.giris-yap .giris-form .form-group label { float: left; width: 100%; color: var(--color-black); font-size: 14px; font-weight: 600; margin-bottom: 8px; display: block; }
.giris-yap .giris-form .form-group input { float: left; width: 100%; padding: 14px 16px; border: 1px solid var(--border-regular); border-radius: 10px; color: var(--color-black); font-size: 15px; background: var(--bg-siyah-yuzde-2); }
.giris-yap .giris-form .form-group .input-wrapper { float: left; width: 100%; position: relative; }
.giris-yap .giris-form .form-group .password-toggle { float: right; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: transparent; border: none; color: var(--yazi-renk-gri-s); cursor: pointer; padding: 4px; }
.giris-yap .giris-form .form-group .password-toggle .icon { width: 20px; height: 20px; fill: transparent; }
.giris-yap .giris-form .form-row { float: left; width: 100%; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }
.giris-yap .giris-form .checkbox-group { float: left; display: flex; align-items: center; gap: 8px; }
.giris-yap .giris-form .checkbox-group input[type="checkbox"] { float: left; width: 18px; height: 18px; cursor: pointer; accent-color: var(--color-blue); }
.giris-yap .giris-form .checkbox-group label { float: left; color: var(--color-black); font-size: 14px; cursor: pointer; user-select: none; }
.giris-yap .giris-form .checkbox-group-terms { float: left; margin-bottom: 20px; display: flex; align-items: flex-start; gap: 8px; }
.giris-yap .giris-form .checkbox-group-terms input[type="checkbox"] { float: left; width: 18px; height: 18px; cursor: pointer; margin-top: 3px; accent-color: var(--color-blue); }
.giris-yap .giris-form .checkbox-group-terms label { float: left; color: var(--color-black); font-size: 13px; line-height: 1.5; cursor: pointer; user-select: none; }
.giris-yap .giris-form .checkbox-group-terms a:hover { text-decoration: underline; }
.giris-yap .giris-form .forgot-password { float: right; }
.giris-yap .giris-form .forgot-password a { float: right; color: var(--color-blue); font-size: 14px; font-weight: 500; }
.giris-yap .giris-form .forgot-password a:hover { text-decoration: underline; }
.giris-yap .giris-form .submit-btn { float: left; width: 100%; padding: 16px; background: var(--color-theme); border: none; border-radius: 10px; color: var(--color-white); font-size: 15px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.giris-yap .giris-form .submit-btn:hover { background: var(--color-theme-hover); }
.giris-yap .giris-form .submit-btn .loading { display: inline-block; width: 16px; height: 16px; border: 2px solid #fff; border-top-color: transparent; border-radius: 50%; animation: spin 0.6s linear infinite; margin-right: 8px; -webkit-animation: spin 0.6s linear infinite; }
.giris-yap .giris-form .grid { float: left; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.giris-yap .giris-form .back-link { float: left; width: 100%; color: var(--color-blue); font-size: 14px; font-weight: 500; margin-top: 20px; text-align: center; }
.giris-yap .giris-form .back-link:hover { text-decoration: underline; }
.giris-yap .giris-form .basari-mesaj { float: left; width: 100%; padding: 20px; background: #d4edda; color: #155724; border: 1px solid #c3e6cb; border-radius: 10px; text-align: center; line-height: 24px; }
@media (max-width: 768px) {
    .giris-yap { padding: 20px; align-items: start; }
    .giris-yap .kapat { top: 20px; right: 20px; }
    .giris-yap .giris-form .logo { margin-bottom: 30px; }
    .giris-yap .giris-form .logo img { width: 180px; }
}





/************************************************
*	PROFIL PAGE    							    *
************************************************/
.profil-page { float: left; width: 100%; display: flex; align-items: start; }
.profil-page .bos-alan { float: left; width: 100%; text-align: center; }
.profil-page .bos-alan h3 { margin-bottom: 12px; display: flex; align-items: center; font-size: 18px; font-weight: 600; }
.profil-page .bos-alan h3 svg { margin-right: 5px; color: #0f6cbd; }
.profil-page .bos-alan p { font-size: 14px; color: var(--yazi-renk-gri-m); margin: 0; }
.profil-page .bos-alan .duzenle { float: right; font-size: 15px; border-radius: 4px; border: 1px solid var(--border-regular); padding: 5px 10px; cursor: pointer; margin-left: auto; display: flex; align-items: center; }
.profil-page .bos-alan .duzenle:hover { background: var(--bg-siyah-yuzde-5); border-color: transparent; }
.profil-page .bos-alan .duzenle svg { margin-right: 5px; opacity: 0.7; }
/* LEFT */
.profil-page .profil-content { float: left; width: 100%; padding: 25px; border: 1px solid var(--border-regular); border-radius: 6px; }
.profil-page .profil-content .favori-liste { float: left; width: 100%; }
.profil-page .profil-content .favori-liste .baslik { float: left; width: 100%; margin-bottom: 15px; display: flex; align-items: center; }
.profil-page .profil-content .favori-liste .baslik h3 { font-size: 18px; font-weight: 600; display: flex; align-items: center; }
.profil-page .profil-content .favori-liste .baslik h3 svg { margin-right: 8px; color: var(--color-blue); margin-top: -1px; opacity: 0.9; }
.profil-page .profil-content .favori-liste .baslik .duzenle { float: right; font-size: 15px; border-radius: 4px; border: 1px solid var(--border-regular); padding: 5px 10px; cursor: pointer; margin-left: auto; display: flex; align-items: center; }
.profil-page .profil-content .favori-liste .baslik .duzenle:hover { background: var(--bg-siyah-yuzde-5); border-color: transparent; }
.profil-page .profil-content .favori-liste .baslik .duzenle svg { margin-right: 5px; opacity: 0.7; }
.profil-page .profil-content .favori-liste p { float: left; width: 100%; text-align: center; }
.profil-page .profil-content .favori-liste table { float: left; width: 100%; }
.profil-page .profil-content .favori-liste table thead tr th { text-align: left; font-weight: 400; padding: 10px; white-space: nowrap; color: var(--yazi-renk-gri-m); border-bottom: 1px solid var(--border-light); }
.profil-page .profil-content .favori-liste table thead tr th:last-child{ text-align: right; }
.profil-page .profil-content .favori-liste table tbody tr:hover { background: var(--bg-siyah-yuzde-3); }
.profil-page .profil-content .favori-liste table tbody tr:hover .code { background: var(--color-blue) !important; color: var(--color-white); }
.profil-page .profil-content .favori-liste table tbody tr td { min-width: 180px; padding: 15px 12px; border-bottom: 1px solid var(--border-light); position: relative; }
.profil-page .profil-content .favori-liste table tbody tr:last-child td { border-bottom: unset; }
.profil-page .profil-content .favori-liste table tbody tr td:first-child { width: 100%; }
.profil-page .profil-content .favori-liste table tbody tr td:last-child { min-width: auto; text-align: right; }
.profil-page .profil-content .favori-liste table tbody tr td:nth-child(2) { min-width: 120px; }
.profil-page .profil-content .favori-liste table tbody tr td .detail { float: left; width: auto; }
.profil-page .profil-content .favori-liste table tbody tr td .detail .url { float: left; width: auto; color: var(--color-black); padding-right: 15px; display: flex; align-items: center; justify-content: left; }
.profil-page .profil-content .favori-liste table tbody tr td .detail .flag { float: left; width: auto; margin-right: 10px; }
.profil-page .profil-content .favori-liste table tbody tr td .detail .flag img { float: left; width: 24px; height: 24px; border-radius: 100%; }
.profil-page .profil-content .favori-liste table tbody tr td .detail .code { float: left; padding: 3px 8px; margin-right: 10px; background: var(--kutu-renk-soft); border-radius: 6px; font-size: 13px; font-weight: 600; }
.profil-page .profil-content .favori-liste table tbody tr td .detail .title { float: left; font-size: 16px; font-weight: 700; text-align: left; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.profil-page .profil-content .favori-liste table tbody tr td .yon { float: left; padding-left: 3px; font-size: 15px; }
.profil-page .profil-content .favori-liste table tbody tr td .fiyat { font-size: 15px; }
.profil-page .profil-content .favori-liste table tbody tr td .fiyat.satis { font-weight: 600; }
.profil-page .profil-content .favori-liste table tbody tr td .simge { font-size: 11px; margin-left: -1px;  }
.profil-page .profil-content .favori-liste table tbody tr td .degisim { font-weight: 500; font-size: 15px; }
.profil-page .profil-content .favori-liste table tbody tr:hover .islem { display: flex; }
.profil-page .profil-content .favori-liste table tbody tr td .islem { position: absolute; top: 12px; right: 5px; background: #f7f7f7; display: none; align-items: center; }
.profil-page .profil-content .favori-liste table tbody tr td .islem .favori { float: left; width: 30px; height: 30px; border-radius: 8px; cursor: pointer; font-size: 16px; color: #3F51B5; background: #3f51b524; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }
.profil-page .profil-content .favori-liste table tbody tr td .islem .favori:hover { background: #3f51b533; }
.profil-page .profil-content .favori-liste table tbody tr td .islem .favori i { float: left; margin-top: -1px; pointer-events: none; }
.profil-page .profil-content .favori-liste table tbody tr td .islem .favori i:before { content: '☆'; font-style: normal; }
.profil-page .profil-content .favori-liste table tbody tr td .islem .favori.aktif { color: #FF5722; background: #ff572224; }
.profil-page .profil-content .favori-liste table tbody tr td .islem .favori.aktif:hover { background: #ff572238; }
.profil-page .profil-content .favori-liste table tbody tr td .islem .favori.aktif i:before { content: '★'; }
.profil-page .profil-content .favori-liste table tbody tr td .islem .surukle { float: left; width: 30px; height: 30px; margin-right: 5px; border-radius: 8px; cursor: move; font-size: 14px; color: var(--color-black); background: var(--kutu-renk); overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }
.profil-page .profil-content .favori-liste table tbody tr td .islem .surukle:hover { background: var(--kutu-renk-hover); }
/* RIGHT */
.profil-page .profil-sidebar { float: left; width: 100%; height: auto; max-width: 320px; margin-left: 20px; border: 1px solid var(--border-regular); border-radius: 6px; position: sticky; top: 76px; }
.profil-page .profil-sidebar:first-child { padding: 30px; }
.profil-page .profil-sidebar .profil-info { float: left; width: 100%; padding: 30px; border-bottom: 1px solid var(--border-regular); }
.profil-page .profil-sidebar .avatar { float: left; width: 100%; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; }
.profil-page .profil-sidebar .avatar img { float: left; width: 120px; height: auto; border-radius: 100%; }
.profil-page .profil-sidebar .isim { float: left; width: 100%; text-align: center; margin-bottom: 3px; font-size: 22px; font-weight: 600; line-height: normal; }
.profil-page .profil-sidebar .kullaniciadi { float: left; width: 100%; text-align: center; font-size: 15px; color: var(--yazi-renk-gri-m); }
.profil-page .profil-sidebar ul { float: left; width: 100%; padding: 25px; }
.profil-page .profil-sidebar ul li { float: left; width: 100%; margin-bottom: 25px; display: flex; align-items: center; }
.profil-page .profil-sidebar ul li:last-child { margin: 0; }
.profil-page .profil-sidebar ul li .label { float: left; color: var(--yazi-renk-gri-m); margin-right: auto; }
.profil-page .profil-sidebar ul li .value { float: right; }
.profil-page .profil-sidebar ul li .badge { color: #089981; font-weight: 500; }
@media (max-width: 768px) {
    .profil-page { padding: 0 10px; display: grid;  }
    .profil-page .profil-content .favori-liste { padding: 0; border: unset; border-radius: unset; }
    .profil-page .profil-content .favori-liste table thead tr th:nth-child(2) { display: none; }
    .profil-page .profil-content .favori-liste table thead tr th:nth-child(4) { display: none; }
    .profil-page .profil-content .favori-liste table tbody tr td { min-width: auto; padding: 15px 10px; }
    .profil-page .profil-content .favori-liste table tbody tr td .detail .flag { margin-right: 7px; }
    .profil-page .profil-content .favori-liste table tbody tr td .detail .code { background: transparent!important; color: var(--color-black)!important; padding: 0; margin: 0; background: transparent; font-size: 15px; font-weight: 700; border-radius: unset; }
    .profil-page .profil-content .favori-liste table tbody tr td .detail .title { display: none; }
    .profil-page .profil-content .favori-liste table tbody tr td:nth-child(1) { width: 40%; }
    .profil-page .profil-content .favori-liste table tbody tr td:nth-child(2) { display: none; }
    .profil-page .profil-content .favori-liste table tbody tr td:nth-child(3) { width: 40%; }
    .profil-page .profil-content .favori-liste table tbody tr td:nth-child(4) { display: none; }
    .profil-page .profil-content .favori-liste table tbody tr td:nth-child(5) { width: 20%; }
    .profil-page .profil-sidebar { position: unset; margin-left: 0; margin-top: 20px; max-width: 100%; }
}

.favori-popup, .favori-popup-overlay { opacity: 0; visibility: hidden; transition: opacity .35s ease, transform .35s ease; will-change: opacity, transform; backface-visibility: hidden; transform: translateZ(0); }
.favori-popup-overlay { position: fixed; inset: 0; background: rgb(0 0 0 / 32%); z-index: 10; backdrop-filter: blur(2px); pointer-events: none; }
.favori-popup-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; }
.favori-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.95); z-index: 11; opacity: 0; transition: opacity .35s cubic-bezier(.25,.1,.25,1), transform .35s cubic-bezier(.25,.1,.25,1); pointer-events: none; }
.favori-popup.active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); pointer-events: auto; }
.favori-popup .content { float: left; margin: auto; width: 840px; height: 680px; padding: 25px; overflow: hidden; position: relative; background: var(--bg-white); border: 1px solid transparent; box-shadow: 0 2px 5px 1px rgba(64,60,67,.16); border-radius: 12px; }
.favori-popup .content .scroll { float: left; width: 100%; height: 100%; overflow-y: auto; }
.favori-popup .content .scroll::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
.favori-popup .content .scroll::-webkit-scrollbar-thumb { border: 2px solid transparent; background-color: #cacaca; border-radius: 2px; }
.favori-popup .content .scroll::-webkit-scrollbar-thumb:hover { background-color: #b1aeae; }
.favori-popup .head { float: left; width: 100%; margin-bottom: 15px; display: flex; align-items: center; }
.favori-popup .head h3 { float: left; width: auto; font-size: 18px; font-weight: 600; margin: 0; display: flex; align-items: center;  }
.favori-popup .head h3 svg { margin-right: 8px; color: var(--color-blue); margin-top: -1px; opacity: 0.9; }
.favori-popup .head .search { float: right; width: 230px; height: 36px; position: relative; color: #666d92; margin-left: auto; display: flex; align-items: center; }
.favori-popup .head .search .icon { font-size: 13px; position: absolute; right: 15px; }
.favori-popup .head .search input { float: left; width: 100%; height: 100%; padding: 0 35px 0 15px; border: 1px solid var(--border-regular); border-radius: 6px; }
.favori-popup .head .search input:focus { background: var(--kutu-renk-soft); border-color: var(--kutu-renk); }
.favori-popup .boxs { float: left; width: 100%; margin-bottom: 50px; }
.favori-popup .boxs .box { float: left; width: 100%; color: var(--color-black); padding: 7px 10px; border-bottom: 1px solid var(--border-regular); border-radius: 2px; display: flex; align-items: center; }
.favori-popup .boxs .box:last-child { border: unset; }
.favori-popup .boxs .box:hover { background: var(--kutu-renk-soft); }
.favori-popup .boxs .box:hover .code { background: var(--color-blue)!important; color: var(--color-white); }
.favori-popup .boxs .box .flag { float: left; width: auto; margin-right: 10px; }
.favori-popup .boxs .box .flag img { float: left; width: 24px; height: 24px; border-radius: 100%; }
.favori-popup .boxs .box .code { float: left; padding: 3px 8px; font-size: 13px; margin-right: 10px; background: var(--kutu-renk-soft); border-radius: 6px; font-weight: 500; }
.favori-popup .boxs .box .title { float: left; font-size: 15px; font-weight: 600; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.favori-popup .boxs .box .islem { float: right; margin-left: auto; display: flex; align-items: center; }
.favori-popup .boxs .box .islem .favori { float: left; width: 30px; height: 30px; border-radius: 8px; cursor: pointer; font-size: 16px; color: #3F51B5; background: #3f51b524; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }
.favori-popup .boxs .box .islem .favori:hover { background: #3f51b533; }
.favori-popup .boxs .box .islem .favori i { float: left; margin-top: -1px; pointer-events: none; }
.favori-popup .boxs .box .islem .favori i:before { content: '☆'; font-style: normal; }
.favori-popup .boxs .box .islem .favori.aktif { color: #FF5722; background: #ff572224; }
.favori-popup .boxs .box .islem .favori.aktif:hover { background: #ff572238; }
.favori-popup .boxs .box .islem .favori.aktif i:before { content: '★'; }
@media (max-width: 768px) {
    .favori-popup { float: left; width: 100%; height: 100%; padding: 35px; top: 0; left: 0; transform: unset; }
    .favori-popup.active { transform: translateY(0) scale(1); }
    .favori-popup .content { width: 100%; height: 100%; padding: 20px 15px; }
    .favori-popup .head { display: block; }
    .favori-popup .head .search { width: 100%; margin-top: 12px; }
}




/************************************************
*	PROFIL EDIT    							    *
************************************************/
.profil-duzenle { float: left; width: 100%; display: flex; align-items: start; }
.profil-duzenle svg { fill: transparent; }
.profil-duzenle .loading { display: inline-block; width: 16px; height: 16px; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: white; animation: spin 0.8s linear infinite; }
.profil-duzenle button:disabled { opacity: 0.6; cursor: not-allowed; }
/* LEFT */
.profil-duzenle .profil-content { float: left; width: 100%; padding: 30px; border: 1px solid var(--border-regular); border-radius: 6px; }
.profil-duzenle .profil-content .content-section { display: none; float: left; width: 100%; }
.profil-duzenle .profil-content .content-section.active { display: block; animation: fadeIn 0.3s ease; }
.profil-duzenle .profil-content .section-header { float: left; width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--border-regular); }
.profil-duzenle .profil-content .section-header h2 { float: left; width: 100%; font-size: 24px; font-weight: 600; margin-bottom: 8px; }
.profil-duzenle .profil-content .section-header p { float: left; width: 100%; margin: 0; font-size: 14px; color: var(--yazi-renk-gri-m); }
.profil-duzenle .profil-content .panel-form { float: left; width: 100%; }
.profil-duzenle .profil-content .avatar-upload-group { margin-bottom: 35px; }
.profil-duzenle .profil-content .avatar-upload-container { float: left; width: 100%; padding: 20px; background: var(--bg-siyah-yuzde-2); border-radius: 12px; border: 2px dashed var(--bg-siyah-yuzde-10); display: flex; gap: 20px; align-items: center; }
.profil-duzenle .profil-content .current-avatar { flex-shrink: 0; }
.profil-duzenle .profil-content .current-avatar img { float: left; width: 100px; height: 100px; border-radius: 100%; object-fit: cover; }
.profil-duzenle .profil-content .avatar-upload-buttons { float: left; width: 100%; flex: 1; }
.profil-duzenle .profil-content .avatar-upload-buttons button { margin-right: 10px; margin-bottom: 5px; }
.profil-duzenle .profil-content .btn-primary, .profil-duzenle .profil-content .btn-secondary, .profil-duzenle .profil-content .btn-danger { float: left; padding: 12px 24px; font-size: 15px; font-weight: 500; border: none; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; display: inline-flex; align-items: center; gap: 8px; }
.profil-duzenle .profil-content .btn-secondary { background: transparent; color: var(--color-black); border: 1px solid var(--border-solid); }
.profil-duzenle .profil-content .btn-secondary:hover { background: var(--bg-siyah-yuzde-5); }
.profil-duzenle .profil-content .btn-danger { background: var(--color-red); color: var(--color-white); }
.profil-duzenle .profil-content .btn-danger:hover { background: var(--color-red-hover); }
.profil-duzenle .profil-content .btn-primary { background: var(--color-blue); color: var(--color-white); }
.profil-duzenle .profil-content .btn-primary:hover { background: var(--color-blue-hover); }
.profil-duzenle .profil-content .help-text { float: left; width: 100%; font-size: 13px; color: var(--yazi-renk-gri-s); margin: 0; margin-top: 6px; }
.profil-duzenle .profil-content .form-row { float: left; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.profil-duzenle .profil-content .form-group { float: left; width: 100%; margin-bottom: 25px; }
.profil-duzenle .profil-content .form-group label { float: left; width: 100%; font-size: 14px; font-weight: 500; margin-bottom: 8px; color: var(--color-black); }
.profil-duzenle .profil-content .form-group label .red { color: #089981; }
.profil-duzenle .profil-content .form-group input { float: left; width: 100%; padding: 12px 16px; font-size: 15px; border: 1px solid var(--border-regular); border-radius: 8px; background: var(--bg-white); color: var(--color-black); transition: all 0.2s ease; }
.profil-duzenle .profil-content .form-group input:focus { box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1); }
.profil-duzenle .profil-content .form-actions { float: left; width: 100%; padding-top: 20px; border-top: 1px solid var(--border-regular); }
.profil-duzenle .profil-content .info-box { float: left; width: 100%; padding: 16px; background: var(--kutu-renk-soft); border: 1px solid var(--kutu-renk-soft-hover); border-radius: 8px; margin-bottom: 24px; display: flex; align-items: center; gap: 10px; }
.profil-duzenle .profil-content .info-box p { margin: 0; font-size: 14px; color: var(--color-black); }
.profil-duzenle .profil-content .input-wrapper { float: left; width: 100%; position: relative; }
.profil-duzenle .profil-content .password-toggle { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 18px; background: none; border: none; color: var(--yazi-renk-gri-s); cursor: pointer; padding: 5px; display: flex; align-items: center; justify-content: center; }
.profil-duzenle .profil-content .password-toggle:hover { background: transparent; color: var(--color-black); }
.profil-duzenle .profil-content .info-cards { float: left; width: 100%; margin-bottom: 40px; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.profil-duzenle .profil-content .info-cards .info-card { float: left; width: 100%; background: var(--kutu-renk-soft); border: 1px solid var(--kutu-renk-soft-hover); border-radius: 10px; padding: 20px; display: flex; gap: 15px; }
.profil-duzenle .profil-content .info-cards .info-card-icon { float: left; flex-shrink: 0; width: 50px; height: 50px; border-radius: 10px; background: var(--color-theme); color: var(--color-white); font-size: 24px; display: flex; align-items: center; justify-content: center; }
.profil-duzenle .profil-content .info-cards .info-card-content { float: left; }
.profil-duzenle .profil-content .info-cards .info-card-content h4 { float: left; width: 100%; font-size: 14px; font-weight: 500; color: var(--yazi-renk-gri-m); margin-bottom: 5px; }
.profil-duzenle .profil-content .info-cards .info-card-content p { float: left; width: 100%; font-size: 16px; font-weight: 600; color: var(--color-black); margin: 0; }
.profil-duzenle .profil-content .info-cards .info-card-content .status-aktif { color: #009688; }
.profil-duzenle .profil-content .danger-zone { float: left; width: 100%; padding: 24px; background: rgba(239, 68, 68, 0.05); border: 1px solid rgba(239, 68, 68, 0.2); border-radius: 10px; }
.profil-duzenle .profil-content .danger-zone h3 { float: left; width: 100%; font-size: 18px; font-weight: 600; color: var(--color-red); margin-bottom: 8px; }
.profil-duzenle .profil-content .danger-zone p { float: left; width: 100%; font-size: 14px; color: var(--color-black); margin-bottom: 15px; }
/* RIGHT */
.profil-duzenle .profil-sidebar { float: left; width: 100%; height: auto; max-width: 320px; margin-left: 20px; border: 1px solid var(--border-regular); border-radius: 6px; position: sticky; top: 76px; }
.profil-duzenle .profil-sidebar .profil-info { float: left; width: 100%; padding: 30px; border-bottom: 1px solid var(--border-regular); }
.profil-duzenle .profil-sidebar .profil-info .avatar { float: left; width: 100%; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; }
.profil-duzenle .profil-sidebar .profil-info .avatar img { float: left; width: 120px; height: auto; border-radius: 100%; }
.profil-duzenle .profil-sidebar .profil-info .isim { float: left; width: 100%; text-align: center; margin-bottom: 3px; font-size: 22px; font-weight: 600; line-height: normal; }
.profil-duzenle .profil-sidebar .profil-info .kullaniciadi { float: left; width: 100%; text-align: center; font-size: 15px; color: var(--yazi-renk-gri-m); }
.profil-duzenle .profil-sidebar .profil-menu { float: left; width: 100%; padding: 20px 17px; }
.profil-duzenle .profil-sidebar .profil-menu .menu-item { float: left; width: 100%; margin-bottom: 5px; padding: 12px 15px; color: var(--yazi-renk-gri-l); text-decoration: none; border-radius: 6px; display: flex; align-items: center; }
.profil-duzenle .profil-sidebar .profil-menu .menu-item:hover { background: var(--bg-siyah-yuzde-5); color: var(--color-black); }
.profil-duzenle .profil-sidebar .profil-menu .menu-item:last-child { margin-bottom: 0; }
.profil-duzenle .profil-sidebar .profil-menu .menu-item.active { font-weight: 500; background: var(--bg-siyah-yuzde-5); color: var(--color-black); }
.profil-duzenle .profil-sidebar .profil-menu .menu-item svg { margin-right: 7px; }
.profil-duzenle .profil-sidebar .profil-menu .menu-item.logout { color: var(--color-red); }
.profil-duzenle .profil-sidebar .profil-menu .menu-item.logout:hover { background: #f2364512; }
.profil-duzenle .profil-sidebar .profil-menu .tre { float: left; width: 100%; margin: 5px 0 10px 0; height: 1px; background: var(--border-light); }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes spin { to { transform: rotate(360deg); } }
@media (max-width: 768px) {
    .profil-duzenle { padding: 0 10px; display: grid; }
    .profil-duzenle .profil-content { order: 2; }
    .profil-duzenle .profil-sidebar { order: 1; position: unset; margin-left: 0; margin-bottom: 20px; max-width: 100%; }
}





/************************************************
*	BILDIRIM TOAST 							    *
************************************************/
#toast-container { position: fixed; top: 20px; right: 20px; z-index: 999999; max-width: 380px; pointer-events: none; }
#toast-container .toast { background: var(--bg-white); border-radius: 12px; padding: 16px 20px; margin-bottom: 12px; display: flex; align-items: flex-start; gap: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); animation: slideInRight 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); border-left: 4px solid; min-width: 320px; pointer-events: all; }
#toast-container .toast-closing { animation: slideOutRight 0.3s ease-in forwards; } 
@keyframes slideInRight { from { transform: translateX(400px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes slideOutRight { from { transform: translateX(0); opacity: 1; } to { transform: translateX(400px); opacity: 0; } }
#toast-container .toast-icon { width: 20px; height: 20px; margin-right: 3px; margin-bottom: -1px; fill: transparent; }
#toast-container .toast-content { flex: 1; min-width: 0; }
#toast-container .toast-title { font-weight: 700; font-size: 15px; margin-bottom: 4px; display: flex; align-items: center; }
#toast-container .toast-message { font-size: 14px; color: var(--yazi-renk-gri-m); line-height: 1.5; }
#toast-container .toast-message strong { font-weight: 600; }
#toast-container .toast-close { background: none; border: none; color: var(--yazi-renk-gri-m); font-size: 22px; cursor: pointer; transition: all 0.2s; padding: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; font-weight: 300; margin-left: auto; }
#toast-container .toast-close:hover { color: var(--yazi-renk-gri-l); transform: scale(1.2); }
#toast-container .toast-success { border-left-color: #10b981; }
#toast-container .toast-success .toast-title { color: #065f46; } 
#toast-container .toast-warning { border-left-color: #f59e0b; }
#toast-container .toast-warning .toast-title { color: #92400e; } 
#toast-container .toast-error { border-left-color: #ef4444; }
#toast-container .toast-error .toast-title { color: #991b1b; } 
#toast-container .toast-info { border-left-color: #3b82f6; }
#toast-container .toast-info .toast-title { color: #1e40af; }
@media (max-width: 768px) { 
    #toast-container { right: 10px; left: 10px; max-width: none; } 
    #toast-container .toast { min-width: auto; }
}





/************************************************
*	TOOLTIP       							    *
************************************************/
.tooltip { position: absolute; background: var(--color-black); color: var(--color-white); padding: 8px 12px; border-radius: 6px; font-size: 13px; pointer-events: none; z-index: 99; opacity: 0; transition: opacity 0.2s ease; white-space: nowrap; }
.tooltip.show { opacity: 1; }
.tooltip::before { content: ''; position: absolute; border: 6px solid transparent; }
.tooltip.top::before { bottom: -11px; left: 50%; transform: translateX(-50%); border-top-color: var(--color-black); }
.tooltip.bottom::before { top: -11px; left: 50%; transform: translateX(-50%); border-bottom-color: var(--color-black); }
.tooltip.left::before { right: -11px; top: 50%; transform: translateY(-50%); border-left-color: var(--color-black); }
.tooltip.right::before { left: -11px; top: 50%; transform: translateY(-50%); border-right-color: var(--color-black); }