/* reset + Metin2 all.css */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

:focus {
	outline: 0
}

ins {
	text-decoration: none
}

del {
	text-decoration: line-through
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

html {
	height: 100%;
	min-width: 930px;
}

body {
	background: #000 url(../img/container-bg.jpg) repeat-y 50% 0;
	color: #160400;
	font: 11px/14px Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0;
	min-width: 930px;
}

body.netbar {
	margin-top: 32px !important
}

img {
	border: none;
	display: block;
}

a:focus {
	outline: none;
}

form {
	margin: 0;
	padding: 0;
}

#page {
	/* has IE-fix */
	min-height: 100%;
	overflow: hidden;
}

.center {
	text-align: center;
}

.right {
	float: right;
}

.header-wrapper {
    background-image: url(../img/header-bg.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 50% 0, 50% 0;
    background-size: auto, cover;
    height: 283px;
    min-width: 930px;
    overflow: visible;
}

/* Giriş sonrası üst menü butonları (yüksek çerçeve) taşmasın */
.header-wrapper:has(.header-box-login) {
	min-height: 278px;
	height: auto;
}

.clearfloat {
	/* this class should be placed on a div or break element
and should be the final element before the close of
a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/* header start */
#header {
	height: 230px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	width: 930px;
	max-width: 100%;
	box-sizing: border-box;
}

#header:has(.header-box-login) {
	height: auto;
	min-height: 230px;
}

/* logo */
.logo {
    background: url(../img/logo.png) no-repeat;
    height: 60px;
    left: 363px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 199px;
    background-size: contain;
}

.header-box {
	position: absolute;
	left: 50%;
	top: 129px;
	transform: translateX(-50%);
	width: 534px;
	max-width: calc(100% - 40px);
	margin: 0;
	padding: 0;
	overflow: visible;
	box-sizing: border-box;
	background: transparent;
}

#userBox {
	height: 81px;
	margin: 125px 0 0 159px;
	padding: 15px 40px 0;
	width: 535px;
	max-width: calc(100% - 180px);
	box-sizing: border-box;
}

/* Giriş yapılmış header – 1. görsel gibi, header-box ile aynı konumda */
.header-box-login {
	display: block;
}

.header-box-login #userBox {
	margin: 0;
	padding: 12px 18px 16px;
	width: 100%;
	max-width: 534px;
	box-sizing: border-box;
	height: auto;
	min-height: 0;
}

.header-box-login .header-box-nav-login {
	flex-wrap: nowrap;
	justify-content: stretch;
	align-items: stretch;
	gap: 8px;
}

.header-box-login .header-box-nav-login .stepdown {
	display: block;
	flex: 1 1 0;
	min-width: 0;
}

.header-box-login .nav-box-btn {
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 8px 8px 8px 26px;
	min-height: 42px;
	height: auto !important;
	line-height: 1.2;
	flex: 1 1 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	float: none !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	text-align: center;
}

.header-box-nav-login {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-box-nav-login .stepdown {
	display: inline-block;
}

#regBtn {
	background: transparent;
	height: auto;
	margin: 0;
	padding: 14px 24px 10px;
	width: 100%;
	max-width: 533px;
	box-sizing: border-box;
	text-align: center;
}

#regSteps {
	height: auto;
	text-align: center;
	margin-top: 4px;
}

#regSteps a {
	color: #F2E69F;
	font-weight: bold;
	text-decoration: none;
}

#regBtn a#toReg {
	color: #F2E69F;
	display: block;
	font-size: 22px;
	font-weight: bold;
	height: auto;
	line-height: 1.35;
	padding: 0;
	text-align: center;
	text-decoration: none;
	text-shadow: 2px 2px 5px #000000;
	width: 100%;
	box-sizing: border-box;
}

#regSteps a:hover,
#regBtn a#toReg:hover {
	color: #FFF;
}

#regSteps span {
	font-size: 12px;
	margin: 0 10px;
	display: inline-block;
}

#header .reg-hover a#toReg {
	color: #FFF;
}

/* top navigation start */
.top-nav {
	margin: 6px 0 0;
	overflow: hidden;
	padding: 0 0 2px;
	width: 100%;
}

.top-nav li {
	/* has IE-fix */
	background: url(../img/number-bg.png) no-repeat;
	color: #fef6aa;
	display: inline;
	float: left;
	font-size: 14px;
	height: 25px;
	list-style: none;
	line-height: 16px;
	margin: 0 0 0 16px;
	padding: 0 20px 0 0;
}

.top-nav li span {
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 4px 0 0 8px;
	width: 24px;
}

.top-nav li a {
	color: #fef6aa;
	float: left;
	margin: 5px 0 0;
	position: relative;
	text-decoration: none;
}

.top-nav li a:hover {
	text-decoration: underline;
}

.header-box-nav-container {
	background: url(../img/header-box.gif) no-repeat;
	border: none;
	height: 42px;
	margin: 4px 0 0 6px;
	overflow: hidden;
	padding: 8px 0 0 6px;
	width: 516px;
}

.welcome-text {
	color: #fef6aa;
	font-size: 14px;
	font-weight: bold;
}

.welcome-text-left {
	float: left;
	padding-left: 15px;
	width: 252px;
}

.welcome-text-right {
	float: left;
	padding: 0 12px 0 0;
	text-align: right;
	width: 256px;
}

.welcome-text-invisible {
	visibility: hidden;
}

.nav-box-btn {
	/* has IE-fix */
	color: #FEF6AA;
	display: block;
	float: left;
	height: 20px;
	margin: 0 0 0 14px;
	padding: 5px 0 0 18px;
	text-align: center;
	text-decoration: none;
	width: 131px;
}

.nav-box-btn:hover {
	text-decoration: underline;
}

.nav-box-btn-1 {
	background-image: url(../img/nav-box-login-2-bg.gif);
}

.nav-box-btn-2 {
	background-image: url(../img/nav-box-login-2-bg.gif);
	background-size: contain !important;
}

.nav-box-btn-3 {
	background-image: url(../img/nav-box-login-3-bg.gif);
}

.nav-box-btn-4 {
	background-image: url(../img/nav-box-login-4-bg.gif);
	background-size: contain !important;
}

/* top navigation end */
/* form start */
.form {
	clear: both;
}

.form fieldset {
	background: url(../img/header-box.png) no-repeat;
	border: none;
	height: 42px;
	margin: 0 0 0 6px;
	overflow: hidden;
	padding: 0 0 0 6px;
	width: 516px;
}

.agb-label {
	color: #CE2918;
	display: block;
	float: left;
	line-height: 14px;
	margin: 0 0 0 5px;
}

.form-agb-box {
	/* has IE-fix */
	float: left;
	margin-left: 20px;
}

.agb-label a {
	color: #c5a15f;
	text-decoration: none;
}

.form label {
	/* has IE-fix */
	color: #ce2918;
	display: block;
	line-height: 14px;
	margin: 1px 0 0 294px;
}

.form label a {
	color: #c5a15f;
	text-decoration: none;
}

.form label a:hover {
	text-decoration: underline;
}

.form label input {
	/* has IE-fix */
	height: 13px;
	float: left;
	margin: 0 4px 0 0;
	width: 15px;
}

.form fieldset label {
	color: #fef6aa;
	font-size: 10px;
	float: left;
	line-height: 13px;
	margin: 0;
}

.form fieldset .box {
	float: left;
	margin: 3px 0 0;
	width: 135px;
}

.form fieldset .input {
	display: inline;
	float: left;
	margin: 1px 0 0 1px;
	width: 265px;
}

.form fieldset .input-2,
.form fieldset .input-3 {
	width: 265px;
}

.form fieldset .input input {
	background: url(../img/form-input-bg.gif) repeat-x;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 20px;
	padding: 5px 10px;
	width: 265px;
	margin: 0;
	display: inline;
	float: left;
	box-sizing: border-box;
}

/* all buttons styles */
.button,
.dyn-button {
	background: transparent url(../img/top-nav-register-btn.gif) no-repeat scroll 0 0;
	border-style: none;
	color: #DFBF8B;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: normal;
	height: 20px;
	margin: 16px 0 0;
	padding: 0 17px 3px 0;
	text-align: center;
	text-decoration: none;
	width: 100px;
}

.button:hover,
.button:hover span,
.btn:hover {
	text-decoration: underline;
}

.btn {
	background: url(../img/button-bg-2.gif) no-repeat;
	color: #DFBF8B;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 17px;
	line-height: 12px;
	margin: 4px 0 0;
	padding: 3px 14px 0 0;
	text-align: center;
	text-decoration: none;
	width: 116px;
}

.btn-login {
	background: transparent url(../img/button-bg-2.gif) no-repeat scroll 0 0 !important;
	border-style: none;
	margin-top: 3px;
	padding-bottom: 4px;
	width: 129px !important;
}

.btn-login:hover {
	text-decoration: underline !important;
}

.form-score .btn {
	background: url(../img/button-bg-3.gif) no-repeat;
	color: #dfbf8b;
	margin-left: 4px;
}

.form-score h4 {
	color: #7B1300;
	font-size: 14px;
	font-weight: bold;
	padding-left: 9px;
	text-align: left;
	width: 141px;
}

.back-btn {
	background: transparent url(../img/back-btn-bg.gif) repeat scroll 0 0;
	margin: 30px 0 22px 145px;
	padding-left: 28px;
	width: 87px;
}

.dyn-button {
	background: transparent url(../img/tutorial-btn.png) no-repeat;
	line-height: 18px;
	padding: 0 0 0 8px;
	text-align: left;
}

.dyn-button-end {
	background: transparent url(../img/tutorial-btn.png) no-repeat top right;
	float: right;
	height: 19px;
	width: 20px
}

.dyn-button:hover {
	text-decoration: underline;
}

/* form end */
/* header end */
/* footer start  */
.footer-wrapper {
	background: url(../img/footer-bg.gif) no-repeat 50% 0;
	height: 220px;
	margin: -130px 0 0;
	float: left;
	width: 100%;
}

#footer {
	margin: 0 auto;
	width: 930px;
	overflow: hidden;
}

.gameforge4d {
	/* background: url(../img/gameforge4d.gif) no-repeat; */
	width: 128px;
	height: 35px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 71px 0 0 400px;
}

#usk {
	display: inline;
	float: right;
	margin: 20px 100px 0 0;
}

/* list - arka plan JS ile ertelenir (footer-box.jpg yavaş yüklenmesin diye ilk çizimi bloke etmez) */
#footer ul {
	background-color: #1a1612;
	font-size: 10px;
	height: 41px;
	line-height: 15px;
	margin: 21px 0 0 171px;
	padding: 9px 0 0 0;
	text-align: center;
	width: 585px;
}

#footer ul li {
	background: url(../img/sep.gif) no-repeat 0 7px;
	color: #ae9467;
	display: inline;
	list-style: none;
	padding: 0 5px 0 13px;
}

#footer ul li.first {
	background: none;
	display: block;
	width: 565px;
}

#footer ul li a {
	color: #ae9467;
	text-decoration: none;
	position: relative;
}

#footer ul li.impressum {
	background: none;
}

#footer ul li.impressum a {
	color: #a00;
}

#footer ul li a:hover {
	text-decoration: underline;
}

/* footer end  */
/* main container — üst görsel header-bg ile kesişsin; layout-refine ile ince ayar */
.container-wrapper {
	background: url(../img/container-bg-top.jpg) no-repeat 50% 0;
	float: left;
	padding: 0 0 111px;
	width: 100%;
	position: relative;
	z-index: 1;
	clear: both;
}

.container {
	margin: 0 auto;
	position: relative;
	width: 930px;
}

/* left column */
.col-1,
.col-3 {
	display: inline;
	float: left;
	margin: -59px 0 0 11px;
	position: relative;
	width: 157px;
}

/* right column */
.col-3 {
	float: right;
	margin: -59px 9px 0 0;
	overflow: hidden;
	width: 157px;
}

/* right and left boxes styles start */
.boxes-top {
	background: url(../img/box-top-1.jpg) no-repeat;
	height: 23px;
	width: 157px;
}

.col-3 .boxes-top {
	background: url(../img/box-top-2.jpg) no-repeat;
}

.boxes-bottom {
	/* has IE-fix */
	background: url(../img/box-bottom.png) no-repeat;
	height: 48px;
	margin: 0 0 0 4px;
	width: 150px;
}

.boxes-middle {
	/* has IE-fix */
	background: url(../img/box-middle.png) no-repeat;
	height: 32px;
	margin: 0 0 0 12px;
	width: 134px;
}

.col-3 .modul-box,
.col-3 .modul-box-2 {
	display: block;
	clear: both;
}

.modul-box {
	background: url(../img/modul-box-bg.jpg) repeat-y;
	width: 157px;
}

.modul-box .modul-box-bg {
	background: url(../img/modul-box-top.jpg) no-repeat;
}

.modul-box-2 .modul-box-bg {
	background: url(../img/modul-box-top-2.jpg) no-repeat;
}

.modul-box .modul-box-bg-bottom {
	/* has IE-fix */
	background: url(../img/modul-box-bottom.jpg) no-repeat 0 100%;
	min-height: 132px;
	overflow: hidden;
	padding: 0 0 5px;
	width: 100%;
}

/* right and left boxes styles end */
/* main navigation start */
.main-nav {
	margin: 24px 0 0;
	padding: 0 0 16px;
}

.main-nav li {
	list-style: none;
	padding: 0 0 5px;
}

.main-nav li a,
.modul-box h3 {
	background: url(../img/main-mav-bg.gif) no-repeat;
	color: #fef6aa;
	display: block;
	font-weight: bold;
	font-size: 12px;
	height: 26px;
	line-height: 15px;
	overflow: hidden;
	padding: 8px 0 0;
	text-align: center;
	text-decoration: none;
	width: 157px;
}

.modul-box h3 {
	margin: 24px 0 0;
}

.main-nav li a:hover,
.main-nav li a.active {
	background-position: 0 -34px;
	color: #fffde8;
}

/* Menü ikonları – MarkMt2 gibi solda sabit (Font Awesome), 157px kutuda taşma yok */
.main-nav li a {
	position: relative;
	display: block;
	text-align: center;
	padding: 8px 6px 0;
	box-sizing: border-box;
	overflow: visible;
}
.main-nav li a .nav-txt {
	display: block;
	width: 100%;
	padding: 0 24px;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
	text-align: center;
}
.main-nav li a > i.fas,
.main-nav li a > i.far,
.main-nav li a > i.fab {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	color: #fef6aa;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.55));
	pointer-events: none;
	z-index: 1;
}
.main-nav li a:hover > i.fas,
.main-nav li a:hover > i.far,
.main-nav li a:hover > i.fab,
.main-nav li a.active > i.fas,
.main-nav li a.active > i.far,
.main-nav li a.active > i.fab {
	color: #fffde8;
}

/* Ana menü: ikon solda sabit, yazı tam ortada */
#mainNavList li a {
	display: block !important;
	position: relative !important;
	text-align: center !important;
	padding-left: 34px !important;
	padding-right: 34px !important;
	box-sizing: border-box !important;
}
#mainNavList li a .nav-txt {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}
#mainNavList li a > i {
	position: absolute !important;
	left: 18px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 18px !important;
	text-align: center !important;
	pointer-events: none;
}
@media (min-width: 769px) {
	/* Masaüstü: ikonlar kesin sola sabit, yazı ortada */
	#mainNavList.main-nav > li > a {
		position: relative !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center !important;
	}
	#mainNavList.main-nav > li > a > i,
	#mainNavList.main-nav > li > a > i[class*="fa-"] {
		position: absolute !important;
		left: 18px !important;
		right: auto !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		display: block !important;
		float: none !important;
		margin: 0 !important;
		width: 18px !important;
		text-align: center !important;
	}
	#mainNavList.main-nav > li > a > .nav-txt {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
		text-align: center !important;
	}
}

/* main navigation end */
/* login form start */
.form-login {
	margin: 6px 12px 12px;
	overflow: hidden;
	padding: 0;
	width: auto;
	max-width: 133px;
	box-sizing: border-box;
}

/* Profile /save (profil kaydetme) – daha temiz kart görünümü */
#content_ajax .page_article .body.profile-saved {
	padding: 14px 14px 18px;
}

.profile-saved__alert {
	margin-bottom: 12px;
}

.profile-saved__countdown {
	margin: 10px auto 0;
	max-width: 420px;
	padding: 18px 14px 16px;
	border-radius: 10px;
	border: 1px solid rgba(60, 30, 10, 0.25);
	background: rgba(255, 255, 255, 0.35);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 6px 18px rgba(0, 0, 0, 0.12);
	text-align: center;
}

