.topRightMenu li a.active {color: #333;}


.vinfo {margin: 0 10px 10px; border: 1px solid #AAA; float: left;}
.vinfo tbody tr td {border: 1px solid #fff; padding: 2px 6px; background: #eee;}
.photo {float: left; margin: 0 10px;}

p {margin: 0;}
/*input[type="text"], input[type="button"] {padding: 4px; width: 300px; letter-spacing: 1px; font-size: 1.2em;}*/

#team_set input, #team_form input {width: auto; margin: 0 8px 0 0;}
#result {margin: 0 0 0 10px;}

fieldset {border: 1px solid #ccc; padding: 10px!important; border-radius: 3px;}
fieldset legend {color: #999; font-size: 0.9em; margin: -2px 0 1px -3px;}
.full_pl {width: 100%;}
.full_pl td {padding: 2px 2px 2px 10px; border: 1px solid #fff;}
.full_pl td {}
.full_pl td.acenter {color: #AAA; letter-spacing: 1px; font-size: 0.9em;}
.full_pl td.aright {font-weight: 500; color: #666; font-size: 13px; font-family: Verdana;}
.full_pl td.aleft {font-size: 13px; font-family: Verdana;}
.full_pl td.aleft small {font-size: 11px; vertical-align: top;}
.full_pl img.prIco {margin: 0 2px -3px 0;}

.row5 {background-color: #F0F0F0;}
.statusOn {margin: 0 0 -4px 0;}

#global_set input {padding: 4px; letter-spacing: 1px; font-size: 1.2em; width: auto!important;}
#global_set label {float: none!important;}

.u_Block {margin: 0 15px 15px;}
.u_Errors {margin: 15px;}
.u_Errors li {color: #FF0000!important;}


/* history */
.dateLine {border-bottom: 1px dotted #CCC; padding: 0; color: #999; letter-spacing: 1px;}
.oneEvent {margin: 6px 4px; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; min-height: 50px; background: #EFEFEF;
		  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);}
.oneEvent a.team img {margin: 0!important; padding: 4px;}
.oneEvent p a.team img {margin: 1px 2px!important; padding: 1px;}
.oneEvent div.infoEvent {margin: 0 0 0 10px;}
div.infoEvent p b {font-family: Verdana; letter-spacing: 1px;}
.eventIco {float: left; margin: 3px 0 0 3px;}
.eventIco_2 {float: left; margin: 27px 0 0 -16px;}
.eventIco_3 {margin: 0 0 -3px 4px;}
.moveIco {float: right; margin: 17px 12px;}
.countryIco img {-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
float: right; margin: 17px 17px 0 0;}

.m_max {color: #64B813!important;}
.m_mid2 {color: #222;}
.m_mid {color: #FCBC3B!important;}
.m_min {color: #FF0000!important;}

.ffBIco {margin: 0 0 -4px 2px!important;}
.nxResults a.res_W, .nxResults a.res_D, .nxResults a.res_L {width: 21px; height: 21px; display: inline-block; text-align: center; border: 1px dotted #EEE; margin: 0; line-height: 21px; font-family: Verdana; color: #fff;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.nxResults .res_W {background-color: #70D551;}
.nxResults .res_D {background-color: orange;}
.nxResults .res_L {background-color: red;}
.rrValue small {font-size: 0.8em; font-family: Verdana; color: #999;}

.payField {padding: 0;}
.payField ul {width: 600px;}
.payField ul li label {cursor: pointer;}
.payField ul li input {width: auto; display: block; float: left; margin: 4px 6px 0 6px;}
.payField ul li span:last-child {margin-left: 20px;}
.payFieldIco {margin: 0 2px -3px 0; cursor: help;}
.curBal {margin: -26px 10px 0 0;}

.curStatusSer {
    margin: 0;
    border-bottom: 1px dotted #EEE;
}

.currencyIco {margin: 0 0 -6px -10px;}
.currency {color: #333333; font-family: Arial; font-size: 28px; line-height: 32px; margin: 0 0 0 10px;}

.userTransfer {
    clear: both;
    height: 23px;
    border: 1px dotted #ccc;
    padding: 6px 0;
    border-radius: 2px;
    margin: 0 0 8px 0;
}
.addLine {height: 30px; margin: 8px 0 0;}
.TransferForm {margin: 20px 10px 0;}
.teamNM img {
margin: 0 0 -6px !important;
float: none !important;
}

.formResign {margin: 10px 10px 4px;}
.formResign a {}
.re_team {height: 40px; line-height: 40px; margin: 0 0 10px; font-size: 1.4em!important; font-family: Verdana;}
.re_date {}
.re_text {padding: 10px!important; border-left: double #ccc; margin: 10px 0 20px 10px; font-style: italic;}
.re_progress {margin: 0 0 -2px 10px;}
.re_cur_con {margin: 20px 0 10px 0px;}
.re_cur_con img {margin: 0 0 -3px;}

.progress_pay {margin: 8px 10px 0 0;}
.currencyDiv {cursor: pointer;}

.relo_progress {background: none repeat scroll 0 0 #EEEEEE; height: 60px; margin: -46px 0 0 -14px; opacity: 0.9; position: absolute; width: 198px; z-index: 9;
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.relo_progress_img {margin: 9px 0 0 20px; position: absolute; z-index: 999;}

.curMP {margin: 0px 0 -3px 126px;}

.spendLinkGift {font-family: Verdana; font-size: 18px !important; margin: 20px;}
.spendLinkGift img {margin: 0 4px -10px 0;}

/* messages */
.p_comment {border-bottom: 1px solid #EEEEEE; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12); margin: 0 0 10px; min-height: 46px; padding: 0 4px 4px;}
.p_comment:hover {box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);}

.p_stamp {color: #CCCCCC; float: right; font-size: 10px; margin: 0;}
.p_result {margin: 0 4px;}
.p_top_title {font-size: 13px;}
.p_text {display: table-cell; font-size: 13px !important; line-height: 20px; padding: 2px 4px 0 !important;}
.p_loadLink {background: none repeat scroll 0 0 #EEEEEE; border-radius: 4px; display: block; font-family: Verdana; font-size: 1.1em; height: 40px; line-height: 40px; margin: 20px 0 0; text-align: center; width: 100%;}
.nom {margin: 0!important;}
.p_messIco {margin: 0 1px -3px 0px;}

/* notes */
.note {padding: 0 10px 8px!important; width: 738px; margin: 0;}
.note legend {}
.note div {color: #555555; margin: 0 4px;}
.note div img.out_img {max-width: 730px;}
.mt10 {margin-top: 10px;}

.delNote {cursor: pointer; float: right; opacity: 0.1; margin: 4px 0 0 0;}
.delNote:hover {opacity: 1;}

.editNote {cursor: pointer; float: right; opacity: 0.1; margin: 3px 6px 0;}
.editNote:hover {opacity: 1;}

.noteForm {margin: 0;}
.noteForm textarea {margin-bottom: 8px;}

/* ach */
h5.ach_level {border-bottom: 1px dashed #AAAAAA; margin: 0 2px 18px 0; padding: 0 0 0 10px; color: #333333; font-family: Calibri;}
.ach_single {margin: 0 16px; text-align: center;}
.ach_single img {border: 1px solid #EEEEEE; border-radius: 2px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); cursor: help; padding: 4px;}
.ach_single span {border-radius: 2px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.16); display: inline-block; font-family: Calibri, Verdana; font-size: 12px; letter-spacing: 1px; line-height: 12px;
				  padding: 2px; width: 30px; color: #333;}

.ach_profile_wrap {float: right; margin: -52px 0 0 0;}
.Block .ach_profile_wrap p {
    text-align: right;
    padding: 0 10px;
    color: #666;
}
.ach_single_p {margin: 0 4px; text-align: center; float: left;}
.ach_single_p img {border: 1px solid #EEEEEE; border-radius: 2px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); cursor: help; padding: 4px; display: block}
.ach_single_p span {border-radius: 2px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.16); display: inline-block; font-family: Calibri, Verdana; font-size: 12px; letter-spacing: 1px; line-height: 12px;
    padding: 2px; width: 30px; color: #333;}

.ach_active span {color: #64B813!important;}
h5.ach_full {color: #333333; font-family: Calibri; font-size: 18px; letter-spacing: 1px; margin: 30px 10px 10px;}
h5.ach_full span {color: #64B813 !important; font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-left: 6px; text-shadow: 0 0 1px #999999; font-family: Verdana;}

.ach_descr small {margin: 0!important;}
.ach_plus {font-family: Verdana; color: #64B813 !important; font-size: 12px; font-weight: bold; margin: -1px 17px 0 0;}

.he_line {background-color: #F9F9F9;}
.he_line td {border: 1px dashed #dddddd!important;}
.smallTxt_2 {color: #999999; font-size: 10px;}
.pos2 {font-family: Verdana; font-size: 0.8em;}

.natFlag img {cursor: help; float: none; margin: 0 0 -4px 0 !important;}
.nationalFlagUrl img {float: none; margin: 0 0 -4px 0 !important;}
.natFlag_2 img {margin: 3px 2px 0px 0 !important;}
.singleIco img {float: none!important; margin: 0 0 -6px !important;}

/* packages */
.pa_terms {margin: 10px 0 0 2px;}
.pa_descr {border: 1px dashed #CCCCCC; border-radius: 2px; margin: 20px 0 0; padding: 10px;}
.pa_descr > p {padding: 0 0 4px 4px !important;}
.pa_descr p.pa_title {border-bottom: 1px dashed #CCCCCC; margin: 0 0 10px; padding: 0 0 8px 4px !important; line-height: 26px;}

.pa_det_con {margin: 10px 0 0;}
.pa_det_con > p:not(:last-child) {
    margin-bottom: 8px;
}
.pa_target_title {color: #555; padding: 0 !important;}
.pa_target_title img {margin: 0 2px -4px 0;}

.pIco img {margin: 0 0 -3px 2px; cursor: help;}
.mNum {font-family: Trebuchet MS; font-size: 14px; font-weight: bold; letter-spacing: 1px; color: #333;}
.mmNum {font-family: Trebuchet MS; font-size: 12px; font-weight: bold; letter-spacing: 1px; color: #333;}

.m17 {margin-top: 17px;}

/* transfers and rentals */
.descrWord {line-height: 32px; margin: 0px 10px; width: 67px;}

.tc_Country {border: 1px solid #DDD; border-radius: 2px; cursor: help; margin: 3px 4px 0 0;}
.tc_transferDiv {border-bottom: 1px dashed #ddd; height: 40px; padding-bottom: 10px;}
.tc_transferDiv span {color: #555!important;}
.tc_transferDiv p {padding: 0; height: 20px; line-height: 20px;}
.tc_infoLine img {cursor: help; margin: 0 3px -3px 4px;}
.tc_infoLine {margin: 0 0 0 24px!important; width: 694px;}
.tc_genInfo {width: 400px; float: left;}
.tc_goTo {float: left; margin: 3px 0 0 6px; cursor: help;}
.tc_goTo2 {margin: 2px 8px 0 9px; cursor: help;}
.tc_secondDiv {margin: 4px 18px 4px 8px;}
.tc_lineSign img {margin: 0 10px -4px 2px;}
.tc_unlock {opacity: 0.3; cursor: pointer; float: right; margin: -22px 0 0 0;}
.tc_unlock:hover {opacity: 1;}

.tc_lock {cursor: pointer; float: right; margin: -22px 0 0 0;}
.tc_IcoFullPopup {float: right; margin: -22px 22px 0 0; cursor: pointer;}
.tc_IcoFullPopup2 {float: right; margin: -21px 44px 0 0; cursor: pointer;}
.tc_TOtitle {margin: 6px 0 0 10px; font-family: Verdana; font-size: 14px; font-weight: bold;}
.tc_InfoLines {}
.tc_InfoLines p {padding: 2px 0 0 4px !important;}


.valPanel {
	text-align: left;
	line-height: 32px;
	height: 32px;
	margin: 0 0 10px 10px;
}
.valPanel img {
	float: left;
}
.valPanel span.otc {
	font-family: Arial;
	font-size: 22px;
	margin: 0 10px;
	text-shadow: 1px 1px 1px #ddd;
	color: #333;
	display: inline-block;
}

.valPanel span.tip {
	line-height: 32px;
	height: 32px;
	display: inline-block;
	color: #666;
	float: right;
	padding-right: 4px;
}

.extraLink {
    transition: all 0.4s ease-in-out;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    font-family: Arial;
    background-color: rgba(100, 184, 19, 1);
    color: #FFF !important;
    padding: 6px 0 4px;
    border-radius: 4px;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}

.extraLink:hover {
    background-color: rgba(100, 184, 19, 0.8);
}

/* Магазин — кнопка верхнего меню */
.shopLink {
    letter-spacing: 4px;
}

.shopLink img {
    height: 22px;
    vertical-align: middle;
    margin-right: 8px;
}

/* Магазин: каркас */
.shopBalance {
    font-size: 13px;
    color: #555;
}
.shopBalance b {
    color: #64B813;
}
.shopRow {
    display: flex;
    gap: 10px;
}
.shopCard {
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
}
.shopCard--premium {
    flex: 2 1 0;
}
.shopCard--fed {
    flex: 1 1 0;
}
.shopCard--regen {
    margin-top: 12px;
}

/* Федерация: select / input / button во всю ширину карточки */
.shopCard--fed .payField p {
    margin: 0 0 8px;
}
.shopCard--fed select,
.shopCard--fed input.Input,
.shopCard--fed input.Button {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    display: block;
}
.shopCard--fed .curMP {
    display: block;
    margin: 4px 0 0;
    font-size: 12px;
    color: #888;
}

/* Преимущества premium */
.premiumPerks {
    list-style: none;
    margin: 6px 0 12px;
    padding: 0;
}
.premiumPerks li {
    padding: 3px 0 3px 22px;
    background: url('../img_interface/controls/bullet_green.png') no-repeat 0 6px;
}

/* Сетка плашек premium */
.premiumGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.premiumCard {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 18px 6px 10px 12px;
    text-align: center;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    background: #fafafa;
    width: 100%;
    font: inherit;
    color: inherit;
    touch-action: manipulation;
    user-select: none;
    -webkit-tap-highlight-color: rgba(100, 184, 19, 0.2);
}
.premiumCard:focus {
    outline: 2px solid rgba(100, 184, 19, 0.4);
    outline-offset: 2px;
}
.premiumCard:hover {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.premiumCard img {
    height: 32px;
    margin-bottom: 6px;
}
.premiumCard strong {
    display: block;
    font-size: 13px;
    margin-bottom: 4px;
}
.premiumCard .otcPrice {
    display: block;
    color: #64B813;
    font-weight: bold;
    font-size: 16px;
}
.premiumCard .savings {
    display: block;
    font-size: 11px;
    color: #888;
    min-height: 14px;
}
.premiumCard--featured {
    background: rgba(1, 151, 221, 0.25);
}
.premiumCard--featured:hover {
    background: rgba(1, 151, 221, 0.5);
}
.bestBadge {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    background: #64B813;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 0 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: nowrap;
}

/* Блок пополнения баланса */
.deposit-wrapper {
    display: flex;
    flex-direction: column;
}

.deposit-legal {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 0 0;
}

.deposit-legal-xsolla {
    color: #14AC42;
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: bold;
}

.deposit-legal-cards {
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.deposit-legal-cards svg {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 4px 0;
    background-color: #f3f3f3;
}

.deposit-legal-xsolla svg {
    width: 18px;
}

.depositRow {
    display: flex;
    gap: 10px;
}
.depositCard {
    border-radius: 4px;
    padding: 14px 16px;

}
.depositCard:hover {
    box-shadow: 0 2px 6px rgba(1, 151, 221, 0.25);
}
.depositCard strong {
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
}
.depositCard p {
    font-size: 12px;
    color: #666;
    margin: 0 0 10px;
}
.depositCardCta {
    font-weight: bold;
    font-size: 13px;
    transition: color 0.25s ease-in-out;
}
.depositCard--primary {
    color: #ffffff!important;
    flex: 2 1 0;
    background: linear-gradient(135deg, rgba(1, 151, 221, 0.7) 0%, rgba(1, 151, 221, 1) 100%);
    transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out, color 0.25s ease-in-out;
}
.depositCard--primary:hover {

}
.depositCard--primary:hover .depositCardCta {
    color: #ffffff;
}
.depositCard--secondary {
    flex: 1 1 0;
    background: linear-gradient(135deg, rgba(100, 184, 19, 0.12) 0%, rgba(100, 184, 19, 0.28) 100%);
    transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out, color 0.25s ease-in-out;
}
.depositCard--secondary .depositCardCta {
    color: #4d8f0d;
}
.depositCard--secondary:hover {
    color: #ffffff;
    background: linear-gradient(135deg, rgba(100, 184, 19, 0.7) 0%, rgba(100, 184, 19, 1) 100%);
}
.depositCard--secondary:hover .depositCardCta {
    color: #ffffff;
}

.leftPay, .rightPay {
    width: 496px;
}

.leftPay {
    float: left;
}
.rightPay {
    margin-left: 10px;
    margin-right: -20px;
    float: right;
}
.leftPay img, .rightPay img {
    vertical-align: middle;
    margin: -2px 2px 0 2px;
}

.tinkoffSW {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.tinkoffSW > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}
/*
 * Плитка номинала — строкой: картинка слева, тексты справа по левому краю. Раньше была
 * колонкой с min-height 160px, вся сетка занимала 548px, и кнопки оплаты уезжали за
 * нижнюю границу экрана. Высоту теперь задаёт содержимое.
 */
.tinkoffSW > div > div {
    transition: all 0.1s ease-in-out;
    border: 1px solid #c6c6c6;
    background-color: #f9f9f9;
    border-radius: 4px;
    width: 100%;
    text-align: left;
    /*
     * Вертикальный паддинг 12px вместо 8px: плитка становится 90px вместо 82px (+10%),
     * дышит свободнее. Высоту задаёт картинка номинала (64px), её не трогаем — растёт
     * только воздух вокруг.
     */
    padding: 12px 10px;
    position: relative;
    box-sizing: border-box;
}
/*
 * Выделение выбранной плитки — внутренней тенью, а не утолщением рамки. Прежние
 * border-width: 1px 4px забирали лишние 6px ширины, и соседи в ряду прыгали при каждом
 * клике. Тень рисуется поверх фона и на раскладку не влияет вовсе.
 */
.tinkoffSW > div > div.active {
    border-color: #5dbee0;
    box-shadow: inset 3px 0 0 #5dbee0, inset -3px 0 0 #5dbee0;
}

.tinkoffSW > div > div:hover {
    cursor: pointer;
    border-color: #5dbee0;
}
.tinkoffSW > div > div > span {
    display: block;
    font-family: "Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
    color: #939393;
    font-size: 21px;
}
.tinkoffSW > div > div > i, .tinkoffSW > div > div > p {
    color: #939393;
    font-size: 12px;
}

.tinkoffSW .discount {
    position: absolute;
    right: 0;
    top: 10px;
    background-color: #FF9900;
    color: #fff;
    border-radius: 4px 0 0 4px;
    padding: 1px 6px 0;
}
.tinkoffSW .orange .discount {
    background-color: #f29500;
}

.tinkoffResult {
    font-family: "Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
    font-weight: bold;
    color: #7F8C8D;
    font-size: 18px;
    margin-left: 20px;
}
.tinkoffPayWrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
}

/*
 * Блок оплаты выровнен по средней колонке плиток: ряд плиток — flex с gap 10px и тремя
 * равными элементами, поэтому ширина одной колонки = (100% - 20px) / 3. Кнопки банка
 * тянутся на всю ширину родителя, так что ширину им задаёт этот контейнер.
 */
#speedPayWrap {
    width: calc((100% - 20px) / 3);
    margin: 20px auto 0;
}

#speedPayWrap .tinkoffResult {
    margin: 0 0 8px;
    text-align: center;
}

#speedPayHint {
    text-align: center;
    color: #939393;
    font-size: 12px;
    margin-bottom: 8px;
}

/*
 * Пока номинал не выбран, виджет блокирует нажатие через lock(), но выглядит при этом
 * ровно как активный — «жму и ничего не происходит» читается как поломка. Гасим блок сами.
 */
#speedPayWrap.isLocked #speedPayContainer,
#speedPayWrap.isLocked .payCardButton {
    opacity: .35;
    filter: grayscale(1);
    pointer-events: none;
}

/*
 * Кнопка «Оплатить картой» подогнана под кнопки быстрой оплаты Т-Банка: те рисует виджет
 * внутри своего iframe, дотянуться до них стилями нельзя, поэтому равняем нашу по ним —
 * иначе рядом с полноширинными кнопками банка она выглядит случайной. См. bd ot-fenix-erbb.
 */
.payCardButton {
    display: block;
    width: 100%;
    height: 48px;
    margin-top: 8px;
    padding: 0;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    background: #fff;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}

.payCardButton:hover {
    background: #f7f7f7;
    border-color: #d0d0d0;
}

.payCardButton:disabled {
    opacity: .6;
    cursor: default;
}

/* Контейнер кнопок банка: iframe тянется на всю ширину родителя */
#speedPayContainer {
    width: 100%;
}

.check_square {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.check_square img {
    width: 64px;
    flex: 0 0 64px;
    margin: 0;
}
.check_square > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    gap: 4px;
    min-width: 0;
}
.check_square > div p {
    margin: 0;
    padding: 0;
    line-height: 1.15;
}
.check_square .tinkoffRUB {
    color: #b4b4b4;
}
.check_square .tinkoffOTC {
    font-family: "Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
    color: #64B813;
    font-size: 20px;
    font-weight: bold;
}
.check_square .tinkoffOTCTip {
    color: #939393;
    font-size: 11px;
    font-style: italic;
}

/*
 * Плашка скидки — справа в верхней части плитки. Ровно по центру она стояла, пока в плитке
 * были только номинал и цена; после того как у всех пакетов появилась подпись третьей
 * строкой, центр пришёлся ровно на неё и текст уезжал под плашку.
 */
.tinkoffSW .discount {
    top: 25%;
    transform: translateY(-50%);
}

.bgOptions {display: flex}
.bgOptions > label {
    display: block;
    width: 33.33%;
    height: 100px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px;
    cursor: pointer;
}
.bgOptions > label:hover {
    border: 1px solid #64B813;
}
.bgOptions > label:not(:last-child) {
    margin-right: 10px;
}
.bgOptions > label span {
    display: inline-block;
    margin: 6px 0 0 4px;
    line-height: 16px;
    color: #777;
}
.bgOptions > label input {display: block;}
.bgOptions > label.old {background-image: url('../img_interface/backgrounds/bg5.gif')}
.bgOptions > label.simple {background-image: none; background-color: #e9e9e9;}
.bgOptions > label.ot2 {background-image: url('../img_interface/backgrounds/bg_pattern.jpg')}

.achievements--line {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.achievements--line:not(:last-child) {
    margin-bottom: 10px;
}

.achievements--level {
    display: flex;
    flex-direction: column;
}

.achievements__item-empty {
    width: 42px;
}

.package-option img {
    border: 1px dotted #eee;
    cursor: help;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);

    vertical-align: middle;
    height: 20px;
    width: 20px;
}

/* Анкета менеджера */
.flex_row {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-end;
}

.flex_row > div {
    flex: 1;
}

.flex_row > div:not(.editable) input[type="text"] {
    width: calc(100% - 10px);
}

.flex_row > div.editable input[type="text"] {
    width: calc(100% - 40px);
}

.flex_row > div.editable img {
    vertical-align: middle;
    margin: 0 0 0 4px;
    cursor: pointer;
}

.flex_row > div label {
    cursor: pointer;
}

.flex_row > div input[type="radio"] {
    margin: 0 4px;
    vertical-align: middle;
}

.flex_row > div select {
    width: 100%;
}

.choose_avatar {
    border: 1px solid #ccc;
    padding: 14px;
    border-radius: 4px;
    margin: 4px 2px 0;
}

.social_links .social_logo {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    vertical-align: middle;
}

/* Кнопка привязки Яндекс ID. SDK ширину не задаёт — рисует кнопку по контейнеру, поэтому
   без ограничения она растягивается на всю строку. Приводим к ширине соседей: у VK
   OneTap в render width: 184, у Google inline style="width: 184px". */
#link-yandex {
    width: 184px;
}

.formations-grid {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.formations-grid > div {
    flex: 1;
}

/* Подписание клуба с аукциона */
.draft_wrapper-slots {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.draft_team-slot {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.draft_team-slot--description {
    margin-right: auto;
}

.draft_team-slot--country-flag {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    cursor: help;
    margin: 0 0 0 6px;
    vertical-align: middle;
}

.draft_team-slot--zone-logo {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    cursor: help;
    margin: 0 0 0 6px;
    padding: 4px;
    border-radius: 50%;
    vertical-align: middle;
}

/* ===== Скин стадиона в магазине =====
   Только функциональный минимум (защита картинки от разъезда + поведение
   дразнилки). Внешнее оформление карточки — поверх этих классов. */

.skinShop__inner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), var(--skin-bg);
    background-size: 180% auto;
    background-position: 20% 45%;
    background-repeat: no-repeat;
    border-radius: 4px;
    padding: 10px;

    display: flex;
    flex-direction: column;
    gap: 10px;
}

.skinShop__inner:hover .skinShop__buy, .skinShop__inner:hover .skinShop__info {
    background: rgba(255, 255, 255, 0.5);
}

.skinShop__info {
    background: rgba(255, 255, 255, 0.9);
    padding: 12px 16px;
    border-radius: 4px;
    width: 60%;
    min-width: 600px;
    transition: background 0.25s ease-in-out;
}

.skinShop__buy {
    background: rgba(255, 255, 255, 0.9);
    padding: 12px 16px;
    border-radius: 4px;
    width: 60%;
    min-width: 600px;
    transition: background 0.25s ease-in-out;

    display: flex;
    flex-direction: column;
    gap: 10px;
}

.skinShop__media img {
    max-width: 100%;
    height: auto;
}

.skinShop__price {
    display: block;
    color: #64B813;
    font-weight: bold;
    font-size: 16px;
}

.skinShop__countdown {
    color: #FCBC3B;
}

.skinShopState--owned {
    color: #555555;
}

/* Дразнилка-облачко в футере */
.skinTeaser {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    z-index: 9000;
}

.skinTeaser--show {
    display: block;
}

.skinTeaser__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    border: none;
    padding: 8px 14px;
    border-radius: 18px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
    background: linear-gradient(
        100deg,
        #ffffff 0%,
        #ffffff 38%,
        rgba(1, 151, 221, 0.55) 50%,
        #ffffff 62%,
        #ffffff 100%
    );
    background-size: 220% 100%;
    animation: skinTeaserShine 2.4s linear infinite;
}

@keyframes skinTeaserShine {
    0%   { background-position: 120% 0; }
    100% { background-position: -20% 0; }
}

.skinTeaser__ico {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.skinTeaser__text {
    font-weight: bold;
    color: #64B813;
}

.skinTeaser__arrow {
    display: inline-block;
    animation: skinTeaserBounce 1s infinite;
}

.skinTeaser__arrow img {
    display: block;
    transform: rotate(180deg);
}

@keyframes skinTeaserBounce {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(4px); }
}