.profile-saved__timer {
	font-weight: 900;
	font-size: 52px;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #2a1204;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}

.profile-saved__hint {
	margin-top: 8px;
	font-weight: 700;
	font-size: 13px;
	color: #4a1e00;
	opacity: 0.95;
}

.modul-box .form-login .input,
.modul-box .form-login .input input {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.form-login label {
	color: #4a1e00;
	font-size: 11px;
	line-height: 14px;
}

.form-login .input {
	margin: 2px 0 0;
	padding: 0;
	width: 265px;
}

.form-login .input input {
	background: url(../img/form-input-bg.gif) repeat-x;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 20px;
	padding: 5px 10px;
	width: 265px;
	margin: 0;
	box-sizing: border-box;
}

.password {
	color: #58220E;
	display: block;
	font-size: 9px;
	line-height: 11px;
	margin: 8px 0 6px;
	text-align: center;
	text-decoration: none;
	width: 128px;
}

.password:hover {
	text-decoration: underline;
}

.linkRank {
	color: #58220E;
	display: block;
	font-size: 14px;
	line-height: 11px;
	margin: 8px 0px 26px;
	text-align: center;
	text-decoration: none;
	width: 128px;
}

.linkRank:hover {
	text-decoration: underline;
}

.agbok {
	color: #775555;
	display: block;
	font-size: 9px;
	margin: 8px 0 6px;
	text-align: center;
	text-decoration: none;
	width: 128px;
}

.agbok a {
	color: #8D0404;
	font-size: 9px;
	line-height: 11px;
	text-decoration: none;
}

.agbokinput {
	margin-bottom: 0px;
}

.agbok2 {
	margin: 0 0 0 12px;
	!important
}

.agbokbtn {
	margin: 0 0 0 62px;
	!important
}

.lostPasswordCodeForm {
	height: 150px;
}

/* login form end */
/* hightscore box start */
.form-score {
	margin: 5px 0 0 10px;
	padding: 0 0 20px;
}

.form-score select {
	background-color: #cdb78b;
	border: 1px solid #997c47;
	color: #4a1e00;
	font-size: 13px;
	padding: 0;
	width: 129px;
}

.select-replacement {
	background-image: url(../img/select-replacement-bg.gif);
	height: 20px;
	margin: 0 0 0 4px;
	padding: 0;
	width: 129px;
}

.form-score ul {
	margin: 6px 1px 0 0;
	padding: 0 0 1px;
}

.form-score ul li {
	color: #4a1e00;
	font-size: 11px;
	line-height: 14px;
	list-style: none;
	padding: 2px 0 2px 9px;
}

.form-score ul li.light {
	background: url(../img/shadow.gif) no-repeat;
	/* padding: 3px 0 3px 9px; */
}

.form-score ul li strong {
	color: #8d0404;
	margin: 0 2px 0 0;
}

.form-score ul li a {
	color: #4a1e00;
	margin: 0 0 0 2px;
	text-decoration: none;
}

.form-score ul li a.first {
	color: #943b00;
}

.form-score ul li a:hover {
	text-decoration: underline;
}

/* hightscore box end */

/* Sıralama / Lonca – tablo, Sunucu İstatistikleri ile aynı modul-box */
.col-3 .modul-box-lonca {
	margin-top: 16px;
}

/* Lonca: tek satır (sıralama ile aynı), isim alanı taşarsa … */
.col-3 .modul-box-lonca .form-score-table-wrap .ranking-table {
	table-layout: fixed;
}
.col-3 .modul-box-lonca .form-score-table-wrap .ranking-table .col-rank {
	width: 2.2em;
}
.col-3 .modul-box-lonca .form-score-table-wrap .ranking-table .col-name {
	max-width: none;
	width: auto;
	min-width: 0;
}
.col-3 .modul-box-lonca .form-score-table-wrap .ranking-table .col-name a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.form-score-table-wrap {
	margin: 5px 12px 0 12px;
	padding: 0 12px 10px;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
}

.form-score-table-wrap .ranking-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
	line-height: 1.3;
}

.form-score-table-wrap .ranking-table td {
	padding: 3px 5px;
	vertical-align: middle;
	color: #3d2817;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.form-score-table-wrap .ranking-table tr:last-child td {
	border-bottom: none;
}

.form-score-table-wrap .ranking-table .col-rank {
	width: 1%;
	white-space: nowrap;
	color: #8d0404;
	font-weight: bold;
	padding-right: 2px;
}

.form-score-table-wrap .ranking-table tr:nth-child(n+6) .col-rank {
	color: #5c4020;
	font-weight: normal;
}

.form-score-table-wrap .ranking-table .col-name {
	max-width: 0;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
}

.form-score-table-wrap .ranking-table .col-name a {
	color: #4a3520;
	text-decoration: none;
}

.form-score-table-wrap .ranking-table .col-name a:hover {
	color: #8d0404;
	text-decoration: underline;
}

.form-score-table-wrap .ranking-table .col-flag {
	width: 26px;
	text-align: center;
	padding-left: 3px;
	padding-right: 2px;
}

/* Sağ sütun mini sıralama: bayrak kenara dayanmasın */
.col-3 .form-score-table-wrap {
	padding-right: 16px;
}
.col-3 .form-score-table-wrap .ranking-table .col-flag {
	width: 32px;
	padding-right: 10px;
}

.form-score-table-wrap .ranking-table .col-flag img {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid rgba(80, 60, 30, 0.6);
	border-radius: 2px;
}

.form-score .linkRank {
	display: block;
	margin-top: 8px;
}

.form-score .linkRank-btn {
	/* Artık direkt btn-login stilleriyle aynı sınıfları kullanıyor */
	display: block;
	margin: 8px auto 0;
}

/* Sağ sütun sıralama: .button float:left + asimetrik padding yamuk görünüm yapıyor */
.col-3 .form-score-table-wrap a.button.btn-login.linkRank-btn {
	float: none !important;
	clear: both;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 129px !important;
	max-width: calc(100% - 4px);
	margin: 12px auto 8px !important;
	padding: 0 10px 4px 10px !important;
	box-sizing: border-box;
	line-height: 1.2;
	text-align: center;
}

.col-3 .form-score-table-wrap a.button.btn-login.linkRank-btn span {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	line-height: 1 !important;
	vertical-align: middle;
}

.form-score .linkRank-btn:hover {
	text-decoration: underline;
}

/* center column — üst margin header ile parşömen arasında boş krem şerit bırakıyordu */
.col-2 {
	float: left;
	display: inline;
	margin: 0 0 0 46px;
	width: 510px;
}

/* two boxes holder start */
.two-boxes {
	background: url(../img/two-boxes-bg.jpg) repeat-y;
	width: 506px;
}

.two-boxes .two-boxes-top {
	background: url(../img/two-boxes-top.jpg) no-repeat;
}

.two-boxes .two-boxes-bottom {
	background: url(../img/two-boxes-bottom.jpg) no-repeat 0 100%;
	overflow: hidden;
	padding: 0 0 15px;
	width: 100%;
}

.banner img {
	margin: 10px 0;
}

/* welcome box */
.box {
	float: left;
	display: inline;
	margin: 0 0 0 11px;
	width: 223px;
}

.box-right {
	float: right;
	margin: 0 14px 0 0;
}

.box h2,
.content h2 {
	background: url(../img/heading-1.jpg) no-repeat;
	color: #7b1300;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	margin: 11px 0 0;
	padding: 7px 0 7px 33px;
}

.box-right h2 {
	background: url(../img/heading-2.jpg) no-repeat;
}

.content h2 {
	background: url(../img/heading-3.jpg) no-repeat;
}

.box .body {
	margin: 4px 6px 0 5px;
}

.box p {
	color: #160400;
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0 0 7px;
	text-align: justify;
}

/* video */
.video {
	background: url(../img/video-border-bg.gif) no-repeat;
	margin: 7px 0 0;
	width: 223px;
}

.video .video-bg {
	background: url(../img/video-border-bg-bottom.gif) no-repeat 0 100%;
	overflow: hidden;
	padding: 3px 0 3px 3px;
	width: 220px;
}

.video a {
	float: left;
	border: 1px solid #eae0c6;
}

/* two boxes holder end */
.content {
    background: url(../img/content-box-bg.jpg) repeat-y;
    margin: 0;
    margin-top: 12%;
    width: 507px;
}

.content .content-bg {
	background: url(../img/content-box-top.jpg) no-repeat;
}

.content .content-bg-bottom {
	background: url(../img/content-box-bottom.jpg) no-repeat 0 100%;
	overflow: hidden;
	padding: 0 0 0 11px;
	width: 496px;
}

.shadow {
	/* has IE-fix */
	background: url(../img/shadow-2.png) no-repeat;
	height: 5px;
	overflow: hidden;
	width: 507px;
}

/* distribute box*/
.distribute-content {
	line-height: 20px;

}

.distribute-content p {
	margin: 6px 0 6px 10px;
}

.distribute-content .distribute-item {
	margin-bottom: 8px;
}

.distribute-content .distribute-item .dist-item-img {
	height: 40px;
	width: 40px;
}

.distribute-content .distribute-item .small-img {
	height: 30px;
	width: 30px;
}

.distribute-content .dist-item-amount,
.distribute-content .dist-item-name {
	float: left;
	padding-top: 15px;
	margin: 0 6px;
}

.distribute-content img {
	margin-top: 4px;
	float: left;
}

.distribute-content .dist-item-amount {
	color: #801d08;
	font-size: 30px;
	font-weight: bold;
	height: 40px;
	margin-left: 10px;
}

.distribute-content .dist-item-name {
	color: #801d08;
	font-size: 16px;
	font-weight: bold;
}

.distribute-content .dyn-button {
	float: right;
	margin-right: 20px;
	width: 140px;
}

.distribute-content .shadow-line {
	background: transparent url(../img/shadow-line.png) no-repeat scroll left bottom;
	height: 3px;
	margin: 0 0 6px 10px;
}

.distribute-content .distribute-box {
	background: url(../img/distributebox-bg.jpg) no-repeat;
	height: 121px;
	margin: 0 0 20px 10px;
	width: 458px;
}

.distribute-content .special-box {
	background: url(../img/distributebox-bg-special.jpg) no-repeat;
	height: 181px;
}

.distribute-content .distribute-box form {
	margin: 15px 0 0 15px;
}

.distribute-content .distribute-box .distribute-item {
	height: 38px;
	padding: 18px 0 0 10px;
}

.distribute-content .distribute-box .special-item {
	height: 98px;
}

.distribute-content .distribute-box .dist-item-amount {
	font-size: 22px;
	padding-top: 10px;
}

.distribute-content .distribute-box .dist-item-name {
	font-size: 14px;
	padding-top: 10px;
}

.distribute-content .distribute-box .formField {
	float: left;
	margin-right: 10px;
}

.distribute-content .distribute-box .amount {
	background: url(../img/distributebox-input.jpg);
	border: 0px;
	height: 18px;
	width: 37px;
}

.distribute-content .distribute-box .distribute-btn {
	background: url(../img/distributebox-btn.jpg) no-repeat;
	color: #FEF6AA;
	display: block;
	font-weight: bold;
	text-decoration: none;
	height: 34px;
	margin: 6px 0 0 30px;
	padding: 6px 0 0 10px;
	width: 121px;
}

.distribute-content .success-msg {
	background: transparent url(../img/bullet.gif) no-repeat scroll 0 0;
	font-weight: bold;
	list-style: none outside none;
	padding: 0 0 13px 20px;
}

.distribute-content .error-mini {
	margin-left: 10px;
}

.distribute-content .error-mini p {
	margin: 6px 0 6px 6px;
}

.distribute-content .error-mini ul li {
	background: url(../img/error-bullet.png) no-repeat 0 6px;
	list-style: none;
	padding: 0 0 13px 20px;
}

.distribute-content .distribute-item .special-amount {
	padding-top: 40px;
}

.distribute-content .distribute-item .special-img {
	height: 100px;
	width: 100px;
	margin: 4px 8px 0;
}

.distribute-content .distribute-item .special-name {
	padding-top: 40px;
}

.distribute-content .distribute-item .special-dyn-button {
	margin-top: 40px;
}

.distribute-content .special-item .special-amount {
	font-size: 26px;
}

.distribute-content .special-item .special-name {
	font-size: 18px;
}

.distribute-content .special-item .small-img {
	height: 80px;
	width: 80px;
}

/* screenshots list */
.screenshots {
	margin: 5px 0 0;
	overflow: hidden;
	padding: 0 0 17px;
	width: 100%;
}

.screenshots li {
	background: url(../img/screeshot-border-2.gif) no-repeat;
	display: inline;
	float: left;
	height: 79px;
	list-style: none;
	padding: 4px 0 0 4px;
	margin: 0 6px 0 6px;
	width: 104px;
}

.screenshots li.first {
	/* background: url(../img/screeshot-border.gif) no-repeat; */
	background: url(../img/screenshot-li-bg.jpg) no-repeat;
}

/* content start */
.stepdown {
	display: inline;
}

.inner-content {
	margin: 4px 25px 0 5px;
	padding: 0 0 18px;
}

.inner-content p {
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0 0 10px;
	text-align: justify;
}

#result {
	font-size: 13px;
	font-weight: bold;
	padding: 8px 20px 16px;
}

.inner-content h3 {
	color: #7b1300;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	margin: 9px 0 0;
	padding: 0 0 9px;
}

/* Ana sayfa — MarkMt2 vitrin (two-boxes + screenshots): Haberler ile aynı metin ritmi */
.index-markmt2-spotlight.two-boxes {
	margin-bottom: 2px;
}
.index-markmt2-spotlight .two-boxes-bottom {
	overflow: hidden;
}
.index-markmt2-spotlight .box .body p {
	color: #3d1a0a;
	font-family: Georgia, "Times New Roman", "Palatino Linotype", Palatino, serif;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 10px;
	text-align: justify;
}
.index-markmt2-spotlight .box .body p:last-child {
	padding-bottom: 0;
}
.index-markmt2-spotlight .box h2,
.index-markmt2-spotlight .box-right h2 {
	margin-top: 10px;
}
.index-markmt2-spotlight .box-right .video {
	margin-top: 2px;
}
.index-markmt2-spotlight .video .video-bg {
	text-align: center;
}
.index-markmt2-spotlight .video .video-bg iframe {
	width: 214px;
	height: 120px;
	max-width: 100%;
	border: 1px solid #eae0c6;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
}
.index-markmt2-video-placeholder {
	width: 214px;
	height: 120px;
	max-width: 100%;
	border: 1px solid #eae0c6;
	background: linear-gradient(180deg, #1a0f08 0%, #0d0804 100%);
	color: #e8dcc8;
	font-size: 11px;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px 12px;
	box-sizing: border-box;
	margin: 0 auto;
}
.index-markmt2-spotlight .screenshots {
	margin-top: 6px;
	padding-bottom: 14px;
}
.index-markmt2-spotlight .screenshots li {
	margin-left: 5px;
	margin-right: 5px;
}
.index-markmt2-spotlight .screenshots li a,
.index-markmt2-spotlight .screenshots li img {
	display: block;
}
.index-markmt2-spotlight .screenshots li img {
	width: 100px;
	height: 75px;
	object-fit: cover;
	border-radius: 1px;
}
.index-markmt2-shot-empty {
	display: block;
	width: 100px;
	height: 75px;
	background: linear-gradient(160deg, #c9bba0 0%, #a89678 55%, #8f7b5e 100%);
	border: 1px solid rgba(90, 72, 48, 0.45);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
/* Haberler bloğu ile dikey ritim: vitrin sonrası ilk gölge */
.index-markmt2-spotlight + .shadow {
	margin-top: 2px;
}
@media (max-width: 920px) {
	.index-markmt2-spotlight.two-boxes,
	.content.index-markmt2-spotlight {
		width: 100%;
		max-width: 507px;
		margin-left: auto;
		margin-right: auto;
	}
	.index-markmt2-spotlight .box,
	.index-markmt2-spotlight .box-right {
		float: none;
		width: calc(100% - 24px);
		margin-left: 12px;
		margin-right: 12px;
	}
	.index-markmt2-spotlight .video,
	.index-markmt2-spotlight .video .video-bg {
		width: 100%;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		background-size: 100% 100%;
	}
	.index-markmt2-spotlight .video .video-bg {
		padding: 3px;
		box-sizing: border-box;
	}
	.index-markmt2-spotlight .video .video-bg iframe,
	.index-markmt2-video-placeholder {
		width: 100%;
		height: auto;
		min-height: 168px;
		aspect-ratio: 16 / 9;
	}
	.index-markmt2-spotlight .screenshots li {
		margin: 0 4px 8px;
	}
}

/* Ana sayfa — Haberler: parchment teması, mavi link yok */
.index-news-section .inner-content h3 {
	font-family: Georgia, "Times New Roman", "Palatino Linotype", Palatino, serif;
	font-size: 14px;
	line-height: 1.25;
}
.index-news-section .inner-content h3 a,
.index-news-section .inner-content h3 a:visited {
	color: #7b1300;
	text-decoration: none;
	font-weight: 700;
}
.index-news-section .inner-content h3 a:hover {
	color: #5a0e00;
	text-decoration: underline;
}
.index-news-section .inner-content > p {
	color: #3d1a0a;
	font-family: Georgia, "Times New Roman", "Palatino Linotype", Palatino, serif;
	font-size: 12px;
	line-height: 1.5;
}
.index-news-section .inner-content > a,
.index-news-section .inner-content > a:visited {
	display: inline-block;
	margin-top: 2px;
	color: #7b1300;
	font-family: Georgia, "Times New Roman", "Palatino Linotype", Palatino, serif;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 0.02em;
}
.index-news-section .inner-content > a:hover {
	color: #5a0e00;
	text-decoration: underline;
}

.inner-content ul {
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0 0 15px;
	text-align: justify;
}

.inner-content ul li {
	background: url(../img/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 13px 20px;
}

/* content end */
/*slimbox start*/
#lbOverlay {
	background-color: #000;
	cursor: pointer;
	left: 0;
	position: absolute;
	z-index: 9999;
	width: 100%;
}

#lbCenter,
#lbBottomContainer {
	background: #d2bc85 url(../img/standard-bg.jpg) no-repeat;
	left: 50%;
	overflow: hidden;
	position: absolute;
	z-index: 9999;
}

.lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbImage {
	background-repeat: no-repeat;
	border: 2px solid #d2bc85;
	left: 0;
	top: 0;
	position: absolute;
}

#lbPrevLink,
#lbNextLink {
	display: block;
	outline: none;
	position: absolute;
	top: 0;
	width: 50%;
}

#lbPrevLink {
	background: transparent url(../img/prevlabel.gif) no-repeat 0% 50%;
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/prevlabel-hover.gif) no-repeat 0% 50%;
}

#lbNextLink {
	background: transparent url(../img/nextlabel.gif) no-repeat 100% 50%;
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/nextlabel-hover.gif) no-repeat 100% 50%;
}

#lbBottom {
	border: 2px solid #d2bc85;
	border-top-style: none;
	color: #8d0404;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 31px;
	line-height: 1.4em;
	padding: 3px 0px 0px 0px;
	text-align: center;
}

#lbCloseLink {
	background: transparent url(../img/closelabel.gif) no-repeat center;
	display: block;
	float: right;
	height: 25px;
	margin: 0px 3px 0px 0px;
	outline: none;
	width: 25px;
}

#lbCaption,
#lbNumber {
	margin-right: 0px;
}

#lbCaption {
	font-weight: bold;
}

/*slimbox end*/
/*about start*/
.aboutbox-1,
.aboutbox-2,
.aboutbox-3,
.aboutbox-4,
.aboutbox-5 {
	min-height: 169px;
	padding: 7px 190px 7px 9px;
	width: 281px;
}

.aboutbox-1 {
	background: url(../img/aboutbox-1-bg.jpg) no-repeat;
}

.aboutbox-2 {
	background: url(../img/aboutbox-2-bg.jpg) no-repeat;
}

.aboutbox-3 {
	background: url(../img/aboutbox-3-bg.jpg) no-repeat;
}

.aboutbox-4 {
	background: url(../img/aboutbox-4-bg.jpg) no-repeat;
}

.aboutbox-5 {
	background: url(../img/aboutbox-5-bg.jpg) no-repeat;
	/*width:462px;*/
}

.about-inner-content h4 {
	background: url(../img/shadow-line.png) no-repeat bottom left;
	color: #7b1300;
	font-size: 11px;
	padding-bottom: 8px;
	margin: 1px 0 0 0;
}

.about-inner-content .aboutbox-5 h4 {
	width: 280px;
}

.about-inner-content p {
	margin: 5px 0 9px 0;
	width: 280px;
}

.about-inner-content .aboutbox-5 p {
	width: 462px;
}

.about-inner-content p.first-content {
	width: 280px;
}

.about-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}

.box-foot {
	background-image: url(../img/aboutbox-foot-bg.jpg);
	height: 10px;
	margin-bottom: 12px;
	width: 481px;
}

/*about end*/
/*first steps start*/
.firststepsbox-1,
.firststepsbox-2,
.firststepsbox-3 {
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}

.firststepsbox-1 {
	background: url(../img/firststepsbox-1-bg.jpg) no-repeat;
}

.firststepsbox-2 {
	background: url(../img/firststepsbox-2-bg.jpg) no-repeat;
}

.firststepsbox-3 {
	background: url(../img/firststepsbox-3-bg.jpg) no-repeat;
}

.firststeps-inner-content {
	margin: 9px 0px 0px 0px;
	padding: 0 0 0px;
}

.firststeps-inner-content h4 {
	background: url(../img/shadow-line.png) no-repeat bottom left;
	color: #7b1300;
	font-size: 12px;
	padding-bottom: 8px;
	margin: 1px 0 0 0;
}

.firststeps-inner-content p {
	margin: 5px 0 9px 0;
}

.firststeps-login-screenshot {
	height: 130px;
	margin-left: 12px;
	margin-top: 18px;
	width: 166px;
}

.firststeps-inner-content .tutorialsbox {
	background: url(../img/tutorials-box-1-bg.jpg) no-repeat;
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}

.firststeps-inner-content .tutorial-btn {
	background: transparent url(../img/tutorial-btn.png) no-repeat;
	color: #f1e6a6;
	display: block;
	font-size: 11px;
	height: 17px;
	margin: 10px 0 0;
	padding: 3px 20px 0 10px;
	text-decoration: none;
	width: 200px;
}

.firststeps-inner-content .tutorial-btn:hover {
	text-decoration: underline;
}

.firststeps-inner-content .community {
	background: url(../img/community_dragon_bg.jpg) no-repeat;
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}

/*first steps end*/
/* empires start */
.empires-content {
	margin: 9px 0 0 0;
	padding: 0;
	position: relative;
}

.empires-content .empires-map {
	background: url(../img/empires-map-bg.png) no-repeat;
	height: 341px;
	position: relative;
	width: 481px;
}

.empirebox-2,
.empirebox-3 {
	display: none;
}

.empirebox-1 {
	background: url(../img/empire-box-bg.jpg) no-repeat;
	min-height: 169px;
	padding: 7px;
	position: relative;
	width: 467px;
}

.empirebox-2 {
	background: url(../img/empire-box-bg.jpg) no-repeat;
	min-height: 169px;
	padding: 7px;
	position: relative;
	width: 467px;
}

.empirebox-3 {
	background: url(../img/empire-box-bg.jpg) no-repeat;
	min-height: 169px;
	padding: 7px;
	position: relative;
	width: 467px;
}

.empires-content h4 {
	background: url(../img/shadow-line.png) no-repeat bottom left;
	color: #7b1300;
	font-size: 11px;
	padding-bottom: 8px;
	margin: 1px 0 0 0;
}

.empires-content .empire-crest {
	background: url(../img/empire-box-bg.jpg) no-repeat;
	height: 87px;
	position: absolute;
	top: 0px;
	left: 345px;
	width: 136px;
}

.empires-content .empirebox-1 .empire-crest {
	background: url(../img/empire-crest.png) no-repeat 0 0;
}

.empires-content .empirebox-2 .empire-crest {
	background: url(../img/empire-crest.png) no-repeat 0 -87px;
}

.empires-content .empirebox-3 .empire-crest {
	background: url(../img/empire-crest.png) no-repeat 0 -174px;
}

.empires-content p {
	margin: 5px 0 9px 0;
	width: 320px;
}

.empires-content .empires-map img {
	position: absolute;
	top: 0px;
}

.empires-content #empire-img {
	position: relative;
}

.empires-content .empire-1 {
	background: url(../img/empires-map.png) no-repeat 0 -196px;
	height: 145px;
	left: 0px;
	top: 196px;
	width: 345px;
}

.empires-content .empire-2 {
	background: url(../img/empires-map.png) no-repeat 0 0;
	height: 160px;
	left: 0px;
	top: 0px;
	width: 200px;
}

.empires-content .empire-3 {
	background: url(../img/empires-map.png) no-repeat -291px 0;
	height: 225px;
	left: 291px;
	width: 190px;
}

/* empires end */
/*gallery start*/


#wallpapers a,
#screenshots a {
	background: url(../img/screeshot-border-2.gif) no-repeat;
	float: left;
	margin: 4px;
	padding: 4px;
}

#wallpapers a.first,
#screenshots a.first {
	background: url(../img/screenshot-li-bg.jpg) no-repeat;
}

.gallerybox {
	background: url(../img/gallerybox-bg.jpg) no-repeat;
	margin-bottom: 9px;
	height: auto;
	padding-top: 7px;
	padding-left: 12px;
	width: 469px;
}

.gallerybox-small {
	background-image: url(../img/gallerybox-small-bg.jpg);
	min-height: 133px;
}

.gallerybox-middle {
	background-image: url(../img/gallerybox-bg.jpg);
	min-height: 193px;
	margin-bottom: 30px;
}

.gallery-inner-content h4 {
	color: #7b1300;
	font-size: 12px;
	height: 34px;
	margin: 1px 0px 0px 9px;
	width: 290px;
}

.gallery-inner-content {
	margin: 9px 0px 0px 0px;
	padding: 0 0 0 0px;
}

.gallery-image {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.screenshots-gallery-list {
	margin: 4px 0 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.screenshots-gallery-list li {
	background: url(../img/screenshot-li-bg.jpg) no-repeat;
	display: inline;
	float: left;
	list-style: none;
	height: 83px;
	margin: 0 4px 4px 0px;
	padding: 4px 0px 0px 4px;
	width: 108px;
}

.wallpaper-links {
	float: left;
	line-height: 18px;
	margin-right: 8px;
	text-align: center;
	width: 108px;
}

.wallpaper-links a {
	color: #4a1e00;
	font-size: 11px;
	text-decoration: underline;
}

/*gallery end*/
/*characterclasses start*/
.characterclasses {
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}

.charclass-1 {
	background: url(../img/characterclasses-knight-bg.jpg) no-repeat;
}

.charclass-2 {
	background: url(../img/characterclasses-ninja-bg.jpg) no-repeat;
}

.charclass-3 {
	background: url(../img/characterclasses-shaman-bg.jpg) no-repeat;
}

.charclass-4 {
	background: url(../img/characterclasses-sura-bg.jpg) no-repeat;
}

.characterclasses h4 {
	font-size: 12px;
}

/*characterclasses end*/
/*download start*/
.download-inner-column-left {
	/* has IE-fix */
	background-image: url(../img/download-inner-column-left-bg.jpg);
	float: left;
	overflow: hidden;
	width: 301px;
}

.download-inner-column-right {
	width: 180px;
	float: left;
}

.download-inner-column-right p {
	width: 174px;
	margin: 12px 0px 16px 1px;
}

.download-inner-column-right p a {
	color: #7b1300;
	font-weight: bold;
	text-decoration: none;
}

.download-inner-column-right p a:hover {
	color: #af4e3c;
}

.download-button-1 {
	background-image: url(../img/download-button-1.jpg);
	display: block;
	height: 63px;
	width: 174px;
}

.download-button-1:hover {
	background-image: url(../img/download-button-1_h.jpg);
}

.download-button-2 {
	background-image: url(../img/download-button-2.jpg);
	display: block;
	height: 63px;
	width: 174px;
}

.download-button-2:hover {
	background-image: url(../img/download-button-2_h.jpg);
}

.downloadbox {
	background: url(../img/downloadbox-bg.jpg) no-repeat;
	margin-bottom: 9px;
	min-height: 209px;
	padding-top: 7px;
	padding-left: 12px;
	width: 289px;
}

.download-inner-content h4 {
	color: #7b1300;
	font-size: 12px;
	height: 34px;
	margin: 1px 0px 0px 0px;
	width: 290px;
}

.download-inner-column-left p {
	margin: 5px 0px 9px 0px;
	width: 286px;
}

.download-image {
	margin-bottom: 16px;
}

.download-inner-content {
	margin: 9px 0px 0px 0px;
	padding: 0 0 0 0px;
}

.downloadbox caption {
	caption-side: inherit;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
	text-align: left;
}

.downloadbox table {
	margin-bottom: 20px;
	width: 281px;
}

.left_td {
	background: url(../img/bullet.gif) no-repeat 0px 0px;
	height: 23px;
	padding-left: 20px;
	width: 69px;
}

.download-box-foot {
	background-image: url(../img/aboutbox-foot-bg.jpg);
	clear: both;
	height: 10px;
	margin-bottom: 12px;
	width: 481px;
}

/*download end*/
/*error start*/
.error-inner-content ul {
	font-size: 11px;
	line-height: 13px;
	margin: 12px 0px 0px 12px;
	padding: 0 0 15px;
	text-align: justify;

}

.error-inner-content ul li {
	background: url(../img/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 13px 20px;
}

/*error end*/
/*ranks start*/
.ranks-dropdowns-box {
	/* has IE-fix */
	background-image: url(../img/ranks-dropdowns-box-bg.jpg);
	height: 56px;
	margin: 0 0 15px 8px;
	width: 466px;
}

.ranks-dropdowns-box select {
	background-color: #CDB78B;
	border: 1px solid #997C47;
	color: #4a1e00;
	font-size: 13px;
	margin: 0 0 0 4px;
	padding: 0;
	width: 120px;
}

.ranks-dropdowns-box input {
	background: none;
	border: none;
	color: #4a1e00;
	font-size: 13px;
	margin: 0 0 0 4px;
	padding-top: 2px;
	width: 110px;
}

.ranks-dropdowns-box label {
	color: #671000;
	font-weight: bold;
}

.ranks-select-box {
	/* has IE-fix */
	height: 45px;
	float: left;
	margin-right: 7px;
	margin-left: 4px;
	margin-top: 10px;
	width: 120px;
}

.ranks-select-box-btn {
	height: 45px;
	float: left;
	margin-top: 19px;
	width: 30px;
}

.ranks-input {
	background-image: url(../img/ranks-input-bg.jpg);
	height: 20px;
	width: 119px;
}

.ranks-input-noservers {
	background-image: url(../img/ranks-input-bg.jpg);
	color: #4A1E00;
	font-size: 13px;
	height: 17px;
	padding-left: 4px;
	padding-top: 3px;
	width: 115px;
}

.small-btn {
	background: url(../img/small-btn-bg.gif) no-repeat;
	color: #dfbf8b;
	display: block;
	font-weight: bold;
	font-size: 10px;
	height: 20px;
	line-height: 12px;
	margin: 4px 0 0;
	padding: 3px 14px 0 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 51px;
}

.small-btn:hover {
	text-decoration: underline;
}

.ranks-inner-content h5 {
	color: #4a1e00;
	font-size: 11px;
	font-weight: bold;
	margin: 7px 34px 14px 9px;
}

.ranks-inner-content p {
	color: #4a1e00;
	font-size: 11px;
	margin: 0px 9px 15px 9px;
}

.ranks-inner-content th {
	/* has IE-fix */
	color: #8d0404;
	font-size: 11px;
	font-weight: bold;
	height: 43px;
	padding-top: 20px;
}

.ranks-inner-content td {
	/* has IE-fix */
	/* has safari-fix */
	color: #8d0404;
	font-size: 11px;
	height: 29px;
	padding-top: 8px;
}

.rankfirst {
	font-weight: bold;
}

.rank-td-1-1 {
	background-image: url(../img/rank-td-1-1-bg.jpg);
	font-weight: bold;
	text-align: center;
	width: 55px;
}

.rank-td-1-2 {
	background-image: url(../img/rank-td-1-2-bg.jpg);
	padding-left: 13px;
	text-align: left;
	width: 144px;
}

.rank-td-1-3 {
	background-image: url(../img/rank-td-1-3-bg.jpg);
	text-align: center;
	width: 56px;
}

.rank-td-1-4 {
	background-image: url(../img/rank-td-1-4-bg.jpg);
	padding-right: 13px;
	text-align: right;
	width: 200px;
}

.rank-td-2-1 {
	background-image: url(../img/rank-td-2-1-bg.jpg);
	font-weight: bold;
	text-align: center;
	width: 55px;
}

.rank-td-2-2 {
	background-image: url(../img/rank-td-2-2-bg.jpg);
	padding-left: 13px;
	text-align: left;
	width: 144px;
}

.rank-td-2-3 {
	background-image: url(../img/rank-td-2-3-bg.jpg);
	text-align: center;
	width: 56px;
}

.rank-td-2-4 {
	background-image: url(../img/rank-td-2-4-bg.jpg);
	padding-right: 13px;
	text-align: right;
	width: 200px;
}

.rank-th-1 {
	background-image: url(../img/rank-head-1-bg.jpg);
	width: 55px;
}

.rank-th-2 {
	background-image: url(../img/rank-head-2-bg.jpg);
	padding-left: 13px;
	text-align: left;
	width: 144px;
}

.rank-th-3 {
	background-image: url(../img/rank-head-3-bg.jpg);
	width: 56px;
}

.rank-th-4 {
	background-image: url(../img/rank-head-4-bg.jpg);
	padding-right: 13px;
	text-align: right;
	width: 200px;
}

#guildHighscore .content-bg-bottom {
	width: 485px;
	padding: 0 10px;
}

#guildHighscore table {
	border-collapse: separate;
	width: 481px;
}

*+html #guildHighscore table {
	border-collapse: inherit;
	width: 481px;
}

#guildHighscore td,
#guildHighscore th {
	border-color: #FAE5D0 #B79647 #B39164 #FAE5D0;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	vertical-align: middle;
}

#guildHighscore tr.zebra {
	background: url(../img/table-zebra.jpg);
}

#guildHighscore td img {
	display: inline;
}

#guildHighscore .guildrank-th-1 {
	border-left: 1px solid #81602D;
	width: 35px;
}

.guildrank-th-2 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}

.guildrank-th-3 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}

.guildrank-th-4 {
	width: 50px;
}

.guildrank-th-5 {
	width: 45px;
}

#guildHighscore .guildrank-th-6 {
	border-right: 1px solid #81602D;
	padding-right: 13px;
	text-align: right;
	width: 60px;
}

#guildHighscore .guildrank-td-1-1 {
	border-left: 1px solid #81602D;
	font-weight: bold;
	text-align: center;
	width: 50px;
}

.guildrank-td-1-2 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}

.guildrank-td-1-3 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}

.guildrank-td-1-4 {
	text-align: center;
	width: 50px;
}

.guildrank-td-1-5 {
	text-align: center;
	width: 50px;
}

/* Oyuncu Detay: hizalı tablo (mobil uyumlu) */
.detail-player-wrap {
	max-width: 860px;
	margin: 0 auto;
}
.detail-player-table {
	width: 100%;
	border-collapse: collapse;
	background: rgba(255, 250, 236, 0.35);
	border: 1px solid #b9985f;
}
.detail-player-table th,
.detail-player-table td {
	border: 1px solid rgba(153, 116, 61, 0.48);
	padding: 10px 12px;
	color: #4a1e00;
}
.detail-player-table th {
	width: 38%;
	font-weight: 700;
	text-align: left;
	background: rgba(210, 178, 118, 0.20);
}
.detail-player-table td {
	text-align: left;
}
.detail-player-table td img {
	display: inline-block;
	vertical-align: middle;
}
@media (max-width: 680px) {
	.detail-player-table,
	.detail-player-table tbody,
	.detail-player-table tr,
	.detail-player-table th,
	.detail-player-table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.detail-player-table tr {
		border-bottom: 1px solid rgba(153, 116, 61, 0.48);
	}
	.detail-player-table tr:last-child {
		border-bottom: none;
	}
	.detail-player-table th {
		border-bottom: none;
		padding-bottom: 4px;
	}
	.detail-player-table td {
		border-top: none;
		padding-top: 2px;
	}
}

#guildHighscore .guildrank-td-1-6 {
	border-right: 1px solid #81602D;
	padding-right: 13px;
	text-align: right;
	width: 60px;
}

#guildHighscore .guildrank-td-2-1 {
	border-left: 1px solid #81602D;
	font-weight: bold;
	text-align: center;
	width: 50px;
}

.guildrank-td-2-2 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}

.guildrank-td-2-3 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}

.guildrank-td-2-4 {
	text-align: center;
	width: 50px;
}

.guildrank-td-2-5 {
	text-align: center;
	width: 50px;
}

#guildHighscore .guildrank-td-2-6 {
	border-right: 1px solid #81602D;
	padding-right: 13px;
	text-align: right;
	width: 60px;
}

.ranks-nav {
	height: 24px;
	float: left;
	font-weight: bold;
	padding: 8px 10px 0px 10px;
}

.ranks-nav a {
	color: #8d0404;
	font-size: 10px;
	text-decoration: none;
}

.ranks-nav a:hover {
	text-decoration: underline;
}

.prev {
	background-image: url(../img/rank-td-last-1.jpg);
	text-align: left;
	width: 221px;
}

.next {
	background-image: url(../img/rank-td-last-2.jpg);
	text-align: right;
	width: 220px;
}

.prev-top {
	background-image: url(../img/rank-td-first-1.jpg);
	padding: 9px 10px 0;
}

.next-top {
	background-image: url(../img/rank-td-first-2.jpg);
	padding: 9px 10px 0;
}

.ranks-update-time {
	color: #4a1e00;
	height: 15px;
	font-size: 11px;
	margin-top: 10px;
	text-align: right;
	width: 475px;
}

/*ranks end*/
/*news start*/
.news-box {
	background-image: url(../img/news-box-bg.jpg);
	height: 256px;
	margin-top: 12px;
	overflow: hidden;
	padding-top: 9px;
	width: 481px;
}

.news-box h4 {
	color: #7b1300;
	float: left;
	font-size: 11px;
	height: 20px;
	margin: 1px 0px 0px 9px;
	width: 345px;
}

.news-box h5 {
	font-size: 11px;
	margin: 10px 12px 5px 13px;
	width: 365px;
}

.news-box h5 a {
	color: #8d0404;
	text-decoration: none;
}

.news-box h5 a:hover {
	text-decoration: underline;
}

.news-box p {
	margin: 10px 12px 5px 13px;
}

.news-date {
	color: #533a00;
	float: right;
	font-size: 12px;
	margin-right: 10px;
}

.news-box ul {

	font-size: 11px;
	line-height: 13px;
	margin: 5px 12px 0px 12px;
	padding: 0;
	text-align: justify;
}

.news-box ul li {
	background: url(../img/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 13px 20px;
}

.news-box ul li a {
	color: #8d0404;
	text-decoration: none;
}

.news-box ul li a:hover {
	text-decoration: underline;
}

/*news start*/
/*password lost start*/
.input-data-box {
	background: url(../img/input-data-box-bg.jpg) no-repeat;
	min-height: 129px;
	padding-top: 9px;
	width: 481px;
}

.input-data-box p a {
	color: #943b00;
	text-decoration: none;
}

.input-data-box p a:hover {
	text-decoration: underline;
}

.input-data-box .box-img {
	float: right;
	height: 130px;
	width: 180px;
}

.login-inner-content h4,
.pass-lost-inner-content h4 {
	color: #7b1300;
	font-size: 11px;
	height: 22px;
	margin: 1px 0px 0px 9px;
	width: 290px;
}

.login-inner-content p,
.pass-lost-inner-content p {
	font-size: 11px;
	margin: 5px 0 10px 12px;
	width: 275px;
}

.login-inner-content,
.pass-lost-inner-content {
	margin: 9px 0px 0px 0px;
	padding: 0 0 0px;
}

.pass-lost-box {
	background: url(../img/pass-lost-box.jpg) no-repeat;
	margin-left: 11px;
	overflow: hidden;
	padding-top: 10px;
	width: 275px;
}

.pass-lost-box-small {
	background: url(../img/pass-lost-box-small.jpg) no-repeat;
	float: left;
	height: auto;
	margin-left: 11px;
	min-height: 143px;
	padding-top: 10px;
	width: 275px;
}

.change-password .pass-lost-box-small {
	padding-top: 5px;
}

.login-inner-content .pass-lost-box-small {
	background: url(../img/login-box-small.jpg) no-repeat;
}

.pass-lost-box-big {
	height: 315px;
}

.pass-lost-box-small p {
	width: 250px;
}

.pass-lost-box-inner-content {
	margin-left: 10px;
	width: 253px;
}

.pass-lost-box label {
	color: #4a1e00;
	font-weight: bold;
	font-size: 11px;
}

.pass-lost-box input {
	border: 0;
	background-color: transparent;
	font: 11px/13px Arial, Helvetica, sans-serif;
	margin: 1px 0 0 4px;
	width: 245px;
}

.pass-lost-box input.btn-center-input {
	margin-top: 5px !important;
}

.pass-lost-box-small label {
	color: #4a1e00;
	font-weight: bold;
	font-size: 11px;
}

.pass-lost-box-small input {
	background: none;
	border: none;
	font: 11px/13px Arial, Helvetica, sans-serif;
	margin: 1px 0 0 4px;
	width: 245px;
}

.input-data-input {
	background-image: url(../img/input-data-input-bg.jpg);
	height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 251px;
}

.error-mini {
	background: url(../img/error-mini.gif) no-repeat 0px 0px;
	color: #af1b03;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0px 15px 0px;
	padding-left: 20px;
}

.error-mini-maxwidth {
	width: 260px;
}

.btn-center-input {
	margin-left: 62px !important;
	margin-top: 10px !important;
}

.btn-center-input-space {
	margin: 17px 0px 0px 62px !important;
}

.error-big {
	background: url(../img/error.gif) no-repeat 0px 9px;
	color: #4a1e00;
	font-size: 10px;
	margin: 23px 0px 15px 0px;
	padding-left: 60px;
}

/*password lost end*/
/*login error start*/
.password-lost:hover {
	text-decoration: underline;
}

.password-lost {
	color: #58220E;
	display: block;
	font-size: 9px;
	line-height: 11px;
	margin: 0px 0 0 0px;
	text-decoration: none;
	text-align: center;
}

.btn-center-input-small-space {
	margin: 10px 0px 4px 62px !important;
}

.error-mini-margin {
	margin-left: 12px;
}

/*login error end*/
/*register start*/
.register-inner-content h4 {
	color: #7b1300;
	font-size: 11px;
	height: 22px;
	margin: 1px 0px 0px 9px;
	width: 290px;
}

.register-inner-content p {
	font-size: 11px;
	margin: 5px 0px 10px 12px;
	width: 285px;
}

.register-inner-content {
	margin: 9px 0px 0px 0px;
	padding: 0 0 0px;
	position: relative;
}

.register-box {
	background: url(../img/register-box-bg.jpg) no-repeat;
	/*height:438px;*/
	float: left;
	margin-left: 11px;
	overflow: visible;
	padding-top: 10px;
	width: 280px;
}

.register-box-inner-content {
	margin-left: 10px;
	width: 253px;
}

.agb-label-register2 {
	color: #4a1e00;
	float: left;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	vertical-align: text-top;
	width: 200px;
}

.agb-label-register2 a {
	color: #8d0404;
	text-decoration: none;
}

.agb-label-register2 a:hover {
	text-decoration: underline;
}

.register-box-checkbox {
	background: none;
	border: none;
	float: left;
	font: 11px/13px Arial, Helvetica, sans-serif;
	margin: 0;
	width: 30px;
}

.register-agb-box2 {
	margin-top: 10px;
}

.register-box-input {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	font: 13px/13px Arial, Helvetica, sans-serif;
	height: 18px;
	margin: 0 0 0 4px;
	width: 240px;
}

.error-close {
	margin-top: 0px;
	margin-bottom: 5px;
}

.btn-center-input-register {
	margin: 10px 0 10px 64px;
	padding-bottom: 5px;
}

.hide {
	visibility: hidden;
}

/*register end*/
/*download box start*/
.download-btn {
	background-image: url(../img/nav-download-btn.jpg);
	height: 68px;
	margin: 4px 0 9px 14px;
	width: 130px;
}

/*download box end*/

.itemshop-btn {
	background-image: url(../img/nav-itemshop-btn.jpg);
	height: 68px;
	margin: 4px 0 9px 14px;
	;
	width: 130px;
}

/*administration*/
.administration-inner-content h4 {
	color: #7b1300;
	font-size: 11px;
	height: 22px;
	margin: 1px 0px 0px 9px;
	width: 290px;
}

.administration-inner-content p {
	font-size: 11px;
	margin: 0 5px 0 12px;
}

.administration-inner-content {
	margin: 9px 0 0;
	padding: 0 0 0px;
}

.administration-inner-content ul {
	font-size: 11px;
	margin: 9px 0 0 12px;
	padding: 0;
	text-align: justify;
}

.administration-inner-content ul li {
	background: url(../img/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 13px 20px;
	width: 260px;
}

.long-li {
	overflow: visible;
	width: 440px !important;
}

.long-li-code {
	background-position: 0px 5px !important;
	line-height: 23px;
	padding-bottom: 0px;
}

.administration-box {
	height: 35px;
	line-height: 18px;
	margin-bottom: 0;
	margin-left: 12px;
	padding: 0 0 0 13px;
	width: 500px;
}

.administration-box p {
	color: #4a1e00;
	float: left;
	margin-left: 6px;
}

.administration-box a {
	float: left;
	margin: 0 0 0 0;
}

.delete-code {
	background-color: #CDB78B;
	border: 1px solid #997C47;
	color: #7B1300;
	font: normal bold 11px;
	height: 15px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
}

.load-link {
	color: #7B1300;
	font-weight: bold;
	text-decoration: none;
}

.load-link:hover {
	text-decoration: underline;
}

.load-link:visited {
	color: #943B00;
}

/* character list */
.char-list-content {
	color: #86280f;
	font-weight: bold;
	margin-bottom: 10px;
	width: 480px;
}

.char-list-content .pagerWrapper {
	background: transparent url(../img/charlist-pager-bg.jpg) no-repeat;
	height: 18px;
	margin-top: 10px;
	padding: 7px;
	width: 465px;
}

.char-list-content .pagerWrapper .sort-char-list {
	float: left;
	width: 300px;
}

.char-list-content .pagerWrapper .sellabel {
	float: left;
	line-height: 20px;
}

.char-list-content .pagerWrapper .charselect {
	border: 1px solid #997C47;
	float: left;
	height: 18px;
	margin-left: 3px;
	overflow: hidden;
	width: 125px;
}

.char-list-content .pagerWrapper select {
	background-color: #CDB78B;
	color: #4A1E00;
	font-size: 13px;
	height: 22px;
	margin: -2px 0 0 -2px;
	width: 129px
}

.char-list-content .pagerWrapper .pager {
	background: url(../img/charlist-pager.jpg) no-repeat;
	float: right;
	height: 20px;
	text-align: right;
	width: 110px;
}

.char-list-content .pagerWrapper .prev {
	background: url(../img/charlist-pager-prev.jpg) no-repeat;
}

.char-list-content .pagerWrapper .next {
	background: url(../img/charlist-pager-next.jpg) no-repeat;
}

.char-list-content .pagerWrapper div.pager-prev,
.char-list-content .pagerWrapper a.pager-prev {
	display: block;
	float: left;
	height: 20px;
	width: 18px;
}

.char-list-content .pagerWrapper div.pager-next,
.char-list-content .pagerWrapper a.pager-next {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
}

.char-list-content .pagerWrapper .bg-none {
	background: none;
	float: left;
	height: 20px;
	width: 20px;
}

.char-list-content .pagerWrapper .pager-middle {
	color: #fff;
	float: left;
	font-weight: normal;
	height: 20px;
	line-height: 19px;
	text-align: center;
	width: 70px;
}

.char-list-content .charList {
	background: url(../img/charlist-row-bg.jpg) no-repeat;
	height: 96px;
	padding: 2px;
	width: 476px;
}

.char-list-content .charList .charimg {
	background: url(../img/charlist-avatar-bg.jpg) no-repeat 3px 3px;
	float: left;
	height: 72px;
	margin-right: 5px;
	width: 56px;
}

.char-list-content .charList .charimg img {
	border: 1px solid #000;
	padding: 1px;
	margin: 4px;
}

.char-list-content .charList .charuser div {
	height: 30px;
	line-height: 30px;
}

.char-list-content .charList .charuser .charname {
	font-size: 16px;
	float: left;
	width: 276px;
}

.char-list-content .charList .charuser .charrank {
	text-align: right;
}

.char-list-content .charList .charlevel,
.char-list-content .charList .charclass,
.char-list-content .charList .charkingdom,
.char-list-content .charList .chartime,
.char-list-content .charList .charserver,
.char-list-content .charList .charposition {
	float: left;
	height: 20px;
	line-height: 20px;
	width: 250px;
}

.char-list-content .charList .charlevel,
.char-list-content .charList .charclass {
	width: 160px;
}

.char-list-content .charList .charposition {
	width: 410px;
}

.char-list-content .charList .charlabel {
	color: #86280f;
	display: block;
	float: left;
	font-weight: bold;
	width: 70px;
}

.char-list-content .charList .chardata {
	color: #000;
	font-weight: bold;
}

.char-list-content .charList .charrow td {
	height: 20px;
}

.char-list-content .charList .charend td {
	padding-bottom: 13px;
}

/* character list end*/
/* captcha */

#captchaContainer {
	margin: 10px 0 0 0;
}

#captchaContainer img {
	border: 1px solid #B28A45;
	margin: 10px 0;
}

#captchaContainer h4 {
	color: #8D0404;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 0;
	width: auto;
}

.register-captcha {
	margin-top: 24px;
}

.pass-lost-box-inner-content .register-captcha {
	margin-top: 0;
}

#captchaContainer .input-data-input {
	background-image: url(../img/input-data-input-captcha-bg.jpg);
}

/* end captcha*/
.help-link {
	background: url(../img/help-link-bg.gif) no-repeat;
	height: 17px;
	width: 17px;
}

#err-register {
	background-color: #2E0100;
	border: 1px dotted #7B1300;
	color: #FEF6AA;
	font-size: 11px;
	left: 330px;
	padding: 2px 5px;
	position: absolute;
	top: 91px;
	width: 256px;
	z-index: 5;
}

/* tabs definition */
.content .tabs-nav {
	height: 40px;
	width: 481px;
}

.content .tabs-nav li,
.content .tabs-nav li a {
	color: #7b1300;
	display: block;
	font: bold 12px/26px Arial, Helvetica, sans-serif;
	height: 30px;
	text-align: center;
	text-decoration: none;
}

.content .tabs-nav li {
	float: left;
	height: 34px;
	list-style-type: none;
	padding: 3px;
}

.content .tabs-nav li a:hover {
	text-decoration: underline;
}

.content .tabs-nav li.selected a {
	text-decoration: none !important;
	cursor: text !important;
}

/* tabs4 */
.content .tabs4 li {
	background: transparent url(../img/tabs4-navi.png) no-repeat;
	width: 114px;
}

.content .tabs4 li a {
	width: 114px;
}

.content .tabs4 #tab1 {
	background-position: 0 -40px;
}

.content .tabs4 #tab2 {
	background-position: -120px -40px;
}

.content .tabs4 #tab3 {
	background-position: -240px -40px;
}

.content .tabs4 #tab4 {
	background-position: -360px -40px;
	width: 115px;
}

.content .tabs4 #tab1.selected {
	background-position: 0 0;
}

.content .tabs4 #tab2.selected {
	background-position: -120px 0;
}

.content .tabs4 #tab3.selected {
	background-position: -240px 0;
}

.content .tabs4 #tab4.selected {
	background-position: -360px 0;
}

/* tabs3 */
.content .tabs3 li {
	background: transparent url(../img/tabs3-navi.png) no-repeat;
	width: 154px;
}

.content .tabs3 li a {
	width: 154px;
}

.content .tabs3 #tab1 {
	background-position: 0 -40px;
}

.content .tabs3 #tab2 {
	background-position: -160px -40px;
}

.content .tabs3 #tab3 {
	background-position: -320px -40px;
	width: 155px;
}

.content .tabs3 #tab1.selected {
	background-position: 0 0;
}

.content .tabs3 #tab2.selected {
	background-position: -160px 0;
}

.content .tabs3 #tab3.selected {
	background-position: -320px 0;
}

/* tabs2 */
.content .tabs2 li {
	background: transparent url(../img/tabs2-navi.png) no-repeat;
	width: 234px;
}

.content .tabs2 li a {
	width: 234px;
}

.content .tabs2 #tab1 {
	background-position: 0 -40px;
}

.content .tabs2 #tab2 {
	background-position: -240px -40px;
	width: 235px;
}

.content .tabs2 #tab1.selected {
	background-position: 0 0;
}

.content .tabs2 #tab2.selected {
	background-position: -240px 0;
}

/* tabs definition end */
/* ticketservice */
.ticketservice {
	background: transparent url(../img/qaservice-bg.jpg) no-repeat;
	margin-top: 10px;
	padding: 7px;
	margin: 10px 0;
	width: 467px;
}

.ticketservice ul li {
	background: none;
	list-style-position: inside;
	list-style-type: circle;
	padding: 0 0 5px;
}

.ticketservice a {
	color: #943B00;
	text-decoration: none;
}

.ticketservice .ticketlist a {
	background: url(../img/bullet.gif) no-repeat;
	display: block;
	height: 18px;
	padding-left: 20px;
}

.ticketservice a:hover {
	text-decoration: underline;
}

/* ticketservice end */
/* safari hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {

	.ranks-inner-content th,
	.ranks-inner-content td {
		height: 21px;
	}
}

/**/
.nodisplay {
	display: none !important;
}

.display {
	display: block !important;
}

#warning {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #CC0000;
	color: #CC0000;
	font-size: 12px;
	line-height: 18px;
	margin: 35px 15px 0;
	padding: 5px;
}

#warning strong {
	font-size: 16px;
}

.top-nav li {
	behavior: url(../img/iepngfix.htc)
}

/*TASKFORCE CHANGES*/

#authenticated .input-data-box,
#authenticate .input-data-box {
	background: none;
}

#activateAccount a {
	color: #8D0404;
	font-weight: bold;
	text-decoration: none;
}

#activateAccount a:hover {
	text-decoration: underline;
}

#activateBox {
	margin: 0 0 20px;
}

#activateBox p {
	width: auto;
}

#activateAccount a#downloadLink {
	background: url("../img/download-client.jpg") no-repeat scroll 0 0 transparent;
	color: #FFF9C7;
	float: left;
	font-size: 16px;
	height: 53px;
	line-height: 20px;
	margin: 0 0 10px;
	padding: 10px 8px 0 60px;
	text-decoration: none;
	width: 110px;
}

#activateAccount a#downloadLink:hover {
	background-position: 0 -63px;
	color: #FFF;
}

#steps {
	border: 1px solid #622400;
	float: right;
	font-size: 12px;
	margin-bottom: 15px;
	padding: 5px;
	width: 190px;
}

#steps h3 {
	font-size: 14px;
}

#steps ol {
	margin: 10px;
	list-style: decimal inside none;
}

#steps ol li {
	margin: 5px 0 0;
}

#resend {
	background: url("../img/valid-icon.gif") no-repeat scroll 5px 3px #260B01;
	border: 1px solid #622400;
	padding: 0 5px 2px 30px;
}

.inner-form-border {
	border: 1px solid #aa8551;
	margin: 15px 0 20px 25px;
	width: 430px;
}

.inner-form-box {
	background: transparent url("../img/form-bg.jpg") repeat scroll 0 0;
	border: 1px solid #c6ab74;
	color: #4a1e00;
	padding: 15px;
}

.inner-form-box h3 {
	background: none repeat scroll 0 0 transparent;
	color: #4A1E00;
	font-size: 18px;
	height: 33px;
}

#activateBox .resend {
	background: #260B01 url("../img/valid-icon.gif") no-repeat scroll 5px 3px;
	border: 1px solid #622400;
	padding: 0 5px 2px 30px;
}

#activateAccount #bigDownload {
	background: url("../img/big-download.jpg") no-repeat scroll 0 0 transparent;
	color: #FFF9C7;
	display: block;
	font-size: 27px;
	font-weight: bold;
	height: 83px;
	line-height: 34px;
	margin: 0 auto 15px;
	padding: 20px 0 0 120px;
	text-align: left;
	text-decoration: none;
	text-shadow: 2px 2px 5px black;
	width: 290px;
}

#activateAccount #bigDownload:hover {
	background-position: 0 -108px;
	color: #FFF;
}

/*TASKFORCE CHANGES 13.04. New Forms*/
#pwlostForm .content .content-bg-bottom,
#lostPasswordCodeForm .content .content-bg-bottom,
#changepwForm .content .content-bg-bottom,
#emailChangeForm .content .content-bg-bottom,
#resendactivForm .content .content-bg-bottom,
#login .content .content-bg-bottom,
#register .content .content-bg-bottom {
	padding: 0 11px 11px;
	width: 485px;
}


.trenner {
	background: url(../img/trenner-shadow.jpg) no-repeat;
	border-top: 1px solid #B28A45;
	height: 8px;
	margin: 0 auto;
	width: 380px;
}

#pwlostForm,
#lostPasswordCodeForm,
#changepwForm,
#emailChangeForm,
#resendactivForm,
#loginForm,
#registerForm {
	margin: 15px auto;
	width: 290px;
}

#pwlostForm div,
#lostPasswordCodeForm div,
#changepwForm div,
#emailChangeForm div,
#resendactivForm div,
#loginForm div,
#registerForm div {
	margin-bottom: 15px;
	position: relative;
	width: 287px;
}


#pwlostForm div input:focus,
#lostPasswordCodeForm div input:focus,
#changepwForm div input:focus,
#emailChangeForm div input:focus,
#resendactivForm div input:focus,
#loginForm div input:focus,
#registerForm div input:focus {
	background-position: 0 -30px;
	border: 1px solid #8D0404;
	color: #4A1E00;
}

#pwLost .inner-form-box h3,
#lostPasswordCode .inner-form-box h3,
#changePw .inner-form-box h3,
#emailChange .inner-form-box h3,
#resendActiv .inner-form-box h3,
#login .inner-form-box h3,
#register .inner-form-box h3 {
	color: #4a1e00;
	font-size: 18px;
	height: 33px;
}

/* Kayıt üst başlık: solda başlık, sağda "Giriş Yap" — form alanları / Kayıt Ol ile aynı kutu + tam ortalı metin */
#register .register-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 6px;
	width: 100%;
	box-sizing: border-box;
}
#register .register-topbar-title {
	margin: 0 !important;
	height: auto !important;
	line-height: 1.1;
	flex: 1 1 auto;
	min-width: 0;
}
#register .register-login-btn {
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto;
	margin-left: auto !important;
	margin-top: 0 !important;
	min-width: 0;
	width: 265px;
	max-width: 100%;
	min-height: 32px;
	height: auto;
	padding: 6px 12px !important;
	box-sizing: border-box !important;
	text-decoration: none !important;
	border: 1px solid #622400 !important;
	border-radius: 0;
	background: url(../img/form-input-bg.gif) repeat-x 0 0 !important;
	color: #534236 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	line-height: 1.25 !important;
	text-align: center !important;
}
#register .register-login-btn:hover,
#register .register-login-btn:focus {
	border-color: #8d0404 !important;
	color: #4a1e00 !important;
	text-decoration: none !important;
}
#register .register-login-btn span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	gap: 6px;
	color: inherit !important;
	text-align: center;
	line-height: 1.25 !important;
	white-space: nowrap;
}
#register .register-login-btn span i {
	color: inherit !important;
}
/* Kayıt: Turnstile — giriş sayfasıyla aynı 120×26 (300×65 × 0.4) */
#register .cf-turnstile-wrap.cf-turnstile-wrap--register {
	display: block;
	width: 120px;
	max-width: 120px;
	height: 26px;
	min-height: 26px;
	margin: 6px auto 10px;
	padding: 0;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	line-height: 0;
}
#register .cf-turnstile-wrap--register .cf-turnstile {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 300px;
	max-width: none;
	transform: scale(0.4);
	transform-origin: top left;
}
#register .cf-turnstile-wrap--register .cf-turnstile > div,
#register .cf-turnstile-wrap--register .cf-turnstile iframe {
	width: 300px !important;
	height: 65px !important;
	max-width: none !important;
}

/* Üyelik sözleşmesi: checkbox + metin tek satır, ayrık kırılma yok */
#register #RegisterNotifyOGs .form-item.register-agb-row {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 4px;
}
#register #RegisterNotifyOGs label.register-agb-label {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 8px;
	margin: 0 auto;
	max-width: 100%;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #4a1e00;
	font-weight: bold;
	cursor: pointer;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
}
#register #RegisterNotifyOGs label.register-agb-label input[type="checkbox"] {
	flex: 0 0 auto;
	margin: 0;
	vertical-align: middle;
	width: auto !important;
	min-width: 14px;
	height: auto !important;
	min-height: 14px !important;
	background: none !important;
	background-image: none !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
	font-size: inherit !important;
	font-weight: normal !important;
}
#register #RegisterNotifyOGs label.register-agb-label .register-agb-text {
	flex: 0 1 auto;
	white-space: nowrap;
	line-height: 14px;
}
@media (max-width: 420px) {
	#register #RegisterNotifyOGs label.register-agb-label .register-agb-text {
		white-space: normal;
		text-align: left;
	}
}

/* BizixM login sayfası: görseldeki gibi ortalı düzen */
.login-page-bixm .inner-form-border {
	width: min(860px, calc(100% - 36px)) !important;
	margin: 14px auto 20px !important;
}
.login-page-bixm .inner-form-box {
	padding: 16px 22px 20px;
}
.login-page-bixm .login-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 6px;
	width: 100%;
	box-sizing: border-box;
}
.login-page-bixm .login-topbar-title {
	margin: 0 !important;
	height: auto !important;
	line-height: 1.1;
	flex: 1 1 auto;
	min-width: 0;
}
/* Şifremi Unuttum: buton görseli içinde ikon + metin ortalı (kayıt «Giriş Yap» ile aynı mantık) */
.login-page-bixm .login-forgot-btn {
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	margin-left: auto !important;
	min-width: 0;
	width: 215px;
	max-width: 215px;
	height: 35px;
	padding: 0 14px !important;
	box-sizing: border-box;
	text-decoration: none !important;
	color: #DFBF8B !important;
	line-height: 35px !important;
	text-align: center !important;
}
.login-page-bixm .login-forgot-btn:hover,
.login-page-bixm .login-forgot-btn:focus {
	color: #f0d4a8 !important;
	text-decoration: none !important;
}
.login-page-bixm .login-forgot-btn span {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	height: 100%;
	gap: 6px;
	color: #DFBF8B !important;
	text-align: center;
	line-height: 35px !important;
	white-space: nowrap;
}
.login-page-bixm .login-forgot-btn span i {
	color: #DFBF8B !important;
}
.login-page-bixm #LoginNotifyOGs {
	max-width: 575px;
	margin: 0 auto;
}
.login-page-bixm #LoginNotifyOGs div {
	margin-bottom: 12px;
}
.login-page-bixm #LoginNotifyOGs label {
	text-align: center;
}
.login-page-bixm #LoginNotifyOGs input[type="text"],
.login-page-bixm #LoginNotifyOGs input[type="password"] {
	width: 100% !important;
	max-width: 575px !important;
	margin: 0 auto !important;
}
/* Kayıt sayfası "Kayıt Ol" butonu ile aynı görünüm */
.login-page-bixm #LoginNotifyOGs button.btn-big {
	background: url(../img/form-input-bg.gif) repeat-x !important;
	border: 1px solid #622400 !important;
	color: #534236 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	font-weight: bold !important;
	min-height: 34px !important;
	padding: 8px 10px !important;
	width: 100% !important;
	max-width: 575px !important;
	margin: 0 auto !important;
	display: block;
	box-sizing: border-box !important;
	cursor: pointer;
}
.login-page-bixm #LoginNotifyOGs button.btn-big:hover {
	border-color: #8d0404 !important;
	color: #4a1e00 !important;
}
.login-page-bixm #LoginNotifyOGs button.btn-big span {
	color: inherit !important;
}
/* Giriş: captcha satırı — forma göre yatay ortada */
.login-page-bixm .login-captcha-row {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 10px 0;
	box-sizing: border-box;
}

/* Giriş: Turnstile — sabit 120×26 (300×65 normal widget × 0.4); !important taşan kurallara karşı */
.login-page-bixm .cf-turnstile-wrap.cf-turnstile-wrap--login {
	display: block !important;
	width: 120px !important;
	max-width: 120px !important;
	height: 26px !important;
	min-height: 26px !important;
	margin: 6px auto 10px !important;
	padding: 0 !important;
	position: relative;
	overflow: hidden;
	box-sizing: border-box !important;
	line-height: 0;
}
.login-page-bixm .cf-turnstile-wrap--login .cf-turnstile {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 300px;
	max-width: none !important;
	transform: scale(0.4);
	transform-origin: top left;
}
.login-page-bixm .cf-turnstile-wrap--login .cf-turnstile > div,
.login-page-bixm .cf-turnstile-wrap--login .cf-turnstile iframe {
	width: 300px !important;
	height: 65px !important;
	max-width: none !important;
}
.login-page-bixm .login-forgot-bottom {
	display: none;
}
.login-page-bixm .login-forgot-bottom a {
	color: #7b1300 !important;
	text-decoration: none !important;
	font-size: 16px;
}
.login-page-bixm .login-forgot-bottom a:hover {
	text-decoration: underline !important;
}

.inner-form-box a {
	color: #8D0404;
	text-decoration: none;
}

.inner-form-box a:hover {
	text-decoration: underline;
}

#toAdmin,
#topwLost,
#toLogin {
	background: url("../img/button-bg-2.gif") no-repeat scroll 0 0 transparent;
	color: #DFBF8B;
	float: right;
	font-size: 10px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	padding: 0 20px 0 0;
	text-align: center;
	width: 109px;
}

#checkerror span {
	font-size: 11px;
	font-weight: normal;
}

.inner-form-box label {
	display: block;
	color: #4a1e00;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}

#pwLost .inner-form-box input,
#lostPasswordCode .inner-form-box input,
#changePw .inner-form-box input,
#emailChange .inner-form-box input,
.profile-form-box .inner-form-box input,
#resendActiv .inner-form-box input,
#login .inner-form-box input,
#register .inner-form-box input:not([type="checkbox"]):not([type="radio"]) {
	background: url(../img/form-input-bg.gif) repeat-x;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 20px;
	padding: 5px 10px;
	width: 265px;
}

/* Kayıt sayfası – tüm input/select zorunlu (metin2orjinal) */
#register #RegisterNotifyOGs input[type="text"],
#register #RegisterNotifyOGs input[type="password"],
#register #RegisterNotifyOGs input[type="email"],
#register #RegisterNotifyOGs select,
#RegisterNotifyOGs input[type="text"],
#RegisterNotifyOGs input[type="password"],
#RegisterNotifyOGs input[type="email"],
#RegisterNotifyOGs select {
	background: url(../img/form-input-bg.gif) repeat-x !important;
	border: 1px solid #622400 !important;
	color: #534236 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	font-weight: bold !important;
	height: 20px !important;
	padding: 5px 10px !important;
	width: 265px !important;
	box-sizing: border-box !important;
}

/* Kayıt formu: telefon placeholder ve "bizi nereden buldunuz" metni kutuya sığsın */
#register #RegisterNotifyOGs input#phone {
	font-size: 14px !important;
}
#register #RegisterNotifyOGs input#phone::placeholder {
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.2px;
}
#register #RegisterNotifyOGs input#phone::-webkit-input-placeholder {
	font-size: 12px !important;
	font-weight: 600 !important;
}
#register #RegisterNotifyOGs input#phone::-moz-placeholder {
	font-size: 12px !important;
	font-weight: 600 !important;
}
#register #RegisterNotifyOGs input#phone:-ms-input-placeholder {
	font-size: 12px !important;
	font-weight: 600 !important;
}
#register #RegisterNotifyOGs select[name="findme"] {
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	height: 32px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

#register #RegisterNotifyOGs #registerSubmitBtn,
#register #RegisterNotifyOGs button.btn-big,
#RegisterNotifyOGs #registerSubmitBtn,
#RegisterNotifyOGs button.btn-big,
#changePw .inner-form-box button.btn-big,
#emailChange .inner-form-box button.btn-big,
.profile-form-box .inner-form-box button.btn-big {
	background: url(../img/form-input-bg.gif) repeat-x !important;
	border: 1px solid #622400 !important;
	color: #534236 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	font-weight: bold !important;
	min-height: 20px !important;
	padding: 5px 10px !important;
	width: 265px !important;
	box-sizing: border-box !important;
	cursor: pointer;
}
/* Kayıt Ol: metin tam ortada, kompakt tipografi */
#register #RegisterNotifyOGs #registerSubmitBtn,
#register #RegisterNotifyOGs button.btn-big {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	font-size: 11px !important;
	line-height: 14px !important;
	min-height: 32px !important;
	padding: 6px 12px !important;
}

#changePw .inner-form-box button.btn-big:hover,
#emailChange .inner-form-box button.btn-big:hover,
.profile-form-box .inner-form-box button.btn-big:hover {
	border-color: #8D0404 !important;
	color: #4A1E00 !important;
}

#content_ajax #changePw.inner-form-border,
#content_ajax .profile-form-box.inner-form-border {
	max-width: 100%;
	width: 430px;
	box-sizing: border-box;
	margin: 14px auto 18px;
}

/* /profile/password: form alanını sayfada net ortala */
.profile-password-page #content_ajax .page_article .body {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.profile-password-page #content_ajax .error-holder {
	width: 100%;
	max-width: 430px;
	margin-left: auto;
	margin-right: auto;
}
.profile-password-page #content_ajax #changePw.inner-form-border {
	margin-left: auto !important;
	margin-right: auto !important;
}

.profile-email-page #content_ajax .page_article .body {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.profile-email-page #content_ajax .error-holder {
	width: 100%;
	max-width: 430px;
	margin-left: auto;
	margin-right: auto;
}
.profile-email-page #content_ajax .profile-form-box.inner-form-border {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Şifre değiştir (profile/password): formu ortala, yamukluğu al */
#content_ajax #changePw .inner-form-box {
	padding: 18px 20px;
	text-align: center;
}

#content_ajax #changePw .form-item {
	text-align: center;
}

#content_ajax #changePw .inner-form-box label {
	display: inline-block;
	width: 265px;
	text-align: center;
}

#content_ajax #changePw .inner-form-box input {
	display: block;
	margin: 0 auto;
}

/* Profil /email: formu ortala, alanları hizala */
#content_ajax .profile-form-box .inner-form-box {
	padding: 18px 20px;
	text-align: center;
}

#content_ajax .profile-form-box .form-item {
	text-align: center;
}

#content_ajax .profile-form-box .inner-form-box label {
	display: inline-block;
	width: 265px;
	text-align: center;
}

#content_ajax .profile-form-box .inner-form-box input {
	display: block;
	margin: 0 auto;
}

/* Profil /depo: bootstrap kolonları yerine düzgün ortalı form */
#content_ajax .page_form {
	max-width: 420px;
	margin: 12px auto 0;
	padding: 16px 16px 12px;
	border: 1px solid rgba(60, 30, 10, 0.22);
	background: rgba(255, 255, 255, 0.30);
	box-sizing: border-box;
	text-align: center;
}

/* Şifremi unuttum (recuperare): form kutusu arka planı yok, article gövdesiyle uyumlu */
#right.recuperare-page #content_ajax .page_form {
	background: transparent;
	border: none;
	padding: 8px 0 16px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
}

#right.recuperare-page #content_ajax .page_form .form-group:last-child {
	margin-bottom: 0;
}

/* Profil mail aktivasyonu: form kutusu şeffaf, Turnstile kompakt */
#right.profile-aktive-page #content_ajax .page_form {
	background: transparent;
	border: none;
	padding: 8px 0 16px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
}
#right.profile-aktive-page #content_ajax .page_form .form-group:last-child {
	margin-bottom: 0;
}
#right.profile-aktive-page #content_ajax .page_form .cf-turnstile {
	max-width: none;
	margin: 0;
}
#right.profile-aktive-page .cf-turnstile-wrap.cf-turnstile-wrap--aktive {
	display: block;
	width: 100%;
	max-width: 265px;
	height: 52px;
	min-height: 52px;
	margin: 4px auto 8px;
	padding: 0;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	line-height: 0;
	border-radius: 3px;
}
#right.profile-aktive-page .cf-turnstile-wrap--aktive .cf-turnstile {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 300px;
	max-width: none;
	transform-origin: top left;
}
#right.profile-aktive-page .cf-turnstile-wrap--aktive .cf-turnstile > div,
#right.profile-aktive-page .cf-turnstile-wrap--aktive .cf-turnstile iframe {
	width: 300px !important;
	max-width: none !important;
}

#content_ajax .page_form .form-group {
	margin: 0 0 12px;
	padding: 0;
}

#content_ajax .page_form .control-label,
#content_ajax .page_form .col-sm-3,
#content_ajax .page_form .col-sm-6,
#content_ajax .page_form .col-sm-7,
#content_ajax .page_form .col-sm-12,
#content_ajax .page_form .col-sm-offset-3 {
	float: none;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
}

#content_ajax .page_form .control-label {
	color: #4a1e00;
	font-weight: 700;
	margin-bottom: 6px;
}

#content_ajax .page_form .form-control2 {
	display: block;
	width: 265px;
	max-width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

#content_ajax .page_form .form-control {
	display: block;
	width: 265px;
	max-width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

#content_ajax .page_form .cf-turnstile {
	max-width: 265px;
	margin: 4px auto 0;
}

/* Cloudflare Turnstile – MarkMt2 benzeri kompakt kutu, forma sığar */
.cf-turnstile-wrap {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	margin: 6px auto 8px;
	overflow: hidden;
	line-height: 0;
}
.cf-turnstile-wrap--content {
	max-width: 265px;
}
.cf-turnstile-wrap .cf-turnstile {
	flex-shrink: 0;
	line-height: normal;
}
/* Giriş / kayıt ana içerik: input ile aynı genişlik */
.inner-form-border .cf-turnstile-wrap--content,
.inner-form-box .cf-turnstile-wrap--content {
	max-width: 265px;
	margin-left: auto;
	margin-right: auto;
}
.register-inner-content .form-item .cf-turnstile-wrap--content,
#content_ajax .page_form .cf-turnstile-wrap--content {
	max-width: 265px;
	margin-left: auto;
	margin-right: auto;
}
/* Sağ sütun giriş: register ile birebir Turnstile (120x26, 300x65 x 0.4) */
.cf-turnstile-wrap.cf-turnstile-wrap--sidebar {
	display: block;
	width: 120px;
	max-width: 120px;
	margin-left: auto;
	margin-right: auto;
}
.cf-turnstile-wrap--sidebar {
	box-sizing: border-box;
	width: 120px;
	min-width: 120px;
	max-width: 120px;
	height: 26px;
	min-height: 26px;
	margin: 6px auto 8px;
	padding: 0;
	position: relative;
	overflow: hidden;
	border-radius: 2px;
	line-height: 0;
}
.modul-box .form-login .cf-turnstile-wrap--sidebar {
	min-width: 120px;
	max-width: 120px;
	width: 120px;
}
.cf-turnstile-wrap--sidebar .cf-turnstile {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 300px;
	max-width: none;
	transform: scale(0.4);
	transform-origin: top left;
	will-change: transform;
}
.cf-turnstile-wrap--sidebar .cf-turnstile > div,
.cf-turnstile-wrap--sidebar .cf-turnstile iframe {
	width: 300px !important;
	height: 65px !important;
	max-width: none !important;
}
@media (min-width: 769px) {
	.modul-box .form-login .cf-turnstile-wrap--sidebar {
		min-width: 120px;
		max-width: 120px;
		width: 120px;
		height: 26px;
		min-height: 26px;
	}
	.cf-turnstile-wrap--sidebar .cf-turnstile {
		transform: scale(0.4);
	}
}

@media (max-width: 920px) {
	.modul-box .form-login .cf-turnstile-wrap--sidebar {
		width: 120px;
		min-width: 120px;
		max-width: 120px;
	}
}

#content_ajax .page_form .btn.form-btn {
	display: block;
	margin: 0 auto;
}

#content_ajax .error-holder .btn.btn-grunge.form-btn {
	display: block;
	margin: 8px auto 0 !important;
}

#content_ajax .error-holder .container_3 > a {
	display: block;
	text-align: center;
}

#content_ajax .error-holder a .btn.btn-grunge.form-btn {
	display: inline-block;
	float: none !important;
}

/* Tüm sitedeki metin inputları + select – zorunlu stil (form-input-bg.gif) */
#content input[type="text"],
#content input[type="password"],
#content input[type="email"],
#content input[type="number"],
#content input[type="tel"],
#content select,
.content input[type="text"],
.content input[type="password"],
.content input[type="email"],
.content input[type="number"],
.content input[type="tel"],
.content select,
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="number"],
form input[type="tel"],
form select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
select {
	background: url(../img/form-input-bg.gif) repeat-x !important;
	border: 1px solid #622400 !important;
	color: #534236 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	font-weight: bold !important;
	height: 20px !important;
	padding: 5px 10px !important;
	width: 265px !important;
	box-sizing: border-box !important;
}

#content input[type="text"]:focus,
#content input[type="password"]:focus,
#content input[type="email"]:focus,
#content input[type="number"]:focus,
form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus {
	border-color: #943903 !important;
}

#checkerror p,
#checkerror {
	font-size: 12px;
}

#login #checkerror input,
#register #checkerror input {
	border: 0;
	height: 15px;
	float: left;
	margin: 2px 5px 20px;
	width: 15px;
}

#checkerror .green {
	color: #006F07;
}

#changePw #submitBtn,
#emailChange #submitBtn,
#resendActiv #submitBtn,
#pwLost #submitBtn,
#lostPasswordCode #submitBtn,
#login #submitBtn,
#register #submitBtn,
#subscribe .btn-big,
a.btn-big {
	background: url("../img/btn-big.jpg") no-repeat scroll 0 0 transparent;
	border: 0;
	color: #dfbf8b;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 38px;
	line-height: normal;
	letter-spacing: 0.01em;
	margin: 0 auto 25px;
	text-align: center;
	text-shadow: -1px -1px #000;
	width: 287px;
}

a.btn-big {
	text-decoration: none;
	line-height: 36px;
	font-size: 16px;
}

#subscribe .btn-big {
	line-height: 38px;
}

#content input#submitBtn {
	padding: 0 0 5px;
}

#changePw #submitBtn:hover,
#emailChange #submitBtn:hover,
#resendActiv #submitBtn:hover,
#pwLost #submitBtn:hover,
#lostPasswordCode #submitBtn:hover,
#login #submitBtn:hover,
#subscribe .btn-big:hover,
#register #submitBtn:hover,
a.btn-big:hover {
	background-position: 0 -38px;
	color: #FFF;
	text-decoration: none;
}

#regLegend {
	color: #775555;
	font-size: 11px;
	margin: 8px 15px 0;
	text-align: right;
}

#content input[type=text],
#content input[type=password] {
	border: 1px solid #622400;
}

#content input[type=text]:focus,
#content input[type=password]:focus {
	border: 1px solid #943903;
}


#subscribe {
	margin: 0 auto;
	width: 287px;
}

#subscribe h3 {
	margin: 20px 0 0;
	padding: 0;
}

#subscribe p {
	font-size: 12px;
	margin: 15px 0;
	padding: 0;
}


#activateAccount a {
	font-weight: bold;
	text-decoration: underline;
}

#activateBox {
	margin: 0 0 20px;
}

#steps {
	border: 1px solid #622400;
	float: right;
	font-size: 12px;
	padding: 5px;
	width: 190px;
}

#steps h3 {
	font-size: 14px;
}

#steps ol {
	margin: 10px;
	list-style: decimal inside none;
}

#steps ol li {
	margin: 5px 0 0;
}

/*Progress Tracker*/
#progressTracker {
	height: 100px;
	margin: 0 auto;
	padding-left: 10px;
	width: 400px;
}

#progressTracker .step {
	background: url(../img/progressTracker.gif) no-repeat scroll 0 -45px;
	height: 40px;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	margin: 5px 0 0 -6px;
	text-align: center;
	text-shadow: 1px 1px #DFD1AC;
	width: 45px;
}

#progress1,
#progress2 {
	background: url(../img/progress-inactive.gif) repeat-x scroll 0 20px;
	float: left;
	position: relative;
	width: 177px;
}

#progress3 {
	position: relative;
}

#progressTracker .progress-text {
	font-size: 11px;
	font-weight: bold;
	left: -32px;
	position: absolute;
	text-align: center;
	top: 50px;
	width: 100px;
}

#progressTracker .inactive .progress-text,
#progressTracker .inactive .step {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#progressTracker .inactive .progress-text {
	color: #4A1E00;
}

#progressTracker .inactive .progress-text a {
	color: #4A1E00;
}

#progress3 {
	float: left;
	width: 45px;
}

#progressTracker .passed {
	background: url(../img/progress-active.gif) repeat-x scroll 0 20px;
}

#progressTracker .active .step {
	background-position: 0 0;
	color: #4A1E00;
	font-size: 25px;
	height: 45px;
	line-height: 45px;
	margin: 0 0 0 -3px;
	width: 45px;
}

#progressTracker .inactive .step {
	background-position: 0 -45px;
}


/*Download Changes*/
.download-content-teaser {
	float: right;
	width: 178px;
}

#download h3 {
	background: none;
	color: #4A1E00;
	font-size: 25px;
	line-height: 25px;
	margin: 0 15px;
	text-shadow: 1px 1px #ECD4BA;
}

#download a#requirements {
	background: url("../img/ico-plus.gif") no-repeat scroll 0 0 transparent;
	color: #8D0404;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 13px;
	line-height: 12px;
	margin: 15px 30px;
	text-decoration: none;
	text-shadow: 1px 1px #ECD4BA;
}

#downloadText {
	font-size: 12px;
	margin: 15px auto;
	width: 445px;
}

#download a#requirements:hover {
	text-decoration: underline;
}

#download h4:hover {
	background-position: 0 -13px;
}

#download .download-button-2,
#download .download-button-1 {
	float: left;
	margin: 15px 25px;
}


#required {
	width: 300px;
	margin: 0 auto;
	/* display:none; */
}

#required caption {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px;
}

#download .resourceTable {
	margin: 15px auto;
	width: 350px;
}

/* Download page (MarkMt2-like visual) */
#download.download-markmt2-page .download-inner-content {
	margin-top: 6px;
	padding-bottom: 8px;
}
#download.download-markmt2-page h3 {
	text-align: center;
	font-size: 25px;
	line-height: 1.15;
	margin: 8px 0 12px;
}
#download.download-markmt2-page .download-headlines {
	list-style: none;
	margin: 0 12px 12px;
	padding: 0;
}
#download.download-markmt2-page .download-headlines li {
	background: url(../img/aboutbox-bg.jpg) repeat-x 0 0;
	border: 1px solid rgba(139, 104, 61, 0.35);
	color: #7f1900;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	padding: 8px 16px 9px 40px;
	margin-bottom: 8px;
	position: relative;
}
#download.download-markmt2-page .download-headlines li::before {
	content: "";
	position: absolute;
	left: 11px;
	top: 50%;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	background: url(../img/bullet.gif) no-repeat center center;
}
#download.download-markmt2-page .download-main-action {
	text-align: center;
	margin: 14px 0 16px;
}
#download.download-markmt2-page .download-main-action .download-button-1 {
	display: inline-block;
	float: none;
	margin: 0;
}
#download.download-markmt2-page #requirements {
	margin-top: 8px;
}
#download.download-markmt2-page #required {
	display: block;
	width: 410px;
}
#download.download-markmt2-page #required table {
	margin-bottom: 12px;
}
#download.download-markmt2-page #required td {
	font-size: 11px;
}

.form-score {
	margin: 5px 0 0 10px;
	padding: 0 0 3px;
}

.form-score select {
	background-color: #cdb78b;
	border: 1px solid #997c47;
	color: #4a1e00;
	font-size: 13px;
	padding: 0;
	width: 129px;
}

.select-replacement {
	background-image: url(../img/select_gf.gif);
	height: 20px;
	margin: 0 0 0 4px;
	padding: 0;
	width: 129px;
}

.form-score ul {
	margin: 6px 1px 0 0;
	padding: 0 0 1px;
}

.form-score ul li {
	color: #4a1e00;
	font-size: 11px;
	line-height: 14px;
	list-style: none;
	padding: 3px 0 3px 6px;
}

.form-score ul li.light {
	background: url(../img/light_gf.gif) no-repeat;
}

.form-score ul li div {
	margin: 0 16px 0 0;
	background: no-repeat 100% 0;
}

.form-score ul li div.empire1 {
	background-image: url(../img/1_s.png);
}

.form-score ul li div.empire2 {
	background-image: url(../img/2_s.png);
}

.form-score ul li div.empire3 {
	background-image: url(../img/3_s.png);
}

.form-score ul li strong {
	color: #8d0404;
	margin: 0 2px 0 0;
}

.form-score ul li strong.offset {
	margin: 0 2px 0 6px;
}

.form-score ul li a {
	color: #6a3e00;
	margin: 0 0 0 2px;
	text-decoration: none;
}

.form-score ul li a.first,
.offset {
	color: #943b00;
	font-weight: bold;
}

.form-score ul li a:hover {
	text-decoration: underline;
}

.form-item {
	padding-top: 5px;
}

/* Oyuncu sıralaması tablosu – tema ile uyumlu, sıralama paneli stilinde */
.inner-content .ranked-player-table {
	display: table !important;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	box-sizing: border-box;
	margin: 12px 0 16px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
	border: 2px solid #8b6914;
}

.ranked-player-table thead {
	display: table-header-group !important;
}

.ranked-player-table tbody {
	display: table-row-group !important;
}

.ranked-player-table tr {
	display: table-row !important;
}

.ranked-player-table th,
.ranked-player-table td {
	display: table-cell !important;
	padding: 12px 14px;
	vertical-align: middle;
	box-sizing: border-box;
	white-space: normal;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.ranked-player-table thead th {
	background: linear-gradient(180deg, #8b2020 0%, #6b1818 50%, #5a1212 100%);
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	padding: 14px 14px;
	border-bottom: 2px solid #4a0d0d;
}

.ranked-player-table tbody tr {
	background: linear-gradient(180deg, #4a3520 0%, #3d2b18 100%);
	color: #e8dcc8;
}

.ranked-player-table tbody tr:nth-child(even) {
	background: linear-gradient(180deg, #3d2b18 0%, #352614 100%);
}

.ranked-player-table tbody tr:hover {
	background: linear-gradient(180deg, #5c4520 0%, #4a3520 100%);
}

.ranked-player-table tbody tr:last-child td {
	border-bottom: none;
}

.ranked-player-table .col-num {
	width: 5%;
	min-width: 44px;
	text-align: center;
	font-weight: bold;
	color: #c45c2a;
	font-size: 13px;
}

.ranked-player-table .col-name {
	width: 22%;
	min-width: 100px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ranked-player-table .col-name a {
	color: #d47840;
	text-decoration: none;
	font-weight: bold;
}

.ranked-player-table .col-name a:hover {
	color: #e8a060;
	text-decoration: underline;
}

.ranked-player-table .col-level {
	width: 10%;
	min-width: 56px;
	text-align: center;
	color: #c9a227;
	font-weight: bold;
}

.ranked-player-table .col-flag {
	width: 10%;
	min-width: 52px;
	text-align: center;
}

.ranked-player-table .col-flag img {
	display: block;
	margin: 0 auto;
	border: 1px solid rgba(80, 60, 30, 0.8);
	border-radius: 2px;
}

.ranked-player-table .col-guild {
	width: 22%;
	min-width: 70px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #c9b896;
}

.ranked-player-table .col-playtime {
	width: 12%;
	min-width: 60px;
	text-align: center;
	color: #b8a078;
}

/* Lonca sıralaması tablosu – aynı stil, 4 sütun */
.ranked-guild-table .col-num {
	width: 6%;
	min-width: 44px;
}

.ranked-guild-table .col-name {
	width: 38%;
	min-width: 120px;
}

.ranked-guild-table .col-level {
	width: 18%;
	min-width: 70px;
}

.ranked-guild-table .col-guild {
	width: 38%;
	min-width: 100px;
}

/* ——— MarkMt2 oyuncu-listesi birebir (rank-mt2-player-mark) ——— */
.rank-mt2-player-mark .rank-mt2-page-h2 {
	text-align: center;
	padding-left: 11px;
	padding-right: 11px;
	margin: 8px 0 4px;
}
.rank-mt2-player-mark .main-nav.horizontal {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 12px 0 8px;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}
.rank-mt2-player-mark .main-nav.horizontal ul.ranking-tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 8px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.rank-mt2-player-mark .main-nav.horizontal .ranking-tabs li {
	display: inline-block;
	margin: 0 0 5px 0;
	width: auto;
	max-width: none;
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	float: none;
}
.rank-mt2-player-mark .main-nav.horizontal .ranking-tabs li a {
	position: relative;
	display: block;
	padding: 8px 12px 8px 35px;
	text-decoration: none;
	color: #fef6aa;
	background: url(../img/main-mav-bg.gif) no-repeat;
	font-weight: bold;
	font-size: 12px;
	height: 26px;
	line-height: 15px;
	overflow: hidden;
	text-align: left;
	width: 157px;
	min-width: 0;
	box-sizing: border-box;
}
.rank-mt2-player-mark .main-nav.horizontal .ranking-tabs li a:hover,
.rank-mt2-player-mark .main-nav.horizontal .ranking-tabs li a.active {
	background-position: 0 -34px;
	color: #fffde8;
	text-decoration: none;
}
.rank-mt2-player-mark .main-nav.horizontal .ranking-tabs li a i.fas {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	text-align: center;
	font-size: 14px;
}
.rank-mt2-player-mark .position-relative { position: relative; }
.rank-mt2-player-mark .mb-4 { margin-bottom: 1rem; }
.rank-mt2-player-mark .ranking-highlight-col {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	border-radius: 18px;
	padding: 52px 14px 18px;
	position: relative;
	background: linear-gradient(180deg, #5b0902 0%, #3f0402 100%);
	border: 4px solid #ad640f;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 160px;
	min-height: 300px;
	flex-shrink: 0;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.35);
	overflow: visible;
}
.rank-mt2-player-mark .ranking-highlight-col:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.42);
}
.rank-mt2-player-mark .ranking-highlight-container {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 48px;
	margin: 6px 0 2px;
	padding: 20px 0 26px;
	position: relative;
	width: 100%;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}
.rank-mt2-player-mark .ranking-highlight-col.gold-highlight {
	transform: translateY(0);
	z-index: 2;
	order: 2;
	width: 188px;
	min-height: 336px;
}
.rank-mt2-player-mark .ranking-highlight-col.silver-highlight {
	transform: translateY(26px);
	order: 1;
}
.rank-mt2-player-mark .ranking-highlight-col.bronze-highlight {
	transform: translateY(26px);
	order: 3;
}
.rank-mt2-player-mark .gold-highlight {
	border-color: #ffd500;
	background: linear-gradient(180deg, #141054 0%, #0b0738 100%);
}
.rank-mt2-player-mark .gold-highlight:hover {
	border-color: #ffd500;
	background: linear-gradient(180deg, #1a1461 0%, #100a45 100%);
}
.rank-mt2-player-mark .gold-highlight-crown {
	filter: drop-shadow(0 0 10px rgba(255, 213, 0, 0.9));
}
.rank-mt2-player-mark .silver-highlight {
	border-color: #b86a1a;
	background: linear-gradient(180deg, #6e0802 0%, #430401 100%);
}
.rank-mt2-player-mark .silver-highlight:hover {
	border-color: #c5751d;
	background: linear-gradient(180deg, #7a0a03 0%, #4f0502 100%);
}
.rank-mt2-player-mark .silver-highlight-crown {
	filter: drop-shadow(0 0 8px rgba(233, 216, 180, 0.55));
}
.rank-mt2-player-mark .bronze-highlight {
	border-color: #b86a1a;
	background: linear-gradient(180deg, #6e0802 0%, #430401 100%);
}
.rank-mt2-player-mark .bronze-highlight:hover {
	border-color: #c5751d;
	background: linear-gradient(180deg, #7a0a03 0%, #4f0502 100%);
}
.rank-mt2-player-mark .bronze-highlight-crown {
	filter: drop-shadow(0 0 8px rgba(233, 216, 180, 0.55));
}
.rank-mt2-player-mark .ranking-crown {
	width: 62px;
	height: 62px;
	margin: 6px 0 16px;
	transition: all 0.3s ease;
	filter: drop-shadow(0 0 8px rgba(250, 229, 167, 0.5));
}
.rank-mt2-player-mark .ranking-highlight-col:hover .ranking-crown {
	transform: scale(1.06);
	filter: drop-shadow(0 0 12px rgba(255, 244, 191, 0.7));
}
.rank-mt2-player-mark .highlight-avatar-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 112px;
	height: 112px;
	margin-bottom: 14px;
	overflow: hidden;
	border-radius: 50%;
	background: radial-gradient(circle at 30% 30%, #fffad6 0%, #e9d690 65%, #c8aa4f 100%);
	box-shadow: inset 0 0 0 2px rgba(71, 43, 13, 0.75);
}
.rank-mt2-player-mark .highlight-avatar {
	width: 98px;
	height: 98px;
	border-radius: 50%;
	border: 4px solid #fef6aa;
	transition: all 0.3s ease;
	display: block;
	object-fit: cover;
}
.rank-mt2-player-mark .highlight-avatar--empty {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,.35);
	font-weight: 800;
	color: #fef6aa;
	font-size: 22px;
}
.rank-mt2-player-mark .ranking-highlight-col:hover .highlight-avatar {
	border-color: #fffde8;
	transform: scale(1.02);
}
.rank-mt2-player-mark .highlight-avatar-wrapper::before {
	content: none;
}
.rank-mt2-player-mark .ranking-highlight-col:hover .highlight-avatar-wrapper::before {
	content: none;
}
.rank-mt2-player-mark .ranking-class-coin {
	position: absolute;
	width: 58px;
	height: 58px;
	transition: all 0.3s ease;
	z-index: 3;
}
.rank-mt2-player-mark .ranking-class-coin-center {
	top: -24px;
	left: 50%;
	transform: translateX(-50%) !important;
}
.rank-mt2-player-mark .ranking-highlight-col:hover .ranking-class-coin {
	transform: translateX(-50%) scale(1.04) !important;
}
.rank-mt2-player-mark .forum-highlight {
	color: #fef6aa !important;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.25;
	text-decoration: none !important;
	display: block;
	margin: 0;
	transition: color 0.3s ease;
	text-align: center;
	word-break: normal;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.rank-mt2-player-mark .ranking-highlight-col:hover .forum-highlight {
	color: #fff6c7 !important;
}
.rank-mt2-player-mark .forum-highlight--empty {
	color: rgba(254, 246, 170, 0.45);
}
.rank-mt2-player-mark #guildHighscore {
	width: 100%;
	max-width: 496px;
	margin: 0 auto;
	box-sizing: border-box;
}
.rank-mt2-player-mark #guildHighscore .rank-mt2-gh-inner.content {
	background: none;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}
.rank-mt2-player-mark #guildHighscore .ranks-inner-content {
	margin: 0;
	padding: 0 0 12px;
}
.rank-mt2-player-mark #guildHighscore table.rank-mt2-guild-table {
	width: 100%;
	max-width: 481px;
	border-collapse: separate;
	margin: 0 auto;
}
.rank-mt2-player-mark #guildHighscore .rank-mt2-name-link {
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}
.rank-mt2-player-mark #guildHighscore .rank-mt2-name-link:hover {
	text-decoration: underline;
}

/* Eventler: aylık takvim (Pzt–Paz ızgarası) */
.rank-mt2-player-mark.eventler-page #guildHighscore {
	max-width: min(100%, 920px);
}
.rank-mt2-player-mark.eventler-page .eventler-cal-outer {
	width: 100%;
	padding: 0 4px 12px;
	box-sizing: border-box;
	overflow: visible;
}
.rank-mt2-player-mark.eventler-page #guildHighscore .ranks-inner-content {
	overflow: visible;
}
.rank-mt2-player-mark.eventler-page #guildHighscore .content.content-last {
	overflow: visible;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-hint {
	font-size: 12px;
	margin-bottom: 10px !important;
	line-height: 1.4;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 6px;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-title {
	font-weight: 700;
	color: #6b1a1a;
	font-size: 1.12rem;
	text-align: center;
	flex: 1 1 auto;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-nav-btn {
	color: #5c2e0a;
	font-weight: 600;
	text-decoration: none;
	padding: 6px 12px;
	border: 1px solid #b9985f;
	border-radius: 4px;
	background: rgba(255, 250, 236, 0.5);
	white-space: nowrap;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-nav-btn:hover {
	background: rgba(255, 236, 200, 0.75);
	text-decoration: none;
	color: #3d1f00;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-today-wrap {
	text-align: center;
	margin-bottom: 10px;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-today {
	font-size: 0.88rem;
	color: #7a3a00;
	font-weight: 600;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-empty {
	text-align: center;
	margin: 6px 0 10px !important;
	font-size: 13px;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 3px;
	border: 1px solid #81602d;
	padding: 4px;
	background: rgba(90, 50, 20, 0.07);
	border-radius: 4px;
	box-sizing: border-box;
	overflow: visible;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-head {
	text-align: center;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.02em;
	color: #6b1a1a;
	padding: 7px 2px;
	background: rgba(255, 228, 180, 0.4);
	border: 1px solid #c4a574;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-cell {
	position: relative;
	z-index: 1;
	min-height: 104px;
	border: 1px solid #c4a06a;
	background: rgba(255, 252, 240, 0.82);
	padding: 4px 5px 6px;
	vertical-align: top;
	box-sizing: border-box;
	overflow: visible;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-cell:has(.eventler-cal-hit:hover),
.rank-mt2-player-mark.eventler-page .eventler-cal-cell:has(.eventler-cal-hit:focus-within) {
	z-index: 40;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-cell--pad {
	min-height: 0;
	padding: 0;
	border: none;
	background: rgba(0, 0, 0, 0.02);
	pointer-events: none;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-cell--today {
	outline: 2px solid #c45c2a;
	outline-offset: -1px;
	background: rgba(255, 235, 200, 0.92);
}
.rank-mt2-player-mark.eventler-page .eventler-cal-daynum {
	font-weight: 800;
	font-size: 13px;
	color: #4a1e00;
	margin-bottom: 4px;
	line-height: 1.2;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-events {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: center;
	gap: 4px;
	overflow: visible;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-hit {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 2px;
	border-radius: 6px;
	cursor: default;
	outline: none;
	transition: background 0.15s ease, box-shadow 0.15s ease;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-hit:hover,
.rank-mt2-player-mark.eventler-page .eventler-cal-hit:focus-visible {
	background: rgba(255, 255, 255, 0.55);
	box-shadow: 0 0 0 1px rgba(196, 160, 106, 0.7);
}
.rank-mt2-player-mark.eventler-page .eventler-cal-ico {
	width: 26px;
	height: 26px;
	object-fit: contain;
	flex-shrink: 0;
	border-radius: 4px;
	display: block;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-ico-fallback {
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 800;
	color: #5c2e0a;
	background: rgba(255, 228, 180, 0.65);
	border: 1px solid #c4a574;
	border-radius: 4px;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-pop {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-bottom: -4px;
	transform: translateX(-50%) translateY(6px);
	min-width: 210px;
	max-width: min(300px, 92vw);
	padding-bottom: 10px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
	z-index: 200;
	filter: drop-shadow(0 10px 28px rgba(30, 12, 0, 0.35));
}
.rank-mt2-player-mark.eventler-page .eventler-cal-hit:hover .eventler-cal-pop,
.rank-mt2-player-mark.eventler-page .eventler-cal-hit:focus-within .eventler-cal-pop {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
}
.rank-mt2-player-mark.eventler-page .eventler-cal-pop-inner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 14px;
	border: 1px solid rgba(255, 230, 190, 0.55);
	background: rgba(48, 28, 12, 0.52);
	-webkit-backdrop-filter: blur(16px) saturate(1.25);
	backdrop-filter: blur(16px) saturate(1.25);
	color: #fff8e8;
	text-align: left;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.rank-mt2-player-mark.eventler-page .eventler-cal-pop-ico {
	width: 52px;
	height: 52px;
	object-fit: contain;
	flex-shrink: 0;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.15);
	padding: 4px;
	box-sizing: border-box;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-pop-body {
	min-width: 0;
	flex: 1;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-pop-name {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	color: #fffef6;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	word-wrap: break-word;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-pop-time {
	margin-top: 6px;
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 244, 210, 0.95);
	letter-spacing: 0.02em;
}
.rank-mt2-player-mark.eventler-page .eventler-cal-pop-meta {
	margin-top: 10px;
	font-size: 11px;
	line-height: 1.45;
	color: rgba(255, 235, 200, 0.72);
	word-break: break-word;
}
@media (max-width: 640px) {
	.rank-mt2-player-mark.eventler-page .eventler-cal-cell {
		min-height: 76px;
		padding: 3px;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-ico,
	.rank-mt2-player-mark.eventler-page .eventler-cal-ico-fallback {
		width: 22px;
		height: 22px;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-head {
		font-size: 10px;
		padding: 5px 1px;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-pop {
		min-width: 180px;
		max-width: 88vw;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-pop-ico {
		width: 44px;
		height: 44px;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-pop-name {
		font-size: 14px;
	}
}

/* Eventler: mobilde .content 507px sınırı 7 sütunlu takvimi sıkıştırıyor — tam sütun genişliği */
@media (max-width: 920px) {
	.container .col-2 .content.content-last:has(.eventler-page) {
		max-width: min(100%, calc(100vw - 16px));
		width: 100%;
	}
	.container .col-2 .content.content-last:has(.eventler-page) .content-bg-bottom,
	.rank-mt2-player-mark.eventler-page > .content-bg-bottom {
		max-width: 100% !important;
		width: 100%;
		box-sizing: border-box;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-outer {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Sıralama / indir tabloları: içerik genişliği + yatay kaydırma (takvim hariç — balon taşması) */
@media (max-width: 920px) {
	.container .col-2 .content.content-last:has(.rank-markmt2-page) {
		max-width: min(100%, calc(100vw - 16px));
		width: 100%;
	}
	.rank-markmt2-page:not(.eventler-page) #guildHighscore {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* Eventler: dar ekranda navigasyon + küçük hücreler */
@media (max-width: 480px) {
	.rank-mt2-player-mark.eventler-page .eventler-cal-nav {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-title {
		order: -1;
		font-size: 1rem;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-nav-btn {
		text-align: center;
		font-size: 0.82rem;
		padding: 8px 10px;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-grid {
		gap: 2px;
		padding: 2px;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-cell {
		min-height: 68px;
		padding: 2px 2px 4px;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-daynum {
		font-size: 11px;
	}
}

@media (max-width: 380px) {
	.rank-mt2-player-mark.eventler-page .eventler-cal-head {
		font-size: 9px;
		padding: 4px 0;
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-ico,
	.rank-mt2-player-mark.eventler-page .eventler-cal-ico-fallback {
		width: 18px;
		height: 18px;
		font-size: 9px;
	}
}

/* Küçük ekran / dokunmatik: balon altta (üstten taşma azalır); dokunuş sınıfı JS ile */
@media (max-width: 768px) {
	.rank-mt2-player-mark.eventler-page .eventler-cal-pop {
		bottom: auto;
		top: 100%;
		left: 50%;
		margin-bottom: 0;
		margin-top: 6px;
		transform: translateX(-50%) translateY(-6px);
		max-width: min(300px, calc(100vw - 24px));
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-hit:hover .eventler-cal-pop,
	.rank-mt2-player-mark.eventler-page .eventler-cal-hit:focus-within .eventler-cal-pop {
		transform: translateX(-50%) translateY(0);
	}
	.rank-mt2-player-mark.eventler-page .eventler-cal-hit--open .eventler-cal-pop {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateX(-50%) translateY(0);
	}
}

/* İndir: admin pack listesi ile aynı veri — Eventler tablosu ile aynı grid */
.rank-mt2-player-mark.download-pack-page #guildHighscore .guildrank-th-6,
.rank-mt2-player-mark.download-pack-page #guildHighscore .guildrank-td-1-6 {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
.rank-mt2-player-mark.download-pack-page #guildHighscore .guildrank-th-5,
.rank-mt2-player-mark.download-pack-page #guildHighscore .guildrank-td-1-4 {
	white-space: nowrap;
}
.rank-mt2-player-mark.download-pack-page #guildHighscore .guildrank-td-1-5 {
	text-align: center;
	vertical-align: middle;
}
.rank-mt2-player-mark.download-pack-page #guildHighscore .guildrank-td-1-5.download-pack-source-td {
	color: #c9a227;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.3;
	padding-left: 8px;
	padding-right: 8px;
}

/* İndir sütunu: download-button-1.jpg (img/nav-download-btn yerine) */
.rank-mt2-player-mark.download-pack-page #guildHighscore .guildrank-td-1-6 .download-pack-dl-btn {
	display: inline-block;
	width: 120px;
	height: 44px;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: transparent url(../img/download-button-1.jpg) no-repeat center center;
	background-size: contain;
	text-decoration: none !important;
	vertical-align: middle;
	cursor: pointer;
	pointer-events: auto;
	position: relative;
	z-index: 1;
	transition: transform 0.12s ease, filter 0.12s ease;
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4));
}
.rank-mt2-player-mark.download-pack-page #guildHighscore .guildrank-td-1-6 .download-pack-dl-btn:hover,
.rank-mt2-player-mark.download-pack-page #guildHighscore .guildrank-td-1-6 .download-pack-dl-btn:focus {
	transform: scale(1.04);
	outline: 2px solid rgba(201, 162, 39, 0.85);
	outline-offset: 2px;
}

@media (max-width: 768px) {
	.rank-mt2-player-mark .ranking-highlight-container {
		flex-direction: row;
		align-items: flex-end;
		gap: 16px;
		justify-content: center;
		flex-wrap: wrap;
	}
	.rank-mt2-player-mark .ranking-highlight-col.silver-highlight,
	.rank-mt2-player-mark .ranking-highlight-col.gold-highlight,
	.rank-mt2-player-mark .ranking-highlight-col.bronze-highlight {
		transform: translateY(12px);
	}
	.rank-mt2-player-mark .ranking-highlight-col.gold-highlight {
		transform: translateY(0);
	}
	.rank-mt2-player-mark #guildHighscore table.rank-mt2-guild-table {
		min-width: 460px;
	}
}

/* MarkMt2 tarzı sıralama: Krallar + geniş tablo (Karakter / Lonca) */
.rank-markmt2-page .rank-mark-inner {
	max-width: 100%;
}
.rank-mk-section-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	padding: 8px 14px;
	background: linear-gradient(180deg, #c9a227 0%, #8b6914 45%, #6b4e0f 100%);
	border: 2px solid #4a3208;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 8px rgba(0, 0, 0, 0.4);
}
.rank-mk-gem {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	background: radial-gradient(circle at 35% 30%, #ff6b6b 0%, #8b0000 55%, #3d0808 100%);
	border: 2px solid #d4af37;
	border-radius: 4px;
	box-shadow: 0 0 6px rgba(200, 50, 50, 0.6);
}
.rank-mk-h2,
.rank-mk-h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
	color: #2a1204;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
	letter-spacing: 0.04em;
}
.rank-mk-h3 {
	font-size: 16px;
}
.rank-mk-mt {
	margin-top: 22px;
}
.rank-mk-off {
	color: #c0392b;
	font-weight: bold;
	padding: 12px;
}
.rank-mk-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 8px;
}
.rank-mk-tab {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 22px;
	font-size: 14px;
	font-weight: 700;
	color: #f5e6c8;
	text-decoration: none;
	background: linear-gradient(180deg, #7a1a1a 0%, #5a1010 50%, #3d0a0a 100%);
	border: 2px solid #c9a227;
	border-radius: 6px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
	text-shadow: 0 1px 2px #000;
}
.rank-mk-tab:hover {
	color: #fff;
	background: linear-gradient(180deg, #8b2020 0%, #6a1515 100%);
}
.rank-mk-tab-active {
	background: linear-gradient(180deg, #a02828 0%, #6e1818 100%);
	box-shadow: 0 0 0 2px rgba(201, 162, 39, 0.5), 0 2px 12px rgba(0, 0, 0, 0.5);
}
.rank-mk-tab-ico {
	width: 18px;
	height: 18px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.rank-mk-ico-user {
	background: linear-gradient(135deg, #e8dcc8, #a08060);
}
.rank-mk-ico-guild {
	background: linear-gradient(135deg, #c9a227, #6b4e0f);
}
.rank-mk-podium {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 14px;
	flex-wrap: wrap;
	padding: 16px 8px 20px;
}
.rank-mk-card {
	position: relative;
	width: 140px;
	padding: 18px 12px 14px;
	text-align: center;
	background: linear-gradient(180deg, #5c1a1a 0%, #3d1010 100%);
	border: 2px solid #8b4513;
	border-radius: 10px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
}
.rank-mk-slot-first {
	width: 158px;
	padding-top: 22px;
	background: linear-gradient(180deg, #1a2d4a 0%, #0f1a2e 100%);
	border-color: #c9a227;
	box-shadow: 0 0 16px rgba(201, 162, 39, 0.35), 0 8px 22px rgba(0, 0, 0, 0.55);
	z-index: 2;
}
.rank-mk-badge {
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	min-width: 28px;
	height: 28px;
	line-height: 24px;
	padding: 0 6px;
	font-size: 14px;
	font-weight: 800;
	color: #fff;
	background: linear-gradient(180deg, #c0392b 0%, #7b1f1f 100%);
	border: 2px solid #f0d080;
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.rank-mk-crown {
	width: 36px;
	height: 22px;
	margin: 6px auto 8px;
	background: linear-gradient(180deg, #ffd700 0%, #b8860b 60%, #8b6914 100%);
	clip-path: polygon(10% 100%, 0 40%, 20% 55%, 50% 0, 80% 55%, 100% 40%, 90% 100%);
	opacity: 0.95;
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
}
.rank-mk-avatar {
	width: 72px;
	height: 72px;
	margin: 0 auto 8px;
	border-radius: 50%;
	background: linear-gradient(145deg, #3d2b18 0%, #1a1208 100%);
	border: 3px solid #c9a227;
	box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	font-weight: 800;
	color: #e8d9b0;
	text-shadow: 0 1px 3px #000;
	overflow: hidden;
}
.rank-mk-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.05);
	filter: contrast(1.05) saturate(1.05);
}
.rank-mk-slot-first .rank-mk-avatar {
	width: 84px;
	height: 84px;
	font-size: 32px;
	border-width: 4px;
}
.rank-mk-flag {
	display: block;
	margin: 0 auto 8px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.4);
}
.rank-mk-flag-ph {
	width: 28px;
	height: 20px;
	margin: 0 auto 8px;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	border: 1px dashed rgba(255, 255, 255, 0.2);
}
.rank-mk-name {
	display: block;
	font-size: 14px;
	font-weight: 800;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 3px #000;
	word-break: break-word;
}
.rank-mk-name:hover {
	color: #ffd080;
	text-decoration: underline;
}
.rank-mk-name-empty {
	color: rgba(255, 255, 255, 0.45);
}
.rank-mk-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 8px;
}
.rank-mk-table .col-num {
	width: 6%;
	color: #c0392b;
	font-size: 14px;
}
.rank-mk-table .col-name {
	width: 20%;
}
.rank-mk-table .col-level {
	width: 8%;
}
.rank-mk-table .col-flag {
	width: 10%;
}
.rank-mk-table .col-class {
	width: 8%;
	text-align: center;
}
.rank-mk-table .col-exp {
	width: 18%;
	text-align: right;
	font-variant-numeric: tabular-nums;
	color: #d4c4a8;
}
.rank-mk-table .col-hours {
	width: 10%;
	text-align: right;
	font-variant-numeric: tabular-nums;
	color: #c9a227;
}
.rank-mk-job {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	font-size: 13px;
	font-weight: 800;
	color: #fff;
	text-shadow: 0 1px 2px #000;
	border: 2px solid rgba(255, 255, 255, 0.25);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.rank-mk-job-0 { background: linear-gradient(145deg, #5dade2, #1a5276); }
.rank-mk-job-1 { background: linear-gradient(145deg, #58d68d, #1e6b3a); }
.rank-mk-job-2 { background: linear-gradient(145deg, #af7ac5, #4a235a); }
.rank-mk-job-3 { background: linear-gradient(145deg, #f5b041, #9a5b0a); }
.rank-mk-job-4 { background: linear-gradient(145deg, #85c1e9, #1b4f72); }
.rank-mk-job-5 { background: linear-gradient(145deg, #7dcea0, #145a32); }
.rank-mk-job-6 { background: linear-gradient(145deg, #bb8fce, #512e5f); }
.rank-mk-job-7 { background: linear-gradient(145deg, #f8c471, #7d6608); }

/* MarkMt2 oyuncu listesi — içerik alanı: podyum yatay, tablo sütunları çakışmasın */
.rank-markmt2-page .rank-mark-inner {
	max-width: 496px;
	margin: 0 auto;
}

.rank-markmt2-page .rank-mk-section-title {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 2px 10px;
	border-bottom: 1px solid rgba(60, 30, 10, 0.25);
}

.rank-markmt2-page .rank-mk-gem {
	width: 18px;
	height: 18px;
	border-radius: 4px;
	background: radial-gradient(circle at 35% 30%, #ffdf7a 0%, #c9a227 55%, #6b4e0f 100%);
	border: 1px solid rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
	flex: 0 0 auto;
}

.rank-markmt2-page .rank-mk-h2 {
	font-size: 18px;
	font-weight: 800;
	color: #2a1204;
	letter-spacing: 0.03em;
}

.rank-markmt2-page .rank-mk-h3 {
	font-size: 15px;
	font-weight: 800;
	color: #2a1204;
	letter-spacing: 0.02em;
}

.rank-markmt2-page .rank-mk-tabs {
	display: flex;
	gap: 10px;
	margin: 10px 0 6px;
}

.rank-markmt2-page .rank-mk-bossbar {
	margin: 6px 0 14px;
	padding: 8px 10px;
	background: rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(60, 30, 10, 0.25);
	border-radius: 6px;
	color: #2a1204;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.35;
	text-align: center;
	letter-spacing: 0.01em;
}
.rank-markmt2-page .rank-mk-bossbar .rank-mk-boss {
	display: inline-block;
	padding: 0 2px;
}
.rank-markmt2-page .rank-mk-bossbar .rank-mk-sep {
	display: inline-block;
	margin: 0 6px;
	opacity: 0.6;
}
.rank-markmt2-page .rank-mk-bossbar .rank-mk-boss:hover {
	text-decoration: underline;
}

.rank-markmt2-page .rank-mk-tab {
	flex: 1 1 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 38px;
	padding: 0 10px;
	font-size: 13px;
	font-weight: 800;
	color: #f7e6c7;
	text-decoration: none;
	background: linear-gradient(180deg, #6f1111 0%, #3b0a0a 100%);
	border: 2px solid #c9a227;
	border-radius: 6px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 2px 10px rgba(0, 0, 0, 0.35);
	text-shadow: 0 1px 2px #000;
}

.rank-markmt2-page .rank-mk-tab:hover {
	background: linear-gradient(180deg, #851717 0%, #4a0d0d 100%);
	color: #fff;
}

.rank-markmt2-page .rank-mk-tab-active {
	background: linear-gradient(180deg, #9b2020 0%, #5a1010 100%);
	box-shadow: 0 0 0 2px rgba(201, 162, 39, 0.45), 0 2px 12px rgba(0, 0, 0, 0.45);
}

.rank-markmt2-page .rank-mk-tab-ico {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.18);
}

.rank-markmt2-page .rank-mk-podium {
	display: flex !important;
	flex-flow: row nowrap !important;
	justify-content: center !important;
	align-items: flex-end !important;
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
	clear: both;
	padding: 14px 2px 20px !important;
	gap: 10px !important;
}

.rank-markmt2-page .rank-mk-card {
	flex: 0 0 auto !important;
	float: none !important;
	clear: none !important;
	width: 122px !important;
	box-sizing: border-box !important;
}

.rank-markmt2-page .rank-mk-slot-first {
	width: 138px !important;
}

.rank-markmt2-page .rank-mk-card {
	background: linear-gradient(180deg, #6b1515 0%, #3b0a0a 100%) !important;
	border: 2px solid #8b6914 !important;
	border-radius: 10px !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 8px 18px rgba(0, 0, 0, 0.45) !important;
}

.rank-markmt2-page .rank-mk-slot-first {
	border-color: #c9a227 !important;
	box-shadow: 0 0 16px rgba(201, 162, 39, 0.25), 0 10px 22px rgba(0, 0, 0, 0.5) !important;
}

.rank-markmt2-page .rank-mk-badge {
	border-color: #f0d080 !important;
}

.rank-markmt2-page .inner-content .ranked-player-table.rank-mk-table {
	table-layout: fixed !important;
	width: 100% !important;
	min-width: 0;
}

.rank-markmt2-page .ranked-player-table {
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 2px solid #8b6914 !important;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

.rank-markmt2-page .ranked-player-table thead th {
	background: linear-gradient(180deg, #6f1111 0%, #3b0a0a 100%) !important;
	color: #f7e6c7 !important;
	text-shadow: 0 1px 2px #000 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.rank-markmt2-page .ranked-player-table tbody tr:nth-child(odd) td {
	background: rgba(0, 0, 0, 0.03) !important;
}

.rank-markmt2-page .ranked-player-table tbody tr:hover td {
	background: rgba(201, 162, 39, 0.10) !important;
}

.rank-markmt2-page .rank-mk-card {
	transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}
.rank-markmt2-page .rank-mk-card:hover {
	transform: translateY(-2px);
	filter: brightness(1.03);
}
.rank-markmt2-page .rank-mk-name {
	transition: color 0.12s ease;
}
.rank-markmt2-page .rank-mk-name:hover {
	color: #ffd080;
}

.rank-markmt2-page .ranked-player-table thead th,
.rank-markmt2-page .ranked-player-table tbody td {
	padding: 10px 6px !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	vertical-align: middle !important;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.rank-markmt2-page .ranked-player-table thead th {
	white-space: normal !important;
	text-align: center !important;
}

.rank-markmt2-page .ranked-player-table .col-num {
	width: 7% !important;
	min-width: 40px !important;
}

.rank-markmt2-page .ranked-player-table .col-name {
	width: 24% !important;
	min-width: 80px !important;
	text-align: left !important;
}

.rank-markmt2-page .ranked-player-table .col-level {
	width: 8% !important;
	min-width: 44px !important;
}

.rank-markmt2-page .ranked-player-table .col-flag {
	width: 11% !important;
	min-width: 40px !important;
	text-align: center !important;
}

.rank-markmt2-page .ranked-player-table .col-class {
	width: 9% !important;
	min-width: 40px !important;
}

.rank-markmt2-page .ranked-player-table .col-exp {
	width: 23% !important;
	min-width: 72px !important;
}

.rank-markmt2-page .ranked-player-table .col-hours {
	width: 18% !important;
	min-width: 52px !important;
}

.rank-markmt2-page .ranked-player-table .col-name a {
	text-decoration: none !important;
	border-bottom: none !important;
	display: inline;
}

.rank-markmt2-page .ranked-player-table .col-name a:hover {
	text-decoration: underline !important;
}

.rank-markmt2-page .rank-mk-table-wrap {
	margin-left: -4px;
	margin-right: -4px;
	padding: 0 2px;
}

/* İndirme sayfası tablosu – aynı tema stili, 5 sütun */
.download-table .col-num {
	width: 6%;
	min-width: 44px;
}

.download-table .col-name {
	width: 28%;
	min-width: 100px;
}

.download-table .col-level {
	width: 12%;
	min-width: 60px;
}

.download-table .col-flag {
	width: 24%;
	min-width: 80px;
	text-align: center;
}

.download-table .col-flag img {
	max-width: 70px;
	height: auto;
	border-radius: 3px;
	border: 1px solid rgba(80, 60, 30, 0.8);
}

.download-table .col-playtime {
	width: 18%;
	min-width: 80px;
	text-align: center;
}

.download-table .download-link-btn {
	display: inline-block;
	padding: 6px 14px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: linear-gradient(180deg, #6b1818 0%, #5a1212 100%);
	border: 1px solid #8b2020;
	border-radius: 4px;
	text-decoration: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.download-table .download-link-btn:hover {
	background: linear-gradient(180deg, #8b2020 0%, #6b1818 100%);
	color: #fff;
	text-decoration: none;
	border-color: #a02828;
}

/* ========== Mobile responsive – orijinal tasarım korunur ========== */
@media (max-width: 920px) {
	html {
		min-width: 0;
	}

	body {
		min-width: 0;
	}

	.header-wrapper {
		min-width: 0;
		height: auto;
		min-height: 200px;
		background-size: auto 100%;
	}

	#header {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 180px;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.logo {
		left: 50%;
		margin-left: -99px;
	}

	.header-box {
		top: 70px;
		width: 90%;
		max-width: 534px;
	}

	#userBox {
		margin: 100px auto 0;
		padding: 15px 10px 0;
		width: 100%;
		max-width: 100%;
	}

	.header-box-login #userBox {
		margin: 0;
		padding: 12px 15px;
	}

	#regBtn {
		width: 100%;
		padding: 12px 15px;
	}

	#regBtn a#toReg {
		font-size: 18px;
	}

	#regSteps span {
		font-size: 11px;
		margin: 0 8px;
	}

	.container-wrapper {
		padding-bottom: 80px;
	}

	.container {
		width: 100%;
		max-width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.col-1,
	.col-2,
	.col-3 {
		float: none;
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 15px auto 0;
	}

	.col-1 {
		margin-top: 20px;
	}

	.col-2 {
		margin-left: 0;
		margin-top: 10px;
		width: 100%;
	}

	.col-3 {
		margin: 10px auto 0;
	}

	.two-boxes {
		width: 100%;
		max-width: 506px;
		margin: 0 auto;
	}

	.content {
		width: 100%;
		max-width: 507px;
		margin: 0 auto;
	}

	.content .content-bg-bottom {
		width: 100%;
		max-width: 496px;
		box-sizing: border-box;
	}

	.modul-box {
		width: 100%;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}

	.col-1 .modul-box,
	.col-3 .modul-box {
		margin-left: auto;
		margin-right: auto;
	}

	.boxes-top,
	.boxes-middle,
	.boxes-bottom {
		width: 100%;
		max-width: 157px;
		margin-left: auto;
		margin-right: auto;
		background-size: 100% auto;
	}

	.col-3 .boxes-top {
		max-width: 157px;
	}

	.main-nav li a,
	.modul-box h3 {
		width: 100%;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	.form-login {
		width: 100%;
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
	}

	.form-login .input,
	.form-login .input input {
		width: 100%;
		max-width: 265px;
		box-sizing: border-box;
	}

	#footer {
		width: 100%;
		max-width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	#footer ul {
		width: 100%;
		max-width: 585px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	#footer ul li.first {
		width: 100%;
		max-width: 565px;
	}

	.gameforge4d {
		margin-left: auto;
		margin-right: auto;
	}

	.header-box-nav-login {
		justify-content: center;
		margin-left: 0 !important;
	}

	.nav-box-btn {
		margin: 4px;
	}
}

@media (max-width: 600px) {
	.header-wrapper {
		min-height: 160px;
	}

	.logo {
		background-size: contain;
		width: 160px;
		margin-left: -80px;
		height: 50px;
	}

	#regBtn a#toReg {
		font-size: 16px;
		height: auto;
		line-height: 1.3;
		padding: 12px 15px;
	}

	#regSteps span {
		display: block;
		margin: 5px 0;
	}

	.container {
		padding: 0 8px;
	}

	.col-1,
	.col-2,
	.col-3 {
		margin-top: 12px;
	}

	.inner-content {
		margin-left: 10px;
		margin-right: 10px;
	}

	.form-login {
		max-width: 100%;
	}

	.btn-login {
		width: 100% !important;
		max-width: 140px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	.download-btn {
		margin: 8px auto;
		display: block;
	}

	.box h2,
	.content h2 {
		padding-left: 20px;
		font-size: 13px;
	}

	.content .content-bg-bottom {
		padding-left: 8px;
	}

	.distribute-content .distribute-box {
		width: 100%;
		max-width: 458px;
		margin-left: auto;
		margin-right: auto;
	}

	.distribute-content .distribute-box .distribute-item {
		padding-left: 8px;
	}

	.inner-form-border {
		width: 100%;
		max-width: 430px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	.ranked-player-table .col-num,
	.ranked-player-table .col-name,
	.ranked-player-table .col-level,
	.ranked-player-table .col-guild,
	.ranked-player-table .col-playtime,
	.ranked-player-table .col-flag,
	.ranked-player-table .col-class,
	.ranked-player-table .col-exp,
	.ranked-player-table .col-hours {
		display: block;
		width: 100%;
		min-width: 0;
		text-align: left;
		padding: 4px 8px;
	}

	/* MarkMt2 sıralama: mobilde tablo satırı bozulmasın — yatay kaydır */
	.rank-markmt2-page .ranked-player-table .col-num,
	.rank-markmt2-page .ranked-player-table .col-name,
	.rank-markmt2-page .ranked-player-table .col-level,
	.rank-markmt2-page .ranked-player-table .col-guild,
	.rank-markmt2-page .ranked-player-table .col-playtime,
	.rank-markmt2-page .ranked-player-table .col-flag,
	.rank-markmt2-page .ranked-player-table .col-class,
	.rank-markmt2-page .ranked-player-table .col-exp,
	.rank-markmt2-page .ranked-player-table .col-hours {
		display: table-cell !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 8px 6px !important;
		font-size: 11px !important;
		vertical-align: middle !important;
	}

	.rank-markmt2-page .ranked-player-table tr {
		display: table-row !important;
	}

	.rank-markmt2-page .rank-mk-podium {
		flex-wrap: wrap !important;
		justify-content: center !important;
	}

	.rank-markmt2-page .rank-mk-table-wrap .ranked-player-table {
		min-width: 500px;
	}

	.rank-mt2-player-mark #guildHighscore table.rank-mt2-guild-table {
		min-width: 480px;
	}
	.rank-mt2-player-mark #guildHighscore .ranks-inner-content {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.rank-mk-podium {
		gap: 8px;
	}
	.rank-mk-card,
	.rank-mk-slot-first {
		width: 108px;
		padding: 14px 8px 10px;
	}
	.rank-mk-slot-first .rank-mk-avatar {
		width: 64px;
		height: 64px;
		font-size: 24px;
	}
	.rank-mk-avatar {
		width: 56px;
		height: 56px;
		font-size: 20px;
	}

	.ranked-player-table tr {
		display: block;
		border-bottom: 1px solid rgba(184, 152, 80, 0.3);
	}

	.ranked-player-table td {
		display: block;
	}

	.ranked-guild-table .col-num,
	.ranked-guild-table .col-name,
	.ranked-guild-table .col-level,
	.ranked-guild-table .col-guild {
		display: block;
		width: 100%;
		min-width: 0;
		padding: 4px 8px;
	}

	.ranked-guild-table tr {
		display: block;
	}

	.ranked-guild-table td {
		display: block;
	}

	.download-table .col-num,
	.download-table .col-name,
	.download-table .col-level,
	.download-table .col-flag,
	.download-table .col-playtime {
		display: block;
		width: 100%;
		min-width: 0;
		padding: 4px 8px;
	}

	.download-table tr {
		display: block;
	}

	.download-table td {
		display: block;
	}

	.download-table .download-link-btn {
		margin: 4px 0;
	}

	.screenshots li {
		margin: 4px;
	}
}

@media (max-width: 400px) {
	.logo {
		width: 140px;
		margin-left: -70px;
	}

	#regBtn a#toReg {
		font-size: 14px;
	}

	.main-nav li a,
	.modul-box h3 {
		font-size: 11px;
	}

	.header-box-nav-login .nav-box-btn {
		width: auto;
		min-width: 80px;
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* =====================================================================
   HAMBURGER MENU – metin2orjinal tema
   - Masaüstünde (>920px) gizlidir, mobilde görünür
   - .nav-open class'ı JS tarafından eklenir/çıkarılır
   ===================================================================== */

/* Hamburger buton – masaüstünde gizli */
.mobile-nav-toggle {
	display: none;
}

/* Hamburger ikonun çubukları */
.hamburger-bar {
	display: block;
	width: 24px;
	height: 3px;
	background: #fef6aa;
	border-radius: 2px;
	margin: 4px auto;
	transition: all 0.3s ease;
}

/* =====================================================================
   ULTIMATE PRO AESTHETIC (V5) – metin2orjinal Tema
   - Sitenin orijinal açık renkli parşömen arkaplanı korunur.
   - Masaüstündeki kırmızı "Hemen Oyna" alanı, "İndir" butonu ve Footer ortalı.
   - [Yeni] Cam efekti (Glassmorphism), milimetrik mikro-boşluklar, dokunmatik
     geri bildirim (active/focus stateleri) ve sinematik tipografi eklendi.
   ===================================================================== */

@media (max-width: 920px) {

	html,
	body {
		min-width: 0 !important;
	}

	body {
		background: #000 url(../img/container-bg.jpg) repeat-y 50% 0 !important;
		color: #2b1706 !important;
		/* Daha okunaklı, tok koyu kahve (Pro) */
	}

	/* ── Ultimate Hamburger Nav (Ahşap & Cam Efekti) ── */
	.mobile-nav-toggle {
		display: block;
		width: 100%;
		background: linear-gradient(180deg, #5c4125 0%, #3a2613 100%) !important;
		border: 1px solid #755535;
		border-radius: 4px;
		cursor: pointer;
		padding: 12px 0;
		text-align: center;
		z-index: 100;
		margin-bottom: 15px;
		/* Daha rahat boşluk */
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1);
		transition: all 0.2s ease;
	}

	.mobile-nav-toggle:active {
		transform: translateY(2px);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	}

	.hamburger-bar {
		background: #fceea1 !important;
		height: 3px !important;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	}

	#mainNavList {
		display: none;
		margin: 0 0 25px;
		padding: 10px;
		list-style: none;
		background: rgba(230, 211, 168, 0.95);
		/* Yarı saydam parşömen */
		backdrop-filter: blur(8px);
		/* Pro Cam Efekti */
		-webkit-backdrop-filter: blur(8px);
		border: 1px solid #b59f77;
		border-top: 2px solid #cebaa0;
		/* Işık vuruyormuş gibi */
		border-radius: 8px;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
	}

	#mainNavList.nav-open {
		display: block;
		animation: fadeInDown 0.3s ease-out;
	}

	@keyframes fadeInDown {
		from {
			opacity: 0;
			transform: translateY(-10px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	#mainNavList li a {
		background: transparent !important;
		border: none !important;
		border-bottom: 1px solid rgba(181, 159, 119, 0.3) !important;
		color: #3b2512 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		border-radius: 0;
		height: 44px;
		/* Dokunmatik alan büyüdü */
		line-height: 44px;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 0.5px;
		text-align: center !important;
		transition: background 0.2s;
		position: relative !important;
		padding-left: 34px !important;
		padding-right: 34px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	#mainNavList li a .nav-txt {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	#mainNavList li a > i {
		position: absolute !important;
		left: 20px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		color: #5c4125 !important;
		filter: none !important;
		font-size: 15px !important;
		width: 20px !important;
		text-align: center !important;
		line-height: 1 !important;
		pointer-events: none;
	}

	#mainNavList li a:active > i.fas,
	#mainNavList li a:active > i.far,
	#mainNavList li a:active > i.fab {
		color: #3d2a14 !important;
	}

	#mainNavList li a:active {
		background: rgba(0, 0, 0, 0.05) !important;
		color: #5a1212 !important;
	}

	#mainNavList li:last-child a {
		border-bottom: none !important;
	}

	/* ── Header & Logo (Boşlukları Sıfırlama) ── */
	.header-wrapper, .top {
		background-size: cover !important;
		background-position: center top !important;
		height: auto !important;
		min-height: 180px;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	#header {
		width: 100% !important;
		height: auto !important;
		padding: 0 !important;
		margin-top: 0 !important;
	}

	.logo {
		display: block !important;
		position: relative !important;
		left: auto !important;
		top: 0 !important;
		margin: 0px auto 25px !important; /* Üst boşluk sıfırlandı */
		background-size: contain !important;
		width: 200px !important;
		height: 60px !important;
		filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.5));
	}

	.header-box {
		position: relative !important;
		width: 100% !important;
		left: auto !important;
		top: 0 !important;
		transform: none !important;
		margin: 0 auto !important;
	}
	
	/* ── Sıralama: Giriş Yap Kutusunu İstatistiklerin Üstüne Alma (Flexbox Order) ── */
	.col-3 {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* Giriş ve İstatistik modüllerinin sırasını belirleme */
	.col-3 .modul-box:has(#loginBox), 
	.col-3 .modul-box:has(form[action*="login"]),
	.col-3 .modul-box:nth-child(1) { /* Şifremi Unuttum vb. varsa */
		order: 1 !important; 
	}
	.col-3 .modul-box:has(.server-stats),
	.col-3 .modul-box:nth-child(2) { /* Sunucu İstatistikleri */
		order: 2 !important; 
	}
	
	/* ── KART TASARIMI: Modülleri ve Oyunu İndir'i Ayırma ── */
	.modul-box, .modul-box-2, .content, .distribute-box {
		/* Arkaplandan hafif koparak profesyonel kart hissi yaratır */
		background: rgba(255, 245, 225, 0.45) !important; 
		backdrop-filter: blur(4px) !important;
		-webkit-backdrop-filter: blur(4px) !important;
		border: 1px solid rgba(139, 101, 60, 0.4) !important; /* İnce kahve/altın çerçeve */
		border-top: 1px solid rgba(255, 255, 255, 0.5) !important; /* Üst kısmın hafif parlaması */
		border-bottom: 2px solid rgba(90, 50, 20, 0.3) !important; /* Yumuşak alt gölge */
		border-radius: 12px !important; /* Modern, yumuşak köşeler */
		box-shadow: 0 6px 15px rgba(0,0,0,0.1) !important; /* Profesyonel derinlik/gölge */
		
		/* Sayfa kenarlarına yapışmaması için genişlik kısıldı */
		width: 92% !important; 
		max-width: 100% !important;
		box-sizing: border-box !important;
		
		/* Modüller arası belirgin ayırıcı boşluk */
		margin: 45px auto 25px auto !important; 
		
		/* İçeriğin nefes alması için üstten daha fazla (başlık ofseti) iç boşluk */
		padding: 35px 15px 20px 15px !important; 
		min-height: 0 !important;
		text-align: center !important;
		position: relative !important;
	}
	.modul-box-bg, .modul-box-bg-bottom, .content-bg, .content-bg-bottom { 
		background: none !important; 
		padding: 0 !important; 
		min-height: 0 !important; 
		border: none !important; 
		box-shadow: none !important; 
	}
	.boxes-top, .boxes-middle, .boxes-bottom { display: none !important; }

	/* ── HEMEN OYNA (KIRMIZI ALAN - Premium Şövalye Kurdelesi) ── */
	#regBtn {
		background: url(../img/content-bg.jpg) center center !important;
		background-size: cover !important;
		border: 2px solid #3a0a0a !important;
		border-top: 2px solid #7a1a1a !important;
		/* Işık vuran üst kenar */
		border-radius: 6px !important;
		box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.9), 0 6px 15px rgba(0, 0, 0, 0.6) !important;
		width: 94% !important;
		margin: 25px auto !important;
		padding: 30px 15px !important;
		/* Daha dolgun */
		text-align: center !important;
		box-sizing: border-box !important;
	}

	/* ── HABERLER / ETKİNLİKLER Taşma ve Çizgi (Overflow & HR) Düzeltmeleri ── */
	.shadow, .shadow-line, .two-boxes { display: none !important; } /* Uzun çizgileri ve gölge kutularını mobilde gizle */
	
	.news-box {
		width: 100% !important;
		height: auto !important;
		background: none !important;
		padding: 10px 0 !important;
	}
	.news-box ul { margin: 0 !important; }
	.news-box ul li {
		background-position: 0 4px !important;
		border-bottom: 1px solid rgba(139, 101, 60, 0.2);
		margin-bottom: 8px;
	}
	
	/* TABLOLAR (Etkinlik Listesi) Yatay Kaydırma (Overflow-X) */
	.table-responsive, table {
		display: block !important;
		max-width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap !important;
	}

	/* ── Gelişmiş Premium Input / Form Alanları (Background Cover Hatası Fix) ── */
	#content input[type="text"], #content input[type="password"], #content input[type="email"], #content input[type="number"], #content input[type="tel"], #content select, .content input[type="text"], .content input[type="password"], .content input[type="email"], .content input[type="number"], .content input[type="tel"], .content select, form input[type="text"], form input[type="password"], form input[type="email"], form input[type="number"], form input[type="tel"], form select, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], select {
		width: 100% !important;
		max-width: 300px !important;
		height: 40px !important;
		margin: 5px auto 10px auto !important;
		display: block !important;
		padding: 10px 15px !important;
		border: 1px solid #7a502c !important;
		border-radius: 6px !important;
		background: #fdf6e3 !important; /* Resim yerine saf, modern premium renk */
		background-image: none !important; /* Cover deformasyonunu önlemek için */
		box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5) !important;
		color: #3b2818 !important;
		font-size: 14px !important;
		transition: all 0.3s ease !important;
	}
	.input input:focus {
		border-color: #d6b86e !important;
		box-shadow: 0 0 8px rgba(214, 184, 110, 0.8), inset 0 2px 4px rgba(0,0,0,0.1) !important;
		outline: none !important;
		background: #ffffff !important;
	}

	/* ── Tıklanabilir Şık Premium Butonlar ── */
	.btn-login, .button, .btn:not(.download-btn) {
		width: 100% !important;
		max-width: 280px !important;
		height: 44px !important;
		display: block !important;
		margin: 10px auto !important;
		background: linear-gradient(to bottom, #75502f 0%, #4a2e15 100%) !important;
		color: #f7e6c1 !important;
		border: 1px solid #8e6840 !important;
		border-bottom: 2px solid #29180b !important;
		border-radius: 6px !important;
		font-size: 15px !important;
		font-weight: bold !important;
		text-transform: uppercase !important;
		letter-spacing: 1px !important;
		text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
		box-shadow: 0 4px 6px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2) !important;
		cursor: pointer !important;
		transition: all 0.1s ease-in-out !important;
	}
	.btn-login:active, .button:active, .btn:not(.download-btn):active {
		transform: scale(0.96) translateY(2px) !important;
		box-shadow: 0 0 15px rgba(214, 184, 110, 0.6), inset 0 3px 6px rgba(0,0,0,0.6) !important;
		border-bottom-width: 1px !important;
	}

	.col-3 .form-score-table-wrap a.button.btn-login.linkRank-btn {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		float: none !important;
		width: auto !important;
		min-width: 140px !important;
		max-width: 220px !important;
		height: 40px !important;
		margin: 12px auto !important;
		padding: 0 18px !important;
		text-transform: none !important;
		letter-spacing: 0 !important;
		font-size: 13px !important;
		line-height: 1.2 !important;
		box-sizing: border-box !important;
	}

	/* ── Footer Uyarlaması ── */
	.footer-wrapper {
		background: url('../img/footer-bg.gif') no-repeat center top !important;
		background-size: cover !important; /* Ahşap doku tam otursun */
		padding: 40px 10px 20px 10px !important;
		margin-top: 30px !important;
		width: 100% !important;
		text-align: center !important;
	}
	#footer ul {
		background: none !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	#footer ul li {
		display: block !important;
		background: none !important;
		padding: 8px 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
		width: 100% !important;
	}
	#footer ul li.first {
		width: 100% !important;
		margin-bottom: 15px !important;
		border-bottom: none !important;
	}
	#footer ul li a {
		font-size: 13px !important;
		letter-spacing: 0.5px !important;
	}
	#userBox {
		background: transparent !important;
		border: none !important;
		width: 100% !important;
		margin: 0 auto !important;
		padding: 10px 15px !important;
		text-align: center !important;
	}

	#regBtn a#toReg {
		color: #fceea1 !important;
		text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(252, 238, 161, 0.4) !important;
		/* Altın parlama */
		font-size: 19px !important;
		letter-spacing: 0.5px;
		display: block !important;
		text-align: center !important;
		margin: 0 auto !important;
		width: 100% !important;
		transition: all 0.2s;
	}

	#regBtn a#toReg:active {
		transform: scale(0.98);
		text-shadow: 0px 1px 2px #000 !important;
	}

	/* ── OYUNU İNDİR YAZISI & ARKA PLANI ── */
	.modul-box-2 {
		text-align: center !important;
	}

	.modul-box-2 .main-nav {
		display: flex !important;
		justify-content: center !important;
		padding: 0 !important;
		margin: 0 auto 15px auto !important;
		width: 100% !important;
	}

	.modul-box-2 .main-nav li {
		display: inline-block !important;
		margin: 0 auto !important;
		text-align: center !important;
	}

	/* ── MASAÜSTÜ İNDİR GÖRSELİ (Dokunmatik Efektli) ── */
	a.download-btn {
		background: transparent url(../img/nav-download-btn.jpg) no-repeat center center !important;
		background-size: contain !important;
		width: 150px !important;
		/* Bir tık daha büyük */
		height: 78px !important;
		margin: 15px auto 25px auto !important;
		padding: 0 !important;
		border: none !important;
		box-shadow: none !important;
		display: block !important;
		float: none !important;
		transition: transform 0.15s ease;
		filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.5));
	}

	a.download-btn:active {
		transform: scale(0.95);
		filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.5));
	}

	/* ── BAŞLIKLAR (Klasik) Sadece İlk Başlık Ribbon Olacak ── */
	.modul-box h3:not(:first-of-type),
	.content h2:not(:first-of-type):not(.index-spotlight-heading):not(.index-news-heading) {
		position: relative !important;
		top: 0 !important;
		transform: none !important;
		width: 100% !important;
		background: none !important;
		border: none !important;
		box-shadow: none !important;
		color: #5c4125 !important;
		text-shadow: none !important;
		font-size: 16px !important;
		padding: 10px 0 !important;
		margin-top: 15px !important;
		border-bottom: 1px solid rgba(139, 101, 60, 0.3) !important;
		text-align: left !important;
	}

	/* ── Başlıklar (Kurdele / Rozet Tasarımı İlk Başlıklar) ve Oyunu İndir başlığı ── */
	.modul-box h3:first-of-type,
	.index-news-section > .content-bg-bottom > h2.index-news-heading,
	.modul-box-2 .main-nav li a {
		background: linear-gradient(180deg, #5c4125 0%, #3a2613 100%) !important;
		border: 1px solid #755535 !important;
		border-top: 1px solid #946f48 !important;
		/* Üstten ışık vurması */
		color: #fceea1 !important;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
		/* Derinlik */

		/* Kartın üstünden taşarak (Pop-out) kurdele gibi durması için */
		position: absolute !important;
		top: -20px !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 85% !important;

		margin: 0 !important;
		border-radius: 6px !important;
		padding: 12px 10px !important;
		font-size: 14px !important;
		letter-spacing: 1px !important;
		/* Sinematik harf aralığı */
		text-transform: uppercase;
		text-align: center !important;
		height: auto !important;
		line-height: normal !important;
		display: block !important;
		z-index: 10 !important;
		text-decoration: none !important; /* Link çizgisi kalmasın */
	}

	/* Anasayfa vitrin: Haberler ile aynı heading-3 şeridi (mobil kuralları ezmek için) */
	.content .index-spotlight-panel__head h2.index-spotlight-heading {
		background: url(../img/heading-3.jpg) no-repeat !important;
		color: #7b1300 !important;
		font-size: 14px !important;
		font-weight: bold !important;
		line-height: 17px !important;
		margin: 0 !important;
		margin-top: 0 !important;
		padding: 7px 0 7px 33px !important;
		position: static !important;
		transform: none !important;
		left: auto !important;
		top: auto !important;
		width: auto !important;
		border: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
		border-radius: 0 !important;
		text-align: left !important;
		text-transform: none !important;
		letter-spacing: normal !important;
		height: auto !important;
		display: block !important;
		z-index: auto !important;
		background-size: 100% 100% !important;
		background-position: left top !important;
	}

	/* ── GİRİŞ YAPMIŞ KULLANICI (User Panel) DÜZELTMELERİ ── */
	    .header-box-login {
        display: block !important;
        margin: 10px auto !important;
        width: 100% !important;
        background: none !important;
        margin-top: 22% !important;
    }
	#userBox {
		background: transparent !important;
		border: none !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		height: auto !important;
	}
	.header-box-nav-login {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: stretch !important;
		align-items: stretch !important;
		gap: 6px !important;
		padding: 8px 6px 10px !important;
		background: rgba(30, 10, 5, 0.8) !important;
		border: 1px solid #5a1d12 !important;
		border-radius: 6px !important;
		margin: 0 auto !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	.header-box-login .header-box-nav-login .stepdown {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		display: block !important;
	}
	.header-box-login .nav-box-btn {
		background: linear-gradient(to bottom, #75502f 0%, #4a2e15 100%) !important;
		background-image: none !important;
		border: 1px solid #8e6840 !important;
		color: #f7e6c1 !important;
		border-radius: 4px !important;
		padding: 8px 4px !important;
		font-size: 9px !important;
		font-weight: bold !important;
		text-transform: uppercase !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 38px !important;
		height: auto !important;
		line-height: 1.15 !important;
		text-align: center !important;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.8) !important;
		box-shadow: 0 2px 4px rgba(0,0,0,0.4) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 1 1 0px !important;
		position: static !important;
		text-indent: 0 !important;
		float: none !important;
		white-space: normal !important;
		word-break: break-word !important;
		box-sizing: border-box !important;
	}
	.header-box-login .nav-box-btn:active {
		transform: scale(0.95) !important;
		background: #3a2110 !important;
	}
	/* TL yükleme uzun etiket */
	.header-box-login .nav-box-btn.fcoin-label {
		text-indent: 0 !important;
		color: #f7e6c1 !important;
		font-size: 10px !important;
		letter-spacing: 0.2px !important;
		white-space: normal !important;
		overflow: visible !important;
	}

	/* ── Layout Akışı ── */
	.container-wrapper {
		padding-bottom: 30px !important;
	}

	.container {
		width: 100% !important;
		padding: 0 10px !important;
		box-sizing: border-box !important;
	}

	/* Pro: Daha güvenli kenarlar */
	.col-1,
	.col-2,
	.col-3 {
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
		text-align: center !important;
	}

	.inner-content {
		margin: 0 auto !important;
		width: 100% !important;
		text-align: center !important;
	}

	/* ── Açık Temaya Uygun Formlar (Parlayan Inputlar) ── */
	.form-login {
		text-align: center !important;
	}

	.form-login .input input,
	.input input {
		background-color: #fcf8ee !important;
		/* Daha temiz beyaz/krem */
		border: 1px solid #b59f77 !important;
		border-top: 1px solid #8c7855 !important;
		/* İç gölge efekti */
		color: #2b1706 !important;
		font-size: 16px !important;
		height: 48px !important;
		/* Dokunmatik standart: 48px */
		border-radius: 6px !important;
		box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
		margin: 0 auto 12px auto !important;
		text-align: center !important;
		transition: all 0.3s ease;
		width: 95% !important;
		/* Hafif nefes payı */
		max-width: 100% !important;
	}

	.form-login .input input:focus,
	.input input:focus {
		border-color: #d6b86e !important;
		box-shadow: 0 0 8px rgba(214, 184, 110, 0.6), inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;
		/* Altın parlama */
		outline: none !important;
	}

	/* ── Premium Tıklanabilir Butonlar ── */
	.btn-login,
	.button,
	.btn:not(.download-btn) {
		background: linear-gradient(180deg, #7c5934 0%, #4a3520 100%) !important;
		border: 1px solid #5a3f24 !important;
		border-top: 1px solid #a3794b !important;
		/* Üst ışık */
		color: #fceea1 !important;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		height: 50px !important;
		/* Geniş dokunmatik alan */
		line-height: 50px !important;
		border-radius: 6px !important;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
		margin: 15px auto !important;
		display: block !important;
		float: none !important;
		width: 95% !important;
		transition: all 0.15s ease;
	}

	.btn-login:active,
	.button:active,
	.btn:not(.download-btn):active {
		transform: translateY(2px);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
		background: linear-gradient(180deg, #4a3520 0%, #352516 100%) !important;
	}

	.form-login label {
		color: #58220e !important;
		font-size: 13px !important;
		font-weight: bold;
		display: block !important;
		text-align: center !important;
		margin-bottom: 6px !important;
	}

	/* ── Footer Görseli (Blend Modu ile Yumuşatma) ── */
	.footer-wrapper {
		background: url(../img/footer-bg.gif) no-repeat top center !important;
		background-size: cover !important;
		height: auto !important;
		min-height: 180px !important;
		padding: 60px 0 40px !important;
		/* Daha dolgun görünüm */
		margin: 0 !important;
		text-align: center !important;
		position: relative;
	}

	#footer ul {
		background: transparent !important;
		border: none !important;
		border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
		/* Çizgi tahtaya uyumlu */
		box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) !important;
		/* Kabartma çizgisi */
		padding: 20px 0 0 0 !important;
		width: 100% !important;
		margin: 0 auto !important;
	}

	#footer ul li {
		display: block !important;
		border: none !important;
		padding: 8px 0 !important;
		text-align: center !important;
	}

	#footer ul li a {
		color: #d1b896 !important;
		/* Footerda daha açık sarı-kahve iyi okunur */
		font-size: 14px !important;
		letter-spacing: 0.5px;
		text-shadow: 1px 1px 2px #000;
	}

	.gameforge4d {
		transform: scale(0.95);
		margin: 15px auto !important;
		display: inline-block !important;
		filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
	}
}

@media (max-width: 480px) {
	.logo {
		width: 170px !important;
	}

	.nav-box-btn {
		width: 48% !important;
		margin: 1% !important;
		font-size: 11px !important;
		padding: 10px 0 !important;
	}
}

/* —— Dil seçici: kompakt yatay kutu (~170×42) —— */
.lang-switch-rail {
	position: fixed;
	top: 92px;
	right: 10px;
	z-index: 99999;
	display: inline-flex;
	flex-direction: row;
	align-items: stretch;
	gap: 0;
	width: auto;
	min-width: 0;
	max-width: calc(100vw - 20px);
	height: 42px;
	padding: 0;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background: #1e1e1e;
	border: 1px solid #3a3a3a;
	border-radius: 5px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.lang-switch-rail__btn {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex: 0 0 auto;
	min-width: 72px;
	padding: 0 10px;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none !important;
	border: none !important;
	border-radius: 0 !important;
	color: #e8e8e8 !important;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.04em;
	text-shadow: none;
	background: transparent;
	transition: background 0.12s ease;
	-webkit-tap-highlight-color: transparent;
}

.lang-switch-rail__btn + .lang-switch-rail__btn {
	border-left: 1px solid #3a3a3a !important;
}

.lang-switch-rail__btn:link,
.lang-switch-rail__btn:visited {
	color: #e8e8e8 !important;
	text-decoration: none !important;
}

.lang-switch-rail__btn:hover,
.lang-switch-rail__btn:focus {
	color: #fff !important;
	text-decoration: none !important;
	background: #2a2a2a;
	outline: none;
}

.lang-switch-rail__btn:focus-visible {
	box-shadow: inset 0 0 0 2px rgba(99, 179, 99, 0.5);
}

/* Seçili dil: yeşil vurgu */
.lang-switch-rail__btn.is-active {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.07);
	box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.3);
}

.lang-switch-rail__btn.is-active .lang-switch-rail__flag {
	box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.55);
}

.lang-switch-rail__flag {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 15px;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.1);
	flex-shrink: 0;
}

.lang-switch-rail__flag img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lang-switch-rail__txt {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
}

@media (max-width: 600px) {
	.lang-switch-rail {
		top: auto;
		bottom: 10px;
		right: 10px;
		height: 38px;
	}

	.lang-switch-rail__btn {
		min-width: 64px;
		padding: 0 8px;
		gap: 5px;
		font-size: 11px;
	}
}

/* —— Anasayfa destek özeti + Destek sayfası —— */
.index-ticket-stats-hint {
	font-size: 12px;
	color: rgba(80, 52, 30, 0.85);
	text-align: center;
	margin: 0 0 14px;
}
.index-ticket-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	align-items: stretch;
	margin: 0 0 8px;
}
.index-ticket-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 140px;
	padding: 14px 18px;
	border-radius: 10px;
	text-decoration: none !important;
	color: #3d2814 !important;
	border: 1px solid rgba(123, 63, 0, 0.35);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.index-ticket-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}
.index-ticket-card--pending {
	background: linear-gradient(180deg, #fff8e8 0%, #f0e0c8 100%);
}
.index-ticket-card--answered {
	background: linear-gradient(180deg, #e8fff0 0%, #c8e8d8 100%);
}
.index-ticket-card--closed {
	background: linear-gradient(180deg, #f0f0f0 0%, #d8d8d8 100%);
}
.index-ticket-card__label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	opacity: 0.9;
}
.index-ticket-card__num {
	font-size: 28px;
	font-weight: 800;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1.1;
	margin-top: 6px;
}

.destek-page .destek-intro {
	text-align: center;
	font-size: 13px;
	color: rgba(80, 52, 30, 0.9);
	margin: 0 0 12px;
}
.destek-my-tickets-wrap {
	text-align: center;
	margin: 0 0 18px;
}
.destek-my-tickets-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.destek-alert {
	text-align: center;
	padding: 10px 14px;
	border-radius: 8px;
	max-width: 520px;
	margin: 0 auto 14px;
	font-size: 13px;
}
.destek-alert--err {
	background: rgba(180, 40, 40, 0.12);
	color: #6a1515;
	border: 1px solid rgba(160, 40, 40, 0.35);
}
.destek-alert--ok {
	background: rgba(40, 120, 60, 0.12);
	color: #1e4d2a;
	border: 1px solid rgba(40, 120, 60, 0.35);
}
.destek-form-border {
	max-width: 560px;
	margin: 0 auto;
}
.destek-form .form-item label {
	display: block;
	margin-bottom: 6px;
	font-weight: 700;
	font-size: 13px;
}
.destek-form select,
.destek-form textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	font-size: 14px;
	border: 1px solid rgba(123, 63, 0, 0.45);
	border-radius: 6px;
	background: #fffef8;
}
.destek-form textarea {
	min-height: 180px;
	resize: vertical;
}
.destek-submit-wrap {
	text-align: center;
	margin-top: 8px;
}
@media (max-width: 520px) {
	.index-ticket-stats {
		flex-direction: column;
		align-items: center;
	}
	.index-ticket-card {
		width: 100%;
		max-width: 280px;
	}
}