/*  
Theme Name: ExchangeBoxTheme 2.0
Theme URI: http://best-curs.info.
Description: Шаблон для Exchangebox
Version: 7.0
Author: Best-curs.info
Author URI: http://best-curs.info
*/

*{margin:0;padding:0;}

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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table{
    border-collapse:collapse;
    border-spacing:0; 
    vertical-align: middle;
}

caption,
th,
td {
	/*font-weight: normal;*/
	text-align: left;
	vertical-align: middle;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus,
a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
	height: 100%;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

ins{text-decoration:none;}
del{text-decoration:line-through;}

sup {font-size:.7em;vertical-align: top;}
sub {font-size:.7em;vertical-align: bottom;}
small {font-size: 10px;}
strong,dfn,dl dt,th,b{font-weight:700}

h1, h2, h3, h4, h5, h6{ font-weight: bold;}

select,input,textarea{
padding:0;
margin:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}

button, input[type=submit]{padding:0; margin:0; outline:0; font-size:100%; vertical-align:baseline; -webkit-appearance: none;} 

:focus::-webkit-input-placeholder {color: #111;}
:focus::-moz-placeholder          {color: #111;}
:focus:-moz-placeholder           {color: #111;}
:focus:-ms-input-placeholder      {color: #111;}

a{text-decoration:none; color:#2D303B;}
a:hover{text-decoration: underline;}

body {
    font: 13px/1.5em 'Montserrat', 'Open Sans', sans-serif;
    color: #59788C;
    /*background: linear-gradient(180deg, #10185D 0%, #2E3C8F 100%);*/
    background: url(8764038.jpg);
    background-size: 100%;
}

#container{
width: 100%;
min-width: 1140px;
position: relative;
}

.headline{
background: #ee7c64;
height: 20px;
width: 100%;
min-width: 1000px;
color: #fff;
text-align: center;
}

/* wclose */
.wclosearea{
padding: 5px 0;
background: #e63f3f;
box-shadow: 0 0 5px #000;
}
	.wclosearea_ins{
	width: 960px;
	margin: 0 auto;
	min-height: 20px;
	position: relative;
	}
	.wclosearea_hide{
	position: absolute;
	float: none;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(../images/wclose.png) no-repeat center center;
	border-radius: 3px;
	}
		.wclosearea_hide.active{
		background: #fff url(../images/ajax-loader.gif) no-repeat center center;	
		}
	.wclosearea_text{
	padding: 2px 30px 0 26px;
	background: url(../images/warning.png) no-repeat 0 3px;
	color: #fff;
	font: 13px 'Open Sans', sans-serif;
	text-shadow: 1px 1px 1px #b83232;
	}
		.wclosearea_text a{
		color: #fff;
		text-decoration: underline;
		}
			.wclosearea_text a:hover{
			text-decoration: none;
			} 	
/* end wclose */

/* form formatting */
input[type=text],input[type=email],input[type=password],input[type=tel], input[type=number]{
border: none;
background:#fff;
color: #59788C;
border: 1px solid #DEE6EB;
border-radius: 4px;
box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
height: 50px;
width: 100%;
padding: 0 10px;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
			transition: all 0.3s linear; 
box-sizing: border-box;
    -moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box;
font: 13px/40px 'Montserrat', 'Open Sans', sans-serif;	
}
input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled{
background: #59788C;
color: #fff;
}
textarea{
    font: 13px 'Montserrat', 'Open Sans', sans-serif;
    background: #fff;
    color: #59788C;
    border: 1px solid #DEE6EB;
    border-radius: 4px;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 150px;
    min-height: 150px;
    padding: 15px;
    -webkit-transition: all 0.3s linear;
    	-moz-transition: all 0.3s linear;
    		-o-transition: all 0.3s linear;
    			transition: all 0.3s linear; 
    box-sizing: border-box;
        -moz-box-sizing: border-box; 
    		-webkit-box-sizing: border-box;
}

input[type=text]:focus,input[type=email]:focus,input[type=password]:focus, textarea:focus {
    border: 1px solid #00c063;
}

.err input[type=text],
.err input[type=email],
.err input[type=password], 
.err textarea{
border:1px solid #ff7f66;
color:#ff7f66;
}

select{
background: #fff;
border: 1px solid #DEE6EB;
border-radius: 4px;
box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
width: 200px;
height: 50px;
padding: 9px 10px; 
box-sizing: border-box;
    -moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box;
font: 13px 'Montserrat', 'Open Sans', sans-serif;	
}

input[type=submit]{
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
			transition: all 0.3s linear; 
box-sizing: border-box;
    -moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box;
-webkit-appearance: none;
border: none;
background: linear-gradient(270deg, #DEE6EB 0%, #DEE6EB 100%);
border-radius: 4px;
height: 40px;
font: 700 14px/40px 'Montserrat', 'Open Sans', serif;
/*text-transform: uppercase;*/
color: #2D303B;
padding: 0 30px;
cursor: pointer;
text-decoration: none;
}
	input[type=submit]:hover{
	background: #b4c7bb;
	}
	input[type=submit]:disabled{
	background: #ff7a6d;
	cursor: default;
	color:#fff;
	}
	input[type=submit].rsubmitdel{
	background: salmon;
	}
	input[type=submit].rsubmitdel:hover{background: red;}
 
.checkbox {
    cursor: pointer;
    background: url(../fonts/checkbox.svg) no-repeat 0 1px;
    font: 14px/18px 'Montserrat', 'Open Sans', sans-serif;
    padding: 0px 0 2px 25px;
    margin: 20px 0 0 15px;
}
    .checkbox a {
        text-decoration: underline;
        color: #59788C;
    }
    .checkbox a:hover {
        text-decoration: none;
    }
.checkbox input{
    display: none;
}
.checkbox.act {
    background:url(../fonts/checkbox.svg) no-repeat 0 -183px;
}
/* end form formatting */

.aml_checkbox {
	margin: 0px 0px 20px 10px;
    font-size: 1.1em !important ;
}

/* captcha */
.captchablock{
width: 200px;
margin: 0 0 10px 0;
}
	.captchalabel{
	font-size: 13px;
	font-weight: 600;
	line-height: 13px;
	margin: 0 0 5px 0;
	}
	.captchatext{
	font-size: 11px;
	}	
	.captchline{
	float: left;
	width: 40px;
	height: 40px;
	}
		.captchline img{
		width: 38px;
		height: 38px;
		border: 1px solid #ccc;
		border-radius: 3px;
		}
	.captchznak{
	float: left;
	width: 30px;
	height: 40px;
	text-align: center;
	font-size: 30px;
	line-height: 42px;
	}
	.captchinput input{
	float: left;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 40px;
	padding: 0 10px;
	height: 40px;
	text-align: center;
	background: #fff;
	}
/* end captcha */

/* header */
#header {
position: relative;
z-index: 30;
/*background: #fff;*/
/*padding: 28px 0 28px 0;*/
width: 100%;
min-width: 1000px;
}
	.header {
	width: 1140px;
	margin: 30px auto 40px;
	display: flex;
    justify-content: space-between;
    align-items: center;
	}
	    .header_left {
        display: flex;
        justify-content: space-between;
        align-items: center;
        }
        .header_right {
        display: flex;
        align-items: center;
        }
			.textlogo{
			padding: 0 0 0 70px;
			background: url(../images/dlogo.png) no-repeat 0 3px;
			color: #fff;
			font: 100 40px/40px 'Open Sans', sans-serif;
			}
				.textlogo a, .textlogo a:hover{
				color: #fff;
				text-decoration: none;
				}
			.logodescr{
			padding: 7px 0 0 73px;
			color: #fff;
			font: 12px 'Open Sans', sans-serif;
			}
.toplink {
    display: flex;
    margin: 0 0 0 20px;
}
a.toplink_signin {
    display: block;
    float: none;
    margin: 0 15px 0 0;
    width: 70px;
    height: 40px;
    background: #050C45;
    border: 1.5px solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 36px;
    color: #FFFFFF;
}
a.toplink_signin:hover {
    text-decoration: none;
    background: #2E3C8F;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
a.toplink_signup {
    display: block;
    width: 120px;
    height: 40px;
    margin: 0;
    background: linear-gradient(250.83deg, #DEE6EB 1.32%, #59788C 98.01%);
    border-radius: 4px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    color: #21242E;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4);
}
a.toplink_signup:hover {
    text-decoration: none;
    background: #ACFFC9;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
		/*.head_right{*/
		/*float: right;*/
		/*width: 196px;*/
		/*height: 100px;*/
		/*padding: 15px 0;*/
		/*}*/
			/*.head_righttop{
			padding: 0 0 25px 0;
			}*/
				/*.hicon{*/
				/*color: #fff;*/
				/*font: 14px/27px 'Montserrat', 'Open Sans', sans-serif;*/
				/*height: 27px;*/
				/*padding: 5px 0 0 35px;	*/
				/*float: left;*/
				/*margin: 0 35px 0 0;*/
				/*}*/
				/*	.hicon.icq{*/
				/*	background: url(images/icq.png) no-repeat 0 0;*/
				/*	}*/
				/*	.hicon.skype{*/
				/*	background: url(images/skype.png) no-repeat 0 0;*/
				/*	}*/
				/*	.hicon.telegram{*/
				/*	background: url(images/telegram.svg) no-repeat 0 0;*/
				/*	float: inherit;*/
    /*                margin: 10px 0;*/
				/*	}*/
				/*	.hicon.viber{*/
				/*	background: url(images/viber.png) no-repeat 0 0;*/
				/*	}*/
				/*	.hicon.whatsup{*/
				/*	background: url(images/whatsapp.png) no-repeat 0 0;*/
				/*	}*/
				/*	.hicon.jabber{*/
				/*	background: url(images/jabber.png) no-repeat 0 0;*/
				/*	}		*/
				/*	.hicon.email{*/
				/*	background: url(images/email.svg) no-repeat 0 0;*/
				/*	margin: 0;*/
				/*	}*/
				/*	.hicon a{font:700 13px/16px 'Montserrat', 'Open Sans', sans-serif;}*/
				/*		.hicon a:hover{text-decoration: none;color: #248BC6;}*/
				/*		.telegram a:before{content:'Telegram';display:block;font:500 12px/12px 'Montserrat', 'Open Sans', sans-serif;color:#8D8D8D;margin-bottom:-5px;}*/
				/*		.email a:before{content:'Email';display:block;font:500 12px/12px 'Montserrat', 'Open Sans', sans-serif;color:#8D8D8D;margin-bottom:-5px;}*/
				/*.head_worktime{*/
				/*float: left;*/
				/*width: 220px;*/
				/*padding: 0 20px 0 0;*/
				/*font: 12px 'Open Sans';*/
				/*color: #fff;*/
				/*}*/
				/*.head_phone{*/
				/*float: right;*/
				/*background: url(images/tel.png) no-repeat 0 3px;*/
				/*padding: 0 0 0 25px;*/
				/*font: 26px/26px 'Open Sans';*/
				/*color: #fff;*/
				/*}*/
.header_contacts {
display: flex;
font: 14px 'Montserrat', 'Open Sans', sans-serif;
font-weight: 700;
}
.header_contacts-contact {
display: flex;
align-items: center;
margin: 0 0 0 15px;
}
    .contact_text {
        margin: 0 0 0 7px;
    }
.header_contacts-contact a {
text-decoration: none;
color: #black;
}
.top_rates{
background: #000;
}

    .full {
    display: flex;
    justify-content: center;
    margin: auto 0;
    }
        .top_rates__wrap {
    	display: flex;
    	justify-content: space-between;
    	width: 100%;
    	height: 38px;
        align-items: center;
        color: #074568;
        font: 400 12px 'Montserrat', 'Open Sans';
        }
            .top_rates__item {
            display: flex;
            align-items: center;
            font-weight: 600;
            margin: 0 20px 0 0;
            }
                .top_rates__item img {
                padding: 0 8px 0 0;
                }
                .top_rates__lastitem {
                padding: 0 0 0 5px;
                }
            .top_rates-line {
    	    display: flex;
    	    align-items: center;
    	    height: 38px;
    	    width: 100%;
    	    color: #59788C;
    	    font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
            }
            marquee span {
                margin: 0 10%;
            }
    .top_rates__stub {
    	width: 100%;
    	height: 45px;
    	display: none;
    }
/* end header */

/* top menu */
.topmenu ul {
display: flex;
align-items: center;
justify-content: space-between;
}
.topmenu li{
position: relative;
margin: 0 15px;
}
	.topmenu li a {
	font: 16px 'Montserrat', 'Open Sans', sans-serif;
	color: #black;
	font-weight: 700;
	}
	.topmenu li a:hover {
	text-decoration: none;
	}
	.menu-item-171, .menu-item-342 {
	padding: 8px 10px;
    background: #248BC6;
    border-radius: 5px;
    -webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
			transition: all 0.4s linear; 
	cursor:pointer;
	}
	/*.topmenu li.last_menu_li{margin-left:10px;}*/
		/*.topmenu li.current-menu-item > a{*/
		/*color: #99CFFF;*/
		/*}*/
		.topmenu ul ul{
		position:absolute;
		float:none;
		display:none;
		top: 35px;
		left: 0px;
		background: #99CFFF;
		padding: 10px 0px;
		height: auto;
		width: 220px;
		border-radius: 10px;
		margin: 0;
		box-shadow: none;
		}
			.topmenu ul ul li{
			float:none;
			display:block;
			position:relative;
			height:auto;
			width: 220px;
			padding: 0 5px 0 0;
			margin: 0;
			}
				.topmenu ul ul li > a, .topmenu ul ul li.current-menu-item > a{
				float: none;
				display: block;
				height: auto;
				padding: 7px 30px 7px 30px;
				font: 700 14px 'Open Sans';
				background: none;
				color: #248BC6;
				text-decoration: none;
				border-bottom: none;
				}
					.topmenu ul ul li:hover > a{
					color: #000;
					text-decoration: none;
					background: #248BC6;
					height: auto;
					border-bottom: none;
					}
					.topmenu ul ul ul{position:absolute; display:none; float:none; top: -10px; left: 235px;height:auto; border-left: 1px solid #27b6b5;}
					.topmenu li .menu-item-171 a{color:#000;}
					.topmenu li.current-menu-item > a > span::before, .mobile_menu_ins li.current-menu-item > a > span::before {
                        content: '';
                        display: block;
                        width: 100%;
                        height: 3px;
                        border-radius: 10px;
                        position: absolute;
                        top: calc(100% + 9px);
                        left: -100%;
                        right: -100%;
                        margin: auto;
                        background: #83DDA2;
                        filter: blur(3px);
					}
/* end top menu */

/* content zone */
.content{
width: 1140px;
margin: 0 auto 30px;
position: relative;
z-index: 20;
min-height:calc(100vh - 374px);
}
    .contentzone{
    float: left;
    width: 850px;
    }
	.sidebar{
    float: right;
    width: 260px;
	} 
/* end content zone */

/* page */
.thecontent{
margin: 0 0 30px 0;
background: #F6F8FA;
border-radius: 4px;
padding: 20px;
}
h1.titlepage{
font: 700 14px/26px 'Montserrat', 'Open Sans', sans-serif;
color: #2D303B;
}
	
.text p{padding:0 0 20px 0;}
.text h1{font: 600 18px 'Open Sans'; color:#248BC6; margin:0 0 10px 0;}
.text h2{font: 600 16px 'Open Sans'; color:#248BC6; margin:0 0 10px 0;}
.text h3{font: 600 14px 'Open Sans'; color:#248BC6; margin:0 0 10px 0;}
.text h4{font: 100 13px 'Open Sans'; color:#248BC6; margin:0 0 10px 0;}

.text ul{margin:0 0 20px 20px;}
.text ul ul{margin: 0 0 0px 20px; padding: 10px 0 0 0;}
.text ul li{display:block;background:url(../fonts/wliarr.svg) no-repeat 0 3px;padding:0 0 5px 15px;}
.text ol{list-style-type:decimal;margin:0 0 20px 40px;color:#303030;}
.text ol ol{margin:0 0 0px 40px; padding: 10px 0 10px 0;}
.hometext ul, .fcwidget ul{margin:0 0 10px 20px; padding:10px 0 0 0;}
.hometext ul li, .fcwidget ul li{display:block; background:url(../images/wliarr.png) no-repeat 0 3px;padding:0 0 5px 15px;}
.hometext ol, .fcwidget ol{list-style-type:decimal; margin:0 0 10px 40px;padding:10px 0 0 0;color:#ff7f66;}

.text table{border:none; margin:0 0 20px;}
.text table th{font: 600 18px 'Open Sans';color:#929292;padding: 10px 15px;background:#f5f5f5;text-align:left; border-top: 1px solid #ebebeb;}
.text table td{font: 100 14px 'Open Sans'; padding:10px 15px;text-align:left;}
/* end page */

/* home text */
.hometexttop{
    background:#fff;
    border-radius:4px;
    padding: 25px 30px 5px;
    box-shadow: 0 2px 4px #c4c2c2;
    color:#484747;
    margin: 0 0 30px 0;
}
.hometext {
    background: #F6F8FA;
    border-radius: 4px;
    padding: 15px;
}
.hometext_title{margin:0 0 10px;}
.hometext_title_ins{
font: 700 14px/26px 'Montserrat', 'Open Sans', sans-serif;
color: #2D303B;
}
.hometext p{padding: 0 0 10px 0;}
/* end home text */

/* posts */
.posts{
padding: 10px 0;
border-bottom: 1px solid #DEE6EB;
}
.posts:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
h2.poststitle {
    font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
    margin:0 0 5px 0;
}
	.poststitle a{
	    text-decoration:none;
	    color: #2D303B;
	}
	.poststitle a:hover{
	    text-decoration:underline;
	}
.postsexcerpt{
margin: 0 0 15px 0;
}
.metabox{
font: 12px 'Montserrat', 'Open Sans', sans-serif;
}
.onepostdate{float: left;}

.metaboxleft{
    float:left; 
    padding: 0 0 0 15px; 
    margin: 0 0 0 15px; 
    background: url(../fonts/bo.svg) no-repeat 0 0;
}

a.mores {
    float: right;
    text-align: right; 
    text-decoration: none;
    font: 700 12px 'Montserrat', 'Open Sans', sans-serif;
}
    a.mores:hover {
        color: #2D303B;
        text-decoration:underline;
	}
/* end posts */

/* reviews */
.otzivdiv{ 
margin: 0 0 30px 0;
}
.oneotziv{padding:15px;border-top:1px solid #DEE6EB;}
.oneotziv:last-child {padding: 15px 15px 0;}
.oneotziv:first-child {border-top: none;}
.nootziv{padding:15px 0 15px 15px;border-top:1px solid #DEE6EB;}
.oneotzivleft{float:left;width: 150px;overflow:hidden;}
.oneotzivright{float:left;width: 460px;}
.oneotzivright p{padding:3px 0;}
.oneotdate{color:#59788C;padding:0 0 3px 0;}
.oneotname{color:#59788C;}
/* end reviews */

/* form */
.log_label, .lp_label, .reg_label, .cf_label, .acf_label, .rf_label{
margin: 0;
padding: 0 0 3px;
font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
color: #59788C;
}	
.log_line, .lp_line, .reg_line, .cf_line, .acf_line, .rf_line{
padding: 8px 0;
}	
	.log_line_subm_left, .reg_line_subm_left{
	float: left;
	}
	.log_line_subm_right{
	float: left;
	margin: 0 0 0 20px;
	}
		.log_line_subm_right p{
		padding: 1px 0;
		}
			.reg_line_subm_right{
			float: left;
			margin: 11px 0 0 20px;
			}		
/* end form */

/* contact form */
.cf_div_wrap, .log_div_wrap, .lp_div_wrap, .reg_div_wrap{
margin: 0 0 20px 0;
}
/* end contact form */

/* account */
.accounttitle{
    display: none;
    font: 700 14px 'Montserrat', 'Open Sans', sans-serif;
    margin:0 0 10px 0;
    color: #2D303B;
}
table.aftable{
width: 100%;
border: none;
background: none;
}
table.aftable td.afleft{
width: 100px;
padding: 5px;
border: none;
background: none;
}
table.aftable td.afright{
padding: 5px;
border: none;
background: none;
}
.accounttopblock{
margin: 0 30px 20px 0;
}
.accountwarn{padding:2px 0 0 0;font: 12px 'Open Sans'; color:#e74b4b; display:none;}
.err .accountwarn{display:block;}
/* end account */

/* promo */
#promotopmenu{
margin: 0 0 20px 0;
}
    #promotopmenu ul{
	margin: 0;
	list-style: none;
	padding: 0;
	}
    #promotopmenu li{
	display: inline;
	padding: 0;
	margin: 0 5px 0 0;
	background: none;
	}
	#promotopmenu a{
	margin: 0;
	padding: 0;
	font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
	}
	    #promotopmenu a:hover{
        color: #ff0000;
	    }
	    #promotopmenu li.current a{
	    text-decoration: none;
		color: #248BC6;
	    }
.promotextwarning{
margin: 0 0 20px 0;
}
    .onepromotxt{
	margin: 0 0 10px 0;
	font: italic 600 12px 'Open Sans';
	}
	.onepromotxttext{
	margin: 0 0 30px 0;
	}
	.ptextarea{
	margin: 0;
	padding: 3px 5px;
	background: #fff;
	color: #6d6d6d;
	font: 13px 'Open Sans';
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	width: 100%;
	min-width: 100%;
	max-width: 100%;	
    height: 50px;
	box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
	}
	    .onepromotxttext .ptextarea{ height: 100px; }
	textarea.ptextareaus{
	margin: 0 0 20px 0;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
    height: 80px;
	min-height: 80px;
	/*background: #e8f0fe;*/
    border-radius: 10px;
    /*border: 2px solid #e4e4e4;*/
	}		
#promomenu{
margin: 0 0 20px 0;
}
    #promomenu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	}
    #promomenu ul li{
	display: inline;
	margin: 0 5px;
	padding: 0;
	background: none;
	}
	#promomenu ul li a{
	position: relative;
	margin: 0;
    border-bottom: 1px dotted #248BC6;
    color: #248BC6;
	text-decoration: none;
	}
	#promomenu ul li a:hover{
	position: relative;
	margin: 0;
    border-bottom: 1px dotted #99CFFF;
    color: #99CFFF;
	text-decoration: none;
	}
	#promomenu ul li.act a{
	position: relative;
	margin: 0;
    border-bottom: none;
    color: #99CFFF;
	text-decoration: none;
	}
	.pbcontainer{
	display: none;
	}
	    .pbcontainer.act{
		display: block;
		}
		.prevbanner{
		margin: 0 0 5px 0;
		}
		.bannerboxone{
		margin: 0 0 20px 0;
		}	
        .bannerboxlink{
        margin: 0 0 5px 0;
        }
		.bannerboxlink a{
	    position: relative;
	    margin: 0;
        border-bottom: 1px dotted #248BC6;
        color: #248BC6;
	    text-decoration: none;		
		}
	    .bannerboxlink a.act{
	    position: relative;
	    margin: 0;
        border-bottom: 1px dotted #248BC6;
        color: #248BC6;
	    font-weight: bold;
	    text-decoration: none;
	    }			
	    .bannerboxlink a:hover, .bannerboxlink a.act:hover{
	    position: relative;
	    margin: 0;
        border-bottom: 1px dotted #99CFFF;
        color: #99CFFF;
	    text-decoration: none;
	    }
	.bannerboxone textarea{
	display: none;
    height: 100px;
	min-height: 100px;
	}		
/* end promo */

/* userobmen */
.usstatdivvn{
    background: #fff;
    color: #59788C;
    border: 1px solid #DEE6EB;
    border-radius: 4px;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
    width: 350px;
    margin: 20px 0 30px 0;
    padding: 15px;
}
table.usstattable{
border: none;
width: 100%;
}
table.usstattable tr {
    border-bottom: 1px solid #DEE6EB;
}
table.usstattable tr:last-child {
    border-bottom: none;
}
table.usstattable th{padding:5px 0;text-align:left;background:none;color:#000;}
table.usstattable td{padding:5px 0;text-align:right;background:none; color: #000;}
.usobmendivvn {
    background: #fff;
    color: #59788C;
    border: 1px solid #DEE6EB;
    border-radius: 4px;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
}
    table.usobmentable {
        width: 100%;
    }
table.usobmentable  th{
    font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
    padding: 10px 5px;
    text-align:center;
    border-bottom: 1px solid #DEE6EB;
}
table.usobmentable tr {
    border-bottom: 1px solid #DEE6EB;
}
table.usobmentable tr:last-child {
    border-bottom: none;
}
table.usobmentable td{
    padding: 10px 0;
    text-align: center;
}
table.usobmentable td.noitems{
text-align: center;
font: 700 12px 'Montserrat', 'Open Sans', sans-serif;
}
/*table.usobmentable .first {*/
/*border-radius: 5px 0 0 5px;*/
/*}*/
/*table.usobmentable .last {*/
/*border-radius: 0 5px 5px 0;*/
/*}*/
a.uostat{
text-decoration: none;
color: #248BC6;
}
a.uostat:hover{
text-decoration: underline;
}
a.uostat.bt_success {color: #67BF7E;}
a.uostat.bt_delete, a.uostat.bt_error {color: salmon;}
/* end userobmen */

/* partnerstats */
.stattablediv{
overflow: hidden;
margin:0 30px 30px 0;
float: left;
}
.stattabledivvn{
padding: 15px;
border-radius: 4px;
border: 1px solid #DEE6EB;
background: #fff;
box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
float: left;
margin: 20px 0;
}
table.stattable{
border: none;
}
table.stattable tr {
    border-bottom: 1px solid #DEE6EB;
}
table.stattable tr:last-child {
    border-bottom: none;
}
table.stattable th{padding:5px 0;text-align:left;background:none;color:#000;}
table.stattable td{padding:5px 0;text-align:right;background:none; color: #000;}

.statuserdiv{
overflow: hidden;
margin: 20px 0;	
}
.statuserdivvn{
float: left;		
padding: 15px;
border-radius: 4px;
border: 1px solid #DEE6EB;
background: #fff;
box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);	
}
table.statusertable{
border:none;
}
table.statusertable tr {border-bottom: 1px solid #DEE6EB;}
table.statusertable tr:first-child, table.statusertable tr:last-child  {border-bottom: none;}
table.statusertable th{
    font: 14px 'Montserrat', 'Open Sans', sans-serif;
    color: #000;
    padding: 5px 0;
    text-align:left;
}
table.statusertable td {
    font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
    padding: 10px 0;
    color: #000;
    text-align:left;
}
table.statusertable td.stusright{
    text-align: right;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    padding: 0 0 0 50px;
}
.promouserdiv h3{
font: 700 14px 'Montserrat', 'Open Sans', sans-serif;
margin:0 0 10px 0;
color: #2D303B;
}
.promouserdiv h4{
font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
margin:0 0 10px 0;
color: #2D303B;
}
.promouserdiv p{
padding:0 0 20px 0;
}
/* end partnerstats */

/* payments */
.payments_minitext{
margin: 0 0 10px 0;
padding: 10px 0;
}
    .paymin{
	color: #ff0000;
	font-weight: bold;
	}
	.exbpayform{
	margin: 0 0 20px 0;
	display: flex;
	}
	.exbpayformvn {
        background: #fff;
        border: 1px solid #DEE6EB;
        border-radius: 4px;
        box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
        padding: 15px;
	}
	.paydiv {
        background: #fff;
        border: 1px solid #DEE6EB;
        border-radius: 4px;
        box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);	
	}
	/*table.exbpaytable{*/
	/*border: 2px solid #e4e4e4;*/
	/*border-radius: 10px;*/
	/*padding: 10px;*/
	/*border-collapse: separate;*/
	/*width: 100%;*/
	/*}*/
	    table.exbpaytable  td{
		vertical-align: top;
		padding: 5px 5px;
		border: none;
		}
		.ptlabel{
		padding: 10px 0 0 0;
		}
		.ptschet{
		padding: 10px 0 0 0;
		}
		    .ptschet input{
			width: 200px;
			}
			td.ptwebmoney{
			width: 240px;
			}
.paytable_title{
font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
margin: 0 0 15px 0;
color: #2D303B;
}			

table.paytablearchive {border:none; width: 100%;}
table.paytablearchive  th{
    font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
    padding: 10px 0;
    text-align:center;
    border-bottom: 1px solid #DEE6EB;
}
table.paytablearchive td{font: 100 12px 'Montserrat', 'Open Sans', sans-serif; padding:10px 0;text-align:center; border-bottom: 1px solid #DEE6EB;}
table.paytablearchive td:last-child {border-bottom: none;}
table.paytablearchive td.noitems{
text-align: center;
font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
}
.ptvaluts{ font-weight: bold; }
/*table.paytablearchive .first {border-radius:5px 0 0 5px;}*/
/*table.paytablearchive .pthstatus {border-radius:0 5px 5px 0;}*/
/* end payments */

/* sitemap */
.sitemapblock {
    border: 1px solid #DEE6EB;
    border-radius: 4px;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
    background: #fff;
    margin: 0 0 20px;
}
.sitemapblock:first-child {margin: 20px 0;}
.sitemapblock:last-child {margin: 0;}
.sitemaptitle{
    font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
    float: left;
    margin:0 0 15px 0;
    color: #2D303B;
}
.sitemapblockvn{
    padding: 15px;
}
ul.smap li {
    display:block;
    background:url(../fonts/wliarr.svg) no-repeat 0 3px;
    padding:0 0 5px 15px;
}
.sitemapleft{float:left;width:300px;overflow:hidden;}
.sitemapright{float:left;width:300px;overflow:hidden;}
/* end sitemap */

/* tarifs */
.javahref{
    cursor:pointer;
    color: #2D303B;
    border-bottom: 1px solid #DEE6EB;
}
.javahref:last-child {border-bottom: none;}
.javahref:hover {
    text-decoration: underline;
}
.tariftitle{
font: 700 14px 'Montserrat', 'Open Sans', sans-serif;
float: left;
width: 100%;
padding: 10px 0px;
text-align: center;
border-bottom: 1px solid #DEE6EB;
}
.tarifbl{
    margin: 0 0 50px 0;
    border-radius: 4px;
    border: 1px solid #DEE6EB;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
    background: #fff;
}

table.tariftable {
    width: 100%;
}

table.tariftable  th{font: 700 13px 'Montserrat', 'Open Sans', sans-serif;padding: 10px 0 0 10px;text-align:left;}

table.tariftable td{font: 700 13px 'Montserrat', 'Open Sans', sans-serif; padding: 7px 0;text-align:left;}

table.tariftable td.tacursotd{
padding: 0 0 0 10px;
}
table.tariftable td.tavnstr{
width: 20px;
}
table.tariftable td.tarezervs{
padding: 0 0 0 10px;
}
.tavnstr div{
width: 20px;
height: 30px;
background: url(../fonts/wliarr.svg) no-repeat center center;
}
.obmenline{display:flex;align-items: center;overflow:hidden;text-decoration:none;}
.obmenlineico{width: 40px; height: 40px;}
.obmenlinetext{float:left;font: 700 13px 'Montserrat', 'Open Sans', sans-serif; padding: 0 0 0 10px;}
/* end tarifs */

/* home */
.homeobmentable{
display: flex;
justify-content: space-between;
background: #fff;
border-radius: 4px;
margin: 0 0 30px;
}
	.lefthomecol{
	background: #F6F8FA;
	width: calc(40% - 30px);
	padding: 15px;
	height: 100%;
	border-radius: 4px 0 0 4px;
	}
	.righthomecol{
	width: 65%;
	padding: 15px;
	height: 100%;
	}
		.widgethometitle, .widgethometitle2 {
		color: #2D303B;
		border-bottom: 1px solid #DEE6EB;
		}
			.widt, .widt1, .widt2 {
			font: 700 14px/17px 'Montserrat', 'Open Sans', sans-serif;
			padding: 10px 0;
			}
			.widt1{
			float:left;
			}
			.widt2{
			float:right;
			width: 50%;
			}
	.onehline{
	position: relative;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #DEE6EB;
    padding: 5px 0;
	}
	.onehlinelem{
	cursor: pointer;
	padding: 5px;
	}
	.onehlinelem:hover{
	background: linear-gradient(270deg, #DEE6EB 0%, #F0E68C 100%);
	border-radius: 5px;
	color: #000;
	padding: 5px;
    -webkit-transition: background-color .4s linear;
    -o-transition: background-color .4s linear;
    transition: background-color .4s linear;
	}
		.onehline.last{
		border: none;
		margin-bottom: -10px;
		}
		.onehlineico{
		position: relative;
		height: 40px;
		width: 40px;
		overflow: hidden;
		float:left;
		margin: 0;
        border-radius: 20px;
		}
		.onehlinetext{
		padding-left: 10px;
		position: relative;
		float:left;
		font: 14px/40px 'Montserrat', 'Open-Sans', sans-serif;
		}
		.onehline.act .onehlinelem{
			background: linear-gradient(270deg, #DEE6EB 0%, #F0E68C 100%);
			border-radius: 5px;
			color: #000;
			padding: 5px;
			}
			/*.onehline:hover{*/
			/*background:#248BC6;*/
			/*border-radius:5px*/
			/*}*/
			/*.onehline.act{*/
			/*background:#248BC6;*/
			/*border-radius:5px;*/
			/*}*/
			/*.onehline:hover .onehlinetext, .onehline.act .onehlinetext{*/
			/*color:#000;*/
			/*}*/
	.onehrinelem{
	padding: 5px 0;
    border-bottom: 1px solid #DEE6EB;
	}
	.onehrine.last{
	border: none;
	margin-bottom: -5px;
	}
	    /*.onehrine_el {padding: 5px;}*/
	    .onehrine_el a {
        color: #111;
        display: flex;
        padding: 5px;
        justify-content: flex-start;
        width: calc(100% - 10px);
        cursor:pointer;
        border-radius:5px;
        -webkit-transition: background-color .4s linear;
        -o-transition: background-color .4s linear;
        transition: background-color .4s linear;
	    }
		.onehrineico{
        height:40px;
        width:40px;
        overflow:hidden;
        float:left;
        margin:0;
		}
		.onehrinetext{
        padding-left: 10px;
        float:left;
        font: 14px/40px 'Montserrat', 'Open Sans', sans-serif;
        width: calc(50% - 50px);
		}
		.onehrinerezerv{
        position: relative;
        float:right;
        width: 50%;
        font: 14px/40px 'Montserrat', 'Open Sans',sans-serif;
        display: flex;
        align-items: center;
		}
      /*      .onehrine_el:hover, .onehrine_el.active{*/
      /*      cursor:pointer;*/
      /*      background:#248BC6;*/
      /*      border-radius:5px;*/
      /*      -webkit-transition: background-color .4s linear;*/
      /*      -o-transition: background-color .4s linear;*/
      /*      transition: background-color .4s linear;*/
		    /*}*/
		    /*.onehrine_el a:hover{color: #fff;}*/
		    /*.onehrine_el a:hover .onehrinerezerv{color: #fff;}*/
		    /*.onehrine_el a {*/
		    /*    color: #99CFFF;*/
		    /*}*/
            .onehrine_el a:hover {
            background: linear-gradient(270deg, #DEE6EB 0%, #F0E68C 100%);
            color: #000;
            text-decoration: none;
		    }
 /*   .onehrinelem {*/
 /*   padding: 5px 0;*/
 /*   border-bottom: 1px solid #0A0021;*/
 /*   }*/
	/*.onehrine_el {*/
	/*padding: 5px;*/
	/*}*/
	/*a.onehrine{*/
	/*padding: 4px 0 4px 10px;*/
	/*display:block;*/
	/*cursor:pointer;*/
	/*text-decoration:none;*/
	/*overflow: hidden;*/
	/*color: #d2d2d2;*/
	/*}*/
	/*	a.onehrine.last{*/
	/*	border: none;*/
	/*	margin-bottom: -10px;*/
	/*	}*/
	/*	a.onehrine:hover, a.onehrine.active{background:#248BC6;border-radius:5px;}*/
	/*	.onehrineico{height:40px;width:40px;overflow:hidden;float:left;margin:0;border-radius: 20px;}*/
	/*	.onehrinetext{padding-left: 10px; float:left; width: 180px; font: 700 13px/40px 'Montserrat', 'Open Sans', sans-serif;}*/
	/*	.onehrinerezerv{position: relative; padding: 5px 0; margin: -5px 0; float:right;width:35%;font: 700 14px/40px 'Montserrat', 'Open Sans', sans-serif;color:#248BC6;}*/
	/*		a.onehrine.active .onehrinetext, a.onehrine:hover .onehrinetext{*/
	/*		color: white;*/
	/*		}*/
	/*		a.onehrine.active .onehrinerezerv, a.onehrine:hover .onehrinerezerv{*/
	/*		color: white;*/
	/*		}*/
.zaprosvalutrelvn{
display: none;
position: absolute;
float: none;
right: 10px;
font: 14px/26px 'Montserrat', 'Open Sans', sans-serif;
color: #fff;
background: #050C45;
border: 1.5px solid rgba(255, 255, 255, 0.3);
padding: 0 13px;
border-radius: 4px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
	.zaprosvalutrelvn:hover{
        background: #2E3C8F;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
	}	
.onehrine:hover .zaprosvalutrelvn{ display: block; }
.tabhome{display:none;}
.tabhome.act{display:block;}
/* end home */

/* widget obmen */
.widgetobmen{
margin: 0 0 30px 0;
background: #fff;
border-radius: 4px;
box-shadow: 0 2px 4px #c4c2c2;
padding: 25px 30px 15px;
}
	.widgetobmentitle{
	margin: -25px -30px 10px;
	padding: 20px 30px;
	font: 600 18px/20px 'Open Sans';
	color: #929292;
	border-bottom: 1px solid #ebebeb;
	}
	.wopredblock{
	background: #f5f5f5; margin: -10px -30px 10px; padding: 10px 30px;
	}
		.wopredtext{font: 100 11px 'Open Sans';}
			.wopred{ font:14px 'Open Sans';  padding: 0 0 10px 30px; background: url(../images/vopr.png) no-repeat 0 0;}

	.woblock{
	padding: 0;
	}
		.wotitle{color:#929292; font: 600 18px 'Open Sans'; margin:0 0 10px;}

	.parenttool{
	position: relative;	
	}		
		.wowarnerr{color: salmon; font: 12px 'Montserrat', 'Open Sans', sans-serif; display: none; padding: 0 0 0 2px;}
			.err .wowarnerr{display: block; }	
		
	.wolineinput{ padding: 0px 0 10px 0;}		
		
	.wosummtitle{font:12px 'Open Sans'; margin:0 0 4px 0;}
	.wosumline{padding:0 0 10px 0;}
		.wosumline.err { padding: 0 0 15px 0; }	
	.wosumminput{float:left;width:90px;padding:2px 0 2px 0;}
		.wosumminput input{ width: 80px; }
	.wosummnazv{float:left;width:100px;padding:13px 0 0 0;font: 600 13px 'Open Sans';overflow:hidden;}	
	.wvalname{
	font-weight: bold;
	}
	.wosummopis{float:left;width:100px; font: 100 10px/11px 'Open Sans'; padding:2px 0 0 0;overflow:hidden; color: #929292;}
	.woschettitle{font:13px 'Open Sans';margin:0 0 2px 0;} 
	.wosubmit input{
	display: block;
	margin: 0 auto;
	}
/* end widget obmen */

/* obmen */
.xchangestep1title, .xchangestep2title, .xchangestep3title{
    font: 700 16px/26px 'Montserrat', 'Open Sans', sans-serif;
    color: #2D303B;
}
	.biginfo{
	    margin: 20px 0;
        color: salmon;
        border: 1px solid #DEE6EB;
        background: url(../fonts/lamp.svg) no-repeat 15px 15px;
        padding: 15px;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
	}
		.binfotitle{
            margin:0 0 5px 25px;
            padding: 5px 0 0;
            font-weight: 700;
		}
		.biginfo p{padding:5px 0;}
	#naprtext2 {
        background: #F6F8FA;
        border-radius: 4px;
	}
	.fcwidget{
	padding: 20px;
	}
		.fcwidgetvn{padding:0 0 20px 0;}
			.fcwtitle{margin:0 0 20px 0;}
				.fcwtitlevn{
				font: 700 14px/26px 'Montserrat', 'Open Sans', sans-serif;
				color: #2D303B;
				}
			.fcwidget p{padding: 0 0 10px 0;}
		.obmentitle{ 
		font: 700 14px 'Montserrat', 'Open Sans', sans-serif;
		margin:0 0 15px 0;
		color: #2D303B;
		}
	.xchangestep1submit {margin: 0 0 10px 0;}
	.wolineinputtab{
	padding: 5px 0 5px 0;
	}	
		.wolineinputtab input{ width: 350px; }		
		
	.obmentablediv{
	margin: 0 0 0px;
	padding: 20px 0 0;
	}	
		table.obmentable td{font: 14px 'Montserrat', 'Open Sans', sans-serif; vertical-align: inherit;}
		.tdobmtitle {padding: 0 10px 0 0;}
	.obmenfirstblock{
	margin: 0 0 15px 0;
	}
		.obmenfirstleft{float:left;width:330px;}
			.wcomtext{
			font: 100 12px 'Montserrat', 'Open Sans', sans-serif;
			padding: 10px 0;
			}		
		.obmenfirstright{float:left;width:270px;}
			table.obmminit{
			width:270px;
			vertical-align: top;
			}
				.obmminitright input{
				width: 180px;
				}			
				td.obmminitleft{
				padding: 15px 10px 25px 30px;
                vertical-align: middle;
                width: 42px;
				}
				td.obmminitright{
				width: 180px;
				vertical-align: top;
				}		
	.plsyst{
	font-weight: 600;
	}

	.stepshetline{
	margin: 0 0 10px 0;
	}
		.stepshettitle{
		padding: 0 0 2px 2px;
		}
		.stepshetleft{
		float: left;
		width: 330px;
		}
			.stepshetleft input{
			width: 100%;
			}
			.stepshetleft select{
			width: 100%;
			}	
		.stepshetright{
		width: 330px;
		padding: 12px 0 0 0;
		}	
	
	.xchangestep1submit input{
	display: block;
	margin: 0 auto;
	}	
	
.rselected{cursor:pointer;position:relative;}
.rselecttitle{
    width:330px;
    height: 50px;
    background-color: #fff;
    color: #59788C;
    border: 1px solid #DEE6EB;
    border-radius: 4px;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
}
.act .rselecttitle, .rselected:hover .rselecttitle{
/*background: #f5f5f5;*/
/*border: 1px solid #248BC6;*/
}
.rselecttitlevn{
    /*background:url(../images/rselect.png) no-repeat right center;*/
    height:50px;
}
.rselectico{float:left;width:40px; height: 40px; margin:5px 0 0 10px;border-radius: 20px;}
.rselectname{float:left;height: 50px;font: 700 13px/50px 'Montserrat', 'Open Sans', sans-serif; padding-left:10px;}
.rselectlinemenu{
    display:none;
    position:absolute;
    z-index: 5;
    float:none;
    top:52px;
    left:0;
    width:330px;
    border-radius:10px;
    background:#141B24;
    overflow-y: auto;
    max-height: 180px;
}
.act .rselectlinemenu{display:block;}
.rselectline{height: 50px;}
/*.rselectline.cur .rselectname, .rselectline:hover .rselectname{color: #2a2a2a;}*/
.rselectline:hover{background:#248BC6;color: #000;}
/* end obmen */

/* step 2 and 3 */
.xchangestep2bodyvn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    .stepblock{
        margin: 20px 0 0;
        padding: 15px;
        width: calc(50% - 40px);
        background: #fff;
        border: 1px solid #DEE6EB;
        border-radius: 4px;
        box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
    }
	.steptitle{
	margin: 0 0 10px;
	color: #2D303B;
	font: 700 14px 'Montserrat', 'Open Sans', sans-serif;
	}
		.steptitlemin {
		/*margin: 0 0 0 5px;*/
		font: 100 12px 'Montserrat', 'Open Sans', sans-serif;
		color: #929292;
		display: none;
		}	
	.stepline {
        margin: 0 0 5px 0; 
        font: 14px 'Montserrat', 'Open Sans', sans-serif;
	}
	.stepblleft {
	padding: 5px 0 0 0;
	float: left;
	font: 14px 'Montserrat', 'Open Sans', sans-serif;
	}
	    .stepblleft p{
		padding: 0 0 5px 0;
		}
	.stepblright{
        display: none;
        float: right;
        padding: 5px 0 0 0;
	}
		.stepicotext{
		float: right;
		height: 40px;
		font: 700 14px/40px 'Montserrat', 'Open Sans', sans-serif;
		}
	.stepico{float:right;width:40px;height:40px;margin: 0px 10px 0 0; }
	.lichdann {
	    width: 100%;
	}
.stepwarning{
display:none;
font: 500 14px 'Montserrat', 'Open Sans', sans-serif;
text-align: center;
color: #248BC6;
margin: 0 0 25px 0;
}
.step2submit{
text-align: center;
}
.merchantinst{
    margin: 20px 0;
    font: 14px 'Montserrat', 'Open Sans', sans-serif;
    padding: 15px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #DEE6EB;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
}
    .merchantinst p{
	padding: 0 0 10px 0;
	}
	.merchantinst h3{ 
	font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
	margin:0 0 10px 0;
	color: #2D303B;
	}
	.xchangestep3bodyvn .merchantinst p {
	    padding: 0;
	}
.plategblock{
    margin: 0 0 20px 15px;
    font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
    color: #000;
}
.zawarntext{
margin: 0 0 20px 0;
}
.statusza{
    background: #fff;
    padding: 15px;
    border: 1px solid #DEE6EB;
    border-radius: 4px;
    font: 14px 'Montserrat', 'Open Sans', sans-serif;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
}
.statuszadel, .statuszaworked, .statuszasuc{
    padding: 15px;
    border-radius: 4px;
    margin: 20px 0 0 0;
    background: #fff;
    border: 1px solid #DEE6EB;
    border-radius: 4px;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
}
    .statuszaworked {color: grey}
    .statuszasuc {color: green}
	/*.statuszadel.topped, .statuszaworked.topped, .statuszasuc.topped{*/
	/*margin: 0 -30px 20px;*/
	/*}*/
	.statuszadeleted{color: red;}
	.zadate{
		margin:0 0 5px 0;
	}
.oplblockstep{
padding: 20px 0 10px 0;
}
.oplblockstepleft{
float: left; width: 45%;
}
.oplblockstepright{
float: right; width: 45%; text-align: right;
}
.zayastatus{
background: #f5f5f5;
padding: 15px 30px;
margin: 0 -30px;
font: 100 14px 'Open Sans';
}
/* end step 2 and 3 */

/* tooltip */
.exchboxtool{
position: absolute;
z-index: 2;
float: none;
top: 50px;
left: 0;
width: 100%;
display: none; 
border-radius: 4px;
color: #2D303B;
font: 12px 'Montserrat', 'Open Sans', sans-serif;
background: #ACFFC9;
box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
}
	.obmentablediv .exchboxtool{top: 60px;}
.exchboxtoolvnug{
position: absolute;
float: none;
top: -3px;
left: 30px;
width: 6px;
height: 3px;
background: url(../fonts/ug.svg) no-repeat;
}
.exchboxtooltext{
padding: 10px 15px;	
overflow: hidden;
}
/* end tooltip */

/* standart widgets */
.widget{
margin: 0 0 30px 0;
background: #F6F8FA;
border-radius: 4px;
padding: 20px;
}
.widget_title{
font: 700 14px/20px 'Montserrat', 'Open Sans', sans-serif;
color: #2D303B;
}
.widget ul li{
display:block;
padding:0 0 5px 15px;
background:url(../fonts/wliarr.svg) no-repeat 0 3px;
}
/* end standart widgets */

/* widget news */
.widget_news_div {
background-image: url(../images/widget_news_bg.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.widget_news_more_div{
display: flex;
justify-content: center;
margin: 10px 0 0;
}
.widget_news_more_div a {
background: #050C45;
border: 1.5px solid rgba(255, 255, 255, 0.3);
border-radius: 4px;
color: #fff;
width: 100%;
height: 38px;
text-decoration: none;
font: 700 14px/20px 'Montserrat', 'Open Sans';
display: flex;
justify-content: center;
align-items: center;
}
.widget_news_more_div a:hover {
    text-decoration: none;
    background: #2E3C8F;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.widget_news_line{
padding: 15px 0;
border-bottom: 1px solid #DEE6EB;
}
.widget_news_date{
float: left;
width: 40px;
padding: 5px 0;
text-align: center;
color: #59788C;
background: #fff;
border: 1px solid #DEE6EB;
border-radius: 4px;
}
	.wmon{
	font: 11px 'Montserrat', 'Open Sans', sans-serif;
	padding: 0 0 2px 0;
	}
	.wdate{
	font: 700 16px 'Montserrat', 'Open Sans', sans-serif;
	}
.widget_news_content{
float: right;
width: 75%;
}
	.widget_news_text{
	font: 12px 'Montserrat', 'Open Sans', sans-serif;
	padding: 0 0 5px 0;
	}
	
.widget_news_line:nth-last-child(2) {
    border-bottom: none;
}
/* end widget news */

/* widget reviews */
.widget_reviews_more_div{
display: flex;
justify-content: center;
margin: 10px 0 0;
}
.widget_reviews_more_div a {
background: #050C45;
border: 1.5px solid rgba(255, 255, 255, 0.3);
border-radius: 4px;
color: #fff;
width: 100%;
height: 38px;
text-decoration: none;
font: 700 14px/20px 'Montserrat', 'Open Sans';
display: flex;
justify-content: center;
align-items: center;
}
.widget_reviews_more_div a:hover {
    text-decoration: none;
    background: #2E3C8F;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.widget_reviews_line{
padding: 15px 0;
border-bottom: 1px solid #DEE6EB;
}
.widget_reviews_line:nth-last-child(2) {
border-bottom: none;
}
/*.widget_reviews_line + .odd {border-top: 1px solid #141b24;border-bottom: 1px solid #141b24;}*/
	/*.widget_reviews_line.odd{*/
	/*background: #f5f5f5;*/
	/*}*/
	.widget_reviews_author{
	float: left;
	font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
	margin: 0 5px 5px 0;
	color: #59788C;
	display: flex;
	}
	/*.widget_reviews_author:before {*/
	/*content: url(/wp-content/uploads/author.svg);*/
	/*padding: 0 5px 0 0;*/
	/*}*/
		.widget_reviews_author a{
		color: #FF5252;
		text-decoration: none;
		}
	.widget_reviews_date{
	float: left;
	padding: 3px 0 0 0;
	font: 10px 'Montserrat', 'Open Sans', sans-serif;
	}
.widget_reviews_content{
position: relative;
font: 12px 'Montserrat', 'Open Sans', sans-serif;
color: #59788C;
}
/* end widget reviews */

/* rezerv widget */
.rezerv_widget{
margin: 0 0 30px 0;
background: #fff;
border-radius: 4px;
box-shadow: 0 2px 4px #c4c2c2;
padding: 0 0 0px;
}
.rezervwidget_title{
margin: 0 0 0;
padding: 20px 30px;
font: 600 18px/20px 'Open Sans';
color: #929292;
border-bottom: 1px solid #ebebeb;
}
.obmenlinew{display:block; padding: 0 0 0 10px; margin:0 0 0 0;overflow:hidden;text-decoration:none;}
.obmenlinewico{height: 40px; width: 40px; overflow:hidden; float:left; margin:0 10px 0 0;}
.obmenlinewtext{color:#545454; float:left; width: 90px; padding: 10px 0 0 0; font: 100 14px 'Open Sans';}
table.rewtable{ width: 100%; }
table.rewtable td{ color: #ff7f66; text-align: left; padding: 5px 0; }
table td.rewrezerv{padding: 0 5px; }
table.rewtable .odd td{ background: #f5f5f5; }
/* end rezerv widget */

/* status widget */
.statuswork_widget{
background: #1E2A3D;
border-radius: 10px;
padding: 15px 20px;
margin: 0 0 30px 0;
}
.statuswork_widgetvn{
color: #268ac5;
font: 700 14px 'Montserrat', 'Open Sans', sans-serif;
}
.statuswork_title {
background: #000;
margin: -15px 0 0;
width: 260px;
padding: 10px 0;
text-align: center;
border-radius: 10px 10px 0 0;
}
.statuswork_widget_text {
display: flex;
align-items: center;
flex-direction: column;
}
.online .statuswork_widgetvn .statuswork_widget_text .opstatus{
color: #47CC55;
display: flex;
align-items: center;
margin: 10px 0 0;
}
.offline .statuswork_widgetvn .statuswork_widget_text .opstatus{
color: #f53c46;
display: flex;
align-items: center;
margin: 10px 0 0;
}
.statuswork_widget_time{
font: 12px 'Montserrat', 'Open Sans';
padding: 0 0 0 2px;
}
.pulsaron {
	margin: 0 10px 0 0;
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #53ff65;
	/*cursor: pointer;*/
	box-shadow: 0 0 0 rgb(25 199 78 / 50%);
	animation: pulsaron 2s infinite;
}
.pulsaroff {
	margin: 0 10px 0 0;
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #F53C46;
	box-shadow: 0 0 0 rgb(245 60 70 / 50%);
	animation: pulsaroff 2s infinite;
}
@-webkit-keyframes pulsaron {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(25,199,78, 0.5);
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(25,199,78, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(25,199,78, 0);
	}
}
@keyframes pulsaron {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(25,199,78, 0.5);
		box-shadow: 0 0 0 0 rgba(25,199,78, 0.5);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(25,199,78, 0);
		box-shadow: 0 0 0 10px rgba(25,199,78, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(25,199,78, 0);
		box-shadow: 0 0 0 0 rgba(25,199,78, 0);
	}
}
@-webkit-keyframes pulsaroff {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(245,60,70, 0.5);
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(245,60,70, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(245,60,70, 0);
	}
}
@keyframes pulsaroff {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(245,60,70, 0.5);
		box-shadow: 0 0 0 0 rgba(245,60,70, 0.5);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(245,60,70, 0);
		box-shadow: 0 0 0 10px rgba(245,60,70, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(245,60,70, 0);
		box-shadow: 0 0 0 0 rgba(245,60,70, 0);
	}
}
/* end status widget */

/* login widget */
.login_widget, .register_widget{
margin: 0 0 30px 0;
background: #F6F8FA;
border-radius: 4px;
padding: 20px;
}
.login_widget_title, .register_widget_title{
margin: 0 0 20px;
font: 700 14px/20px 'Montserrat', 'Open Sans';
color: #2D303B;
}
.wline{padding:0 0 20px 0;}
.wlineleft{float:right; padding: 0 0 15px 0; text-align: right; }
.wlineright{float:left; }
.wlinesubmit input{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
/* end login widget */

/* user widget */
.user_widget{
margin: 0 0 30px 0;
background: #F6F8FA;
border-radius: 4px;
padding: 20px;
}
.user_widget_title{
margin: 0 0 10px;
font: 700 14px/20px 'Montserrat', 'Open Sans';
color: #2D303B;
}
.user_widget ul li{display:block;padding:0 0 5px 0px;}
.user_widgetvn .act a {color: #67BF7E;}
.user_widget ul{margin:0 0 0 0px;}
.wexit{
margin: 20px 0 0;
text-align: center;
}
    .wexit a {
    background: linear-gradient(270deg, #ACFFC9 0%, #5EC983 100%);
    color: #2D303B;
    width: 100%;
    height: 38px;
    text-decoration: none;
    border-radius: 4px;
    font: 700 14px/20px 'Montserrat', 'Open Sans', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .wexit a:hover {
        text-decoration: none;
        background: #ACFFC9;
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
.uswidin{
padding: 0 0 10px 0;
color: #59788C;
border-bottom: 1px solid #DEE6EB;
margin: 0 0 20px;
}
	.uswidinleft{
	float: left;
	width: 100px;
	}
	.uswidinright{
	float: right;
	width: 100px;
	text-align: right;
	}
.user_widgetvn > ul > li > a {
    font-weight: 700;
    color: #2D303B;
}
    .user_widgetvn > ul > li > a:hover {
        text-decoration: underline;
    }
/* end user widget */

/* parser */
.bexbcurs_widget{
margin: 0 0 30px 0;
background: #fff;
border-radius: 4px;
box-shadow: 0 2px 4px #c4c2c2;
padding: 0 0 0;
}
.bexbcurs_widgettitle{
margin: 0 0 0;
padding: 20px 30px;
font: 600 17px/20px 'Open Sans';
color: #929292;
border-bottom: 1px solid #ebebeb;
}
.bexbcurs_update{
border-top: 1px solid #ebebeb;
padding: 15px 30px;
color: #929292;
font: 100 14px 'Open Sans';
}
.bexbcurs_tableline{
background: #f5f5f5;
padding: 10px 10px 10px 30px;
}
	.bexbcurs_tableline.odd{
	background: #fff;
	}
.bexbcurs_tabletab1{
float: left;
width: 75px;
}
.bexbcurs_para{
color: #545454;
font: 100 13px 'Open Sans';
text-transform: uppercase;
padding: 0 0 3px 0;
}
.bexbcurs_birga{
color: #929292;
font: 100 10px 'Open Sans';
}
.bexbcurs_arr{
float: left;
width: 25px;
background: url(../images/wliarr.png) no-repeat 0 5px;
height: 30px;
}
.bexbcurs_tabletab3{
float: left;
width: 110px;
}
.bexbcurs_cursline{
color: #545454;
font: 100 12px 'Open Sans';
}
/* end parser */

/* lastobmen widget */
.lobmen_widget{
margin: 0 0 30px 0;
background: #F6F8FA;
border-radius: 4px;
padding: 20px;
}
.lobmenwidget_title{
font: 700 14px/20px 'Montserrat', 'Open Sans', sans-serif;
color: #2D303B;
}
.lobmentable {
    padding: 15px 0 5px;
    border-bottom: 1px solid #DEE6EB;
}
    .lobmentable:last-child {
        border-bottom: none;
    }
.lobmline{
float: left;
width: 100px;
display: flex;
flex-direction: column;
align-items: center;
}
.lobmlinebac{
padding: 5px 0 0 0;
font: 100 11px 'Montserrat', 'Open Sans', sans-serif;
}
.lobmlinepr{
float: left;
width: 20px;
height: 40px;
background: url(../fonts/arrow.svg) no-repeat 0 center;
}
.lobmenlinewico{height: 40px; width: 40px; overflow:hidden; float:left; margin:0 10px 0 0;}
.lobmendate{
padding: 10px 0 0 0;
text-align: center;
font: 300 11px 'Montserrat', 'Open Sans', sans-serif;
}
/* end lastobmenwidget */

/* pagenavi */
.pagenavi{
    margin: 30px 0 20px;
    text-align: center; 
}
.pagenavi span, .pagenavi a {
    margin:0 5px;
    position:relative; 
    padding: 8px 12px; 
    border-radius:4px;
}
.pagenavi span {
    background: #67BF7E;
    color: #fff;
    border: 1px solid #DEE6EB;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
}
.pagenavi a{
background: #fff;
text-decoration: none;
border: 1px solid #DEE6EB;
box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
}
.pagenavi a:hover{
color: #000;
background: #DEE6EB;
border: 1px solid #DEE6EB;
text-decoration: none;
box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
}
/* end pagenavi */

/* partners */
.partners_div{
width: 100%;
min-width: 1000px;
padding: 50px 0;
background: #fff;
}
.partners_div_ins{
width: 1140px;
margin: 0 auto;
}
.partners_title{
color: #2D303B;
font: 700 14px 'Montserrat', 'Open Sans', sans-serif;
margin: 0 0 20px 0;
text-align: center;
}
.partners_one{
    float: left;
    width: calc(25% - 8px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px 8px;
}
    .partners_one a {
        width: 100%;
        display: flex;
        justify-content: center;
        background: #fff;
        padding: 10px 18px;
        border: 1px solid #DEE6EB;
        box-sizing: border-box;
        box-shadow: 0 4px 8px rgba(80, 93, 137, 0.08);
        border-radius: 4px;
    }
    .partners_one a:hover {
        background: #DEE6EB;
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
/* end partners */
	
/* footer */
#footer{
position: relative;
z-index: 10;
width: 100%;
min-width: 1000px;
background: #F0E68C;
}
.footer{
    width: 1140px;
    margin: 0 auto;
    font: 14px 'Montserrat', 'Open Sans', sans-serif;
}
.footer a {
    color: #000000;
}
.footer_left{width: 35%;float:left;}
	.mobile_link_div{
	padding: 5px 0 0 0;	
	}
.footer_right{/*text-align:right;width: 430px;*/float:left;}
.footer_right ul li{ display: inline; margin: 0 0 0 45px;}
	.footer_right ul li a{
	color: #d2d2d2;
	}
		.footer_right ul li a:hover{
		    text-decoration: none;
		    color: #248BC6;
		}
.footer_wrap {
background-color: #1d2a3c;
}
.footer_partners {
    width: 1140px;
    display:flex;
    justify-content: space-evenly;
    align-items: flex-start;
    padding: 20px 0;
    border-top: 1px solid #1E2A3D;
    margin: 0 auto;
}
    .footer_partners_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }
        .footer_partners_row img {
        height: 31px;
        padding: 10px;
        background: #000;
        border-radius: 5px;
        margin: 10px;
        }
        .footer_partners_row a {
        opacity: 0.5;
        }
        .footer_partners_row a:hover {
        opacity: 1;
        }
.footer_content {
display: flex;
justify-content: space-between;
padding: 40px 0;
font-size: 12px;
}
    .footer_item {
    display: flex;
    flex-direction: column;
    }
        .footer_item ul li {
        padding: 0 0 5px;
        }
        .footer_item-title {
        margin: 0 0 10px;
        padding: 10px 10px;
        background: #000;
        border-radius: 7px;
        color: #F0E68C;
        }
        .footer_item-schedule {
        color: #000000;
        margin: 30px 0 0;
        }
        .footer_item-contact {
        display: flex;
        padding: 0 0 10px;
        }
            .footer_icon {
                margin: 0 7px 0 0;
            }
        .footer_item-data {
            display: flex;
            align-items: center;
        }
        .footer_item-data a:hover {text-decoration: underline;}
#menu-nizhnee-menyu li {
padding: 0 0 5px;
}
#footer_copyright {
    background: #F0E68C;
}
    .footer_box {
        display: flex;
        padding: 10px 0;
        font: 12px 'Montserrat', 'Open Sans', sans-serif;
        width: 1140px;
        margin: 0 auto;
    }
#footer_disclaimer > .footer_box {
    border-top: 1px solid #000000;
}
/* end footer */	

/* result message */
.resultfalse{
    font: 700 13px/16px 'Montserrat', 'Open Sans', sans-serif; 
    border-radius:4px; 
    background:#ffcfc6; 
    padding:15px 20px;
    color:#ff7a7a;
    margin:10px 0;
}
.resulttrue{
    font: 700 13px/16px 'Montserrat', 'Open Sans', sans-serif; 
    border-radius:4px; 
    background:#d4fbd6; 
    padding:15px 20px;
    color:#13a51d;
    margin:10px 0;
}
/* end result message */

/* reserv window */
.standart_shadow{
position: fixed;
float: none;
top: 0;
left: 0;
z-index: 999998;
width: 100%;
height: 100%;
background: #000;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.8; 
-khtml-opacity: 0.8;
opacity: 0.8;
}
.standart_window{  
position: fixed;
float: none;
width: 100%;
max-width: 400px;
top: 100px;
left: 0px;
z-index: 999999;
}
	.standart_windowins{
	position: relative;
	width: 360px;
	margin: 0 auto;
    padding: 15px;
    background: #fff;
    border: 1px solid #DEE6EB;
    border-radius: 4px;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
	}		
    .standart_window_close{
	position: absolute;
	float: none;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url(../fonts/close.svg) no-repeat center center;
	top: 15px;
	right: 17px;
	}	
	.standart_window_title{
	font: 700 14px/20px 'Montserrat', 'Open Sans', sans-serif;
	margin: 0 0px 10px;
	border: none;
	color: #2D303B;
	}
	.rb_line{
	padding: 5px 0;
	}
/* end reserv window */

/* classed */
.clear{clear:both;}
.right{float:right;}
.red, .req{ color: #ff7f66; }
img.alignnone{display:block;margin:0 0 20px 20px;}
img.alignright{float:right;margin:0 0 1em 1em}
img.alignleft{float:left;margin:0 1em 1em 0}
img.aligncenter{display:block;margin:20px auto;}
a img.alignnone{display:block;margin:0 0 20px 20px;}
a img.alignright{float:right;margin:0 0 1em 1em}
a img.alignleft{float:left;margin:0 1em 1em 0}
a img.aligncenter{display:block;margin:20px auto;}

/* last modify */

/* field settings */
.form_field_ins {width: 45%;}
.field_name_text > .form_field_ins {width: 100%;}
/*.field_name_login > .form_field_ins {width: 100%;}*/
/*.field_name_last_name > .form_field_ins {width: 100%;}*/
/*.field_name_first_name > .form_field_ins {width: 100%;}*/
/*.field_name_second_name > .form_field_ins {width: 100%;}*/
/*.field_name_user_phone > .form_field_ins {width: 100%;}*/
/*.field_name_user_skype > .form_field_ins {width: 100%;}*/
/*.field_name_user_email > .form_field_ins {width: 100%;}*/
/*.field_name_website > .form_field_ins {width: 100%;}*/
/*.field_name_user_passport > .form_field_ins {width: 100%;}*/
/*.field_name_pass > .form_field_ins {width: 100%;}*/
/*.field_name_pass2 > .form_field_ins {width: 100%;}*/
::placeholder {color: #111;}
input::-webkit-contacts-auto-fill-button {background-color: #99CFFF;}
input::-webkit-credentials-auto-fill-button {background-color: #99CFFF;}

.biddata{
	margin: 20px 0;
    font: 14px 'Montserrat', 'Open Sans', sans-serif;
    padding: 15px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #DEE6EB;
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.17);
}
.biddata p{
	padding: 10px 0 10px 0;
}
.biddata b{
	color: #2D303B;
}
.biddata h3{
	font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
    margin: 0 0 10px 0;
    color: #2D303B;
}

.form-success {
	background-color: #acffc9;
    border-radius: 3px;
    padding: 10px;
    margin-top: 20px;
}

.adress {
    color: #ff0000!important;   
}

.qrcode {
    max-width: 200px;
    max-height: 200px;
    width: 100%;
    height: 100%;
}

.captcha-wrapper {
    max-width: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0 30px 0;
    gap: 15px;
}

.captcha {
    padding: 30px 60px;
    background-color: #ffe785;
    font-weight: 700;
    font-size: 24px;
}

/* ===== Звезды рейтинга ===== */
.review-stars {
  margin-bottom: 6px;
  display: flex;
  gap: 2px;
}

.review-stars .star {
  color: #cfd8df; /* пустые звезды */
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.review-stars .star.filled {
  color: #f5b301; /* заполненные (золотые) */
}


/* ===== Поле выбора рейтинга ===== */
.field_name_rating > .form_field_ins {
  width: 45%;
}

.field_name_rating select {
  width: 100%;
  color: #f5b301;
  font-weight: 700;
}


/* ===== Ошибка формы ===== */
.form-error {
  background-color: #ffd2d2;
  color: #b00000;
  border-radius: 4px;
  padding: 12px;
  margin-top: 20px;
  font-weight: 600;
}
/* ===== FIX звезд рейтинга ===== */
.oneotzivright .review-stars .star {
  color: #cfd8df !important;
}

.oneotzivright .review-stars .star.filled {
  color: #f5b301 !important;
}

.reviews-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 30px 0 10px;
}

.reviews-pagination a,
.reviews-pagination span {
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #DEE6EB;
  color: #2D303B;
  font: 700 13px/38px 'Montserrat', 'Open Sans', sans-serif;
  text-align: center;
  box-shadow: 0 6px 10px rgba(0,0,0,0.08);
  transition: all 0.2s ease;
}

/* hover */
.reviews-pagination a:hover {
  background: #050C45;
  color: #fff;
  border-color: #050C45;
  transform: translateY(-2px);
}

/* текущая страница */
.reviews-pagination .current {
  background: #67BF7E;
  color: #fff;
  border-color: #67BF7E;
  box-shadow: 0 6px 14px rgba(103,191,126,0.4);
}

/* стрелки */
.reviews-pagination a:first-child,
.reviews-pagination a:last-child {
  font-weight: 900;
}

/* точки */
.reviews-pagination .dots {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #999;
}
/* ===== TEXT CONTENT COLOR FIX ===== */
.hometext,
.hometext_ins,
.hometext_ins p,
.hometext_ins li,
.hometexttop,
.hometexttop p,
.hometexttop li,
.fcwidget,
.fcwidget p,
.fcwidget li,
.thecontent .text,
.thecontent .text p,
.thecontent .text li {
    color: #222 !important;
}

/* Payment final status text */
body.dex-order-pay-page .dex-pay-deadline #payTimer {
    font-size: 19px !important;
}

@media (max-width: 760px) {
    body.dex-order-pay-page .dex-pay-deadline #payTimer {
        font-size: 15px !important;
    }
}

/* Order documents upload */
body.dex-order-pay-page .dex-pay-upload {
    align-items: center !important;
    background:
        radial-gradient(circle at 92% 18%, rgba(245, 189, 67, .16), transparent 32%),
        linear-gradient(145deg, rgba(31, 32, 38, .94), rgba(13, 14, 17, .96)) !important;
    border: 1px solid rgba(245, 189, 67, .18) !important;
    border-radius: 17px !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    margin: 0 0 10px !important;
    min-height: 88px !important;
    padding: 14px 16px 14px 18px !important;
    position: relative !important;
}

body.dex-order-pay-page .dex-pay-upload-copy {
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    justify-content: center !important;
    min-width: 0 !important;
}

body.dex-order-pay-page .dex-pay-upload-copy strong {
    color: #ffd36b !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    font: 900 14px/1.15 "Montserrat", "Open Sans", sans-serif !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

body.dex-order-pay-page .dex-pay-upload-copy strong::before {
    align-items: center !important;
    background: rgba(245, 189, 67, .12) !important;
    border: 1px solid rgba(245, 189, 67, .32) !important;
    border-radius: 999px !important;
    color: #ffd36b !important;
    content: "↑" !important;
    display: inline-flex !important;
    flex: 0 0 28px !important;
    font: 900 16px/1 "Montserrat", "Open Sans", sans-serif !important;
    height: 28px !important;
    justify-content: center !important;
    width: 28px !important;
}

body.dex-order-pay-page .dex-pay-upload-copy span {
    color: rgba(246, 240, 228, .74) !important;
    display: block !important;
    font: 800 12px/1.35 "Montserrat", "Open Sans", sans-serif !important;
    margin: 0 !important;
    max-width: 720px !important;
}

body.dex-order-pay-page .dex-pay-upload-control {
    align-items: center !important;
    background: linear-gradient(135deg, #f5bd43, #ffda61) !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 26px rgba(245, 189, 67, .18), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
    color: #101114 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font: 900 12px/1 "Montserrat", "Open Sans", sans-serif !important;
    height: 42px !important;
    justify-content: center !important;
    justify-self: end !important;
    min-width: 176px !important;
    padding: 0 20px !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
    white-space: nowrap !important;
}

body.dex-order-pay-page .dex-pay-upload-control:hover {
    box-shadow: 0 16px 34px rgba(245, 189, 67, .25), inset 0 1px 0 rgba(255, 255, 255, .55) !important;
    transform: translateY(-1px) !important;
}

body.dex-order-pay-page .dex-pay-upload-control input {
    display: none !important;
}

body.dex-order-pay-page .dex-pay-upload-status {
    color: rgba(246, 240, 228, .62) !important;
    font: 800 11px/1.25 "Montserrat", "Open Sans", sans-serif !important;
    grid-column: 1 / -1 !important;
    margin: -8px 0 0 46px !important;
    min-height: 14px !important;
}

body.dex-order-pay-page .dex-pay-upload-status.is-ok {
    color: #54d98c !important;
}

body.dex-order-pay-page .dex-pay-upload-status.is-error {
    color: #ff7373 !important;
}

body.dex-order-pay-page .dex-pay-upload-status.is-loading {
    color: #ffd36b !important;
}

body.dex-order-pay-page .xchangestep3bodyvn {
    padding-bottom: 128px !important;
}

@media (max-width: 760px) {
    body.dex-order-pay-page .dex-pay-upload {
        gap: 10px !important;
        grid-template-columns: 1fr !important;
        padding: 12px !important;
        text-align: center !important;
    }

    body.dex-order-pay-page .dex-pay-upload-copy {
        align-items: center !important;
        gap: 8px !important;
    }

    body.dex-order-pay-page .dex-pay-upload-copy strong {
        justify-content: center !important;
        white-space: normal !important;
    }

    body.dex-order-pay-page .dex-pay-upload-copy span {
        max-width: none !important;
    }

    body.dex-order-pay-page .dex-pay-upload-control {
        justify-self: center !important;
        width: min(100%, 210px) !important;
    }

    body.dex-order-pay-page .dex-pay-upload-status {
        margin: -2px 0 0 !important;
    }
}

/* DEX-COYOTE hero crypto background */
body.dex-home-redesign .dex-hero-text-panel {
    background:
        radial-gradient(circle at 50% 38%, rgba(8, 9, 12, 0.72) 0%, rgba(8, 9, 12, 0.48) 46%, rgba(8, 9, 12, 0.12) 78%),
        linear-gradient(180deg, rgba(8, 9, 12, 0.1), rgba(8, 9, 12, 0.32)),
        url("../images/dex-hero-bg-card-logos-small.jpg?v=20260728-hero-card-bg-small") center / cover no-repeat !important;
    border-color: rgba(248, 211, 91, 0.13) !important;
    box-shadow:
        0 28px 76px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 0 0 1px rgba(248, 211, 91, 0.045) !important;
}

body.dex-home-redesign .dex-hero-text-panel h1 {
    position: relative !important;
    z-index: 1 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

body.dex-home-redesign .dex-hero-text-panel h1::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    inset: -7px 22px !important;
    border-radius: 18px !important;
    background:
        radial-gradient(ellipse at 50% 45%, rgba(2, 3, 6, 0.7) 0%, rgba(2, 3, 6, 0.44) 43%, rgba(2, 3, 6, 0.12) 68%, transparent 82%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
    pointer-events: none !important;
}

.hometext_ins h1,
.hometext_ins h2,
.hometext_ins h3,
.hometext_ins h4,
.hometext_ins b,
.hometext_ins strong,
.hometext_title_ins,
.hometexttop h1,
.hometexttop h2,
.hometexttop h3,
.hometexttop b,
.hometexttop strong,
.fcwidget b,
.fcwidget strong,
.thecontent .text b,
.thecontent .text strong,
.thecontent .text h1,
.thecontent .text h2,
.thecontent .text h3,
.thecontent .text h4 {
    color: #111 !important;
    font-weight: 800 !important;
}

.hometext a,
.hometexttop a,
.fcwidget a,
.thecontent .text a {
    color: #111 !important;
    font-weight: 800 !important;
}

/* Жирный текст при наведении на направления */
.onehline:hover .onehlinetext,
.onehrine_el a:hover .onehrinetext,
.onehrine_el a:hover .onehrinerezerv {
    font-weight: 800 !important;
}

/* Активная выбранная валюта слева */
.onehline.act .onehlinetext {
    font-weight: 800 !important;
}

/* ===== DEX PREMIUM VISUAL STEP 1 ===== */
:root {
    --dex-bg: #07090d;
    --dex-panel: rgba(17, 19, 25, 0.94);
    --dex-panel-2: rgba(24, 27, 36, 0.94);
    --dex-line: rgba(255, 255, 255, 0.09);
    --dex-line-strong: rgba(228, 177, 68, 0.34);
    --dex-gold: #f1b93d;
    --dex-gold-2: #ffd86a;
    --dex-text: #f4f6fb;
    --dex-muted: #9aa3b2;
    --dex-dark-text: #101217;
}

body {
    background:
        radial-gradient(circle at 18% 8%, rgba(241, 185, 61, 0.2), transparent 24%),
        radial-gradient(circle at 76% 28%, rgba(241, 185, 61, 0.1), transparent 22%),
        linear-gradient(180deg, #080a0f 0%, #101018 58%, #090a0d 100%) !important;
    background-size: auto !important;
    color: var(--dex-text) !important;
}

html,
body {
    min-height: 100% !important;
}

body.dex-home-redesign #container {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

body.dex-home-redesign #cwrap {
    flex: 1 0 auto !important;
}

body.dex-home-redesign .dex-footer-top-format {
    flex-shrink: 0 !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent 68%);
}

#container,
#header,
#cwrap,
.content,
.partners_div,
#footer {
    position: relative !important;
    z-index: 1 !important;
}

#header {
    background: rgba(7, 9, 13, 0.76) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(14px);
}

#header .header {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

#header .logo img,
#footer .footer_brand img {
    filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(241, 185, 61, 0.16)) !important;
    opacity: 0.95 !important;
}

#header .tmenu li a span {
    color: rgba(244, 246, 251, 0.82) !important;
    font-weight: 800 !important;
}

#header .tmenu li a:hover span {
    color: var(--dex-gold-2) !important;
}

#header .header_contacts-contact,
#header .header_pro_badge {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: var(--dex-text) !important;
}

#header .header_contacts-contact span,
#header .header_pro_badge {
    color: var(--dex-text) !important;
}

#header .header_login,
#header .header_cabinet {
    background: linear-gradient(135deg, rgba(241, 185, 61, 0.95), rgba(255, 216, 106, 0.95)) !important;
    color: var(--dex-dark-text) !important;
    border: 1px solid rgba(255, 216, 106, 0.35) !important;
    box-shadow: 0 10px 26px rgba(241, 185, 61, 0.16) !important;
}

.content {
    margin-top: 28px !important;
}

.homeobmentable {
    background: var(--dex-panel) !important;
    border: 1px solid var(--dex-line) !important;
    border-radius: 18px !important;
    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    overflow: hidden !important;
}

.lefthomecol {
    background: rgba(255, 255, 255, 0.035) !important;
    border-right: 1px solid var(--dex-line) !important;
}

.righthomecol {
    background:
        radial-gradient(circle at 58% 10%, rgba(241, 185, 61, 0.08), transparent 28%),
        rgba(255, 255, 255, 0.02) !important;
}

.widgethometitle,
.widgethometitle2 {
    border-bottom: 1px solid var(--dex-line) !important;
}

.widt,
.widt1,
.widt2 {
    color: rgba(244, 246, 251, 0.9) !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em;
}

.onehline,
.onehrinelem {
    border-bottom-color: rgba(255, 255, 255, 0.065) !important;
}

.onehlinelem,
.onehrine_el a {
    border-radius: 13px !important;
    transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

.onehlinelem:hover,
.onehline.act .onehlinelem,
.onehrine_el a:hover {
    background:
        linear-gradient(135deg, rgba(241, 185, 61, 0.2), rgba(255, 216, 106, 0.08)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(241, 185, 61, 0.28),
        0 10px 22px rgba(0, 0, 0, 0.22) !important;
    transform: translateY(-1px);
}

.onehline.act .onehlinelem {
    background:
        linear-gradient(135deg, rgba(241, 185, 61, 0.92), rgba(255, 216, 106, 0.88)) !important;
}

.onehline.act .onehlinetext {
    color: var(--dex-dark-text) !important;
}

.onehlinetext,
.onehrinetext,
.onehrinerezerv {
    color: rgba(244, 246, 251, 0.82) !important;
}

.onehline:not(.act) .onehlinelem:hover .onehlinetext,
.onehrine_el a:hover .onehrinetext,
.onehrine_el a:hover .onehrinerezerv {
    color: var(--dex-text) !important;
}

.onehlineico,
.onehrineico {
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.28) !important;
}

.onehrinerezerv {
    justify-content: flex-end !important;
    color: rgba(244, 246, 251, 0.68) !important;
}

.hometext,
.thecontent,
.widget_reviews_div {
    background: rgba(246, 248, 250, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24) !important;
}

.hometext,
.hometext *,
.thecontent,
.thecontent *,
.form_field_line,
.form_field_line *,
.xchangestep1body,
.xchangestep1body *,
.oneotziv,
.oneotziv * {
    color: #26303c !important;
}

.hometext h1,
.hometext h2,
.hometext h3,
.hometext h4,
.hometext b,
.hometext strong,
.thecontent h1,
.thecontent h2,
.thecontent h3,
.thecontent h4,
.thecontent b,
.thecontent strong,
.xchangestep1title {
    color: #111721 !important;
}

.thecontent a,
.hometext a,
.xchangestep1body a {
    color: #2f6f8f !important;
}

.thecontent input,
.thecontent textarea,
.thecontent select,
.xchangestep1body input,
.xchangestep1body textarea,
.xchangestep1body select {
    color: #26303c !important;
    background-color: #ffffff !important;
}

.thecontent input[type="submit"],
.xchangestep1body input[type="submit"],
.rf_submit {
    background: linear-gradient(135deg, rgba(241, 185, 61, 0.95), rgba(255, 216, 106, 0.95)) !important;
    color: var(--dex-dark-text) !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
}

.review-stars .star,
.oneotzivright .review-stars .star {
    color: #c9d0d8 !important;
}

.review-stars .star.filled,
.oneotzivright .review-stars .star.filled {
    color: #ffc400 !important;
}

.oneotzivright .review-stars span {
    color: #f5b301 !important;
}

.warning,
.warn,
.wowarnerr,
.err {
    color: #ff766e !important;
}

.widget_reviews_div {
    background: rgba(17, 19, 25, 0.94) !important;
    border: 1px solid var(--dex-line) !important;
}

#container .sidebar .widget_reviews_div .widget_title_ins {
    color: var(--dex-text) !important;
}

#container .sidebar .widget_reviews_div .widget_reviews_line {
    background: rgba(255, 255, 255, 0.065) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
}

#container .sidebar .widget_reviews_div .widget_reviews_author,
#container .sidebar .widget_reviews_div .widget_reviews_date,
#container .sidebar .widget_reviews_div .widget_reviews_content {
    color: rgba(244, 246, 251, 0.86) !important;
}

#container .sidebar .widget_reviews_div .widget_reviews_date {
    opacity: 0.58 !important;
}

#container .sidebar .widget_reviews_div .widget_reviews_more {
    background: linear-gradient(135deg, rgba(241, 185, 61, 0.95), rgba(255, 216, 106, 0.95)) !important;
    color: var(--dex-dark-text) !important;
    border-radius: 12px !important;
}

.partners_div {
    background: rgba(7, 9, 13, 0.94) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.partners_div_ins::before {
    background: linear-gradient(90deg, transparent, var(--dex-gold), transparent) !important;
}

.partners_one {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(241, 185, 61, 0.16) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

#footer {
    background: rgba(7, 9, 13, 0.94) !important;
    border-top: 1px solid var(--dex-line-strong) !important;
    color: rgba(244, 246, 251, 0.72) !important;
}

#footer .footer,
#footer .footer_box {
    max-width: 960px !important;
}

#footer .footer_links a,
#footer .footer_schedule,
#footer_copyright,
#footer_disclaimer {
    color: rgba(244, 246, 251, 0.72) !important;
}

#footer .footer_powered,
#footer .footer_contact a {
    background: rgba(241, 185, 61, 0.12) !important;
    border: 1px solid rgba(241, 185, 61, 0.22) !important;
    color: var(--dex-gold-2) !important;
}

#footer_copyright {
    background: rgba(241, 185, 61, 0.92) !important;
    color: #121212 !important;
}

#footer_copyright .footer_box,
#footer_copyright .footer_box * {
    color: #121212 !important;
}

#footer_disclaimer .footer_box,
#footer_disclaimer .footer_box * {
    color: rgba(244, 246, 251, 0.55) !important;
}

@media screen and (max-width: 600px) {
    body {
        background:
            radial-gradient(circle at 40% 0%, rgba(241, 185, 61, 0.18), transparent 28%),
            linear-gradient(180deg, #080a0f 0%, #101018 100%) !important;
    }

    .content {
        margin-top: 14px !important;
    }

    .homeobmentable,
    .hometext,
    .thecontent,
    .widget_reviews_div {
        border-radius: 16px !important;
    }
}

/* ===== DEX-COYOTE MOCKUP HOME ===== */
body.dex-home-redesign {
    background: #06070a !important;
    color: #f5f6fa !important;
}

body.dex-home-redesign::before {
    opacity: 0.8;
}

body.dex-home-redesign #header {
    background: rgba(6, 7, 10, 0.72) !important;
}

body.dex-home-redesign #header .header {
    max-width: 1480px !important;
    padding-left: 46px !important;
    padding-right: 46px !important;
}

body.dex-home-redesign #header .logo img {
    width: 220px !important;
    height: 42px !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
    opacity: 1 !important;
}

body.dex-home-redesign #header .tmenu {
    gap: 38px !important;
}

body.dex-home-redesign #header .tmenu li:nth-child(1) a span {
    font-size: 0 !important;
}

body.dex-home-redesign #header .tmenu li:nth-child(1) a span::after {
    content: "Обмен";
    font-size: 13px !important;
}

body.dex-home-redesign #header .tmenu li:nth-child(2) a span {
    font-size: 0 !important;
}

body.dex-home-redesign #header .tmenu li:nth-child(2) a span::after {
    content: "Партнёрам";
    font-size: 13px !important;
}

body.dex-home-redesign #header .tmenu li:nth-child(4) a span {
    font-size: 0 !important;
}

body.dex-home-redesign #header .tmenu li:nth-child(4) a span::after {
    content: "AML";
    font-size: 13px !important;
}

body.dex-home-redesign #header .tmenu li:nth-child(5) a span {
    font-size: 0 !important;
}

body.dex-home-redesign #header .tmenu li:nth-child(5) a span::after {
    content: "Контакты";
    font-size: 13px !important;
}

body.dex-home-redesign #header .header_contacts {
    gap: 14px !important;
}

body.dex-home-redesign #header .header_contacts::before {
    content: none !important;
    display: none !important;
}

body.dex-home-redesign #header .header_contacts-contact,
body.dex-home-redesign #header .header_pro_badge {
    display: none !important;
}

body.dex-home-redesign #header .header_login,
body.dex-home-redesign #header .header_cabinet {
    height: 36px !important;
    min-width: 72px;
    justify-content: center;
    background: transparent !important;
    color: #f1b93d !important;
    border: 1px solid rgba(241, 185, 61, 0.55) !important;
    box-shadow: none !important;
}

body.dex-home-redesign #cwrap,
body.dex-home-redesign .content,
body.dex-home-redesign .contentzone {
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dex-mockup {
    position: relative;
    z-index: 1;
    width: min(1840px, calc(100% - 56px));
    margin: 0 auto;
    padding: 58px 0 42px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(560px, 1fr);
    gap: 34px;
    align-items: start;
}

.dex-mockup::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 260px;
    height: 260px;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 22% 58%, rgba(241, 185, 61, 0.32), transparent 28%),
        repeating-radial-gradient(ellipse at 22% 74%, rgba(241, 185, 61, 0.18) 0 1px, transparent 1px 9px);
    mask-image: linear-gradient(90deg, transparent, #000 12%, #000 48%, transparent 72%);
    opacity: 0.72;
}

.dex-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(270px, 0.95fr) minmax(330px, 390px);
    gap: 26px;
    align-items: center;
    min-height: 620px;
}

.dex-hero-copy {
    position: relative;
    min-height: 580px;
    padding-top: 112px;
}

.dex-hero h1 {
    max-width: 315px;
    margin: 0 0 24px;
    color: #f7f7f8 !important;
    font: 900 clamp(31px, 2.3vw, 44px)/1.14 'Montserrat', 'Open Sans', sans-serif;
}

.dex-hero p {
    max-width: 360px;
    margin: 0 0 48px;
    color: rgba(245, 246, 250, 0.78) !important;
    font: 500 16px/1.65 'Montserrat', 'Open Sans', sans-serif;
}

.dex-hero-badges {
    display: flex;
    gap: 18px;
    align-items: center;
}

.dex-hero-badge {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 10px;
    align-items: center;
    min-width: 112px;
}

.dex-hero-badge span,
.dex-stat span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(241, 185, 61, 0.1);
    border: 1px solid rgba(241, 185, 61, 0.48);
    color: #f5bd43 !important;
    font: 900 12px/1 'Montserrat', 'Open Sans', sans-serif;
    box-shadow: inset 0 0 24px rgba(241, 185, 61, 0.16);
}

.dex-hero-badge strong,
.dex-stat strong {
    color: rgba(245, 246, 250, 0.78) !important;
    font: 700 12px/1.35 'Montserrat', 'Open Sans', sans-serif;
}

.dex-coin-stage {
    position: absolute;
    left: 82px;
    bottom: 0;
    width: 260px;
    height: 210px;
}

.dex-orbit {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
    height: 74px;
    border-radius: 50%;
    border: 2px solid rgba(241, 185, 61, 0.68);
    box-shadow:
        0 0 34px rgba(241, 185, 61, 0.45),
        inset 0 0 32px rgba(241, 185, 61, 0.24);
}

.dex-coin-mark {
    position: absolute;
    left: 55px;
    bottom: 54px;
    display: grid;
    place-items: center;
    width: 142px;
    height: 142px;
    border-radius: 50%;
    color: #f5bd43 !important;
    font: 900 74px/1 'Montserrat', 'Open Sans', sans-serif;
    background:
        radial-gradient(circle at 38% 30%, rgba(255, 238, 174, 0.35), transparent 28%),
        linear-gradient(145deg, #34302a, #111215);
    border: 8px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 22px 42px rgba(0, 0, 0, 0.55),
        inset 0 0 0 2px rgba(241, 185, 61, 0.42);
}

.dex-exchange-card,
.dex-market-card,
.dex-last-grid article,
.dex-review-grid article,
.dex-stat,
.dex-home-footer {
    background:
        linear-gradient(180deg, rgba(25, 27, 32, 0.94), rgba(13, 15, 19, 0.94)) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    box-shadow:
        0 26px 80px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.dex-exchange-card {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    width: 100%;
    max-width: 390px;
    justify-self: end;
    z-index: 3;
}

.dex-exchange-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 26px 20px;
}

.dex-exchange-row + .dex-exchange-row {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.dex-label {
    display: block;
    margin: 0 0 12px;
    color: rgba(245, 246, 250, 0.58) !important;
    font: 600 13px/1 'Montserrat', 'Open Sans', sans-serif;
}

.dex-coin-select {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 160px;
    height: 66px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.035);
    cursor: pointer;
}

.dex-coin-icon {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
}

.dex-usdt {
    background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,0.35), transparent 30%),
        linear-gradient(135deg, #23b992, #0e765f);
}

.dex-coin-select strong,
.dex-currency-name strong,
.dex-receive-item strong {
    display: block;
    color: #f6f7fb !important;
    font: 800 15px/1.25 'Montserrat', 'Open Sans', sans-serif;
}

.dex-coin-select em,
.dex-currency-name em,
.dex-receive-item em {
    display: block;
    margin-top: 3px;
    color: rgba(245, 246, 250, 0.52) !important;
    font: 600 12px/1.25 'Montserrat', 'Open Sans', sans-serif;
    font-style: normal;
}

.dex-amount {
    text-align: right;
    padding-top: 14px;
}

.dex-amount strong {
    display: block;
    color: #f7f7f8 !important;
    font: 900 clamp(28px, 2.1vw, 38px)/1 'Montserrat', 'Open Sans', sans-serif;
}

.dex-amount span,
.dex-rate span,
.dex-rule-note,
.dex-rule-note a {
    color: rgba(245, 246, 250, 0.56) !important;
}

.dex-swap {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: #08090b;
    border: 1px solid rgba(241, 185, 61, 0.32);
    color: #f3ba42 !important;
    font: 900 22px/1 'Montserrat', 'Open Sans', sans-serif;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.48);
}

.dex-rate {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font: 600 13px/1.4 'Montserrat', 'Open Sans', sans-serif;
}

.dex-main-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    margin: 0 20px;
    border-radius: 10px;
    color: #101114 !important;
    background: linear-gradient(135deg, #c9861c, #ffd15b 52%, #c7831c) !important;
    font: 900 16px/1 'Montserrat', 'Open Sans', sans-serif;
    text-decoration: none;
    box-shadow: 0 16px 38px rgba(241, 185, 61, 0.24);
}

.dex-main-btn::before {
    content: "↝";
    margin-right: 8px;
}

.dex-rule-note {
    margin: 18px 0 24px;
    text-align: center;
    font: 600 12px/1.4 'Montserrat', 'Open Sans', sans-serif;
}

.dex-rule-note a {
    color: #f5bd43 !important;
    text-decoration: underline;
}

.dex-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: -30px 0 42px;
}

.dex-mockup-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
}

.dex-panel,
.dex-phone-panel {
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(20, 22, 27, 0.95), rgba(9, 11, 15, 0.96)) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow:
        0 26px 80px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.dex-panel {
    padding: 28px;
}

.dex-panel h2,
.dex-phone-panel h2 {
    margin: 0 0 20px;
    color: #f7f7f8 !important;
    text-transform: uppercase;
    font: 900 15px/1.2 'Montserrat', 'Open Sans', sans-serif;
}

.dex-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dex-panel-head span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: rgba(245, 246, 250, 0.7) !important;
    background: rgba(255, 255, 255, 0.06);
}

.dex-status-panel {
    min-height: 386px;
}

.dex-order-title {
    margin: 4px 0 28px;
}

.dex-order-title strong,
.dex-timeline strong,
.dex-summary-box strong,
.dex-send-box strong,
.dex-cabinet-panel h3,
.dex-cabinet-stats b,
.dex-cabinet-list b {
    color: #f7f7f8 !important;
}

.dex-order-title small,
.dex-timeline small,
.dex-send-box span,
.dex-send-box p,
.dex-summary-box small,
.dex-summary-box p,
.dex-cabinet-stats small,
.dex-cabinet-list span,
.dex-payment-actions a {
    color: rgba(245, 246, 250, 0.58) !important;
}

.dex-timeline {
    position: relative;
    display: grid;
    gap: 20px;
    padding-left: 4px;
}

.dex-timeline::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 20px;
    bottom: 22px;
    width: 1px;
    background: linear-gradient(#f1b93d, rgba(255, 255, 255, 0.08));
}

.dex-timeline div {
    position: relative;
    display: grid;
    grid-template-columns: 38px 1fr;
    column-gap: 14px;
}

.dex-timeline span {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #f1b93d !important;
    background: #0a0c10;
    border: 1px solid rgba(241, 185, 61, 0.44);
}

.dex-timeline strong,
.dex-timeline small {
    grid-column: 2;
}

.dex-payment-panel {
    grid-column: 1 / -1;
}

.dex-payment-grid {
    display: grid;
    grid-template-columns: 0.9fr 1fr 0.9fr;
    gap: 20px;
    min-height: 250px;
}

.dex-send-box,
.dex-qr-box,
.dex-summary-box {
    padding: 22px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.dex-send-box strong {
    display: block;
    margin: 8px 0;
    color: #f1b93d !important;
    font-size: 24px;
}

.dex-timer {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 8px;
    align-items: end;
    width: max-content;
    margin-top: 34px;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid rgba(241, 185, 61, 0.35);
}

.dex-timer b {
    color: #f7f7f8 !important;
    font-size: 28px;
}

.dex-timer em {
    color: rgba(245, 246, 250, 0.54) !important;
    font-style: normal;
}

.dex-address {
    margin: 8px 0 14px;
    padding: 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.22);
    color: rgba(245, 246, 250, 0.78) !important;
}

.dex-qr {
    position: relative;
    display: grid;
    place-items: center;
    width: 170px;
    height: 170px;
    margin: 0 auto;
    border-radius: 10px;
    background:
        linear-gradient(90deg, #101114 12px, transparent 12px) 0 0 / 28px 28px,
        linear-gradient(#101114 12px, transparent 12px) 0 0 / 28px 28px,
        #f4f4f4;
}

.dex-qr span {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #f5a623;
    color: #fff !important;
    font-size: 28px;
    font-weight: 900;
}

.dex-summary-box {
    display: grid;
    gap: 10px;
    align-content: center;
}

.dex-summary-box p i {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px;
    border-radius: 50%;
    background: #f1b93d;
}

.dex-payment-actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    margin-top: 18px;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
}

.dex-payment-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    background: rgba(255, 255, 255, 0.035);
    text-decoration: none;
}

.dex-payment-actions .danger {
    color: #ff655d !important;
}

.dex-cabinet-panel {
    grid-column: 1 / -1;
}

.dex-cabinet-grid {
    display: grid;
    grid-template-columns: 210px 1fr;
    gap: 26px;
}

.dex-cabinet-grid nav {
    display: grid;
    gap: 10px;
    align-content: start;
}

.dex-cabinet-grid nav img {
    width: 142px;
    height: 38px;
    object-fit: contain;
    object-position: left center;
    margin-bottom: 14px;
}

.dex-cabinet-grid nav a {
    padding: 12px 14px;
    border-radius: 8px;
    color: rgba(245, 246, 250, 0.58) !important;
    text-decoration: none;
}

.dex-cabinet-grid nav .active {
    background: rgba(241, 185, 61, 0.13);
    color: #f1b93d !important;
}

.dex-cabinet-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 18px 0;
}

.dex-cabinet-stats span,
.dex-cabinet-list p {
    margin: 0;
    padding: 16px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
}

.dex-cabinet-stats small,
.dex-cabinet-stats b {
    display: block;
}

.dex-cabinet-list {
    display: grid;
    gap: 8px;
}

.dex-cabinet-list p {
    display: flex;
    justify-content: space-between;
}

.dex-cabinet-list span {
    color: #32db76 !important;
}

.dex-phone-panel {
    grid-column: 2;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.dex-phone {
    width: 245px;
    margin: 0 auto;
    padding: 18px;
    border-radius: 28px;
    background: #0d1015;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.dex-phone-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.dex-phone-top img {
    width: 96px;
    height: 26px;
    object-fit: contain;
    object-position: left center;
}

.dex-phone-card {
    margin-bottom: 14px;
    padding: 16px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.045);
}

.dex-phone-card small,
.dex-phone-card em {
    display: block;
    color: rgba(245, 246, 250, 0.54) !important;
    font-style: normal;
}

.dex-phone-card strong {
    display: block;
    margin: 18px 0 4px;
    color: #f7f7f8 !important;
    font-size: 26px;
}

.dex-phone a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    border-radius: 10px;
    color: #101114 !important;
    background: linear-gradient(135deg, #c9861c, #ffd15b 52%, #c7831c);
    text-decoration: none;
    font-weight: 900;
}

.dex-stat {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 14px;
    align-items: center;
    min-height: 92px;
    padding: 18px 22px;
    border-radius: 12px;
}

.dex-section {
    margin-top: 34px;
}

.dex-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.dex-section-head h2 {
    margin: 0;
    color: #f7f7f8 !important;
    font: 800 20px/1.2 'Montserrat', 'Open Sans', sans-serif;
}

.dex-section-head a {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    border-radius: 8px;
    border: 1px solid rgba(241, 185, 61, 0.4);
    color: #f5bd43 !important;
    text-decoration: none;
    font: 800 12px/1 'Montserrat', 'Open Sans', sans-serif;
}

.dex-market-card {
    padding: 22px;
    border-radius: 18px;
}

.dex-search-row {
    display: grid;
    grid-template-columns: 1fr 52px;
    gap: 18px;
    margin-bottom: 16px;
}

.dex-search,
.dex-search-row button {
    height: 54px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.045);
    color: rgba(245, 246, 250, 0.56) !important;
    font: 700 13px/54px 'Montserrat', 'Open Sans', sans-serif;
}

.dex-search {
    padding-left: 42px;
    position: relative;
}

.dex-search::before {
    content: "⌕";
    position: absolute;
    left: 18px;
    top: 0;
    color: rgba(245, 246, 250, 0.62) !important;
}

.dex-search-row button {
    padding: 0;
    cursor: pointer;
}

.dex-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
}

.dex-tabs span {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 18px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(245, 246, 250, 0.62) !important;
    font: 800 12px/1 'Montserrat', 'Open Sans', sans-serif;
}

.dex-tabs .active {
    color: #f5bd43 !important;
    border: 1px solid rgba(241, 185, 61, 0.42);
}

.dex-currency-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.dex-give-list,
.dex-receive-list {
    display: grid;
    gap: 8px;
}

.dex-currency-item,
.dex-receive-item {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 13px;
    min-height: 64px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid transparent;
    background: transparent;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.dex-currency-item:hover,
.dex-currency-item.act,
.dex-receive-item:hover {
    background: rgba(255, 255, 255, 0.055);
    border-color: rgba(241, 185, 61, 0.2);
}

.dex-currency-item small,
.dex-receive-item small {
    color: #2edb73 !important;
    font: 800 12px/1 'Montserrat', 'Open Sans', sans-serif;
}

.dex-last-grid,
.dex-review-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.dex-last-grid article,
.dex-review-grid article {
    min-height: 150px;
    padding: 22px;
    border-radius: 12px;
}

.dex-last-grid article div {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 18px;
    color: rgba(245, 246, 250, 0.78) !important;
    font: 800 13px/1 'Montserrat', 'Open Sans', sans-serif;
}

.coin {
    display: inline-grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    color: #fff !important;
    font-weight: 900;
}

.btc { background: #f5a623; }
.usdt { background: #20aa84; }
.eth { background: #6f8cff; }
.trx { background: #ff263a; }
.ltc { background: #6688c8; }

.dex-last-grid article strong {
    display: block;
    margin-bottom: 8px;
    color: #f7f7f8 !important;
    font: 800 17px/1.2 'Montserrat', 'Open Sans', sans-serif;
}

.dex-last-grid article p,
.dex-last-grid article small,
.dex-review-grid article p,
.dex-review-grid article small {
    color: rgba(245, 246, 250, 0.62) !important;
}

.dex-last-grid article p {
    margin: 0 0 10px;
}

.dex-review-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.dex-avatar {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #101114 !important;
    background: linear-gradient(135deg, #f5bd43, #ffe17b);
    font-weight: 900;
}

.dex-review-top strong {
    color: #f7f7f8 !important;
}

.dex-stars {
    color: #f5b301 !important;
    margin-bottom: 12px;
    letter-spacing: 2px;
}

.dex-home-footer {
    position: relative;
    z-index: 1;
    width: min(1480px, calc(100% - 72px));
    margin: 28px auto 0;
    padding: 34px 42px;
    border-radius: 0;
    display: grid;
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: 42px;
}

.dex-home-footer img {
    width: 220px;
    height: 54px;
    object-fit: contain;
    object-position: left center;
    filter: none;
}

.dex-home-footer p,
.dex-home-footer a,
.dex-home-footer strong {
    color: rgba(245, 246, 250, 0.68) !important;
}

.dex-home-footer p {
    max-width: 300px;
    margin-top: 18px;
    line-height: 1.55;
}

.dex-home-footer nav {
    display: grid;
    gap: 12px;
    align-content: start;
}

.dex-home-footer strong {
    color: #f7f7f8 !important;
}

.dex-home-footer a {
    text-decoration: none;
}

.dex-copy {
    position: relative;
    z-index: 1;
    width: min(1480px, calc(100% - 72px));
    margin: 0 auto;
    padding: 22px 0 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(245, 246, 250, 0.48) !important;
    text-align: center;
    font: 600 12px/1 'Montserrat', 'Open Sans', sans-serif;
}

@media screen and (max-width: 900px) {
    body.dex-home-redesign #header .header {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.dex-home-redesign #header .logo img {
        width: 112px !important;
        height: 28px !important;
    }

    body.dex-home-redesign #header .header_contacts::before,
    body.dex-home-redesign #header .header_login,
    body.dex-home-redesign #header .header_cabinet {
        display: none !important;
    }

    .dex-mockup,
    .dex-home-footer,
    .dex-copy {
        width: calc(100% - 28px);
    }

    .dex-mockup {
        padding-top: 24px;
        display: block;
    }

    .dex-mockup-right {
        display: none;
    }

    .dex-hero {
        grid-template-columns: 1fr;
        gap: 28px;
        min-height: auto;
    }

    .dex-hero-copy {
        min-height: auto;
        padding-top: 20px;
    }

    .dex-hero h1 {
        font-size: 36px;
    }

    .dex-hero p {
        font-size: 15px;
        margin-bottom: 24px;
    }

    .dex-hero-badges,
    .dex-coin-stage {
        display: none;
    }

    .dex-exchange-row {
        display: grid;
        padding: 24px 18px;
    }

    .dex-amount {
        text-align: left;
    }

    .dex-amount strong {
        font-size: 34px;
    }

    .dex-rate {
        display: grid;
        padding: 16px 18px;
    }

    .dex-main-btn {
        margin: 0 18px;
        height: 62px;
    }

    .dex-stats,
    .dex-currency-grid,
    .dex-last-grid,
    .dex-review-grid,
    .dex-home-footer {
        grid-template-columns: 1fr;
    }

    .dex-stats {
        margin: 24px 0;
    }
}

/* ===== DEX HOME MATCH: Главная страница.png ===== */
body.dex-home-redesign #header .header {
    max-width: 1160px !important;
    padding: 22px 0 !important;
}

body.dex-home-redesign #header .logo img {
    width: 184px !important;
    height: 41px !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
}

body.dex-home-redesign #header .tmenu {
    gap: 35px !important;
}

body.dex-home-redesign #header .tmenu li a span {
    font-size: 13px !important;
    color: rgba(245, 246, 250, 0.82) !important;
}

body.dex-home-redesign #header .tmenu li:nth-child(1) a span,
body.dex-home-redesign #header .tmenu li:nth-child(2) a span,
body.dex-home-redesign #header .tmenu li:nth-child(3) a span,
body.dex-home-redesign #header .tmenu li:nth-child(4) a span,
body.dex-home-redesign #header .tmenu li:nth-child(5) a span,
body.dex-home-redesign #header .tmenu li:nth-child(6) a span {
    font-size: 13px !important;
}

body.dex-home-redesign #header .tmenu li a span::after {
    content: none !important;
}

body.dex-home-redesign #header .header_contacts::before {
    height: 38px;
    padding: 0 15px;
    border-radius: 8px;
}

.dex-mockup {
    width: min(1160px, calc(100% - 56px));
    display: block;
    padding: 28px 0 0;
}

.dex-mockup::before {
    top: 420px;
    height: 210px;
    background:
        radial-gradient(ellipse at 26% 54%, rgba(241, 185, 61, 0.34), transparent 28%),
        repeating-radial-gradient(ellipse at 26% 74%, rgba(241, 185, 61, 0.2) 0 1px, transparent 1px 8px);
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 70%, transparent 100%);
}

.dex-mockup-right,
.dex-market-section {
    display: none !important;
}

.dex-hero {
    grid-template-columns: 1fr 520px;
    gap: 78px;
    align-items: start;
    min-height: 575px;
}

.dex-hero-copy {
    min-height: 530px;
    padding-top: 62px;
}

.dex-hero h1 {
    max-width: 470px;
    margin-bottom: 22px;
    font: 900 42px/1.18 'Montserrat', 'Open Sans', sans-serif;
}

.dex-hero p {
    max-width: 385px;
    margin-bottom: 48px;
    font: 500 16px/1.58 'Montserrat', 'Open Sans', sans-serif;
}

.dex-hero-badges {
    gap: 32px;
}

.dex-hero-badge {
    min-width: 118px;
    grid-template-columns: 38px 1fr;
}

.dex-hero-badge span,
.dex-stat span {
    width: 36px;
    height: 36px;
    font-size: 11px;
}

.dex-hero-badge strong {
    font-size: 11px;
}

.dex-coin-stage {
    left: 94px;
    bottom: 12px;
    width: 260px;
    height: 200px;
}

.dex-coin-mark {
    width: 126px;
    height: 126px;
    left: 63px;
    bottom: 58px;
    font-size: 62px;
}

.dex-orbit {
    left: 12px;
    right: 12px;
    height: 68px;
}

.dex-exchange-card {
    max-width: none;
    width: 520px;
    border-radius: 14px;
    margin-top: 34px;
}

.dex-exchange-row {
    padding: 30px 22px;
}

.dex-coin-select {
    min-width: 176px;
    height: 70px;
}

.dex-coin-icon {
    width: 42px;
    height: 42px;
}

.dex-amount strong {
    font-size: 43px;
}

.dex-swap {
    width: 58px;
    height: 58px;
}

.dex-rate {
    padding: 18px 22px;
}

.dex-main-btn {
    height: 60px;
    margin: 0 22px;
    font-size: 17px;
}

.dex-stats {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: -4px 0 34px;
}

.dex-stat {
    min-height: 94px;
    padding: 18px 24px;
    border-radius: 8px;
}

.dex-section {
    margin-top: 26px;
}

.dex-section-head {
    margin-bottom: 16px;
}

.dex-section-head h2 {
    font-size: 17px;
}

.dex-last-grid,
.dex-review-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.dex-last-grid article,
.dex-review-grid article {
    min-height: 134px;
    padding: 22px;
    border-radius: 8px;
}

.dex-review-grid article {
    min-height: 142px;
}

.dex-avatar {
    width: 44px;
    height: 44px;
}

.dex-home-footer {
    width: 100%;
    margin-top: 34px;
    padding: 38px max(46px, calc((100vw - 1160px) / 2)) 26px;
    border-radius: 0;
    grid-template-columns: 1.35fr repeat(4, 1fr);
}

.dex-home-footer::after {
    content: "";
}

.dex-home-footer img {
    width: 184px;
    height: 55px;
}

.dex-copy {
    width: min(1160px, calc(100% - 56px));
}

@media screen and (max-width: 900px) {
    body.dex-home-redesign #header .header {
        padding: 14px 16px !important;
    }

    body.dex-home-redesign #header .logo img {
        width: 136px !important;
        height: 36px !important;
    }

    .dex-mockup {
        width: calc(100% - 28px);
        padding-top: 22px;
    }

    .dex-hero {
        grid-template-columns: 1fr;
        gap: 22px;
        min-height: auto;
    }

    .dex-hero h1 {
        max-width: 320px;
        font-size: 31px;
    }

    .dex-hero p {
        max-width: 320px;
        font-size: 13px;
    }

    .dex-exchange-card {
        width: 100%;
    }

    .dex-last-grid,
    .dex-review-grid,
    .dex-stats,
    .dex-home-footer {
        grid-template-columns: 1fr;
    }
}
/* Authentic hero coin from the user's reference image. */
body.dex-home-redesign .dex-coin-mark {
    left: 28px !important;
    bottom: 8px !important;
    width: 200px !important;
    height: 230px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: url("../images/dex-coyote-hero-coin.png") center / contain no-repeat !important;
    box-shadow: none !important;
    filter: drop-shadow(0 24px 34px rgba(0, 0, 0, 0.64)) drop-shadow(0 0 22px rgba(241, 185, 61, 0.24));
}

body.dex-home-redesign .dex-orbit {
    bottom: 6px !important;
}

/* Step 1: compact premium hero */
body.dex-home-redesign .dex-hero {
    grid-template-columns: minmax(420px, 1fr) 500px !important;
    gap: 56px !important;
    align-items: start !important;
    min-height: 510px !important;
}

body.dex-home-redesign .dex-hero-copy {
    min-height: 480px !important;
    padding-top: 54px !important;
}

body.dex-home-redesign .dex-hero h1 {
    max-width: 540px !important;
    margin-bottom: 18px !important;
    font-size: 42px !important;
    line-height: 1.12 !important;
}

body.dex-home-redesign .dex-hero p {
    max-width: 510px !important;
    margin-bottom: 30px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

body.dex-home-redesign .dex-hero-badges {
    gap: 18px !important;
}

body.dex-home-redesign .dex-hero-badge {
    min-width: 104px !important;
    grid-template-columns: 34px 1fr !important;
    gap: 8px !important;
}

body.dex-home-redesign .dex-hero-badge span {
    width: 34px !important;
    height: 34px !important;
    font-size: 10px !important;
}

body.dex-home-redesign .dex-hero-badge strong {
    font-size: 10.5px !important;
    line-height: 1.28 !important;
}

body.dex-home-redesign .dex-coin-stage {
    left: 70px !important;
    bottom: 18px !important;
    width: 255px !important;
    height: 185px !important;
}

body.dex-home-redesign .dex-coin-mark {
    left: 32px !important;
    bottom: 0 !important;
    width: 185px !important;
    height: 215px !important;
}

body.dex-home-redesign .dex-exchange-card {
    width: 500px !important;
    margin-top: 26px !important;
}

body.dex-home-redesign .dex-exchange-row {
    padding: 24px 22px !important;
}

body.dex-home-redesign .dex-coin-select {
    min-width: 168px !important;
    height: 64px !important;
}

body.dex-home-redesign .dex-amount strong {
    font-size: 36px !important;
}

body.dex-home-redesign .dex-swap {
    width: 54px !important;
    height: 54px !important;
}

body.dex-home-redesign .dex-rate {
    padding: 16px 22px !important;
}

body.dex-home-redesign .dex-main-btn {
    height: 56px !important;
}

body.dex-home-redesign .dex-rule-note {
    margin: 14px 20px 20px !important;
}

@media (max-width: 700px) {
    body.dex-home-redesign .dex-hero {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        min-height: auto !important;
    }

    body.dex-home-redesign .dex-hero-copy {
        min-height: auto !important;
        padding-top: 18px !important;
    }

    body.dex-home-redesign .dex-hero h1 {
        max-width: 330px !important;
        font-size: 29px !important;
        line-height: 1.14 !important;
    }

    body.dex-home-redesign .dex-hero p {
        max-width: 330px !important;
        margin-bottom: 20px !important;
    }

    body.dex-home-redesign .dex-exchange-card {
        width: 100% !important;
        margin-top: 0 !important;
    }
}

/* xchange.php custom bank picker */
body.dex-xchange-page .dex-bank-select .dex-bank-picker-toggle {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 44px 0 14px !important;
    border: 1px solid rgba(236, 181, 77, .42) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)),
        #12161d !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 12px 24px rgba(0, 0, 0, .20) !important;
    color: #f6f0e4 !important;
    font: 800 13px/1 "Montserrat", "Open Sans", sans-serif !important;
    text-align: left !important;
    cursor: pointer !important;
}

body.dex-xchange-page .dex-bank-select .dex-bank-picker-toggle:hover,
body.dex-xchange-page .dex-bank-select .dex-bank-picker-toggle:focus {
    outline: none !important;
    border-color: rgba(255, 211, 107, .82) !important;
    box-shadow:
        0 0 0 4px rgba(236, 181, 77, .11),
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 14px 28px rgba(0, 0, 0, .24) !important;
}

body.dex-xchange-page .dex-bank-select .dex-bank-picker-toggle span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    margin: 0 !important;
    color: inherit !important;
    font: inherit !important;
    text-transform: none !important;
}

body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu {
    position: absolute;
    z-index: 80;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    display: none;
    padding: 7px;
    border: 1px solid rgba(236, 181, 77, .22);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(31, 35, 43, .98), rgba(14, 17, 23, .98)),
        #11151c;
    box-shadow:
        0 22px 48px rgba(0, 0, 0, .48),
        inset 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(16px);
}

body.dex-xchange-page .dex-bank-select.is-open .dex-bank-picker-menu {
    display: grid;
    gap: 4px;
}

body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu button {
    width: 100%;
    height: 36px;
    padding: 0 11px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: rgba(246, 240, 228, .82);
    font: 800 12px/1 "Montserrat", "Open Sans", sans-serif;
    text-align: left;
    cursor: pointer;
}

body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu button:hover,
body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu button.is-selected {
    background: linear-gradient(135deg, rgba(245, 189, 67, .24), rgba(255, 255, 255, .07));
    color: #fff4d6;
}

body.dex-xchange-page .dex-bank-select .wowarnerr {
    min-height: 0;
    margin-top: 5px;
    color: #ffd36b;
    font: 800 10.5px/1.2 "Montserrat", "Open Sans", sans-serif;
}

@media (max-width: 700px) {
    body.dex-xchange-page .dex-bank-select .dex-bank-picker-toggle {
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 13px !important;
        font-size: 12.5px !important;
    }

    body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu {
        top: calc(100% + 6px);
        padding: 6px;
        border-radius: 14px;
    }

    body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu button {
        height: 34px;
        font-size: 11.5px;
    }
}

/* xchange.php bank picker readability fix */
body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu {
    max-height: 238px !important;
    overflow-y: auto !important;
    padding: 6px !important;
    border-color: rgba(245, 189, 67, .34) !important;
    background:
        linear-gradient(180deg, rgba(34, 38, 46, .98), rgba(15, 18, 24, .99)),
        #11151c !important;
}

body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu::-webkit-scrollbar {
    width: 5px;
}

body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(245, 189, 67, .42);
}

body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu button {
    height: 30px !important;
    padding: 0 10px !important;
    color: rgba(255, 248, 232, .88) !important;
    background: transparent !important;
    font: 800 11.5px/30px "Montserrat", "Open Sans", sans-serif !important;
    opacity: 1 !important;
}

body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu button:hover,
body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu button:focus,
body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu button.is-selected {
    outline: none !important;
    background: linear-gradient(135deg, rgba(245, 189, 67, .88), rgba(173, 134, 52, .62)) !important;
    color: #111318 !important;
}

@media (max-width: 700px) {
    body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu {
        max-height: 206px !important;
    }

    body.dex-xchange-page .dex-bank-select .dex-bank-picker-menu button {
        height: 28px !important;
        font-size: 11px !important;
        line-height: 28px !important;
    }
}

/* Final order payment page polish */
body.dex-order-pay-page .dex-pay-hero .xchangestep2divvn {
    overflow: hidden !important;
    border: 1px solid rgba(248, 211, 91, 0.12) !important;
    border-bottom: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    background:
        radial-gradient(circle at 80% 20%, rgba(245, 189, 67, 0.12), transparent 30%),
        linear-gradient(145deg, rgba(38, 39, 43, 0.96), rgba(22, 23, 26, 0.98)) !important;
    box-shadow: 0 16px 46px rgba(0, 0, 0, 0.18) !important;
}

body.dex-order-pay-page .xchangestep3bodyvn {
    border-top: 0 !important;
    border-radius: 0 0 24px 24px !important;
}

body.dex-order-pay-page .dex-pay-address,
body.dex-order-pay-page .dex-pay-address span,
body.dex-order-pay-page .dex-pay-details-title,
body.dex-order-pay-page .dex-pay-details-title span {
    color: #f8f8fb !important;
}

body.dex-order-pay-page .dex-pay-address button {
    color: #f8f8fb !important;
}

body.dex-order-pay-page .dex-pay-details-grid div span {
    color: #f8f8fb !important;
}

body.dex-order-pay-page .dex-pay-details-grid div strong {
    color: rgba(245, 246, 250, 0.7) !important;
}

/* Step 2: compact trust cards below hero */
body.dex-home-redesign .dex-stats {
    gap: 10px !important;
    margin: -10px 0 30px !important;
}

body.dex-home-redesign .dex-stat {
    min-height: 74px !important;
    padding: 14px 18px !important;
    grid-template-columns: 34px 1fr !important;
    gap: 12px !important;
}

body.dex-home-redesign .dex-stat span {
    width: 34px !important;
    height: 34px !important;
    font-size: 10px !important;
}

body.dex-home-redesign .dex-stat strong {
    font-size: 11px !important;
    line-height: 1.28 !important;
}

@media (max-width: 700px) {
    body.dex-home-redesign .dex-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 8px 0 22px !important;
    }

    body.dex-home-redesign .dex-stat {
        min-height: 66px !important;
        padding: 12px 10px !important;
        grid-template-columns: 28px 1fr !important;
        gap: 8px !important;
    }

    body.dex-home-redesign .dex-stat span {
        width: 28px !important;
        height: 28px !important;
        font-size: 9px !important;
    }

    body.dex-home-redesign .dex-stat strong {
        font-size: 9.5px !important;
        line-height: 1.22 !important;
    }
}

/* Coin/ripple refinement */
body.dex-home-redesign .dex-hero-badges {
    display: none !important;
}

body.dex-home-redesign .dex-mockup::before {
    top: 372px !important;
    height: 178px !important;
    background:
        radial-gradient(ellipse at 24% 58%, rgba(241, 185, 61, 0.22), transparent 24%),
        repeating-radial-gradient(ellipse at 24% 76%, rgba(241, 185, 61, 0.12) 0 1px, transparent 1px 10px) !important;
    mask-image: linear-gradient(90deg, transparent, #000 12%, #000 46%, transparent 64%) !important;
    opacity: 0.48 !important;
}

body.dex-home-redesign .dex-coin-stage {
    overflow: visible !important;
}

body.dex-home-redesign .dex-coin-mark {
    left: 8px !important;
    bottom: -16px !important;
    width: 231px !important;
    height: 253px !important;
    filter: drop-shadow(0 20px 28px rgba(0, 0, 0, 0.58)) drop-shadow(0 0 16px rgba(241, 185, 61, 0.18)) !important;
}

body.dex-home-redesign .dex-orbit {
    left: 40px !important;
    right: 34px !important;
    bottom: 4px !important;
    height: 50px !important;
    border-color: rgba(241, 185, 61, 0.42) !important;
    box-shadow:
        0 0 18px rgba(241, 185, 61, 0.24),
        inset 0 0 18px rgba(241, 185, 61, 0.14) !important;
}

/* Exchange card: e-change style structure, DEX-COYOTE visual language */
body.dex-home-redesign .dex-exchange-card {
    padding: 16px !important;
    overflow: visible !important;
}

body.dex-home-redesign .dex-exchange-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin-bottom: 12px;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(5, 6, 9, 0.45);
}

body.dex-home-redesign .dex-exchange-tabs span {
    display: grid;
    place-items: center;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: rgba(245, 246, 250, 0.58) !important;
    background: rgba(255, 255, 255, 0.035);
    font: 800 12px/1 'Montserrat', 'Open Sans', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

body.dex-home-redesign .dex-exchange-tabs span:hover {
    border-color: rgba(241, 185, 61, 0.45);
    color: rgba(255, 255, 255, 0.88) !important;
    background: rgba(241, 185, 61, 0.09);
    transform: translateY(-1px);
}

@media (max-width: 700px) {
    body.dex-home-redesign .dex-exchange-tabs {
        gap: 4px !important;
        padding: 4px !important;
    }

    body.dex-home-redesign .dex-exchange-tabs span {
        height: 30px !important;
        font-size: 9px !important;
    }
}

body.dex-home-redesign .dex-exchange-tabs .active {
    color: #111318 !important;
    border-color: rgba(255, 214, 98, 0.72);
    background: linear-gradient(135deg, #d89620, #ffd45f 54%, #d39020);
    box-shadow: 0 10px 24px rgba(241, 185, 61, 0.22);
}

body.dex-home-redesign .dex-exchange-tabs-receive {
    margin-top: 10px;
}

body.dex-home-redesign .dex-exchange-row + .dex-exchange-tabs-receive {
    margin-top: 10px !important;
}

/* Header/footer in novyformat top format */
body.dex-home-redesign #header {
    padding-top: 10px !important;
    background: transparent !important;
    border-bottom: 0 !important;
}

body.dex-home-redesign #header .header {
    width: min(1280px, calc(100% - 32px)) !important;
    min-height: 58px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(180deg, rgba(18, 20, 25, 0.86), rgba(8, 9, 12, 0.86)) !important;
    box-shadow:
        0 18px 60px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(18px);
}

body.dex-home-redesign #header .logo img {
    width: 158px !important;
    height: 38px !important;
}

body.dex-home-redesign #header .header_right {
    flex: 1 !important;
    justify-content: flex-end !important;
    gap: 14px !important;
}

body.dex-home-redesign #header .tmenu {
    flex: 1 !important;
    justify-content: center !important;
    gap: 2px !important;
}

body.dex-home-redesign #header .tmenu li a {
    height: 36px !important;
    padding: 0 10px !important;
}

body.dex-home-redesign #header .tmenu li a span {
    font-size: 12px !important;
}

body.dex-home-redesign #header .header_exchange_cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(255, 214, 98, 0.62) !important;
    border-radius: 11px !important;
    color: #111318 !important;
    background: linear-gradient(135deg, #d89620, #ffd45f 54%, #d39020) !important;
    font: 900 12.5px/1 'Montserrat', 'Open Sans', sans-serif !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 12px 28px rgba(241, 185, 61, 0.18) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

body.dex-home-redesign #header .header_exchange_cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(241, 185, 61, 0.28) !important;
}

body.dex-home-redesign #header .header_contacts-contact,
body.dex-home-redesign #header .header_pro_badge {
    display: none !important;
}

body.dex-home-redesign #header .header_contacts {
    gap: 8px !important;
}

body.dex-home-redesign #header .header_contacts::before {
    height: 38px !important;
    padding: 0 12px !important;
}

body.dex-home-redesign #header .header_login,
body.dex-home-redesign #header .header_cabinet,
body.dex-home-redesign #header .header_logout {
    height: 38px !important;
    padding: 0 16px !important;
}

body.dex-home-redesign .dex-footer-top-format {
    display: grid !important;
    grid-template-columns: minmax(220px, 0.8fr) minmax(420px, 1.35fr) minmax(220px, 0.75fr) !important;
    align-items: center !important;
    gap: 18px 28px !important;
    margin-top: 46px !important;
    padding: 28px max(46px, calc((100vw - 1160px) / 2)) 22px !important;
}

body.dex-home-redesign .dex-footer-brand {
    min-width: 0 !important;
}

body.dex-home-redesign .dex-footer-top-format .dex-footer-brand img {
    width: 160px !important;
    height: 38px !important;
}

body.dex-home-redesign .dex-footer-top-format .dex-footer-brand p {
    max-width: 295px !important;
    margin-top: 8px !important;
    font-size: 12.5px !important;
    line-height: 1.38 !important;
}

body.dex-home-redesign .dex-footer-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 16px !important;
    align-content: center !important;
}

body.dex-home-redesign .dex-footer-nav a {
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: rgba(245, 246, 250, 0.62) !important;
}

body.dex-home-redesign .dex-footer-action {
    display: grid !important;
    justify-items: end !important;
    gap: 8px !important;
}

body.dex-home-redesign .dex-footer-action span {
    color: rgba(245, 246, 250, 0.72) !important;
    font: 800 12px/1 'Montserrat', 'Open Sans', sans-serif !important;
}

body.dex-home-redesign .dex-footer-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    color: #111318 !important;
    background: linear-gradient(135deg, #d89620, #ffd45f 54%, #d39020) !important;
    font: 900 13px/1 'Montserrat', 'Open Sans', sans-serif !important;
    text-decoration: none !important;
}

body.dex-home-redesign .dex-footer-action small,
body.dex-home-redesign .dex-footer-action small a {
    color: rgba(245, 246, 250, 0.5) !important;
    font-size: 12px !important;
}

@media (max-width: 1000px) {
    body.dex-home-redesign #header .tmenu {
        gap: 0 !important;
    }

    body.dex-home-redesign #header .tmenu li a {
        padding: 0 7px !important;
    }

    body.dex-home-redesign #header .header_exchange_cta {
        padding: 0 14px !important;
    }
}

@media (max-width: 900px) {
    body.dex-home-redesign #header {
        padding-top: 8px !important;
    }

    body.dex-home-redesign #header .header {
        width: calc(100% - 28px) !important;
        min-height: 54px !important;
        padding: 0 10px !important;
    }

    body.dex-home-redesign #header .logo img {
        width: 132px !important;
        height: 34px !important;
    }

    body.dex-home-redesign #header .header_exchange_cta {
        display: flex !important;
        width: min(100%, 330px) !important;
        height: 48px !important;
        margin: 0 auto !important;
        font-size: 15px !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .header_contacts-contact,
    body.dex-home-redesign.mobile-menu-open #header .header_pro_badge {
        display: flex !important;
    }

    body.dex-home-redesign .dex-footer-top-format {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
        gap: 16px !important;
        padding: 28px 22px 24px !important;
    }

    body.dex-home-redesign .dex-footer-top-format .dex-footer-brand img {
        width: 158px !important;
        height: 38px !important;
        object-position: center !important;
    }

    body.dex-home-redesign .dex-footer-top-format .dex-footer-brand p {
        max-width: 340px !important;
        margin-inline: auto !important;
    }

    body.dex-home-redesign .dex-footer-nav {
        max-width: 330px !important;
        gap: 8px 14px !important;
    }

    body.dex-home-redesign .dex-footer-action {
        justify-items: center !important;
    }
}

/* Header/footer polish */
body.dex-home-redesign #header {
    position: relative !important;
    z-index: 30 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    background:
        linear-gradient(180deg, rgba(10, 11, 14, 0.88), rgba(7, 8, 11, 0.72)) !important;
    backdrop-filter: blur(16px);
}

body.dex-home-redesign #header .header {
    max-width: 1160px !important;
    min-height: 68px !important;
    padding: 0 !important;
}

body.dex-home-redesign #header .logo {
    display: flex !important;
    align-items: center !important;
}

body.dex-home-redesign #header .logo img {
    width: 168px !important;
    height: 46px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

body.dex-home-redesign #header .header_right {
    gap: 22px !important;
}

body.dex-home-redesign #header .tmenu {
    gap: 6px !important;
}

body.dex-home-redesign #header .tmenu li a {
    display: flex !important;
    align-items: center !important;
    height: 36px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

body.dex-home-redesign #header .tmenu li a:hover {
    background: rgba(241, 185, 61, 0.09) !important;
    transform: translateY(-1px);
}

body.dex-home-redesign #header .tmenu li a span {
    color: rgba(245, 246, 250, 0.74) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

body.dex-home-redesign #header .tmenu li a:hover span {
    color: #ffd45f !important;
}

body.dex-home-redesign #header .header_contacts {
    gap: 8px !important;
}

body.dex-home-redesign #header .header_contacts::before,
body.dex-home-redesign #header .header_login,
body.dex-home-redesign #header .header_cabinet,
body.dex-home-redesign #header .header_logout {
    height: 38px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(241, 185, 61, 0.36) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    color: rgba(245, 246, 250, 0.9) !important;
    box-shadow: none !important;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

body.dex-home-redesign #header .header_login,
body.dex-home-redesign #header .header_cabinet,
body.dex-home-redesign #header .header_logout {
    padding: 0 22px !important;
    font-weight: 900 !important;
}

body.dex-home-redesign #header .header_login:hover,
body.dex-home-redesign #header .header_cabinet:hover,
body.dex-home-redesign #header .header_logout:hover {
    background: rgba(241, 185, 61, 0.12) !important;
    border-color: rgba(255, 212, 95, 0.72) !important;
    transform: translateY(-1px);
    text-decoration: none !important;
}

body.dex-home-redesign .dex-home-footer {
    margin-top: 46px !important;
    padding: 34px max(46px, calc((100vw - 1160px) / 2)) 24px !important;
    gap: 34px !important;
    background:
        linear-gradient(180deg, rgba(21, 23, 28, 0.96), rgba(12, 13, 17, 0.98)) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

body.dex-home-redesign .dex-home-footer img {
    width: 168px !important;
    height: 48px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

body.dex-home-redesign .dex-home-footer p {
    max-width: 270px !important;
    margin: 14px 0 0 !important;
    color: rgba(245, 246, 250, 0.56) !important;
    font-size: 13px !important;
    line-height: 1.52 !important;
}

body.dex-home-redesign .dex-home-footer nav {
    gap: 9px !important;
}

body.dex-home-redesign .dex-home-footer strong {
    margin-bottom: 4px !important;
    color: rgba(245, 246, 250, 0.9) !important;
    font-size: 13px !important;
}

body.dex-home-redesign .dex-home-footer a {
    color: rgba(245, 246, 250, 0.58) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    transition: color 0.18s ease, transform 0.18s ease;
}

body.dex-home-redesign .dex-home-footer a:hover {
    color: #ffd45f !important;
    text-decoration: none !important;
    transform: translateX(2px);
}

body.dex-home-redesign .dex-copy {
    padding: 16px 0 22px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.055) !important;
    color: rgba(245, 246, 250, 0.42) !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign #header .header {
        min-height: 58px !important;
        padding: 0 14px !important;
    }

    body.dex-home-redesign #header .logo img {
        width: 128px !important;
        height: 38px !important;
    }

    body.dex-home-redesign .mobile_nav {
        width: 38px !important;
        height: 38px !important;
        border: 1px solid rgba(241, 185, 61, 0.32) !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.08) !important;
    }

    body.dex-home-redesign .mobile_nav_line {
        background: #f7f7f8 !important;
    }

    body.dex-home-redesign .dex-home-footer {
        margin-top: 34px !important;
        padding: 28px 22px 24px !important;
        gap: 22px !important;
        grid-template-columns: 1fr 1fr !important;
    }

    body.dex-home-redesign .dex-home-footer nav:first-child {
        grid-column: 1 / -1;
    }

    body.dex-home-redesign .dex-home-footer img {
        width: 150px !important;
        height: 42px !important;
    }

    body.dex-home-redesign .dex-home-footer p {
        max-width: 100% !important;
    }
}

@media (max-width: 520px) {
    body.dex-home-redesign .dex-home-footer {
        grid-template-columns: 1fr !important;
    }
}

body.dex-xchange-page #jvLabelWrap {
    display: block !important;
}

/* DEX-COYOTE order payment page */
body.dex-order-pay-page #cwrap {
    width: min(820px, calc(100% - 32px)) !important;
    margin: 18px auto 44px !important;
    padding: 0 !important;
}

body.dex-order-pay-page .content,
body.dex-order-pay-page .contentzone,
body.dex-order-pay-page .thecontent,
body.dex-order-pay-page #exch_html {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.dex-order-pay-page .sidebar,
body.dex-order-pay-page .clear,
body.dex-order-pay-page .biginfo,
body.dex-order-pay-page .merchantinst,
body.dex-order-pay-page .biddata,
body.dex-order-pay-page .zawarntext,
body.dex-order-pay-page .statusza {
    display: none !important;
}

body.dex-order-pay-page .xchangestep2div,
body.dex-order-pay-page .xchangestep3body {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.dex-order-pay-page .xchangestep3bodyvn {
    padding: 28px 42px !important;
    border: 1px solid rgba(248, 211, 91, 0.12);
    border-radius: 24px;
    background:
        radial-gradient(circle at 86% 14%, rgba(245, 189, 67, 0.08), transparent 28%),
        linear-gradient(145deg, rgba(38, 39, 43, 0.96), rgba(22, 23, 26, 0.98));
    box-shadow: 0 24px 76px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.dex-order-pay-page .dex-pay-hero .xchangestep2divvn {
    padding: 0 42px 14px !important;
}

body.dex-order-pay-page .dex-pay-deadline {
    margin: 0 0 14px !important;
    color: #f8f8fb !important;
    font: 900 23px/1.1 Montserrat, Arial, sans-serif !important;
}

body.dex-order-pay-page .dex-pay-deadline strong {
    color: #f5bd43 !important;
    font-size: 1em !important;
    font-weight: 900 !important;
}

body.dex-order-pay-page .dex-pay-deadline #payTimer {
    font-size: inherit !important;
    line-height: inherit !important;
}

body.dex-order-pay-page .xchangestep2title {
    margin: 0 !important;
    color: #f8f8fb !important;
    font: 900 26px/1.1 Montserrat, Arial, sans-serif !important;
}

body.dex-order-pay-page .dex-pay-hero .xchangestep2divvn,
body.dex-order-pay-page .dex-pay-deadline,
body.dex-order-pay-page .xchangestep2title {
    text-align: center !important;
}

body.dex-order-pay-page .dex-pay-deadline {
    justify-content: center !important;
}

body.dex-order-pay-page .dex-pay-summary {
    margin: 0 0 18px;
    padding: 24px 28px;
    border-radius: 22px;
    background: rgba(8, 9, 12, 0.74);
}

body.dex-order-pay-page .dex-pay-flow {
    display: grid;
    grid-template-columns: 1fr 34px 1fr;
    align-items: center;
    gap: 16px;
}

body.dex-order-pay-page .dex-pay-flow > div {
    position: relative;
    min-height: 76px;
    padding-right: 48px;
}

body.dex-order-pay-page .dex-pay-flow span,
body.dex-order-pay-page .dex-pay-details-grid span {
    display: block;
    margin-bottom: 10px;
    color: #f8f8fb !important;
    font: 900 15px/1.15 Montserrat, Arial, sans-serif !important;
}

body.dex-order-pay-page .dex-pay-flow strong {
    display: block;
    margin-bottom: 8px;
    color: #f5bd43 !important;
    font: 900 14px/1 Montserrat, Arial, sans-serif !important;
}

body.dex-order-pay-page .dex-pay-flow em {
    display: block;
    color: #f8f8fb !important;
    font: 800 13px/1.2 Montserrat, Arial, sans-serif !important;
    font-style: normal !important;
}

body.dex-order-pay-page .dex-pay-flow i {
    position: absolute;
    top: 30px;
    right: 8px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.94);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

body.dex-order-pay-page .dex-pay-flow i.dex-pay-coin-icon {
    background-color: rgba(255, 255, 255, .96) !important;
    background-origin: content-box !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: 50% !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .68) !important;
    box-sizing: border-box !important;
    height: 36px !important;
    padding: 3px !important;
    width: 36px !important;
}

body.dex-order-pay-page .dex-pay-flow i.dex-pay-payment-icon {
    background-color: #fff !important;
    padding: 6px !important;
}

body.dex-order-pay-page .dex-pay-flow > b {
    display: grid;
    place-items: center;
    color: rgba(245, 189, 67, 0.62);
    font: 900 32px/1 Montserrat, Arial, sans-serif;
}

body.dex-order-pay-page .dex-pay-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 138px;
    gap: 26px;
    align-items: center;
    margin-bottom: 18px;
}

body.dex-order-pay-page .dex-pay-requisites h2 {
    margin: 0 0 12px !important;
    color: #f8f8fb !important;
    font: 900 17px/1.25 Montserrat, Arial, sans-serif !important;
}

body.dex-order-pay-page .dex-pay-address {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    align-items: center;
    min-height: 42px;
    border: 1px solid rgba(255, 255, 255, 0.84);
    border-radius: 999px;
    padding: 0 6px 0 18px;
    color: #f8f8fb !important;
    background: rgba(255, 255, 255, 0.025);
}

body.dex-order-pay-page .dex-pay-address span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 900 13px/1 Montserrat, Arial, sans-serif !important;
}

body.dex-order-pay-page .dex-pay-address button {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    color: #f8f8fb;
    background: rgba(255, 255, 255, 0.08);
    cursor: pointer;
}

body.dex-order-pay-page .dex-pay-qr {
    display: grid;
    place-items: center;
    width: 138px;
    height: 138px;
    border-radius: 14px;
    background: #fff;
}

body.dex-order-pay-page .dex-pay-qr img {
    width: 122px !important;
    height: 122px !important;
    margin: 0 !important;
}

body.dex-order-pay-page .dex-pay-details {
    margin-top: 8px;
}

body.dex-order-pay-page .dex-pay-details-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
    color: #f8f8fb;
    background: transparent;
    font: 900 16px/1 Montserrat, Arial, sans-serif;
}

body.dex-order-pay-page .dex-pay-details-title span {
    color: #f8f8fb;
    font-size: 20px;
}

body.dex-order-pay-page .dex-pay-details-grid {
    display: grid;
    gap: 0;
}

body.dex-order-pay-page .dex-pay-details-grid div {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 18px;
    min-height: 38px;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.045);
}

body.dex-order-pay-page .dex-pay-details-grid span {
    margin: 0 !important;
    font-size: 13px !important;
}

body.dex-order-pay-page .dex-pay-details-grid strong {
    min-width: 0;
    color: rgba(245, 246, 250, 0.62) !important;
    text-align: right;
    font: 700 13px/1.35 Montserrat, Arial, sans-serif !important;
    overflow-wrap: anywhere;
}

body.dex-order-pay-page .dex-pay-warning {
    margin: 16px 0 26px;
    padding: 17px 22px;
    border: 1px solid rgba(245, 189, 67, 0.86);
    border-radius: 22px;
    color: #f5bd43 !important;
    background: rgba(245, 189, 67, 0.045);
    font: 900 15px/1.45 Montserrat, Arial, sans-serif !important;
}

body.dex-order-pay-page .dex-pay-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 0 !important;
}

body.dex-order-pay-page .dex-pay-actions > div,
body.dex-order-pay-page .dex-pay-actions form {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

body.dex-order-pay-page .dex-pay-actions input {
    width: 100% !important;
    height: 44px !important;
    border-radius: 999px !important;
    font: 800 13px/44px Montserrat, Arial, sans-serif !important;
    cursor: pointer;
}

body.dex-order-pay-page .dex-pay-actions .iampay {
    border: 0 !important;
    color: #101114 !important;
    background: linear-gradient(135deg, #f5bd43, #ffda61) !important;
}

body.dex-order-pay-page .dex-pay-actions .rsubmitdel {
    border: 1px solid rgba(255, 255, 255, 0.88) !important;
    color: #f8f8fb !important;
    background: transparent !important;
}

body.dex-order-pay-page #jvLabelWrap {
    display: block !important;
}

@media (max-width: 700px) {
    body.dex-order-pay-page #cwrap {
        width: min(100% - 20px, 430px) !important;
        margin-top: 12px !important;
    }

    body.dex-order-pay-page .dex-pay-hero .xchangestep2divvn,
    body.dex-order-pay-page .xchangestep3bodyvn {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.dex-order-pay-page .xchangestep3bodyvn {
        padding-top: 18px !important;
        border-radius: 20px;
    }

    body.dex-order-pay-page .dex-pay-deadline {
        font-size: 18px !important;
    }

    body.dex-order-pay-page .xchangestep2title {
        font-size: 21px !important;
    }

    body.dex-order-pay-page .dex-pay-flow,
    body.dex-order-pay-page .dex-pay-main,
    body.dex-order-pay-page .dex-pay-actions {
        grid-template-columns: 1fr;
    }

    body.dex-order-pay-page .dex-pay-flow > b {
        transform: rotate(90deg);
        font-size: 24px;
    }

    body.dex-order-pay-page .dex-pay-qr {
        width: 122px;
        height: 122px;
        margin: 0 auto;
    }

    body.dex-order-pay-page .dex-pay-qr img {
        width: 108px !important;
        height: 108px !important;
    }

    body.dex-order-pay-page .dex-pay-details-grid div {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 10px 0;
    }

    body.dex-order-pay-page .dex-pay-details-grid strong {
        text-align: left;
    }
}

/* xchangestep2.php payment page matched to current exchange flow */
body.dex-order-pay-page #cwrap {
    width: 1014px !important;
    max-width: calc(100% - 32px) !important;
    margin: 16px auto 34px !important;
}

body.dex-order-pay-page .dex-pay-hero .xchangestep2divvn,
body.dex-order-pay-page .xchangestep3bodyvn {
    width: 1014px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
        #101115 !important;
    box-shadow:
        0 24px 80px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

body.dex-order-pay-page .dex-pay-hero .xchangestep2divvn {
    padding: 18px 26px !important;
    margin-bottom: 12px !important;
}

body.dex-order-pay-page .xchangestep3bodyvn {
    padding: 14px !important;
}

body.dex-order-pay-page .dex-pay-deadline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 0 10px !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(245, 189, 67, 0.24) !important;
    border-radius: 999px !important;
    background: rgba(245, 189, 67, 0.055) !important;
    color: rgba(245, 246, 250, 0.78) !important;
    font: 900 10px/1 "Montserrat", "Open Sans", sans-serif !important;
    text-transform: uppercase !important;
}

body.dex-order-pay-page .dex-pay-deadline strong {
    color: #f5bd43 !important;
    font: 900 14px/1 "Montserrat", "Open Sans", sans-serif !important;
}

body.dex-order-pay-page .xchangestep2title {
    color: #fff8e8 !important;
    font: 900 34px/1.05 "Montserrat", "Open Sans", sans-serif !important;
}

body.dex-order-pay-page .dex-pay-summary,
body.dex-order-pay-page .dex-pay-main,
body.dex-order-pay-page .dex-pay-details,
body.dex-order-pay-page .dex-pay-warning {
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, 0.032) !important;
    box-shadow: none !important;
}

body.dex-order-pay-page .dex-pay-summary {
    margin: 0 0 10px !important;
    padding: 10px !important;
}

body.dex-order-pay-page .dex-pay-flow {
    grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr) !important;
    gap: 10px !important;
}

body.dex-order-pay-page .dex-pay-flow > div {
    min-height: 86px !important;
    padding: 14px 52px 14px 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 15px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(16, 17, 21, 0.78) !important;
}

body.dex-order-pay-page .dex-pay-flow span,
body.dex-order-pay-page .dex-pay-details-grid span,
body.dex-order-pay-page .dex-pay-requisites-grid span {
    color: rgba(245, 246, 250, 0.54) !important;
    font: 900 10px/1 "Montserrat", "Open Sans", sans-serif !important;
    text-transform: uppercase !important;
}

body.dex-order-pay-page .dex-pay-flow strong {
    color: #fff8e8 !important;
    font: 900 24px/1.05 "Montserrat", "Open Sans", sans-serif !important;
}

body.dex-order-pay-page .dex-pay-flow em {
    color: rgba(246, 240, 228, 0.68) !important;
    font: 900 12px/1.25 "Montserrat", "Open Sans", sans-serif !important;
}

body.dex-order-pay-page .dex-pay-flow i {
    top: 27px !important;
    right: 14px !important;
    width: 34px !important;
    height: 34px !important;
    background-size: cover !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.dex-order-pay-page .dex-pay-flow > b {
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    color: #101114 !important;
    background: linear-gradient(135deg, #ffd36b, #b18b38) !important;
    font: 900 18px/1 "Montserrat", "Open Sans", sans-serif !important;
}

body.dex-order-pay-page .dex-pay-main {
    grid-template-columns: minmax(0, 1fr) 128px !important;
    gap: 14px !important;
    align-items: stretch !important;
    margin: 0 0 10px !important;
    padding: 14px !important;
}

body.dex-order-pay-page .dex-pay-requisites {
    min-width: 0 !important;
}

body.dex-order-pay-page .dex-pay-requisites h2 {
    margin-bottom: 10px !important;
    color: #fff8e8 !important;
    font: 900 18px/1.2 "Montserrat", "Open Sans", sans-serif !important;
}

body.dex-order-pay-page .dex-pay-address {
    min-height: 48px !important;
    border-color: rgba(255, 255, 255, 0.38) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(16, 17, 21, 0.78) !important;
}

body.dex-order-pay-page .dex-pay-address span {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    color: #fff8e8 !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
}

body.dex-order-pay-page .dex-pay-address button {
    color: #101114 !important;
    background: linear-gradient(135deg, #ffd36b, #b18b38) !important;
}

body.dex-order-pay-page .dex-pay-qr {
    width: 128px !important;
    height: 128px !important;
    border-radius: 16px !important;
    align-self: center !important;
}

body.dex-order-pay-page .dex-pay-qr img {
    width: 112px !important;
    height: 112px !important;
}

body.dex-order-pay-page .dex-pay-topline {
    align-items: stretch !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(230px, .95fr) !important;
    margin-bottom: 10px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-main {
    margin: 0 !important;
    min-height: 0 !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-card {
    display: flex !important;
    margin: 0 !important;
    min-height: 100% !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-card > .dex-pay-status-head {
    align-items: flex-start !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid rgba(245, 189, 67, .16) !important;
    border-radius: 14px !important;
    flex-direction: column !important;
    gap: 8px !important;
    justify-content: center !important;
    min-height: 88px !important;
    padding: 12px 13px !important;
    width: 100% !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-card strong {
    text-align: left !important;
}

body.dex-order-pay-page .dex-pay-details {
    margin: 0 0 10px !important;
    padding: 14px !important;
}

body.dex-order-pay-page .dex-pay-details-title {
    margin-bottom: 12px !important;
    color: #fff8e8 !important;
    font: 900 16px/1 "Montserrat", "Open Sans", sans-serif !important;
}

body.dex-order-pay-page .dex-pay-requisites-grid {
    margin-bottom: 12px !important;
}

body.dex-order-pay-page .dex-pay-requisites-grid-title {
    margin-bottom: 8px !important;
    color: #f5bd43 !important;
    font: 900 11px/1 "Montserrat", "Open Sans", sans-serif !important;
    text-transform: uppercase !important;
}

body.dex-order-pay-page .dex-pay-requisites-grid-items {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.dex-order-pay-page .dex-pay-requisites-grid-items div,
body.dex-order-pay-page .dex-pay-details-grid div {
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(16, 17, 21, 0.78) !important;
}

body.dex-order-pay-page .dex-pay-requisites-grid-items div {
    padding: 10px 12px !important;
}

body.dex-order-pay-page .dex-pay-requisites-grid strong {
    display: block !important;
    margin-top: 5px !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    color: #fff8e8 !important;
    font: 900 12px/1.35 "Montserrat", "Open Sans", sans-serif !important;
}

body.dex-order-pay-page .dex-pay-details-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.dex-order-pay-page .dex-pay-details-grid div {
    display: block !important;
    min-height: 58px !important;
    padding: 10px 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.075) !important;
}

body.dex-order-pay-page .dex-pay-details-grid strong {
    display: block !important;
    margin-top: 5px !important;
    text-align: left !important;
    color: #fff8e8 !important;
    font: 900 12px/1.35 "Montserrat", "Open Sans", sans-serif !important;
}

body.dex-order-pay-page .dex-pay-warning {
    margin: 0 0 14px !important;
    padding: 14px 18px !important;
    border-color: rgba(245, 189, 67, 0.58) !important;
    color: #ffd36b !important;
    background: rgba(245, 189, 67, 0.055) !important;
    font-size: 13px !important;
}

body.dex-order-pay-page .dex-pay-actions {
    gap: 18px !important;
}

body.dex-order-pay-page .dex-pay-actions input {
    height: 48px !important;
    line-height: 48px !important;
}

@media (max-width: 700px) {
    body.dex-order-pay-page #cwrap {
        width: min(100% - 20px, 430px) !important;
    }

    body.dex-order-pay-page .dex-pay-hero .xchangestep2divvn,
    body.dex-order-pay-page .xchangestep3bodyvn {
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.dex-order-pay-page .xchangestep2title {
        font-size: 24px !important;
    }

    body.dex-order-pay-page .dex-pay-flow,
    body.dex-order-pay-page .dex-pay-main,
    body.dex-order-pay-page .dex-pay-actions,
    body.dex-order-pay-page .dex-pay-requisites-grid-items,
    body.dex-order-pay-page .dex-pay-details-grid {
        grid-template-columns: 1fr !important;
    }

    body.dex-order-pay-page .dex-pay-flow > b {
        margin: -2px auto !important;
        transform: rotate(90deg) !important;
    }
}

/* xchangestep2.php compact polish after visual review */
body.dex-order-pay-page .dex-pay-hero .xchangestep2divvn,
body.dex-order-pay-page .xchangestep3bodyvn {
    border-color: rgba(255, 255, 255, 0.18) !important;
}

body.dex-order-pay-page .xchangestep3bodyvn {
    box-shadow:
        0 24px 80px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

body.dex-order-pay-page .dex-pay-hero .xchangestep2divvn {
    min-height: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

body.dex-order-pay-page .xchangestep3bodyvn {
    padding: 10px !important;
}

body.dex-order-pay-page .dex-pay-summary,
body.dex-order-pay-page .dex-pay-main,
body.dex-order-pay-page .dex-pay-details {
    margin-bottom: 8px !important;
}

body.dex-order-pay-page .dex-pay-summary {
    padding: 8px !important;
}

body.dex-order-pay-page .dex-pay-flow > div {
    min-height: 72px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

body.dex-order-pay-page .dex-pay-flow strong {
    margin-bottom: 6px !important;
    font-size: 22px !important;
}

body.dex-order-pay-page .dex-pay-main {
    grid-template-columns: minmax(0, 1fr) 118px !important;
    padding: 12px !important;
}

body.dex-order-pay-page .dex-pay-requisites h2 {
    margin-bottom: 8px !important;
    font-size: 17px !important;
}

body.dex-order-pay-page .dex-pay-address {
    min-height: 44px !important;
}

body.dex-order-pay-page .dex-pay-qr {
    width: 118px !important;
    height: 118px !important;
}

body.dex-order-pay-page .dex-pay-qr img {
    width: 104px !important;
    height: 104px !important;
}

body.dex-order-pay-page .dex-pay-details {
    padding: 12px !important;
}

body.dex-order-pay-page .dex-pay-details-title {
    align-items: center !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 0 !important;
    min-height: 42px !important;
    width: 100% !important;
}

body.dex-order-pay-page .dex-pay-details.is-open .dex-pay-details-title {
    margin-bottom: 10px !important;
}

body.dex-order-pay-page .dex-pay-details-title span {
    align-items: center !important;
    display: inline-flex !important;
    height: 28px !important;
    justify-content: center !important;
    transition: transform .18s ease !important;
    width: 28px !important;
}

body.dex-order-pay-page .dex-pay-details-content[hidden] {
    display: none !important;
}

body.dex-order-pay-page .dex-pay-status-card {
    background:
        radial-gradient(circle at 88% 12%, rgba(245, 189, 67, .18), transparent 34%),
        linear-gradient(145deg, rgba(24, 24, 26, .98), rgba(10, 10, 11, .99)) !important;
    border: 1px solid rgba(245, 189, 67, .26) !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    padding: 15px 16px !important;
    position: relative !important;
}

body.dex-order-pay-page .dex-pay-status-card::before {
    background: linear-gradient(90deg, rgba(245, 189, 67, .62), rgba(255, 255, 255, .12), transparent) !important;
    content: "" !important;
    height: 1px !important;
    left: 16px !important;
    position: absolute !important;
    right: 16px !important;
    top: 0 !important;
}

body.dex-order-pay-page .dex-pay-status-card .dex-pay-status-head {
    align-items: center !important;
    display: flex !important;
    gap: 14px !important;
    justify-content: space-between !important;
}

body.dex-order-pay-page .dex-pay-status-card span {
    color: rgba(255, 255, 255, .62) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

body.dex-order-pay-page .dex-pay-status-card strong {
    color: #f2c766 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: right !important;
}

body.dex-order-pay-page .dex-pay-status-progress {
    --status-fill: 34%;
    --status-color: #f2c766;
    align-items: center !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    justify-self: end !important;
    margin-left: auto !important;
    margin-top: 14px !important;
    max-width: 170px !important;
    width: 100% !important;
}

body.dex-order-pay-page .dex-pay-status-progress[data-status="paid"] {
    --status-fill: 67%;
}

body.dex-order-pay-page .dex-pay-status-progress[data-status="done"] {
    --status-fill: 100%;
    --status-color: #54d98c;
}

body.dex-order-pay-page .dex-pay-status-progress[data-status="canceled"] {
    --status-fill: 100%;
    --status-color: #ff6464;
}

body.dex-order-pay-page .dex-pay-status-ring {
    align-items: center !important;
    background:
        conic-gradient(var(--status-color) var(--status-fill), rgba(255, 255, 255, .12) 0),
        rgba(255, 255, 255, .04) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 22px color-mix(in srgb, var(--status-color) 34%, transparent) !important;
    display: inline-flex !important;
    height: 58px !important;
    justify-content: center !important;
    width: 58px !important;
}

body.dex-order-pay-page .dex-pay-status-ring i {
    background: #151517 !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 50% !important;
    display: block !important;
    height: 40px !important;
    position: relative !important;
    width: 40px !important;
}

body.dex-order-pay-page .dex-pay-status-ring i::after {
    background: var(--status-color) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 16px var(--status-color) !important;
    content: "" !important;
    height: 10px !important;
    left: 50% !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 10px !important;
}

body.dex-order-pay-page .dex-pay-status-steps {
    display: grid !important;
    gap: 6px !important;
}

body.dex-order-pay-page .dex-pay-status-steps span {
    color: rgba(255, 255, 255, .46) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

body.dex-order-pay-page .dex-pay-status-note {
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid rgba(245, 189, 67, .18) !important;
    border-radius: 14px !important;
    color: rgba(255, 239, 198, .88) !important;
    font: 800 12px/1.45 "Montserrat", "Open Sans", sans-serif !important;
    margin-top: 14px !important;
    padding: 11px 12px !important;
}

body.dex-order-pay-page .dex-pay-status-progress[data-status="new"] .dex-pay-status-steps span:nth-child(1),
body.dex-order-pay-page .dex-pay-status-progress[data-status="paid"] .dex-pay-status-steps span:nth-child(-n+2),
body.dex-order-pay-page .dex-pay-status-progress[data-status="done"] .dex-pay-status-steps span,
body.dex-order-pay-page .dex-pay-status-progress[data-status="canceled"] .dex-pay-status-steps span:nth-child(1) {
    color: rgba(255, 255, 255, .9) !important;
}

body.dex-order-pay-page .dex-pay-requisites-grid {
    margin-bottom: 8px !important;
}

body.dex-order-pay-page .dex-pay-requisites-grid-title {
    margin-bottom: 7px !important;
}

body.dex-order-pay-page .dex-pay-requisites-grid-items div,
body.dex-order-pay-page .dex-pay-details-grid div {
    min-height: 48px !important;
    padding: 8px 10px !important;
}

body.dex-order-pay-page .dex-pay-requisites-grid strong,
body.dex-order-pay-page .dex-pay-details-grid strong {
    margin-top: 4px !important;
    line-height: 1.25 !important;
}

body.dex-order-pay-page .dex-pay-warning {
    margin-bottom: 12px !important;
    padding: 12px 16px !important;
    text-align: center !important;
}

body.dex-order-pay-page .dex-pay-actions input {
    height: 46px !important;
    line-height: 46px !important;
}

/* xchangestep2.php payment/status row */
body.dex-order-pay-page .dex-pay-topline {
    align-items: stretch !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) 372px !important;
    margin: 0 0 10px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-main {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 12px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-requisites {
    width: 100% !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-requisites h2 {
    font-size: 15px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-address {
    min-height: 46px !important;
    padding: 8px 10px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-qr {
    align-self: stretch !important;
    flex: 0 0 132px !important;
    height: 132px !important;
    margin-top: 0 !important;
    width: 132px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-qr img {
    height: 116px !important;
    width: 116px !important;
}

body.dex-order-pay-page .dex-pay-qr-row {
    align-items: stretch !important;
    display: flex !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

body.dex-order-pay-page .dex-pay-network-warning {
    align-items: flex-start !important;
    background: linear-gradient(135deg, rgba(245, 189, 67, .12), rgba(255, 255, 255, .035)) !important;
    border: 1px solid rgba(245, 189, 67, .28) !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    color: #ffe1a0 !important;
    display: grid !important;
    flex: 1 1 auto !important;
    font: 800 12px/1.45 "Montserrat", "Open Sans", sans-serif !important;
    gap: 7px !important;
    min-height: 132px !important;
    padding: 14px 16px !important;
}

body.dex-order-pay-page .dex-pay-network-warning p {
    margin: 0 !important;
}

body.dex-order-pay-page .dex-pay-network-warning p:first-child {
    color: #ffe1a0 !important;
}

body.dex-order-pay-page .dex-pay-network-warning p:nth-child(2) {
    color: #fff1c2 !important;
    font-weight: 900 !important;
}

body.dex-order-pay-page .dex-pay-network-warning p:last-child {
    color: rgba(255, 255, 255, .68) !important;
    font-weight: 700 !important;
}

body.dex-order-pay-page .dex-pay-bank-field,
body.dex-order-pay-page .dex-pay-bank-note {
    background: linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035)) !important;
    border: 1px solid rgba(245, 189, 67, .18) !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

body.dex-order-pay-page .dex-pay-bank-field {
    align-items: flex-start !important;
    display: grid !important;
    gap: 7px !important;
    min-height: 92px !important;
    padding: 14px 52px 14px 16px !important;
    position: relative !important;
}

body.dex-order-pay-page .dex-pay-bank-field span {
    color: rgba(255, 255, 255, .55) !important;
    font: 800 10px/1.2 "Montserrat", "Open Sans", sans-serif !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

body.dex-order-pay-page .dex-pay-bank-field strong {
    color: #ffffff !important;
    display: block !important;
    font: 900 14px/1.45 "Montserrat", "Open Sans", sans-serif !important;
    overflow-wrap: anywhere !important;
}

body.dex-order-pay-page .dex-pay-bank-field button {
    align-items: center !important;
    background: linear-gradient(135deg, #f5bd43, #ffe2a0) !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #111111 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font: 900 17px/1 "Montserrat", "Open Sans", sans-serif !important;
    height: 34px !important;
    justify-content: center !important;
    position: absolute !important;
    right: 12px !important;
    top: 12px !important;
    width: 34px !important;
}

body.dex-order-pay-page .dex-pay-bank-note {
    color: rgba(255, 255, 255, .74) !important;
    display: grid !important;
    font: 800 12px/1.5 "Montserrat", "Open Sans", sans-serif !important;
    gap: 7px !important;
    min-height: 132px !important;
    padding: 14px 16px !important;
}

body.dex-order-pay-page .dex-pay-bank-note p {
    margin: 0 !important;
}

body.dex-order-pay-page .dex-pay-bank-note p:first-child,
body.dex-order-pay-page .dex-pay-bank-note p:nth-child(2) {
    color: #ffe1a0 !important;
    font-weight: 900 !important;
}

body.dex-order-pay-page .dex-pay-bank-note p:nth-child(3) {
    color: #fff1c2 !important;
}

body.dex-order-pay-page .dex-pay-bank-note p:last-child {
    color: rgba(255, 255, 255, .9) !important;
    font-weight: 900 !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-card {
    align-self: stretch !important;
    box-sizing: border-box !important;
    align-content: center !important;
    display: grid !important;
    gap: 14px 18px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    justify-content: stretch !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 15px 16px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-card > .dex-pay-status-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
    justify-content: center !important;
    width: 100% !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-card strong {
    text-align: left !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-progress {
    align-self: stretch !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid rgba(245, 189, 67, .16) !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 88px !important;
    padding: 12px 13px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-note {
    grid-column: 1 / -1 !important;
    margin-top: 0 !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-card {
    gap: 12px 10px !important;
    grid-template-columns: minmax(0, 1fr) 132px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-card > .dex-pay-status-head {
    box-sizing: border-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-progress {
    box-sizing: border-box !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 8px !important;
    max-width: 132px !important;
    min-width: 0 !important;
    padding: 12px 10px !important;
    width: 132px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-progress .dex-pay-status-ring {
    height: 46px !important;
    width: 46px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-progress .dex-pay-status-ring i {
    height: 32px !important;
    width: 32px !important;
}

body.dex-order-pay-page .dex-pay-topline .dex-pay-status-progress .dex-pay-status-steps span {
    font-size: 10px !important;
    line-height: 1.15 !important;
}

@media (max-width: 760px) {
    body.dex-order-pay-page .dex-pay-topline {
        grid-template-columns: 1fr !important;
    }

    body.dex-order-pay-page .dex-pay-qr-row {
        flex-direction: column !important;
    }

    body.dex-order-pay-page .dex-pay-topline .dex-pay-qr {
        align-self: center !important;
    }

    body.dex-order-pay-page .dex-pay-network-warning {
        min-height: 0 !important;
    }
}

@media (max-width: 700px) {
    body.dex-order-pay-page .dex-pay-main {
        grid-template-columns: 1fr !important;
    }
}

/* DEX-COYOTE exchange page compact pass */
body.dex-xchange-page #cwrap {
    width: min(1088px, calc(100% - 32px)) !important;
    margin-top: 16px !important;
    margin-bottom: 34px !important;
}

body.dex-xchange-page .dex-xchange-hero {
    margin-bottom: 10px !important;
}

body.dex-xchange-page .dex-xchange-hero .xchangestep1divvn {
    padding: 18px 24px !important;
    border-radius: 20px !important;
}

body.dex-xchange-page .dex-xchange-kicker {
    height: 22px !important;
    padding: 0 10px !important;
    font-size: 9px !important;
}

body.dex-xchange-page .xchangestep1title {
    margin: 10px 0 6px !important;
    font-size: 29px !important;
    line-height: 1.06 !important;
}

body.dex-xchange-page .dex-xchange-hero p {
    max-width: 680px !important;
    font-size: 12.5px !important;
    line-height: 1.42 !important;
}

body.dex-xchange-page .dex-xchange-pills {
    margin-top: 12px !important;
    gap: 6px !important;
}

body.dex-xchange-page .dex-xchange-pills span {
    height: 28px !important;
    padding: 0 11px !important;
    font-size: 10px !important;
}

body.dex-xchange-page .xchangestep1bodyvn {
    grid-template-columns: minmax(0, 1fr) 338px !important;
    gap: 9px !important;
    padding: 12px !important;
    border-radius: 20px !important;
}

body.dex-xchange-page .dex-xchange-overview {
    gap: 7px !important;
}

body.dex-xchange-page .dex-xchange-overview div {
    min-height: 52px !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
}

body.dex-xchange-page .dex-xchange-overview span,
body.dex-xchange-page .obmentitlevn,
body.dex-xchange-page .stepshettitle,
body.dex-xchange-page .tdobmtitle,
body.dex-xchange-page .captcha-wrapper p,
body.dex-xchange-page .dex-xchange-form-head span {
    margin-bottom: 4px !important;
    font-size: 10px !important;
}

body.dex-xchange-page .dex-xchange-overview strong {
    font-size: 13px !important;
    line-height: 1.2 !important;
}

body.dex-xchange-page .blockchange {
    padding: 12px !important;
    border-radius: 16px !important;
}

body.dex-xchange-page .obmenfirstblock {
    grid-template-columns: 220px minmax(0, 1fr) !important;
    gap: 9px !important;
}

body.dex-xchange-page .rselected {
    min-height: 52px !important;
    padding: 0 11px !important;
    border-radius: 13px !important;
}

body.dex-xchange-page .rselectico {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
}

body.dex-xchange-page .rselectname {
    font-size: 12.5px !important;
}

body.dex-xchange-page input[type="number"] {
    height: 52px !important;
    font-size: 22px !important;
    line-height: 52px !important;
    border-radius: 13px !important;
}

body.dex-xchange-page input[type="text"],
body.dex-xchange-page input[type="email"],
body.dex-xchange-page input[type="tel"] {
    height: 42px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 42px !important;
}

body.dex-xchange-page .stepshetline {
    margin-top: 10px !important;
}

body.dex-xchange-page .dex-xchange-form-head {
    padding-top: 2px !important;
}

body.dex-xchange-page .dex-xchange-form-head strong {
    font-size: 15px !important;
    line-height: 1.16 !important;
}

body.dex-xchange-page .obmentablediv {
    padding: 12px !important;
    border-radius: 16px !important;
}

body.dex-xchange-page .obmentable tr + tr {
    margin-top: 8px !important;
}

body.dex-xchange-page .captcha-wrapper {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 5px 10px !important;
    align-items: end !important;
    max-width: none !important;
    padding: 11px 12px !important;
    border-radius: 16px !important;
}

body.dex-xchange-page .dex-xchange-side .dex-xchange-form-head,
body.dex-xchange-page .dex-xchange-side .obmentablediv,
body.dex-xchange-page .dex-xchange-side .captcha-wrapper,
body.dex-xchange-page .dex-xchange-side .aml_checkbox,
body.dex-xchange-page .dex-xchange-side .xchangestep1submit {
    grid-column: auto !important;
    grid-row: auto !important;
}

body.dex-xchange-page .dex-xchange-side .xchangestep1submit {
    padding-top: 2px;
}

body.dex-xchange-page .captcha {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    min-width: 0 !important;
    width: 104px !important;
    height: 54px !important;
    margin: 0 !important;
    border-radius: 13px !important;
    font-size: 16px !important;
}

body.dex-xchange-page .captcha-wrapper p {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
}

body.dex-xchange-page .captcha-wrapper .wolineinputtab {
    grid-column: 2 !important;
    grid-row: 2 !important;
}

body.dex-xchange-page .aml_checkbox {
    min-height: 42px !important;
    padding: 11px 12px 11px 38px !important;
    border-radius: 15px !important;
    font-size: 11px !important;
}

body.dex-xchange-page .aml_checkbox input {
    left: 12px !important;
    top: 11px !important;
    width: 16px !important;
    height: 16px !important;
}

body.dex-xchange-page .dex-xchange-trust {
    border-radius: 16px !important;
}

body.dex-xchange-page .dex-xchange-trust div {
    min-height: 54px !important;
    padding: 11px 12px !important;
}

body.dex-xchange-page .dex-xchange-trust strong {
    margin-bottom: 5px !important;
    font-size: 11px !important;
}

body.dex-xchange-page .dex-xchange-trust span {
    font-size: 10.5px !important;
    line-height: 1.28 !important;
}

body.dex-xchange-page .xchangestep1submit input[type="submit"] {
    width: 204px !important;
    height: 46px !important;
    font-size: 12px !important;
    line-height: 46px !important;
}

body.dex-xchange-page #naprtext1 {
    margin: 0 !important;
}

body.dex-xchange-page #naprtext1 .biginfo {
    padding: 11px 13px !important;
    border-radius: 16px !important;
}

body.dex-xchange-page .binfotitle {
    margin-bottom: 5px !important;
    font-size: 10.5px !important;
}

body.dex-xchange-page .biginfo p {
    padding: 0 !important;
}

body.dex-xchange-page .biginfo p + p {
    margin-top: 6px !important;
}

body.dex-xchange-page .biginfo p,
body.dex-xchange-page .biginfo strong {
    font-size: 10.8px !important;
    line-height: 1.42 !important;
}

@media (max-width: 900px) {
    body.dex-xchange-page .xchangestep1bodyvn,
    body.dex-xchange-page .dex-xchange-overview {
        grid-template-columns: 1fr !important;
    }

    body.dex-xchange-page .dex-xchange-side {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.dex-xchange-page .obmenfirstblock {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 520px) {
    body.dex-xchange-page #cwrap {
        width: min(100% - 20px, 430px) !important;
        margin-top: 10px !important;
    }

    body.dex-xchange-page .dex-xchange-hero .xchangestep1divvn {
        padding: 14px !important;
    }

    body.dex-xchange-page .xchangestep1title {
        font-size: 21px !important;
    }

    body.dex-xchange-page .dex-xchange-hero p {
        font-size: 11.5px !important;
    }

    body.dex-xchange-page .dex-xchange-pills {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
    }

    body.dex-xchange-page .dex-xchange-pills span {
        justify-content: center !important;
        padding: 0 6px !important;
        font-size: 8.8px !important;
        white-space: nowrap !important;
    }

    body.dex-xchange-page .xchangestep1bodyvn {
        padding: 10px !important;
        gap: 8px !important;
    }

    body.dex-xchange-page .captcha-wrapper {
        grid-template-columns: 96px minmax(0, 1fr) !important;
    }

    body.dex-xchange-page .captcha {
        width: 96px !important;
    }
}

@media (max-width: 900px) {
    body.dex-home-redesign.mobile-menu-open #header {
        overflow: visible !important;
    }

    body.dex-home-redesign.mobile-menu-open .mobile_nav {
        position: fixed !important;
        top: 18px !important;
        right: 18px !important;
        z-index: 100001 !important;
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(241, 185, 61, 0.42) !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .header_right,
    body.dex-home-redesign.mobile-menu-open .header_right {
        position: fixed !important;
        inset: 0 !important;
        z-index: 100000 !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 22px !important;
        background:
            radial-gradient(circle at 50% 0, rgba(241, 185, 61, 0.16), transparent 34%),
            linear-gradient(180deg, #0f1116, #07080b) !important;
        opacity: 1 !important;
        padding: 86px 24px 32px !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .tmenu {
        display: grid !important;
        width: min(100%, 330px) !important;
        gap: 10px !important;
        margin: 0 auto !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .tmenu li {
        width: 100% !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .tmenu li a {
        width: 100% !important;
        height: 48px !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        background: rgba(255, 255, 255, 0.035) !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .tmenu li a span {
        color: rgba(245, 246, 250, 0.92) !important;
        font-size: 17px !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .header_contacts {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: min(100%, 330px) !important;
        gap: 10px !important;
        margin: 0 auto !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .header_user {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: min(100%, 330px) !important;
        gap: 10px !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .header_contacts-contact,
    body.dex-home-redesign.mobile-menu-open #header .header_pro_badge,
    body.dex-home-redesign.mobile-menu-open #header .header_user a {
        border: 1px solid rgba(241, 185, 61, 0.28) !important;
        background: rgba(255, 255, 255, 0.045) !important;
        color: rgba(245, 246, 250, 0.92) !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .header_contacts-contact span,
    body.dex-home-redesign.mobile-menu-open #header .header_pro_badge {
        color: rgba(245, 246, 250, 0.92) !important;
    }
}

/* Final override: novyformat/top header + compact footer */
body.dex-home-redesign #header {
    padding-top: 10px !important;
    background: transparent !important;
    border-bottom: 0 !important;
}

body.dex-home-redesign #header .header {
    width: min(1160px, calc(100% - 56px)) !important;
    max-width: none !important;
    min-height: 58px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(18, 20, 25, 0.88), rgba(8, 9, 12, 0.88)) !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.dex-home-redesign #header .logo img {
    width: 142px !important;
    height: 34px !important;
}

body.dex-home-redesign #header .header_right {
    flex: 1 !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}

body.dex-home-redesign #header .tmenu {
    flex: 1 !important;
    justify-content: center !important;
    gap: 7px !important;
}

body.dex-home-redesign #header .tmenu li a {
    min-height: 34px !important;
    padding: 0 8px !important;
    border: 1px solid rgba(230, 163, 35, 0.22) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.024)) !important;
    font-size: 12.5px !important;
    color: rgba(246, 247, 251, 0.9) !important;
    white-space: nowrap !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

body.dex-home-redesign #header .tmenu li a span {
    color: rgba(246, 247, 251, 0.9) !important;
}

body.dex-home-redesign #header .tmenu li a:hover {
    border-color: rgba(248, 211, 91, 0.82) !important;
    background: linear-gradient(180deg, rgba(230, 163, 35, 0.22), rgba(230, 163, 35, 0.08)) !important;
    color: #f8d35b !important;
    box-shadow: 0 0 18px rgba(230, 163, 35, 0.2), inset 0 1px 0 rgba(255, 239, 184, 0.15) !important;
    transform: translateY(-1px) !important;
}

body.dex-home-redesign #header .tmenu li a:hover span {
    color: #f8d35b !important;
}

body.dex-home-redesign #header .header_exchange_cta {
    display: inline-flex !important;
    min-height: 36px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
}

body.dex-home-redesign #header .header_contacts {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
}

body.dex-home-redesign #header .header_contacts-contact,
body.dex-home-redesign #header .header_pro_badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border: 1px solid rgba(230, 163, 35, 0.78) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 34% 24%, rgba(248, 211, 91, 0.2), rgba(17, 19, 24, 0.96) 58%) !important;
    color: rgba(245, 246, 250, 0.9) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body.dex-home-redesign #header .header_contacts-contact {
    width: 38px !important;
    min-width: 38px !important;
}

body.dex-home-redesign #header .header_contacts-contact:hover {
    color: #ffffff !important;
    background: radial-gradient(circle at 34% 24%, rgba(255, 232, 144, 0.28), rgba(17, 19, 24, 0.98) 58%) !important;
    box-shadow: 0 0 18px rgba(230, 163, 35, 0.22) !important;
}

body.dex-home-redesign #header .header_contacts-contact img {
    width: 34px !important;
    height: 34px !important;
    margin-right: 0 !important;
    filter: none !important;
    opacity: 0.94 !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

body.dex-home-redesign #header .header_contacts-contact:hover img {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
}

body.dex-home-redesign #header .header_contacts-contact span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}

body.dex-home-redesign #header .header_pro_badge {
    color: #f8d35b !important;
    letter-spacing: -0.2px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.dex-home-redesign #header .header_user {
    margin-left: 0 !important;
}

body.dex-home-redesign #header .header_user a {
    min-height: 34px !important;
    padding: 0 14px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
}

body.dex-home-redesign .dex-footer-top-format {
    grid-template-columns: minmax(220px, 0.8fr) minmax(420px, 1.35fr) minmax(220px, 0.75fr) !important;
    align-items: center !important;
    gap: 18px 28px !important;
    padding: 28px max(46px, calc((100vw - 1160px) / 2)) 22px !important;
    box-sizing: border-box !important;
    max-width: 100vw !important;
    overflow: hidden !important;
}

body.dex-home-redesign .dex-footer-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 16px !important;
}

body.dex-home-redesign .dex-footer-action {
    display: grid !important;
    justify-items: end !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign #header .header {
        width: calc(100% - 28px) !important;
        min-height: 54px !important;
    }

    body.dex-home-redesign #header .logo img {
        width: 132px !important;
        height: 34px !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .header_exchange_cta,
    body.dex-home-redesign.mobile-menu-open #header .header_contacts-contact,
    body.dex-home-redesign.mobile-menu-open #header .header_pro_badge {
        display: flex !important;
    }

    body.dex-home-redesign .dex-footer-top-format {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
        gap: 16px !important;
        padding: 28px 22px 24px !important;
    }

    body.dex-home-redesign .dex-footer-action {
        justify-items: center !important;
    }
}

body.dex-home-redesign .dex-stats {
    margin: 34px 0 30px !important;
}

@media (max-width: 700px) {
    body.dex-home-redesign .dex-stats {
        margin: 12px 0 22px !important;
    }
}

body.dex-home-redesign .dex-exchange-row {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, rgba(28, 30, 36, 0.88), rgba(14, 16, 20, 0.92)) !important;
}

body.dex-home-redesign .dex-exchange-row + .dex-exchange-row {
    margin-top: 10px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.dex-home-redesign .dex-label {
    margin-bottom: 10px !important;
    color: rgba(245, 246, 250, 0.62) !important;
    font-size: 12px !important;
    text-transform: none !important;
}

body.dex-home-redesign .dex-coin-select {
    min-width: 174px !important;
    height: 58px !important;
    padding: 8px 12px !important;
    border-radius: 11px !important;
    background: rgba(255, 255, 255, 0.045) !important;
}

body.dex-home-redesign .dex-coin-icon {
    width: 36px !important;
    height: 36px !important;
}

body.dex-home-redesign .dex-amount {
    text-align: right !important;
}

body.dex-home-redesign .dex-amount strong {
    font-size: 34px !important;
    letter-spacing: 0 !important;
}

body.dex-home-redesign .dex-amount span {
    margin-top: 5px !important;
    display: block !important;
    font-size: 12px !important;
}

body.dex-home-redesign .dex-swap {
    margin: -2px auto !important;
    width: 42px !important;
    height: 42px !important;
    border-width: 1px !important;
    transform: rotate(90deg);
    z-index: 4;
}

body.dex-home-redesign .dex-rate {
    margin: 12px 0 !important;
    padding: 0 4px !important;
    border: 0 !important;
    font-size: 12px !important;
}

body.dex-home-redesign .dex-main-btn {
    margin: 0 !important;
    border-radius: 12px !important;
}

body.dex-home-redesign .dex-rule-note {
    margin: 12px 4px 2px !important;
}

@media (max-width: 700px) {
    body.dex-home-redesign .dex-exchange-card {
        padding: 12px !important;
    }

    body.dex-home-redesign .dex-exchange-row {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 14px !important;
    }

    body.dex-home-redesign .dex-amount {
        text-align: left !important;
    }

    body.dex-home-redesign .dex-amount strong {
        font-size: 30px !important;
    }
}

/* Mobile menu final polish */
@media (max-width: 900px) {
    body.dex-home-redesign.mobile-menu-open #header .header_contacts {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .header_contacts-contact,
    body.dex-home-redesign.mobile-menu-open #header .header_pro_badge {
        width: 100% !important;
        min-height: 46px !important;
        border-color: rgba(239, 176, 46, 0.58) !important;
        background: rgba(14, 16, 21, 0.94) !important;
        color: #f6f7fb !important;
        justify-content: center !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .header_contacts-contact img {
        width: 17px !important;
        height: 17px !important;
        object-fit: contain !important;
        filter: invert(1) brightness(1.35) !important;
        opacity: 0.86 !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .header_contacts-contact span,
    body.dex-home-redesign.mobile-menu-open #header .header_pro_badge {
        color: #f6f7fb !important;
    }

    body.dex-home-redesign.mobile-menu-open #header .header_pro_badge {
        grid-column: 1 / -1 !important;
        max-width: 100% !important;
    }
}

/* Compact footer in e-change style */
body.dex-home-redesign .dex-footer-top-format {
    width: 100% !important;
    min-height: 96px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 max(44px, calc((100vw - 1160px) / 2)) !important;
    box-sizing: border-box !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: linear-gradient(180deg, rgba(17, 19, 24, 0.97), rgba(10, 11, 15, 0.98)) !important;
    overflow: hidden !important;
}

body.dex-home-redesign .dex-footer-top-format::after {
    display: none !important;
}

body.dex-home-redesign .dex-footer-main {
    min-height: 64px !important;
    display: grid !important;
    grid-template-columns: auto minmax(420px, 1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important;
}

body.dex-home-redesign .dex-footer-brand {
    display: flex !important;
    align-items: center !important;
    min-width: 150px !important;
}

body.dex-home-redesign .dex-footer-top-format .dex-footer-brand img {
    width: 146px !important;
    height: auto !important;
    margin: 0 !important;
}

body.dex-home-redesign .dex-footer-top-format .dex-footer-brand p {
    display: none !important;
}

body.dex-home-redesign .dex-footer-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px 20px !important;
    margin: 0 !important;
}

body.dex-home-redesign .dex-footer-nav a {
    color: rgba(245, 246, 250, 0.72) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

body.dex-home-redesign .dex-footer-nav a:hover {
    color: #f8d35b !important;
}

body.dex-home-redesign .dex-footer-action {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 130px !important;
}

body.dex-home-redesign .dex-footer-icon,
body.dex-home-redesign .dex-footer-badge {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(230, 163, 35, 0.72) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 34% 24%, rgba(248, 211, 91, 0.18), rgba(17, 19, 24, 0.96) 58%) !important;
    color: #f8d35b !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body.dex-home-redesign .dex-footer-icon img {
    width: 25px !important;
    height: 25px !important;
    filter: none !important;
}

body.dex-home-redesign .dex-footer-trust {
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px 18px !important;
    color: rgba(245, 246, 250, 0.42) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body.dex-home-redesign .dex-footer-trust span:first-child {
    color: rgba(245, 246, 250, 0.56) !important;
}

body.dex-home-redesign .dex-footer-trust span:not(:first-child)::before {
    content: "" !important;
    display: inline-block !important;
    width: 5px !important;
    height: 5px !important;
    margin: 0 8px 1px 0 !important;
    border-radius: 50% !important;
    background: rgba(230, 163, 35, 0.78) !important;
}

body.dex-home-redesign .dex-copy {
    display: none !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-footer-top-format {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
        gap: 0 !important;
        min-height: 0 !important;
        padding: 18px 18px 16px !important;
    }

    body.dex-home-redesign .dex-footer-main {
        width: 100% !important;
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 12px !important;
        padding-bottom: 14px !important;
    }

    body.dex-home-redesign .dex-footer-nav {
        gap: 10px 16px !important;
        max-width: 310px !important;
    }

    body.dex-home-redesign .dex-footer-action {
        min-width: 0 !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    body.dex-home-redesign .dex-footer-trust {
        min-height: 0 !important;
        padding-top: 12px !important;
        gap: 8px 12px !important;
        font-size: 10.5px !important;
    }

    body.dex-home-redesign .dex-footer-trust span:first-child {
        width: 100% !important;
    }

    body.dex-home-redesign .dex-footer-trust span:not(:first-child)::before {
        display: none !important;
    }
}

/* Premium trust stats below hero */
body.dex-home-redesign .dex-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 24px 0 26px !important;
}

body.dex-home-redesign .dex-stat {
    height: 74px !important;
    min-height: 74px !important;
    display: grid !important;
    grid-template-columns: 34px 1fr !important;
    grid-template-areas:
        "icon value"
        "icon label" !important;
    align-items: center !important;
    align-content: center !important;
    column-gap: 10px !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(230, 163, 35, 0.24) !important;
    border-radius: 13px !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(230, 163, 35, 0.12), transparent 34%),
        linear-gradient(135deg, rgba(22, 25, 31, 0.96), rgba(13, 15, 20, 0.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

body.dex-home-redesign .dex-stat span {
    grid-area: icon !important;
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #f8d35b !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.dex-home-redesign .dex-stat span img {
    width: 34px !important;
    height: 34px !important;
    display: block !important;
    filter: none !important;
}

body.dex-home-redesign .dex-stat strong {
    grid-area: value !important;
    display: block !important;
    margin: 0 !important;
    color: #f6f7fb !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
}

body.dex-home-redesign .dex-stat small {
    grid-area: label !important;
    display: block !important;
    margin-top: 2px !important;
    color: rgba(245, 246, 250, 0.62) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 16px 0 22px !important;
    }

    body.dex-home-redesign .dex-stat {
        height: 72px !important;
        min-height: 72px !important;
        grid-template-columns: 30px 1fr !important;
        column-gap: 8px !important;
        padding: 10px 9px !important;
        border-radius: 12px !important;
    }

    body.dex-home-redesign .dex-stat span {
        width: 30px !important;
        height: 30px !important;
        font-size: 11px !important;
    }

    body.dex-home-redesign .dex-stat span img {
        width: 30px !important;
        height: 30px !important;
    }

    body.dex-home-redesign .dex-stat strong {
        font-size: 13.5px !important;
    }

    body.dex-home-redesign .dex-stat small {
        font-size: 10px !important;
    }
}

/* Compact successful exchanges */
body.dex-home-redesign .dex-last-section {
    margin-top: 18px !important;
}

body.dex-home-redesign .dex-last-section .dex-section-head {
    margin-bottom: 14px !important;
}

body.dex-home-redesign .dex-last-section .dex-section-head h2 {
    font-size: 20px !important;
    line-height: 1.15 !important;
}

body.dex-home-redesign .dex-last-section .dex-section-head a {
    min-height: 34px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
}

body.dex-home-redesign .dex-last-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.dex-home-redesign .dex-last-grid article {
    height: 92px !important;
    min-height: 92px !important;
    padding: 14px 16px !important;
    box-sizing: border-box !important;
    display: grid !important;
    align-content: center !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "pair time"
        "amount usd" !important;
    align-items: center !important;
    gap: 8px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 13px !important;
    background:
        radial-gradient(circle at 12% 12%, rgba(230, 163, 35, 0.08), transparent 35%),
        linear-gradient(135deg, rgba(21, 24, 30, 0.95), rgba(13, 15, 20, 0.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.dex-home-redesign .dex-last-grid article > div {
    grid-area: pair !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: rgba(245, 246, 250, 0.78) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.dex-home-redesign .dex-last-grid article > div b {
    color: rgba(248, 211, 91, 0.86) !important;
    font-size: 12px !important;
}

body.dex-home-redesign .dex-last-grid .coin {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 13px !important;
    line-height: 28px !important;
}

body.dex-home-redesign .dex-last-grid .dex-last-coin {
    background-color: rgba(255, 255, 255, 0.08) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 76% 76% !important;
    color: transparent !important;
    overflow: hidden !important;
}

body.dex-home-redesign .dex-last-grid .dex-last-fiat-icon {
    background-color: rgba(255, 255, 255, 0.1) !important;
    background-size: cover !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.08),
        0 8px 18px rgba(0, 0, 0, 0.22) !important;
}

body.dex-home-redesign .dex-last-grid .dex-last-fallback {
    background:
        radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.7), transparent 21%),
        linear-gradient(135deg, #f6d96c, #c79222 58%, #7a4f0e) !important;
    color: #121212 !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        0 8px 20px rgba(214, 158, 44, 0.18) !important;
}

body.dex-home-redesign .dex-last-grid .dex-last-fiat {
    background:
        radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.76), transparent 22%),
        linear-gradient(135deg, #5ef0a4, #1ca75f 55%, #0c5c36) !important;
    color: #061b11 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        0 8px 20px rgba(34, 197, 94, 0.2) !important;
}

body.dex-home-redesign .dex-last-grid .dex-last-empty {
    grid-column: 1 / -1 !important;
}

body.dex-home-redesign .dex-last-grid article strong {
    grid-area: amount !important;
    align-self: start !important;
    margin: 0 !important;
    color: #f6f7fb !important;
    font-size: clamp(15px, 1vw, 18px) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    transform: translateY(-4px) !important;
    white-space: nowrap !important;
}

body.dex-home-redesign .dex-last-grid article p {
    grid-area: usd !important;
    justify-self: end !important;
    text-align: right !important;
    margin: 0 !important;
    color: rgba(245, 246, 250, 0.56) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body.dex-home-redesign .dex-last-grid article small {
    grid-area: time !important;
    justify-self: end !important;
    margin: 2px 0 0 !important;
    color: rgba(245, 246, 250, 0.42) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

@media (max-width: 1240px) {
    body.dex-home-redesign .dex-last-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-last-section {
        margin-top: 12px !important;
    }

    body.dex-home-redesign .dex-last-section .dex-section-head {
        margin-bottom: 12px !important;
    }

    body.dex-home-redesign .dex-last-section .dex-section-head h2 {
        font-size: 17px !important;
    }

    body.dex-home-redesign .dex-last-grid {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    body.dex-home-redesign .dex-last-grid article {
        height: 92px !important;
        min-height: 92px !important;
        box-sizing: border-box !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "pair time"
            "amount usd" !important;
        align-items: center !important;
        gap: 8px 12px !important;
        padding: 12px 14px !important;
    }

    body.dex-home-redesign .dex-last-grid article > div {
        grid-area: pair !important;
        font-size: 12px !important;
    }

    body.dex-home-redesign .dex-last-grid article strong {
        grid-area: amount !important;
        margin: 0 !important;
        font-size: 16px !important;
        transform: translateY(-2px) !important;
    }

    body.dex-home-redesign .dex-last-grid article p {
        grid-area: usd !important;
        justify-self: end !important;
        text-align: right !important;
        font-size: 11px !important;
    }

    body.dex-home-redesign .dex-last-grid article small {
        grid-area: time !important;
        justify-self: end !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    body.dex-home-redesign .dex-last-grid .coin {
        width: 25px !important;
        height: 25px !important;
        min-width: 25px !important;
        font-size: 12px !important;
        line-height: 25px !important;
    }
}

/* Compact client reviews */
body.dex-home-redesign .dex-review-section {
    margin-top: 28px !important;
}

body.dex-home-redesign .dex-review-section .dex-section-head {
    margin-bottom: 14px !important;
}

body.dex-home-redesign .dex-review-section .dex-section-head h2 {
    font-size: 20px !important;
    line-height: 1.15 !important;
}

body.dex-home-redesign .dex-review-section .dex-section-head a {
    min-height: 34px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
}

body.dex-home-redesign .dex-review-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.dex-home-redesign .dex-review-grid article {
    height: 122px !important;
    min-height: 122px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto 1fr !important;
    grid-template-areas:
        "top stars"
        "text text" !important;
    gap: 9px 12px !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 13px !important;
    background:
        radial-gradient(circle at 13% 14%, rgba(230, 163, 35, 0.08), transparent 34%),
        linear-gradient(135deg, rgba(21, 24, 30, 0.95), rgba(13, 15, 20, 0.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    overflow: hidden !important;
}

body.dex-home-redesign .dex-review-top {
    grid-area: top !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}

body.dex-home-redesign .dex-avatar {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
}

body.dex-home-redesign .dex-avatar svg {
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.28)) !important;
}

body.dex-home-redesign .dex-review-top div {
    min-width: 0 !important;
}

body.dex-home-redesign .dex-review-top strong {
    display: inline-block !important;
    max-width: 100% !important;
    color: #f6f7fb !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.dex-home-redesign .dex-review-top small {
    display: block !important;
    margin-top: 2px !important;
    color: rgba(245, 246, 250, 0.42) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

body.dex-home-redesign .dex-stars {
    grid-area: stars !important;
    justify-self: end !important;
    align-self: start !important;
    margin: 0 !important;
    color: #f5b301 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: 1.2px !important;
    white-space: nowrap !important;
    padding-top: 2px !important;
}

body.dex-home-redesign .dex-review-grid article p {
    grid-area: text !important;
    margin: 0 !important;
    color: rgba(245, 246, 250, 0.62) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-review-section {
        margin-top: 22px !important;
    }

    body.dex-home-redesign .dex-review-section .dex-section-head {
        margin-bottom: 12px !important;
    }

    body.dex-home-redesign .dex-review-section .dex-section-head h2 {
        font-size: 17px !important;
    }

    body.dex-home-redesign .dex-review-grid {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    body.dex-home-redesign .dex-review-grid article {
        height: 118px !important;
        min-height: 118px !important;
        grid-template-columns: 38px minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;
        grid-template-areas:
            "avatar name stars"
            "text text text" !important;
        align-items: center !important;
        gap: 8px 10px !important;
        padding: 12px 14px !important;
    }

    body.dex-home-redesign .dex-review-top {
        grid-area: avatar / avatar / name / name !important;
        display: contents !important;
    }

    body.dex-home-redesign .dex-avatar {
        grid-area: avatar !important;
        width: 36px !important;
        height: 36px !important;
    }

    body.dex-home-redesign .dex-avatar svg {
        width: 36px !important;
        height: 36px !important;
    }

    body.dex-home-redesign .dex-review-top div {
        grid-area: name !important;
    }

    body.dex-home-redesign .dex-stars {
        grid-area: stars !important;
        justify-self: end !important;
        white-space: nowrap !important;
    }

    body.dex-home-redesign .dex-review-grid article p {
        grid-area: text !important;
        -webkit-line-clamp: 2 !important;
        font-size: 11.5px !important;
    }
}

/* Premium hero copy panel */
body.dex-home-redesign .dex-hero-copy {
    position: relative !important;
    max-width: 520px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.dex-home-redesign .dex-hero-copy::before {
    display: none !important;
}

body.dex-home-redesign .dex-hero-text-panel {
    position: relative !important;
    padding: 10px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        radial-gradient(ellipse at 24% 26%, rgba(230, 163, 35, 0.1), transparent 42%),
        linear-gradient(90deg, rgba(230, 163, 35, 0.035), transparent 68%) !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.dex-home-redesign .dex-hero-copy .dex-coin-stage {
    position: relative !important;
    left: 88px !important;
    bottom: auto !important;
    width: 255px !important;
    height: 170px !important;
    margin-top: 26px !important;
}

body.dex-home-redesign .dex-hero-copy .dex-coin-mark {
    left: 28px !important;
    bottom: -8px !important;
    width: 185px !important;
    height: 215px !important;
}

body.dex-home-redesign .dex-hero-copy .dex-orbit {
    bottom: -4px !important;
}

body.dex-home-redesign .dex-hero-text-panel::before {
    content: none !important;
    display: none !important;
}

body.dex-home-redesign .dex-hero-kicker {
    position: relative !important;
    z-index: 2 !important;
    width: max-content !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(230, 163, 35, 0.42) !important;
    border-radius: 999px !important;
    background: rgba(230, 163, 35, 0.08) !important;
    color: #f8d35b !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

body.dex-home-redesign .dex-hero h1,
body.dex-home-redesign .dex-hero p {
    position: relative !important;
    z-index: 2 !important;
}

body.dex-home-redesign .dex-hero h1 {
    margin-top: 18px !important;
}

body.dex-home-redesign .dex-hero p {
    max-width: 470px !important;
}

body.dex-home-redesign .dex-hero-trustline {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 18px !important;
}

body.dex-home-redesign .dex-hero-trustline span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(230, 163, 35, 0.26) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    color: rgba(245, 246, 250, 0.78) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.dex-home-redesign .dex-hero-trustline span::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    margin-right: 8px !important;
    border-radius: 50% !important;
    background: #f8d35b !important;
    box-shadow: 0 0 10px rgba(248, 211, 91, 0.42) !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-hero-copy {
        max-width: 100% !important;
    }

    body.dex-home-redesign .dex-hero-text-panel {
        padding: 6px 0 0 !important;
        border-radius: 0 !important;
    }

    body.dex-home-redesign .dex-hero-copy .dex-coin-stage {
        display: none !important;
    }

    body.dex-home-redesign .dex-hero-kicker {
        min-height: 26px !important;
        padding: 0 10px !important;
        font-size: 10px !important;
    }

    body.dex-home-redesign .dex-hero h1 {
        margin-top: 14px !important;
    }

    body.dex-home-redesign .dex-hero-trustline {
        gap: 7px !important;
        margin-top: 16px !important;
    }

    body.dex-home-redesign .dex-hero-trustline span {
        min-height: 28px !important;
        padding: 0 9px !important;
        font-size: 10px !important;
    }
}

/* Hero left block matched to exchange card */
body.dex-home-redesign .dex-hero-trustline {
    display: none !important;
}

body.dex-home-redesign .dex-hero-text-panel {
    min-height: 562px !important;
    height: 562px !important;
    padding: 28px 30px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(230, 163, 35, 0.2) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 16% 12%, rgba(230, 163, 35, 0.1), transparent 34%),
        linear-gradient(135deg, rgba(18, 21, 27, 0.64), rgba(7, 8, 12, 0.38)) !important;
    overflow: hidden !important;
}

body.dex-home-redesign .dex-hero-text-panel::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
        linear-gradient(120deg, rgba(248, 211, 91, 0.07), transparent 36%, rgba(255, 255, 255, 0.02)),
        radial-gradient(ellipse at 50% 84%, rgba(230, 163, 35, 0.18), transparent 36%) !important;
}

body.dex-home-redesign .dex-hero-text-panel .dex-coin-stage {
    position: absolute !important;
    left: 50% !important;
    bottom: 34px !important;
    width: 285px !important;
    height: 205px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    display: block !important;
    z-index: 2 !important;
    animation: dexCoinFloat 5.8s ease-in-out infinite !important;
}

body.dex-home-redesign .dex-hero-text-panel .dex-coin-stage::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 52% !important;
    width: 270px !important;
    height: 270px !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    background:
        conic-gradient(from 18deg, transparent 0 8%, rgba(248, 211, 91, 0.18) 10%, transparent 15% 30%, rgba(248, 211, 91, 0.12) 33%, transparent 39% 56%, rgba(248, 211, 91, 0.16) 59%, transparent 65% 100%),
        radial-gradient(circle, rgba(248, 211, 91, 0.34), rgba(230, 163, 35, 0.14) 34%, transparent 70%) !important;
    opacity: 0.82 !important;
    pointer-events: none !important;
    animation: dexCoinRays 9s linear infinite, dexCoinAura 4.2s ease-in-out infinite !important;
}

body.dex-home-redesign .dex-hero-text-panel .dex-coin-stage::after {
    content: "" !important;
    position: absolute !important;
    left: 48px !important;
    bottom: 18px !important;
    width: 76px !important;
    height: 210px !important;
    border-radius: 999px !important;
    background: linear-gradient(100deg, transparent 0%, rgba(255, 239, 177, 0.12) 32%, rgba(255, 244, 190, 0.84) 50%, rgba(255, 239, 177, 0.14) 68%, transparent 100%) !important;
    opacity: 0 !important;
    transform: rotate(18deg) translateX(-66px) !important;
    pointer-events: none !important;
    mix-blend-mode: screen !important;
    animation: dexCoinShine 2.8s ease-in-out infinite !important;
}

body.dex-home-redesign .dex-hero-text-panel .dex-coin-mark {
    left: 42px !important;
    bottom: 4px !important;
    width: 205px !important;
    height: 238px !important;
    transition: transform 0.35s ease, filter 0.35s ease !important;
    animation: dexCoinGlow 4.8s ease-in-out infinite !important;
}

body.dex-home-redesign .dex-hero-text-panel:hover .dex-coin-stage {
    animation-play-state: running !important;
}

body.dex-home-redesign .dex-hero-text-panel:hover .dex-coin-mark {
    transform: translateY(-4px) rotate(-2deg) scale(1.035) !important;
    filter: drop-shadow(0 20px 28px rgba(0, 0, 0, 0.58)) drop-shadow(0 0 12px rgba(241, 185, 61, 0.18)) !important;
}

@keyframes dexCoinFloat {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(-8px);
    }
}

@keyframes dexCoinGlow {
    0%, 100% {
        filter: drop-shadow(0 20px 28px rgba(0, 0, 0, 0.58)) drop-shadow(0 0 14px rgba(241, 185, 61, 0.18));
    }
    50% {
        filter: drop-shadow(0 24px 34px rgba(0, 0, 0, 0.62)) drop-shadow(0 0 26px rgba(241, 185, 61, 0.34));
    }
}

@keyframes dexCoinAura {
    0%, 100% {
        opacity: 0.58;
        transform: translate(-50%, -50%) scale(0.94) rotate(0deg);
    }
    50% {
        opacity: 0.92;
        transform: translate(-50%, -50%) scale(1.06) rotate(10deg);
    }
}

@keyframes dexCoinRays {
    0% {
        rotate: 0deg;
    }
    100% {
        rotate: 360deg;
    }
}

@keyframes dexCoinShine {
    0%, 10%, 100% {
        opacity: 0;
        transform: rotate(18deg) translateX(-86px);
    }
    28% {
        opacity: 0.92;
    }
    54% {
        opacity: 0;
        transform: rotate(18deg) translateX(172px);
    }
}

body.dex-home-redesign .dex-hero-text-panel .dex-orbit {
    display: none !important;
}

body.dex-home-redesign .dex-coin-caption {
    position: absolute !important;
    left: 50% !important;
    bottom: 20px !important;
    z-index: 3 !important;
    transform: translateX(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(230, 163, 35, 0.28) !important;
    border-radius: 999px !important;
    background: rgba(11, 13, 18, 0.74) !important;
    color: rgba(245, 246, 250, 0.8) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(8px) !important;
}

body.dex-home-redesign .dex-hero-note {
    position: absolute !important;
    left: 50% !important;
    bottom: 24px !important;
    z-index: 3 !important;
    width: min(420px, calc(100% - 60px)) !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateX(-50%) !important;
    border: 1px solid rgba(230, 163, 35, 0.2) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    color: rgba(245, 246, 250, 0.72) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.28 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(8px) !important;
}

body.dex-home-redesign .dex-coin-caption span {
    display: inline-flex !important;
    align-items: center !important;
}

body.dex-home-redesign .dex-coin-caption span + span::before {
    content: "" !important;
    width: 5px !important;
    height: 5px !important;
    margin: 0 9px !important;
    border-radius: 50% !important;
    background: #f8d35b !important;
    box-shadow: 0 0 10px rgba(248, 211, 91, 0.4) !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-hero-text-panel {
        height: auto !important;
        min-height: 0 !important;
        padding: 18px 18px 22px !important;
        border-radius: 15px !important;
    }

    body.dex-home-redesign .dex-hero-text-panel .dex-coin-stage {
        display: none !important;
    }

    body.dex-home-redesign .dex-coin-caption {
        display: none !important;
    }

    body.dex-home-redesign .dex-hero-note {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        width: 100% !important;
        min-height: 0 !important;
        margin-top: 16px !important;
        padding: 10px 12px !important;
        transform: none !important;
        font-size: 11.5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dex-home-redesign .dex-hero-text-panel .dex-coin-stage,
    body.dex-home-redesign .dex-hero-text-panel .dex-coin-mark,
    body.dex-home-redesign .dex-hero-text-panel .dex-coin-stage::before,
    body.dex-home-redesign .dex-hero-text-panel .dex-coin-stage::after {
        animation: none !important;
        transition: none !important;
    }
}

/* Rollback visible ray/shine layers around hero coin */
body.dex-home-redesign .dex-hero-text-panel .dex-coin-stage::before,
body.dex-home-redesign .dex-hero-text-panel .dex-coin-stage::after {
    content: none !important;
    display: none !important;
    animation: none !important;
    background: none !important;
    opacity: 0 !important;
}

/* Final exchange card compact pass */
@media (min-width: 901px) {
    body.dex-home-redesign .dex-exchange-card .dex-rule-note {
        font-size: 12px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-card {
        gap: 9px !important;
        padding: 12px !important;
    }

    body.dex-home-redesign .dex-exchange-row {
        min-height: 142px !important;
        height: 142px !important;
        padding: 12px !important;
        gap: 10px !important;
        box-sizing: border-box !important;
    }

    body.dex-home-redesign .dex-coin-select {
        height: 54px !important;
    }

    body.dex-home-redesign .dex-coin-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    body.dex-home-redesign .dex-amount strong {
        font-size: 28px !important;
    }

    body.dex-home-redesign .dex-amount span {
        margin-top: 5px !important;
        font-size: 11px !important;
    }

    body.dex-home-redesign .dex-rate {
        padding: 0 2px !important;
        gap: 4px !important;
    }

    body.dex-home-redesign .dex-rate span {
        font-size: 11px !important;
    }

    body.dex-home-redesign .dex-main-btn {
        height: 56px !important;
        min-height: 56px !important;
        font-size: 15px !important;
    }

    body.dex-home-redesign .dex-rule-note {
        font-size: 12px !important;
        line-height: 1.28 !important;
    }
}

/* Absolute final Apple exchange lock */
body.dex-home-redesign .dex-exchange-card {
    max-width: 470px !important;
    gap: 10px !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.1), transparent 34%),
        linear-gradient(180deg, rgba(30, 32, 38, 0.88), rgba(12, 13, 17, 0.94)) !important;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
}

body.dex-home-redesign .dex-exchange-tabs {
    height: 40px !important;
    min-height: 40px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    padding: 4px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.dex-home-redesign .dex-exchange-tabs span {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: rgba(245, 246, 250, 0.56) !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

body.dex-xchange-page .dex-xchange-note {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(245, 189, 67, 0.16) !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(245, 189, 67, 0.095), rgba(255, 255, 255, 0.025)) !important;
}

body.dex-xchange-page .dex-xchange-note strong {
    flex: 0 0 auto !important;
    color: #f5bd43 !important;
    font: 900 11px/1.15 Montserrat, Arial, sans-serif !important;
    text-transform: uppercase;
}

body.dex-xchange-page .dex-xchange-note span {
    min-width: 0 !important;
    color: rgba(245, 246, 250, 0.62) !important;
    font: 700 11px/1.35 Montserrat, Arial, sans-serif !important;
}

body.dex-home-redesign .dex-exchange-tabs .active {
    color: #171717 !important;
    background: linear-gradient(180deg, #ffe08a, #f0b438) !important;
    box-shadow: 0 8px 18px rgba(225, 158, 34, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body.dex-home-redesign .dex-exchange-tabs span.is-disabled {
    color: rgba(245, 246, 250, 0.22) !important;
    background: transparent !important;
    opacity: 1 !important;
}

body.dex-home-redesign .dex-exchange-row {
    height: 98px !important;
    min-height: 98px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 255, 255, 0.085) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

body.dex-home-redesign .dex-exchange-row > div:first-child {
    display: grid !important;
    gap: 8px !important;
    align-content: center !important;
    min-width: 0 !important;
}

body.dex-home-redesign .dex-label {
    color: rgba(245, 246, 250, 0.45) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body.dex-home-redesign .dex-coin-select {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 12px 0 6px !important;
    border-radius: 14px !important;
    background: rgba(10, 11, 15, 0.38) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.dex-home-redesign .dex-coin-select .dex-coin-icon {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
}

body.dex-home-redesign .dex-coin-select strong {
    color: #f7f7f8 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
}

body.dex-home-redesign .dex-coin-select em {
    margin-top: 3px !important;
    color: rgba(245, 246, 250, 0.48) !important;
    font-size: 10.5px !important;
    font-style: normal !important;
    font-weight: 700 !important;
}

body.dex-home-redesign .dex-amount {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    text-align: right !important;
}

body.dex-home-redesign .dex-amount-input {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #f8f8f9 !important;
    font-size: 34px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    text-align: right !important;
    outline: none !important;
    box-shadow: none !important;
}

body.dex-home-redesign .dex-fix-row {
    height: 34px !important;
    min-height: 34px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
}

body.dex-home-redesign .dex-fix-timer {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.045) !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    color: rgba(245, 246, 250, 0.58) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

body.dex-home-redesign .dex-reset-btn {
    width: 86px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    color: rgba(245, 246, 250, 0.7) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

body.dex-home-redesign .dex-rate {
    min-height: 31px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 0 4px !important;
}

body.dex-home-redesign .dex-rate span {
    color: rgba(245, 246, 250, 0.52) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body.dex-home-redesign .dex-current-rate {
    color: rgba(245, 246, 250, 0.74) !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn {
    width: min(220px, 100%) !important;
    height: 46px !important;
    min-height: 46px !important;
    justify-self: center !important;
    margin: 2px auto 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ffe18a 0%, #f2bb45 54%, #d9951f 100%) !important;
    border: 1px solid rgba(255, 214, 103, 0.7) !important;
    color: #141414 !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    box-shadow: 0 14px 32px rgba(230, 163, 35, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.44) !important;
    transform: none !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn::before,
body.dex-home-redesign .dex-exchange-card .dex-main-btn::after {
    display: none !important;
}

body.dex-home-redesign .dex-exchange-card p.dex-rule-note {
    margin: 0 !important;
    color: rgba(245, 246, 250, 0.42) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-card {
        max-width: none !important;
        padding: 13px !important;
        gap: 9px !important;
        border-radius: 20px !important;
    }

    body.dex-home-redesign .dex-exchange-tabs {
        height: 38px !important;
        min-height: 38px !important;
    }

    body.dex-home-redesign .dex-exchange-tabs span {
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 5px !important;
        font-size: 9.5px !important;
    }

    body.dex-home-redesign .dex-exchange-row {
        height: 92px !important;
        min-height: 92px !important;
        grid-template-columns: minmax(0, 1fr) 114px !important;
        gap: 8px !important;
        padding: 11px !important;
        border-radius: 16px !important;
    }

    body.dex-home-redesign .dex-coin-select {
        height: 42px !important;
        min-height: 42px !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    body.dex-home-redesign .dex-coin-select .dex-coin-icon {
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
    }

    body.dex-home-redesign .dex-amount-input {
        height: 46px !important;
        min-height: 46px !important;
        font-size: 27px !important;
    }

    body.dex-home-redesign .dex-fix-row {
        grid-template-columns: minmax(0, 1fr) 74px !important;
        gap: 7px !important;
    }

    body.dex-home-redesign .dex-reset-btn {
        width: 74px !important;
    }

    body.dex-home-redesign .dex-exchange-card .dex-main-btn {
        width: min(190px, 100%) !important;
        height: 42px !important;
        min-height: 42px !important;
        font-size: 12px !important;
    }
}

/* Apple-style exchange widget final pass */
body.dex-home-redesign .dex-exchange-card {
    width: 100% !important;
    max-width: 470px !important;
    min-height: 0 !important;
    display: grid !important;
    gap: 10px !important;
    align-content: start !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.1), transparent 34%),
        linear-gradient(180deg, rgba(30, 32, 38, 0.88), rgba(12, 13, 17, 0.94)) !important;
    box-shadow:
        0 22px 70px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
}

body.dex-home-redesign .dex-exchange-tabs {
    height: 40px !important;
    min-height: 40px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    padding: 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

body.dex-home-redesign .dex-exchange-tabs span {
    height: 30px !important;
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: rgba(245, 246, 250, 0.56) !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
}

body.dex-home-redesign .dex-exchange-tabs span:hover {
    color: rgba(255, 255, 255, 0.88) !important;
    background: rgba(255, 255, 255, 0.075) !important;
}

body.dex-home-redesign .dex-exchange-tabs .active {
    color: #171717 !important;
    background: linear-gradient(180deg, #ffe08a, #f0b438) !important;
    box-shadow:
        0 8px 18px rgba(225, 158, 34, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body.dex-home-redesign .dex-exchange-tabs span.is-disabled {
    color: rgba(245, 246, 250, 0.22) !important;
    background: transparent !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

body.dex-home-redesign .dex-exchange-row {
    height: 98px !important;
    min-height: 98px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.085) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

body.dex-home-redesign .dex-exchange-row > div:first-child {
    min-width: 0 !important;
    display: grid !important;
    gap: 8px !important;
    align-content: center !important;
}

body.dex-home-redesign .dex-label {
    color: rgba(245, 246, 250, 0.45) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body.dex-home-redesign .dex-coin-select {
    height: 44px !important;
    min-height: 44px !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 12px 0 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    background: rgba(10, 11, 15, 0.38) !important;
    color: #f7f7f8 !important;
    text-align: left !important;
    box-shadow: none !important;
    transition: border-color 0.18s ease, background 0.18s ease !important;
}

body.dex-home-redesign .dex-coin-select:hover {
    border-color: rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.075) !important;
}

body.dex-home-redesign .dex-coin-select .dex-coin-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.25) !important;
}

body.dex-home-redesign .dex-coin-select strong {
    display: block !important;
    color: #f7f7f8 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.dex-home-redesign .dex-coin-select em {
    display: block !important;
    margin-top: 3px !important;
    color: rgba(245, 246, 250, 0.48) !important;
    font-size: 10.5px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body.dex-home-redesign .dex-amount {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    text-align: right !important;
}

body.dex-home-redesign .dex-amount-input {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #f8f8f9 !important;
    font-size: 34px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: right !important;
    outline: none !important;
    box-shadow: none !important;
    -moz-appearance: textfield !important;
}

body.dex-home-redesign .dex-amount-input::-webkit-outer-spin-button,
body.dex-home-redesign .dex-amount-input::-webkit-inner-spin-button {
    margin: 0 !important;
    -webkit-appearance: none !important;
}

body.dex-home-redesign .dex-amount-input:focus {
    color: #ffffff !important;
}

body.dex-home-redesign .dex-fix-row {
    height: 34px !important;
    min-height: 34px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
}

body.dex-home-redesign .dex-fix-timer {
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.045) !important;
    color: rgba(245, 246, 250, 0.58) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.dex-home-redesign .dex-fix-timer i {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    border-radius: 50% !important;
    background: #30d158 !important;
    box-shadow: 0 0 12px rgba(48, 209, 88, 0.7) !important;
}

body.dex-home-redesign .dex-fix-timer strong {
    color: #f7f7f8 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

body.dex-home-redesign .dex-reset-btn {
    width: 86px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: rgba(245, 246, 250, 0.7) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

body.dex-home-redesign .dex-reset-btn:hover {
    border-color: rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

body.dex-home-redesign .dex-receive-stack {
    display: grid !important;
    gap: 10px !important;
}

body.dex-home-redesign .dex-rate {
    min-height: 31px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 0 4px !important;
    color: rgba(245, 246, 250, 0.5) !important;
}

body.dex-home-redesign .dex-rate span {
    min-width: 0 !important;
    color: rgba(245, 246, 250, 0.52) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body.dex-home-redesign .dex-current-rate {
    color: rgba(245, 246, 250, 0.74) !important;
}

body.dex-home-redesign .dex-current-limits {
    text-align: right !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn {
    width: min(220px, 100%) !important;
    height: 46px !important;
    min-height: 46px !important;
    justify-self: center !important;
    margin: 2px auto 0 !important;
    border: 1px solid rgba(255, 214, 103, 0.7) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ffe18a 0%, #f2bb45 54%, #d9951f 100%) !important;
    color: #141414 !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    box-shadow:
        0 14px 32px rgba(230, 163, 35, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.44) !important;
    transform: none !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn::before,
body.dex-home-redesign .dex-exchange-card .dex-main-btn::after {
    display: none !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn:hover {
    filter: brightness(1.04) saturate(1.03) !important;
    transform: none !important;
}

body.dex-home-redesign .dex-exchange-card p.dex-rule-note {
    margin: 0 !important;
    color: rgba(245, 246, 250, 0.42) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

body.dex-home-redesign .dex-exchange-card p.dex-rule-note a {
    color: rgba(255, 214, 103, 0.86) !important;
    text-decoration: none !important;
}

body.dex-home-redesign .dex-picker {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    background: rgba(22, 23, 28, 0.98) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42) !important;
    overflow: hidden !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-card {
        max-width: none !important;
        gap: 9px !important;
        padding: 13px !important;
        border-radius: 20px !important;
    }

    body.dex-home-redesign .dex-exchange-tabs {
        height: 38px !important;
        min-height: 38px !important;
        border-radius: 13px !important;
    }

    body.dex-home-redesign .dex-exchange-tabs span {
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 5px !important;
        font-size: 9.5px !important;
    }

    body.dex-home-redesign .dex-exchange-row {
        height: 92px !important;
        min-height: 92px !important;
        grid-template-columns: minmax(0, 1fr) 114px !important;
        gap: 8px !important;
        padding: 11px !important;
        border-radius: 16px !important;
    }

    body.dex-home-redesign .dex-coin-select {
        height: 42px !important;
        min-height: 42px !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding-right: 8px !important;
    }

    body.dex-home-redesign .dex-coin-select .dex-coin-icon {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }

    body.dex-home-redesign .dex-coin-select strong {
        font-size: 12px !important;
    }

    body.dex-home-redesign .dex-coin-select em {
        font-size: 10px !important;
    }

    body.dex-home-redesign .dex-amount-input {
        height: 46px !important;
        min-height: 46px !important;
        font-size: 27px !important;
    }

    body.dex-home-redesign .dex-fix-row {
        grid-template-columns: minmax(0, 1fr) 74px !important;
        gap: 7px !important;
    }

    body.dex-home-redesign .dex-fix-timer {
        padding: 0 8px !important;
        font-size: 10px !important;
    }

    body.dex-home-redesign .dex-reset-btn {
        width: 74px !important;
        font-size: 10px !important;
    }

    body.dex-home-redesign .dex-rate {
        min-height: 26px !important;
        gap: 6px !important;
        padding: 0 2px !important;
    }

    body.dex-home-redesign .dex-rate span {
        font-size: 9.8px !important;
    }

    body.dex-home-redesign .dex-exchange-card .dex-main-btn {
        width: min(190px, 100%) !important;
        height: 42px !important;
        min-height: 42px !important;
        font-size: 12px !important;
    }

    body.dex-home-redesign .dex-exchange-card p.dex-rule-note {
        font-size: 10.5px !important;
    }
}

/* Shared premium footer for all public pages */
.dex-footer-top-format {
    width: 100% !important;
    min-height: 96px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: center !important;
    gap: 0 !important;
    margin-top: 36px !important;
    padding: 0 max(44px, calc((100vw - 1160px) / 2)) !important;
    box-sizing: border-box !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: linear-gradient(180deg, rgba(17, 19, 24, 0.97), rgba(10, 11, 15, 0.98)) !important;
    overflow: hidden !important;
}

.dex-footer-top-format::after {
    display: none !important;
}

.dex-footer-main {
    min-height: 64px !important;
    display: grid !important;
    grid-template-columns: auto minmax(420px, 1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important;
}

.dex-footer-brand {
    display: flex !important;
    align-items: center !important;
    min-width: 150px !important;
}

.dex-footer-top-format .dex-footer-brand img {
    width: 146px !important;
    height: auto !important;
    margin: 0 !important;
}

.dex-footer-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px 20px !important;
    margin: 0 !important;
}

.dex-footer-nav a {
    color: rgba(245, 246, 250, 0.72) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.dex-footer-nav a:hover {
    color: #f8d35b !important;
}

.dex-footer-action {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 130px !important;
}

.dex-footer-icon,
.dex-footer-badge {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(230, 163, 35, 0.72) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 34% 24%, rgba(248, 211, 91, 0.18), rgba(17, 19, 24, 0.96) 58%) !important;
    color: #f8d35b !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.dex-footer-icon img {
    width: 25px !important;
    height: 25px !important;
    filter: none !important;
}

.dex-footer-trust {
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px 18px !important;
    color: rgba(245, 246, 250, 0.42) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.dex-footer-trust span:first-child {
    color: rgba(245, 246, 250, 0.56) !important;
}

.dex-footer-trust span:not(:first-child)::before {
    content: "" !important;
    display: inline-block !important;
    width: 5px !important;
    height: 5px !important;
    margin: 0 8px 1px 0 !important;
    border-radius: 50% !important;
    background: rgba(230, 163, 35, 0.78) !important;
}

@media (max-width: 900px) {
    .dex-footer-top-format {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
        gap: 0 !important;
        min-height: 0 !important;
        margin-top: 24px !important;
        padding: 18px 18px 16px !important;
    }

    .dex-footer-main {
        width: 100% !important;
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 12px !important;
        padding-bottom: 14px !important;
    }

    .dex-footer-nav {
        gap: 10px 16px !important;
        max-width: 310px !important;
    }

    .dex-footer-action {
        min-width: 0 !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    .dex-footer-trust {
        min-height: 0 !important;
        padding-top: 12px !important;
        gap: 8px 12px !important;
        font-size: 10.5px !important;
    }

    .dex-footer-trust span:first-child {
        width: 100% !important;
    }

    .dex-footer-trust span:not(:first-child)::before {
        display: none !important;
    }
}

/* Language selector is a real header item now; keep old pseudo RU hidden. */
#header .header_contacts::before,
body.dex-home-redesign #header .header_contacts::before {
    content: none !important;
    display: none !important;
}

/* Reviews page redesign */
body.dex-reviews-page {
    background:
        radial-gradient(circle at 12% 8%, rgba(230, 163, 35, 0.14), transparent 28%),
        radial-gradient(circle at 88% 16%, rgba(248, 211, 91, 0.08), transparent 26%),
        linear-gradient(180deg, #07080b 0%, #111318 46%, #090a0d 100%) !important;
    color: #f6f7fb !important;
}

/* Terms page redesign */
body.dex-tos-page {
    background:
        radial-gradient(circle at 10% 8%, rgba(230, 163, 35, 0.13), transparent 28%),
        radial-gradient(circle at 90% 18%, rgba(248, 211, 91, 0.07), transparent 27%),
        linear-gradient(180deg, #07080b 0%, #111318 44%, #090a0d 100%) !important;
    color: #f6f7fb !important;
}

body.dex-aml-page #cwrap {
    display: none !important;
}

body.dex-contact-page #cwrap {
    display: none !important;
}

body.dex-tos-page #container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.dex-tos-page .dex-tos-wrap {
    flex: 1 0 auto;
}

body.dex-tos-page .dex-footer-top-format {
    margin-top: auto !important;
}

.dex-tos-wrap {
    width: min(1160px, calc(100% - 56px));
    margin: 18px auto 0;
}

.dex-tos-hero,
.dex-tos-nav,
.dex-tos-document {
    border: 1px solid rgba(255, 255, 255, 0.085);
    background:
        radial-gradient(circle at 82% 12%, rgba(230, 163, 35, 0.1), transparent 34%),
        linear-gradient(180deg, rgba(27, 30, 38, 0.94), rgba(12, 14, 19, 0.97));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    box-sizing: border-box;
}

.dex-tos-hero {
    min-height: 164px;
    padding: 24px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 14px;
}

.dex-tos-hero span {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    height: 24px;
    margin-bottom: 11px;
    padding: 0 10px;
    border: 1px solid rgba(248, 211, 91, 0.38);
    border-radius: 999px;
    color: #f8d35b;
    background: rgba(248, 211, 91, 0.06);
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.dex-tos-hero h1 {
    margin: 0;
    color: #f7f7f8;
    font-size: 38px;
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: 0;
}

.dex-tos-hero p {
    max-width: 920px;
    margin: 10px 0 0;
    text-align: center;
    color: rgba(245, 246, 250, 0.68);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.44;
}

.dex-tos-layout {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.dex-tos-nav {
    position: sticky;
    top: 90px;
    padding: 14px;
    border-radius: 14px;
}

.dex-tos-nav strong {
    display: block;
    margin-bottom: 10px;
    color: #f8d35b;
    font-size: 11px;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
}

.dex-tos-nav a {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 10px;
    margin-top: 7px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(245, 246, 250, 0.72) !important;
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
}

.dex-tos-nav a:hover {
    border-color: rgba(248, 211, 91, 0.5);
    color: #f8d35b !important;
}

.dex-tos-nav a.is-active {
    border-color: rgba(248, 211, 91, 0.68);
    background: rgba(248, 211, 91, 0.12);
    color: #f8d35b !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 10px 28px rgba(248, 211, 91, 0.08);
}

.dex-tos-document {
    padding: 16px;
    border-radius: 14px;
}

.dex-tos-alerts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.dex-tos-alerts div {
    min-height: 86px;
    padding: 12px;
    border: 1px solid rgba(248, 211, 91, 0.15);
    border-radius: 12px;
    background: rgba(248, 211, 91, 0.045);
    box-sizing: border-box;
}

.dex-tos-alerts strong {
    display: block;
    color: #f8d35b;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.15;
}

.dex-tos-alerts span {
    display: block;
    margin-top: 7px;
    color: rgba(245, 246, 250, 0.62);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.35;
}

.dex-tos-text,
.dex-aml-text {
    max-height: none;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.032);
    box-sizing: border-box;
}

.dex-tos-section {
    scroll-margin-top: 96px;
    padding: 14px;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.dex-tos-section + .dex-tos-section {
    margin-top: 8px;
}

.dex-tos-section.is-active {
    border-color: rgba(248, 211, 91, 0.56);
    background:
        radial-gradient(circle at 0 0, rgba(248, 211, 91, 0.13), transparent 34%),
        rgba(248, 211, 91, 0.045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 16px 34px rgba(0, 0, 0, 0.16);
}

.dex-tos-section h2 {
    margin: 0 0 9px;
    color: rgba(248, 211, 91, 0.92);
    font-size: 13px;
    font-weight: 950;
    line-height: 1.15;
}

.dex-tos-section p {
    margin: 0;
    color: rgba(245, 246, 250, 0.72);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.62;
}

.dex-tos-anchor {
    position: relative;
    top: -90px;
}

@media (max-width: 980px) {
    .dex-tos-layout {
        grid-template-columns: 1fr;
    }

    .dex-tos-nav {
        position: static;
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
    }

    .dex-tos-nav strong {
        width: 100%;
        margin-bottom: 0;
    }

    .dex-tos-nav a {
        margin-top: 0;
    }

    .dex-tos-alerts {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .dex-tos-wrap {
        width: calc(100% - 28px);
        margin-top: 14px;
    }

    .dex-tos-hero {
        min-height: 0;
        padding: 16px;
    }

    .dex-tos-hero h1 {
        font-size: 30px;
    }

    .dex-tos-document,
    .dex-tos-text,
    .dex-aml-text {
        padding: 13px;
    }

    .dex-tos-text p {
        font-size: 12.5px;
        line-height: 1.55;
    }
}

/* Contact page redesign */
.dex-contact-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 14px;
    align-items: stretch;
}

body.dex-contact-page .dex-tos-wrap {
    margin-top: 12px;
}

body.dex-contact-page .dex-tos-hero {
    min-height: 116px;
    padding: 14px 18px;
    margin-bottom: 10px;
}

body.dex-contact-page .dex-tos-hero h1 {
    font-size: 32px;
}

body.dex-contact-page .dex-tos-hero p {
    margin-top: 8px;
}

.dex-contact-panel,
.dex-contact-form-card {
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 14px;
    background:
        radial-gradient(circle at 84% 12%, rgba(230, 163, 35, 0.1), transparent 34%),
        linear-gradient(180deg, rgba(27, 30, 38, 0.94), rgba(12, 14, 19, 0.97));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    box-sizing: border-box;
}

.dex-contact-panel,
.dex-contact-form-card {
    padding: 14px;
}

.dex-contact-head span,
.dex-contact-form-title span {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border: 1px solid rgba(248, 211, 91, 0.38);
    border-radius: 999px;
    color: #f8d35b;
    background: rgba(248, 211, 91, 0.06);
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.dex-contact-head h2,
.dex-contact-form-title h2 {
    margin: 10px 0 0;
    color: #f7f7f8;
    font-size: 26px;
    font-weight: 950;
    line-height: 1.08;
}

.dex-contact-head p {
    max-width: 470px;
    margin: 10px 0 0;
    color: rgba(245, 246, 250, 0.66);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.48;
}

.dex-contact-cards {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.dex-contact-card {
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
    color: #f6f7fb !important;
    text-decoration: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.dex-contact-card:hover {
    border-color: rgba(248, 211, 91, 0.48);
    background: rgba(248, 211, 91, 0.06);
    transform: translateY(-1px);
}

.dex-contact-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid rgba(248, 211, 91, 0.28);
    border-radius: 12px;
    background: rgba(248, 211, 91, 0.08) center / 21px 21px no-repeat;
}

.dex-contact-icon-telegram {
    background-image: url("../fonts/dex-telegram.svg");
}

.dex-contact-icon-email {
    background-image: url("../fonts/dex-email.svg");
}

.dex-contact-icon-time {
    position: relative;
}

.dex-contact-icon-time::before {
    content: "24";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f8d35b;
    font-size: 13px;
    font-weight: 950;
}

.dex-contact-card strong {
    display: block;
    color: #f8d35b;
    font-size: 13px;
    font-weight: 950;
    line-height: 1.1;
}

.dex-contact-card small {
    display: block;
    margin-top: 5px;
    color: rgba(245, 246, 250, 0.62);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}

.dex-contact-form-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 12px;
    text-align: center;
}

.dex-contact-form-title h2 {
    margin: 0;
    font-size: 24px;
}

.dex-contact-message {
    margin-bottom: 12px;
    padding: 11px 12px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.35;
}

.dex-contact-message.is-success {
    border: 1px solid rgba(78, 210, 142, 0.35);
    background: rgba(78, 210, 142, 0.1);
    color: #98f0bf;
}

.dex-contact-message.is-error {
    border: 1px solid rgba(255, 104, 104, 0.36);
    background: rgba(255, 104, 104, 0.1);
    color: #ffb0b0;
}

.dex-contact-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.dex-contact-form label {
    display: block;
}

.dex-contact-form-wide,
.dex-contact-submit {
    grid-column: 1 / -1;
}

.dex-contact-form label > span {
    display: block;
    margin-bottom: 6px;
    color: rgba(245, 246, 250, 0.72);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}

.dex-contact-form label > span b {
    color: #f8d35b;
}

.dex-contact-form input,
.dex-contact-form textarea {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.045);
    color: #f6f7fb;
    box-sizing: border-box;
    outline: none;
    font-size: 13px;
    font-weight: 750;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.dex-contact-form input::placeholder,
.dex-contact-form textarea::placeholder,
.dex-contact-form input:focus::placeholder,
.dex-contact-form textarea:focus::placeholder {
    color: rgba(245, 246, 250, 0.58) !important;
    opacity: 1 !important;
}

.dex-contact-form input {
    height: 42px;
    padding: 0 12px;
}

.dex-contact-form textarea {
    min-height: 76px;
    padding: 12px;
    line-height: 1.45;
    resize: vertical;
}

.dex-contact-form input:focus,
.dex-contact-form textarea:focus {
    border-color: rgba(248, 211, 91, 0.54);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 0 0 3px rgba(248, 211, 91, 0.08);
}

.dex-contact-file input {
    height: auto;
    padding: 10px 12px;
}

.dex-contact-file small {
    display: block;
    margin-top: 6px;
    color: rgba(245, 246, 250, 0.52);
    font-size: 11px;
    font-weight: 700;
}

.dex-contact-submit {
    width: min(260px, 100%);
    height: 44px;
    justify-self: center;
    border: 1px solid rgba(248, 211, 91, 0.58);
    border-radius: 999px;
    background: linear-gradient(180deg, #f8d35b 0%, #d89b22 100%);
    color: #101114;
    cursor: pointer;
    font-size: 13px;
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 16px 34px rgba(216, 155, 34, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.34);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.dex-contact-submit:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
    box-shadow: 0 20px 42px rgba(216, 155, 34, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

@media (max-width: 980px) {
    .dex-contact-layout,
    .dex-contact-form {
        grid-template-columns: 1fr;
    }

    .dex-contact-form-title {
        align-items: center;
    }
}

@media (max-width: 700px) {
    .dex-contact-panel,
    .dex-contact-form-card {
        padding: 14px;
    }

    .dex-contact-head h2,
    .dex-contact-form-title h2 {
        font-size: 22px;
    }

    .dex-contact-card {
        min-height: 66px;
    }
}

/* Partner program page */
.dex-partner-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    gap: 14px;
    align-items: stretch;
}

.dex-partner-main,
.dex-partner-side-card,
.dex-partner-card,
.dex-partner-integrations {
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 14px;
    background:
        radial-gradient(circle at 84% 12%, rgba(230, 163, 35, 0.1), transparent 34%),
        linear-gradient(180deg, rgba(27, 30, 38, 0.94), rgba(12, 14, 19, 0.97));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    box-sizing: border-box;
}

.dex-partner-main,
.dex-partner-side-card {
    min-height: 292px;
    padding: 18px;
}

.dex-partner-head > span,
.dex-partner-side-card > span,
.dex-partner-integrations > div:first-child > span {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border: 1px solid rgba(248, 211, 91, 0.38);
    border-radius: 999px;
    color: #f8d35b;
    background: rgba(248, 211, 91, 0.06);
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.dex-partner-head h2,
.dex-partner-side-card h2,
.dex-partner-integrations h2 {
    margin: 12px 0 0;
    color: #f7f7f8;
    font-size: 26px;
    font-weight: 950;
    line-height: 1.08;
}

.dex-partner-head p,
.dex-partner-side-card p,
.dex-partner-integrations p {
    max-width: 620px;
    margin: 11px 0 0;
    color: rgba(245, 246, 250, 0.66);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.48;
}

.dex-partner-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 18px;
}

.dex-partner-points div {
    min-height: 116px;
    padding: 12px;
    border: 1px solid rgba(248, 211, 91, 0.14);
    border-radius: 12px;
    background: rgba(248, 211, 91, 0.045);
    box-sizing: border-box;
}

.dex-partner-points strong,
.dex-partner-card strong {
    display: block;
    color: #f8d35b;
    font-size: 13px;
    font-weight: 950;
    line-height: 1.15;
}

.dex-partner-points span,
.dex-partner-card p {
    display: block;
    margin: 8px 0 0;
    color: rgba(245, 246, 250, 0.64);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.38;
}

.dex-partner-side-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dex-partner-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 18px;
}

.dex-partner-actions a {
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(248, 211, 91, 0.54);
    border-radius: 999px;
    background: rgba(248, 211, 91, 0.08);
    color: #f8d35b !important;
    font-size: 13px;
    font-weight: 950;
    line-height: 1;
    text-decoration: none;
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.dex-partner-actions a:hover {
    transform: translateY(-1px);
    background: rgba(248, 211, 91, 0.14);
    box-shadow: 0 16px 34px rgba(216, 155, 34, 0.14);
}

.dex-partner-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.dex-partner-card {
    min-height: 148px;
    padding: 14px;
}

.dex-partner-card > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 24px;
    margin-bottom: 12px;
    border: 1px solid rgba(248, 211, 91, 0.32);
    border-radius: 999px;
    color: #f8d35b;
    background: rgba(248, 211, 91, 0.07);
    font-size: 11px;
    font-weight: 950;
    line-height: 1;
}

.dex-partner-integrations {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    margin-top: 14px;
    padding: 18px;
}

.dex-partner-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.dex-partner-tags span {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(245, 246, 250, 0.78);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
}

@media (max-width: 980px) {
    .dex-partner-layout,
    .dex-partner-grid,
    .dex-partner-integrations,
    .dex-partner-points {
        grid-template-columns: 1fr;
    }

    .dex-partner-integrations {
        align-items: start;
    }

    .dex-partner-tags {
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .dex-partner-main,
    .dex-partner-side-card,
    .dex-partner-card,
    .dex-partner-integrations {
        min-height: 0;
        padding: 14px;
    }

    .dex-partner-head h2,
    .dex-partner-side-card h2,
    .dex-partner-integrations h2 {
        font-size: 22px;
    }
}

.dex-reviews-wrap {
    width: min(1160px, calc(100% - 56px));
    margin: 18px auto 0;
}

.dex-reviews-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: stretch;
    margin-bottom: 14px;
}

.dex-reviews-hero > div:first-child,
.dex-reviews-stats,
.dex-reviews-list,
.dex-review-form-card {
    border: 1px solid rgba(255, 255, 255, 0.085);
    background:
        radial-gradient(circle at 82% 12%, rgba(230, 163, 35, 0.1), transparent 34%),
        linear-gradient(180deg, rgba(27, 30, 38, 0.94), rgba(12, 14, 19, 0.97));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    box-sizing: border-box;
}

.dex-reviews-hero > div:first-child {
    min-height: 150px;
    padding: 22px 24px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dex-reviews-kicker {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    height: 24px;
    margin-bottom: 11px;
    padding: 0 10px;
    border: 1px solid rgba(248, 211, 91, 0.38);
    border-radius: 999px;
    color: #f8d35b;
    background: rgba(248, 211, 91, 0.06);
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.dex-reviews-hero h1 {
    max-width: 100%;
    margin: 0;
    color: #f7f7f8;
    font-size: 34px;
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: 0;
}

.dex-nowrap {
    white-space: nowrap !important;
}

.dex-reviews-hero p {
    max-width: 100%;
    margin: 10px 0 0;
    color: rgba(245, 246, 250, 0.68);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.44;
    white-space: nowrap;
}

.dex-reviews-stats {
    padding: 12px;
    border-radius: 14px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
}

.dex-reviews-stats div {
    min-height: 42px;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.035);
}

.dex-reviews-stats strong {
    color: #f8d35b;
    font-size: 20px;
    font-weight: 950;
    line-height: 1;
}

.dex-reviews-stats span {
    color: rgba(245, 246, 250, 0.62);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.28;
}

.dex-reviews-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 14px;
    align-items: start;
}

.dex-reviews-list,
.dex-review-form-card {
    border-radius: 14px;
}

.dex-reviews-list {
    padding: 15px;
}

.dex-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.dex-section-head h2 {
    margin: 0;
    color: #f7f7f8;
    font-size: 22px;
    font-weight: 950;
    line-height: 1.05;
}

.dex-section-head span {
    color: rgba(245, 246, 250, 0.48);
    font-size: 11px;
    font-weight: 800;
}

.dex-review-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.dex-review-card {
    min-height: 128px;
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
    box-sizing: border-box;
}

.dex-review-card-top {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.dex-review-avatar {
    width: 36px;
    height: 36px;
    display: block;
}

.dex-review-avatar svg {
    width: 100%;
    height: 100%;
    display: block;
}

.dex-review-card strong {
    display: block;
    color: #f7f7f8;
    font-size: 12.5px;
    font-weight: 900;
    line-height: 1.1;
}

.dex-review-card small {
    display: block;
    margin-top: 4px;
    color: rgba(245, 246, 250, 0.42);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.dex-review-rating {
    color: #f8d35b;
    font-size: 11.5px;
    font-weight: 900;
    letter-spacing: 0;
    white-space: nowrap;
}

.dex-review-card p,
.dex-review-empty {
    margin: 0;
    color: rgba(245, 246, 250, 0.68);
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.34;
}

.dex-review-empty {
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
}

.dex-review-form-card {
    position: sticky;
    top: 90px;
    padding: 15px;
    align-self: start;
}

.dex-review-form-card,
.dex-reviews-list {
    margin-top: 0;
}

.dex-review-form-card .dex-review-form-head {
    min-height: 82px;
}

.dex-review-form-head span {
    color: #f8d35b;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.dex-review-form-head h2 {
    margin: 8px 0 0;
    color: #f7f7f8;
    font-size: 20px;
    font-weight: 950;
    line-height: 1.08;
}

.dex-review-form-head p {
    margin: 7px 0 12px;
    color: rgba(245, 246, 250, 0.58);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.36;
}

.dex-form-alert {
    margin-bottom: 12px;
    padding: 11px 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.dex-form-alert.is-success {
    color: #9af0cf;
    background: rgba(35, 217, 119, 0.08);
    border: 1px solid rgba(35, 217, 119, 0.22);
}

.dex-form-alert.is-error {
    color: #ffc0ad;
    background: rgba(255, 140, 107, 0.08);
    border: 1px solid rgba(255, 140, 107, 0.22);
}

.dex-review-form {
    display: grid;
    gap: 8px;
}

.dex-review-form label {
    display: grid;
    gap: 6px;
}

.dex-review-form label span {
    color: rgba(245, 246, 250, 0.62);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.dex-review-form input,
.dex-review-form select,
.dex-review-form textarea {
    width: 100%;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.045);
    color: #f7f7f8;
    font-size: 12.5px;
    font-weight: 700;
    outline: none;
    box-sizing: border-box;
}

.dex-rating-field input[type="hidden"] {
    display: none;
}

.dex-score-picker {
    width: 100%;
    min-height: 52px;
    display: grid;
    gap: 7px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 10px;
    background:
        radial-gradient(circle at 90% 16%, rgba(248, 211, 91, 0.13), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
        rgba(5, 6, 9, 0.42);
    box-sizing: border-box;
}

.dex-score-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.dex-score-head em {
    color: rgba(245, 246, 250, 0.54);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.dex-score-head strong {
    color: #f8d35b;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

.dex-score-rail {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
}

.dex-score-picker button {
    height: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(245, 246, 250, 0.16);
    color: transparent;
    font-size: 0;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transition: background 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.dex-score-picker button span {
    display: none;
}

.dex-score-picker button.is-active {
    background: linear-gradient(180deg, #f8d35b, #d99a22);
    box-shadow: 0 0 10px rgba(230, 163, 35, 0.14), inset 0 1px 0 rgba(255, 239, 184, 0.24);
}

.dex-score-picker button:hover {
    background: linear-gradient(180deg, rgba(248, 211, 91, 0.78), rgba(217, 154, 34, 0.74));
    transform: translateY(-1px);
}

.dex-review-form textarea {
    min-height: 82px;
    padding-top: 10px;
    resize: vertical;
}

.dex-review-form input:focus,
.dex-review-form select:focus,
.dex-review-form textarea:focus {
    border-color: rgba(248, 211, 91, 0.64);
    box-shadow: 0 0 0 3px rgba(248, 211, 91, 0.08);
}

.dex-review-form button {
    width: 100%;
    height: 42px;
    border: 1px solid rgba(248, 211, 91, 0.78);
    border-radius: 10px;
    background: linear-gradient(180deg, #f6c24a, #dd9d25);
    color: #101216;
    font-size: 12.5px;
    font-weight: 950;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 16px 36px rgba(230, 163, 35, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dex-review-form button:hover {
    transform: translateY(-1px);
    box-shadow: 0 20px 44px rgba(230, 163, 35, 0.32);
}

.dex-review-form .dex-score-picker button {
    width: auto !important;
    height: 12px !important;
    min-height: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(245, 246, 250, 0.16) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.dex-review-form .dex-score-picker button.is-active {
    background: linear-gradient(180deg, #f8d35b, #d99a22) !important;
    box-shadow: 0 0 10px rgba(230, 163, 35, 0.14), inset 0 1px 0 rgba(255, 239, 184, 0.24) !important;
}

.dex-reviews-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 18px;
}

.dex-reviews-pagination a,
.dex-reviews-pagination span {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(245, 246, 250, 0.72) !important;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.dex-reviews-pagination .is-current,
.dex-reviews-pagination a:hover {
    border-color: rgba(248, 211, 91, 0.72);
    color: #f8d35b !important;
}

@media (max-width: 980px) {
    .dex-reviews-hero,
    .dex-reviews-grid {
        grid-template-columns: 1fr;
    }

    .dex-review-form-card {
        position: static;
    }
}

@media (max-width: 700px) {
    .dex-reviews-wrap {
        width: calc(100% - 28px);
        margin-top: 14px;
    }

    .dex-reviews-hero > div:first-child,
    .dex-reviews-list,
    .dex-review-form-card {
        padding: 15px;
        border-radius: 14px;
    }

    .dex-reviews-hero > div:first-child {
        text-align: center !important;
        align-items: center !important;
    }

    .dex-reviews-hero h1 {
        font-size: 30px;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .dex-reviews-hero p {
        font-size: 14px;
        white-space: normal;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .dex-reviews-kicker {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .dex-review-cards {
        grid-template-columns: 1fr;
    }

    .dex-section-head {
        align-items: start;
        flex-direction: column;
        gap: 8px;
    }
}

body.dex-home-redesign .dex-amount-input {
    width: 190px !important;
    height: 34px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #f8f9fb !important;
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 34px !important;
    letter-spacing: 0 !important;
    text-align: right !important;
    box-shadow: none !important;
}

body.dex-home-redesign .dex-amount-input:focus {
    color: #ffffff !important;
    text-shadow: 0 0 18px rgba(248, 211, 91, 0.18) !important;
}

body.dex-home-redesign .dex-amount-input::-webkit-outer-spin-button,
body.dex-home-redesign .dex-amount-input::-webkit-inner-spin-button {
    margin: 0 !important;
    -webkit-appearance: none !important;
}

body.dex-home-redesign .dex-amount-input[type=number] {
    -moz-appearance: textfield !important;
}

/* Hero coin panel centered composition */
body.dex-home-redesign .dex-hero-text-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

body.dex-home-redesign .dex-hero-text-panel .dex-hero-kicker {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
}

body.dex-home-redesign .dex-hero-text-panel h1 {
    width: min(440px, 100%) !important;
    margin: 18px auto 0 !important;
    text-align: center !important;
}

body.dex-home-redesign .dex-hero-text-panel p.dex-hero-note {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    width: min(420px, 100%) !important;
    min-height: 38px !important;
    margin: 16px auto 0 !important;
    transform: none !important;
    text-align: center !important;
}

body.dex-home-redesign .dex-hero-text-panel .dex-coin-stage {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

body.dex-home-redesign .dex-hero-text-panel .dex-coin-caption {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-amount-input {
        width: 174px !important;
        height: 30px !important;
        font-size: 28px !important;
        line-height: 30px !important;
        text-align: left !important;
    }
}

@media (min-width: 901px) {
    body.dex-home-redesign .dex-exchange-row .dex-amount {
        margin-top: 21px !important;
    }

    body.dex-home-redesign .dex-exchange-card > .dex-exchange-row:nth-child(2) .dex-amount {
        margin-top: 12px !important;
    }

    body.dex-home-redesign .dex-exchange-card > .dex-exchange-row:nth-child(2) > div:first-child {
        transform: none !important;
    }
}

/* Bottom partners section */
body.dex-home-redesign .dex-rates-ticker {
    width: 100% !important;
    padding: 8px 20px 8px !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-rates-ticker-inner {
    width: min(1160px, 100%) !important;
    height: 46px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(248, 211, 91, 0.12) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(90deg, rgba(248, 211, 91, 0.07), transparent 22%),
        rgba(255, 255, 255, 0.028) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-rates-ticker-label {
    min-width: 70px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #f6c24a, #dd9d25) !important;
    color: #111318 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

body.dex-home-redesign .dex-rates-track-wrap {
    min-width: 0 !important;
    overflow: hidden !important;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
}

body.dex-home-redesign .dex-rates-track {
    width: max-content !important;
    display: flex !important;
    align-items: center !important;
    gap: 26px !important;
    white-space: nowrap !important;
    animation: dexRatesTicker 34s linear infinite !important;
}

body.dex-home-redesign .dex-rates-track span {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 7px !important;
    color: rgba(245, 246, 250, 0.64) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.dex-home-redesign .dex-rates-track b {
    color: #f8f9fb !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

body.dex-home-redesign .dex-rates-track em {
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 950 !important;
}

body.dex-home-redesign .dex-rates-track em.up {
    color: #4fd18b !important;
}

body.dex-home-redesign .dex-rates-track em.down {
    color: #ff6b6b !important;
}

@keyframes dexRatesTicker {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-rates-ticker {
        padding: 6px 12px 8px !important;
    }

    body.dex-home-redesign .dex-rates-ticker-inner {
        height: 42px !important;
        gap: 8px !important;
        padding: 0 10px !important;
    }

    body.dex-home-redesign .dex-rates-ticker-label {
        min-width: 54px !important;
        height: 24px !important;
        padding: 0 8px !important;
        font-size: 9px !important;
    }

    body.dex-home-redesign .dex-rates-track {
        gap: 20px !important;
        animation-duration: 28s !important;
    }

    body.dex-home-redesign .dex-rates-track span,
    body.dex-home-redesign .dex-rates-track b {
        font-size: 11px !important;
    }

    body.dex-home-redesign .dex-rates-track em {
        font-size: 10px !important;
    }
}

body.dex-home-redesign .dex-partners-section {
    width: 100% !important;
    padding: 0 20px 14px !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-partners-inner {
    width: min(1160px, calc(100% - 56px)) !important;
    margin: 0 auto !important;
    padding: 10px 12px 12px !important;
    border: 1px solid rgba(248, 211, 91, 0.12) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(90deg, rgba(248, 211, 91, 0.08), transparent 18%, transparent 82%, rgba(248, 211, 91, 0.06)),
        linear-gradient(180deg, rgba(20, 22, 28, 0.96), rgba(10, 12, 17, 0.98)) !important;
    box-shadow: 0 24px 62px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-partners-head {
    margin-bottom: 7px !important;
    justify-content: center !important;
    text-align: center !important;
}

body.dex-home-redesign .dex-partners-head h2 {
    width: 100% !important;
    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
}

body.dex-home-redesign .dex-partners-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1px !important;
    padding: 1px !important;
    border: 1px solid rgba(255, 255, 255, 0.055) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    overflow: hidden !important;
}

body.dex-home-redesign .dex-partner-card {
    height: 38px !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.026) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

body.dex-home-redesign .dex-partner-card:hover {
    transform: none !important;
    background: rgba(248, 211, 91, 0.075) !important;
    box-shadow: inset 0 0 0 1px rgba(248, 211, 91, 0.16) !important;
}

body.dex-home-redesign .dex-partner-card img {
    display: block !important;
    max-width: 100% !important;
    max-width: 112px !important;
    max-height: 18px !important;
    object-fit: contain !important;
    filter: none !important;
    opacity: .9 !important;
    transition: filter .16s ease, opacity .16s ease !important;
}

body.dex-home-redesign .dex-partner-card:hover img {
    filter: brightness(1.08) contrast(1.02) !important;
    opacity: 1 !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-partners-section {
        padding: 0 12px 12px !important;
    }

    body.dex-home-redesign .dex-partners-inner {
        width: 100% !important;
        padding: 9px 10px 10px !important;
        border-radius: 12px !important;
    }

    body.dex-home-redesign .dex-partners-head {
        display: block !important;
    }

    body.dex-home-redesign .dex-partners-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1px !important;
    }

    body.dex-home-redesign .dex-partner-card {
        height: 36px !important;
        min-height: 36px !important;
        padding: 6px 8px !important;
    }

    body.dex-home-redesign .dex-partner-card img {
        max-width: 98px !important;
        max-height: 17px !important;
    }
}

/* Premium exchange submit button */
body.dex-home-redesign .dex-exchange-card .dex-main-btn {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    height: 60px !important;
    min-height: 60px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    border: 1px solid rgba(255, 232, 142, 0.72) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(180deg, rgba(255, 220, 102, 0.98) 0%, rgba(235, 171, 45, 0.98) 48%, rgba(207, 132, 18, 0.98) 100%) !important;
    color: #111318 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    box-shadow:
        0 18px 40px rgba(225, 151, 28, 0.28),
        0 8px 18px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        inset 0 -1px 0 rgba(125, 72, 7, 0.24) !important;
    transform: translateY(0) !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px 1px auto 1px !important;
    height: 45% !important;
    z-index: -1 !important;
    border-radius: 13px 13px 8px 8px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0)) !important;
    pointer-events: none !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn::after {
    content: "" !important;
    position: absolute !important;
    top: -35% !important;
    left: -38% !important;
    width: 34% !important;
    height: 170% !important;
    z-index: -1 !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent) !important;
    transform: rotate(18deg) translateX(-160%) !important;
    animation: dexSubmitSheen 3.8s ease-in-out infinite !important;
    pointer-events: none !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn:hover {
    filter: saturate(1.06) brightness(1.04) !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 22px 48px rgba(225, 151, 28, 0.36),
        0 10px 22px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.62),
        inset 0 -1px 0 rgba(125, 72, 7, 0.26) !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn:active {
    transform: translateY(0) scale(0.99) !important;
}

@keyframes dexSubmitSheen {
    0%, 44% {
        transform: rotate(18deg) translateX(-170%);
        opacity: 0;
    }
    55% {
        opacity: .85;
    }
    70%, 100% {
        transform: rotate(18deg) translateX(420%);
        opacity: 0;
    }
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-card .dex-main-btn {
        height: 58px !important;
        min-height: 58px !important;
        border-radius: 13px !important;
        font-size: 15px !important;
    }

    body.dex-home-redesign .dex-picker {
        width: min(286px, calc(100vw - 52px)) !important;
        max-height: 250px !important;
    }
}

body.dex-home-redesign .dex-exchange-card p.dex-rule-note {
    font-size: 12px !important;
    line-height: 1.24 !important;
    font-weight: 800 !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-card p.dex-rule-note {
        font-size: 12px !important;
        line-height: 1.28 !important;
    }
}

/* Final exchange card polish */
body.dex-home-redesign .dex-exchange-card {
    width: 512px !important;
    height: 562px !important;
    min-height: 562px !important;
    padding: 16px !important;
    display: grid !important;
    grid-template-rows: 38px 112px 38px 162px 20px 56px auto !important;
    gap: 8px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    background:
        radial-gradient(circle at 78% 12%, rgba(230, 163, 35, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(28, 31, 38, 0.96), rgba(12, 14, 19, 0.98)) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-exchange-tabs {
    height: 38px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.dex-home-redesign .dex-exchange-tabs span {
    height: 38px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.035) !important;
    color: rgba(245, 246, 250, 0.58) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

body.dex-home-redesign .dex-exchange-tabs .active {
    border-color: rgba(248, 211, 91, 0.7) !important;
    background: linear-gradient(180deg, #f6c24a, #dd9d25) !important;
    color: #111318 !important;
    box-shadow: 0 8px 20px rgba(230, 163, 35, 0.22) !important;
}

body.dex-home-redesign .dex-exchange-tabs span.is-disabled {
    cursor: not-allowed !important;
    opacity: .34 !important;
    color: rgba(245, 246, 250, 0.38) !important;
    background: rgba(255, 255, 255, 0.018) !important;
    border-color: rgba(255, 255, 255, 0.045) !important;
    box-shadow: none !important;
}

body.dex-home-redesign .dex-exchange-tabs span.is-disabled:hover {
    color: rgba(245, 246, 250, 0.38) !important;
    background: rgba(255, 255, 255, 0.018) !important;
    border-color: rgba(255, 255, 255, 0.045) !important;
    transform: none !important;
}

body.dex-home-redesign .dex-exchange-row {
    min-height: 112px !important;
    height: 112px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 14px 16px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    background: rgba(255, 255, 255, 0.028) !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-label {
    display: block !important;
    margin: 0 0 9px !important;
    color: rgba(245, 246, 250, 0.54) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.dex-home-redesign .dex-coin-select {
    position: relative !important;
    width: 190px !important;
    min-width: 190px !important;
    height: 54px !important;
    padding: 8px 12px !important;
    gap: 10px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-exchange-row > div:first-child {
    position: relative !important;
}

body.dex-home-redesign .dex-picker {
    position: absolute !important;
    left: 0 !important;
    top: calc(100% + 8px) !important;
    z-index: 25 !important;
    width: 260px !important;
    max-height: 292px !important;
    padding: 8px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(248, 211, 91, 0.18) !important;
    background:
        radial-gradient(circle at 86% 0%, rgba(230, 163, 35, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(31, 34, 42, 0.98), rgba(13, 15, 20, 0.98)) !important;
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(14px) !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-receive-picker {
    width: 280px !important;
}

body.dex-home-redesign .dex-picker[hidden] {
    display: none !important;
}

body.dex-home-redesign .dex-picker::-webkit-scrollbar {
    width: 6px !important;
}

body.dex-home-redesign .dex-picker::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: rgba(248, 211, 91, 0.34) !important;
}

body.dex-home-redesign .dex-picker-item,
body.dex-home-redesign .dex-picker-empty {
    width: 100% !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #f6f7fb !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-picker-item {
    cursor: pointer !important;
    transition: background .16s ease, border-color .16s ease, transform .16s ease !important;
}

body.dex-home-redesign .dex-picker-item:hover {
    border-color: rgba(248, 211, 91, 0.22) !important;
    background: rgba(248, 211, 91, 0.08) !important;
    transform: translateY(-1px) !important;
}

body.dex-home-redesign .dex-picker-item strong,
body.dex-home-redesign .dex-picker-empty strong {
    display: block !important;
    color: #f8f9fb !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}

body.dex-home-redesign .dex-picker-item em {
    display: block !important;
    margin-top: 3px !important;
    color: rgba(245, 246, 250, 0.52) !important;
    font-size: 10.5px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

body.dex-home-redesign .dex-coin-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background-color: rgba(255, 255, 255, 0.92) !important;
    background-image:
        radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.35), transparent 34%),
        linear-gradient(135deg, #f3b438, #111318);
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.dex-home-redesign .dex-no-route-icon {
    position: relative !important;
    background:
        radial-gradient(circle at 35% 28%, rgba(248, 211, 91, 0.28), transparent 36%),
        linear-gradient(135deg, #2a2d34, #111318) !important;
    border-color: rgba(248, 211, 91, 0.22) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.dex-home-redesign .dex-no-route-icon::before,
body.dex-home-redesign .dex-no-route-icon::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #f8d35b, #df9f24) !important;
    transform-origin: center !important;
}

body.dex-home-redesign .dex-no-route-icon::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

body.dex-home-redesign .dex-no-route-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

body.dex-home-redesign .dex-coin-select strong {
    font-size: 14px !important;
    line-height: 1.05 !important;
}

body.dex-home-redesign .dex-coin-select em {
    margin-top: 3px !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

body.dex-home-redesign .dex-amount {
    min-width: 210px !important;
    text-align: right !important;
}

body.dex-home-redesign .dex-amount strong {
    color: #f8f9fb !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

body.dex-home-redesign .dex-amount span {
    display: block !important;
    margin-top: 7px !important;
    color: rgba(245, 246, 250, 0.48) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

body.dex-home-redesign .dex-rate {
    height: 20px !important;
    min-height: 20px !important;
    margin: -4px 0 0 !important;
    padding: 0 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border: 0 !important;
}

body.dex-home-redesign .dex-rate span {
    color: rgba(245, 246, 250, 0.56) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.dex-home-redesign .dex-current-rate,
body.dex-home-redesign .dex-current-limits {
    display: inline-flex !important;
    align-items: center !important;
    height: 20px !important;
}

body.dex-home-redesign .dex-main-btn {
    width: 74% !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: -2px auto 0 !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    box-shadow: 0 16px 36px rgba(230, 163, 35, 0.2) !important;
}

body.dex-home-redesign .dex-fix-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    min-height: 38px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-fix-timer {
    width: 254px !important;
    height: 38px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(248, 211, 91, 0.16) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
        rgba(5, 6, 9, 0.5) !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-receive-stack {
    display: grid !important;
    grid-template-rows: 38px 112px !important;
    gap: 8px !important;
    min-width: 0 !important;
}

body.dex-home-redesign .dex-receive-stack .dex-exchange-row {
    margin-top: 0 !important;
}

body.dex-home-redesign .dex-reset-btn {
    height: 38px !important;
    width: 114px !important;
    min-width: 114px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-radius: 12px !important;
    color: rgba(245, 246, 250, 0.82) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        rgba(5, 6, 9, 0.48) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}

body.dex-home-redesign .dex-reset-btn:hover {
    color: #111318 !important;
    border-color: rgba(248, 211, 91, 0.7) !important;
    background: linear-gradient(180deg, #f6c24a, #dd9d25) !important;
    transform: translateY(-1px) !important;
}

body.dex-home-redesign .dex-fix-timer {
    display: inline-flex !important;
    align-items: center !important;
}

body.dex-home-redesign .dex-fix-timer {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 8px !important;
    color: rgba(245, 246, 250, 0.68) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.dex-home-redesign .dex-fix-timer i {
    width: 9px !important;
    height: 9px !important;
    min-width: 9px !important;
    border-radius: 50% !important;
    background: #23d977 !important;
    box-shadow: 0 0 0 5px rgba(35, 217, 119, 0.1), 0 0 16px rgba(35, 217, 119, 0.38) !important;
}

body.dex-home-redesign .dex-fix-timer strong {
    color: #f8d35b !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    font-variant-numeric: tabular-nums !important;
}

body.dex-home-redesign .dex-rule-note {
    margin: 0 !important;
    color: rgba(245, 246, 250, 0.58) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

body.dex-home-redesign .dex-rule-note a {
    color: #f8d35b !important;
    font-weight: 900 !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-card {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        grid-template-rows: none !important;
        gap: 10px !important;
        padding: 12px !important;
    }

    body.dex-home-redesign .dex-exchange-tabs {
        height: 36px !important;
        gap: 5px !important;
    }

    body.dex-home-redesign .dex-exchange-tabs span {
        height: 36px !important;
        min-height: 36px !important;
        font-size: 9px !important;
        border-radius: 8px !important;
    }

    body.dex-home-redesign .dex-exchange-row {
        height: auto !important;
        min-height: 150px !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 14px !important;
    }

    body.dex-home-redesign .dex-coin-select {
        width: 174px !important;
        min-width: 174px !important;
    }

    body.dex-home-redesign .dex-amount {
        min-width: 0 !important;
        text-align: left !important;
    }

    body.dex-home-redesign .dex-amount strong {
        font-size: 30px !important;
    }

    body.dex-home-redesign .dex-rate {
        display: grid !important;
        gap: 5px !important;
        margin-top: -5px !important;
    }

    body.dex-home-redesign .dex-rate span {
        white-space: normal !important;
    }

    body.dex-home-redesign .dex-fix-row {
        grid-template-columns: minmax(0, 1fr) 88px !important;
        gap: 8px !important;
        min-height: 38px !important;
        padding: 0 !important;
    }

    body.dex-home-redesign .dex-fix-timer {
        width: auto !important;
        height: 38px !important;
        padding: 0 9px !important;
        font-size: 11px !important;
    }

    body.dex-home-redesign .dex-receive-stack {
        grid-template-rows: auto auto !important;
        gap: 10px !important;
    }

    body.dex-home-redesign .dex-reset-btn {
        width: auto !important;
        min-width: 88px !important;
        height: 38px !important;
        padding: 0 10px !important;
    }

    body.dex-home-redesign .dex-main-btn {
        width: 86% !important;
        margin: -2px auto 0 !important;
    }
}

@media (min-width: 901px) {
    body.dex-home-redesign .dex-exchange-card {
        margin-top: 0 !important;
    }
}

body.dex-home-redesign .dex-hero-text-panel p.dex-hero-note {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 2 !important;
    width: min(430px, 100%) !important;
    min-height: 38px !important;
    margin: 22px 0 0 !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    border: 1px solid rgba(230, 163, 35, 0.2) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    color: rgba(245, 246, 250, 0.72) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.28 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(8px) !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-hero-text-panel p.dex-hero-note {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        width: 100% !important;
        min-height: 0 !important;
        margin-top: 16px !important;
        padding: 10px 12px !important;
        transform: none !important;
        font-size: 11.5px !important;
    }
}

/* Absolute last mobile exchange compact override */
@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-card {
        gap: 9px !important;
        padding: 12px !important;
    }

    body.dex-home-redesign .dex-exchange-row {
        height: 150px !important;
        min-height: 150px !important;
        padding: 12px !important;
        gap: 10px !important;
        box-sizing: border-box !important;
    }

    body.dex-home-redesign .dex-amount strong {
        font-size: 28px !important;
    }

    body.dex-home-redesign .dex-rate {
        gap: 4px !important;
    }

    body.dex-home-redesign .dex-rate span {
        font-size: 11px !important;
    }

    body.dex-home-redesign .dex-rule-note {
        font-size: 12px !important;
        line-height: 1.28 !important;
    }
}

/* Absolute final exchange Apple lock */
body.dex-home-redesign .dex-exchange-card {
    max-width: 470px !important;
    padding: 16px !important;
    gap: 10px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    background: linear-gradient(180deg, rgba(30, 32, 38, 0.88), rgba(12, 13, 17, 0.94)) !important;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.dex-home-redesign .dex-exchange-row {
    height: 98px !important;
    min-height: 98px !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    padding: 14px !important;
    gap: 14px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 255, 255, 0.085) !important;
}

body.dex-home-redesign .dex-exchange-tabs {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.dex-home-redesign .dex-exchange-tabs span {
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 10px !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
}

body.dex-home-redesign .dex-amount-input {
    height: 54px !important;
    min-height: 54px !important;
    font-size: 34px !important;
    font-weight: 760 !important;
    text-align: right !important;
}

body.dex-home-redesign .dex-fix-row {
    height: 34px !important;
    min-height: 34px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
}

body.dex-home-redesign .dex-fix-timer {
    width: auto !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
}

body.dex-home-redesign .dex-reset-btn {
    width: 86px !important;
    min-width: 86px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
}

body.dex-home-redesign .dex-receive-stack {
    grid-template-rows: 40px 98px !important;
    gap: 10px !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn,
body.dex-home-redesign .dex-main-btn {
    width: min(220px, 100%) !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 2px auto 0 !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    transform: none !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-card {
        max-width: none !important;
        padding: 13px !important;
        border-radius: 20px !important;
    }

    body.dex-home-redesign .dex-exchange-row {
        height: 92px !important;
        min-height: 92px !important;
        grid-template-columns: minmax(0, 1fr) 114px !important;
        padding: 11px !important;
        gap: 8px !important;
    }

    body.dex-home-redesign .dex-receive-stack {
        grid-template-rows: 38px 92px !important;
    }

    body.dex-home-redesign .dex-amount-input {
        height: 46px !important;
        min-height: 46px !important;
        font-size: 27px !important;
    }
}

/* Absolute final exchange amount containment */
body.dex-home-redesign .dex-exchange-card .dex-exchange-row .dex-amount {
    width: 150px !important;
    min-width: 0 !important;
    max-width: 150px !important;
    justify-self: end !important;
    overflow: hidden !important;
}

body.dex-home-redesign .dex-exchange-card .dex-exchange-row .dex-amount .dex-amount-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    text-align: right !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-card .dex-exchange-row .dex-amount {
        width: 114px !important;
        max-width: 114px !important;
    }
}

/* Absolute final centered exchange segmented controls */
body.dex-home-redesign .dex-exchange-card .dex-exchange-tabs {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.dex-home-redesign .dex-exchange-card .dex-exchange-tabs span {
    width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1 !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-card .dex-exchange-tabs {
        height: 38px !important;
        min-height: 38px !important;
        gap: 3px !important;
        padding: 4px !important;
    }

    body.dex-home-redesign .dex-exchange-card .dex-exchange-tabs span {
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 2px !important;
        font-size: 9px !important;
    }
}

/* Absolute final hero/exchange alignment */
@media (min-width: 901px) {
    body.dex-home-redesign .dex-hero {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
        align-items: stretch !important;
    }

    body.dex-home-redesign .dex-hero-copy,
    body.dex-home-redesign .dex-hero-text-panel,
    body.dex-home-redesign .dex-exchange-card {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    body.dex-home-redesign .dex-exchange-card {
        justify-self: stretch !important;
    }
}

body.dex-home-redesign .dex-exchange-card .dex-exchange-row > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    padding-top: 1px !important;
}

body.dex-home-redesign .dex-exchange-card .dex-label {
    margin-bottom: 0 !important;
}

body.dex-home-redesign .dex-exchange-card .dex-coin-select {
    height: 50px !important;
    min-height: 50px !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-card .dex-exchange-row > div:first-child {
        gap: 4px !important;
        padding-top: 0 !important;
    }

    body.dex-home-redesign .dex-exchange-card .dex-label {
        margin-bottom: 0 !important;
        font-size: 11px !important;
    }

    body.dex-home-redesign .dex-exchange-card .dex-coin-select {
        height: 46px !important;
        min-height: 46px !important;
    }
}

/* Absolute final exchange consent */
body.dex-home-redesign .dex-exchange-consent {
    width: auto !important;
    min-height: 20px !important;
    margin: -1px auto -4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: rgba(245, 246, 250, 0.66) !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    line-height: 1.18 !important;
    cursor: pointer !important;
    user-select: none !important;
}

body.dex-home-redesign .dex-exchange-consent-input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.dex-home-redesign .dex-exchange-consent-box {
    width: 18px !important;
    height: 18px !important;
    margin-top: 0 !important;
    flex: 0 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    border: 1px solid rgba(245, 189, 67, 0.42) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.028)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-exchange-consent > span:last-child {
    min-width: 0 !important;
    max-width: none !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body.dex-home-redesign .dex-rate-lock-note {
    width: min(360px, 100%) !important;
    min-height: 24px !important;
    margin: 0 auto -1px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(245, 246, 250, 0.7) !important;
    font-size: 12px !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    border: 1px solid rgba(230, 163, 35, 0.18) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.028) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-exchange-consent-box::after {
    content: "" !important;
    width: 8px !important;
    height: 5px !important;
    border-left: 2px solid #101114 !important;
    border-bottom: 2px solid #101114 !important;
    transform: translateY(-1px) rotate(-45deg) scale(0) !important;
    transition: transform .16s ease !important;
}

body.dex-home-redesign .dex-exchange-consent-input:checked + .dex-exchange-consent-box {
    border-color: rgba(255, 214, 91, 0.92) !important;
    background: linear-gradient(180deg, #ffd45a, #e4a216) !important;
    box-shadow: 0 8px 20px rgba(230, 163, 35, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

body.dex-home-redesign .dex-exchange-consent-input:checked + .dex-exchange-consent-box::after {
    transform: translateY(-1px) rotate(-45deg) scale(1) !important;
}

body.dex-home-redesign .dex-exchange-consent a {
    color: #f5bd43 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(245, 189, 67, 0.42) !important;
}

body.dex-home-redesign .dex-exchange-consent a:hover {
    color: #ffd45a !important;
    border-bottom-color: rgba(255, 212, 90, 0.82) !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn.is-disabled {
    opacity: .52 !important;
    filter: grayscale(.25) saturate(.75) !important;
    cursor: not-allowed !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 8px 18px rgba(0, 0, 0, 0.16) !important;
}

body.dex-home-redesign .dex-exchange-card .dex-main-btn.is-consent-required {
    animation: dexConsentShake .36s ease both !important;
}

body.dex-home-redesign .dex-current-limits.is-limit-error {
    animation: dexConsentShake .36s ease both !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .035)),
        rgba(245, 189, 67, .08) !important;
    border-color: rgba(255, 255, 255, .14) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 12px 28px rgba(0, 0, 0, .18), 0 0 22px rgba(245, 189, 67, .08) !important;
    color: #f8d46a !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

@keyframes dexConsentShake {
    0%, 100% {
        transform: translateX(0) !important;
    }
    25% {
        transform: translateX(-4px) !important;
    }
    70% {
        transform: translateX(4px) !important;
    }
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-exchange-consent {
        width: 100% !important;
        margin-top: -2px !important;
        justify-content: center !important;
        font-size: 12.5px !important;
        line-height: 1.16 !important;
    }

    body.dex-home-redesign .dex-exchange-consent > span:last-child {
        white-space: normal !important;
    }

    body.dex-home-redesign .dex-rate-lock-note {
        width: 100% !important;
        min-height: 22px !important;
        font-size: 11.5px !important;
    }
}

@media (min-width: 901px) {
    body.dex-home-redesign .dex-exchange-card {
        grid-template-rows: 40px 98px 34px 162px 20px 20px 24px 48px !important;
    }
}

/* Home services block */
body.dex-home-redesign .dex-services-section {
    margin-top: 28px !important;
}

body.dex-home-redesign .dex-services-section .dex-section-head {
    margin-bottom: 14px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 360px) minmax(0, 1fr) !important;
    align-items: end !important;
    gap: 18px !important;
}

body.dex-home-redesign .dex-services-section .dex-section-head h2 {
    margin: 0 !important;
    color: #f7f7f8 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

body.dex-home-redesign .dex-services-section .dex-section-head p {
    margin: 0 !important;
    justify-self: end !important;
    max-width: none !important;
    color: rgba(245, 246, 250, 0.58) !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.dex-home-redesign .dex-services-mobile-offer {
    display: none !important;
}

body.dex-home-redesign .dex-services-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.dex-home-redesign .dex-services-grid article {
    min-height: 154px !important;
    display: grid !important;
    grid-template-rows: 42px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 16% 10%, rgba(230, 163, 35, 0.12), transparent 38%),
        linear-gradient(145deg, rgba(22, 24, 30, 0.96), rgba(10, 12, 16, 0.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.dex-home-redesign .dex-service-icon {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(245, 189, 67, 0.42) !important;
    border-radius: 13px !important;
    background:
        radial-gradient(circle at 32% 18%, rgba(255, 255, 255, 0.34), transparent 24%),
        linear-gradient(180deg, rgba(255, 212, 90, 0.98), rgba(202, 130, 12, 0.96)) !important;
    color: #101114 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 26px rgba(230, 163, 35, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

body.dex-home-redesign .dex-service-icon img {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    filter: brightness(0) saturate(100%) !important;
}

body.dex-home-redesign .dex-services-grid strong {
    display: block !important;
    margin: 0 0 7px !important;
    color: #f6f7fb !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
}

body.dex-home-redesign .dex-services-grid p {
    margin: 0 !important;
    color: rgba(245, 246, 250, 0.58) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.38 !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-services-section {
        margin-top: 22px !important;
    }

    body.dex-home-redesign .dex-services-section .dex-section-head {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }

    body.dex-home-redesign .dex-services-section .dex-section-head h2 {
        font-size: 17px !important;
    }

    body.dex-home-redesign .dex-services-section .dex-section-head p {
        justify-self: start !important;
        max-width: none !important;
        font-size: 11.5px !important;
        text-align: left !important;
        white-space: normal !important;
    }

    body.dex-home-redesign .dex-services-grid {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    body.dex-home-redesign .dex-services-grid article {
        min-height: 104px !important;
        grid-template-columns: 40px minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        align-items: start !important;
        gap: 12px !important;
        padding: 13px !important;
    }

    body.dex-home-redesign .dex-service-icon {
        width: 40px !important;
        height: 40px !important;
    }
}

/* Final services photo cards */
body.dex-home-redesign .dex-services-grid article {
    position: relative !important;
    min-height: 238px !important;
    grid-template-rows: 118px minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg, rgba(21, 23, 29, 0.96), rgba(10, 12, 16, 0.98)) !important;
}

body.dex-home-redesign .dex-services-grid article::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    border-radius: inherit !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(245, 189, 67, 0.12), transparent 34%),
        rgba(4, 5, 8, 0.76) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .2s ease !important;
}

body.dex-home-redesign .dex-service-photo {
    position: relative !important;
    width: 100% !important;
    height: 118px !important;
    overflow: hidden !important;
    border-radius: 15px 15px 0 0 !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

body.dex-home-redesign .dex-service-photo::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(180deg, rgba(5, 6, 9, 0.02), rgba(5, 6, 9, 0.3)),
        radial-gradient(circle at 18% 8%, rgba(245, 189, 67, 0.18), transparent 42%) !important;
    pointer-events: none !important;
}

body.dex-home-redesign .dex-service-photo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.dex-home-redesign .dex-services-grid article > .dex-service-photo + div {
    min-width: 0 !important;
    padding: 17px 16px 16px !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-service-manager {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 3 !important;
    width: min(220px, calc(100% - 28px)) !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translate(-50%, -42%) scale(.94) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border: 1px solid rgba(255, 214, 91, 0.78) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ffd45a, #df9a13) !important;
    color: #101114 !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 16px 38px rgba(230, 163, 35, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

body.dex-home-redesign .dex-services-grid article:hover::after,
body.dex-home-redesign .dex-services-grid article:focus-within::after {
    opacity: 1 !important;
}

body.dex-home-redesign .dex-services-grid article:hover .dex-service-manager,
body.dex-home-redesign .dex-services-grid article:focus-within .dex-service-manager {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

body.dex-home-redesign .dex-service-manager:hover {
    box-shadow: 0 18px 46px rgba(230, 163, 35, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-services-grid article {
        min-height: 204px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 106px minmax(0, 1fr) !important;
        gap: 0 !important;
        padding: 0 !important;
    }

    body.dex-home-redesign .dex-services-grid article::after {
        display: none !important;
    }

    body.dex-home-redesign .dex-service-photo {
        height: 106px !important;
    }

    body.dex-home-redesign .dex-services-grid article > .dex-service-photo + div {
        padding: 15px 15px 56px !important;
    }

    body.dex-home-redesign .dex-service-manager {
        left: 13px !important;
        right: 13px !important;
        bottom: 12px !important;
        top: auto !important;
        width: auto !important;
        height: 34px !important;
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        font-size: 11.5px !important;
    }
}

/* Header services running line */
body.dex-home-redesign .dex-services-marquee {
    position: relative !important;
    z-index: 4 !important;
    width: min(1160px, calc(100% - 32px)) !important;
    height: 42px !important;
    margin: 14px auto 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle at 8% 50%, rgba(230, 163, 35, 0.14), transparent 30%),
        linear-gradient(180deg, rgba(23, 25, 31, 0.84), rgba(11, 12, 16, 0.9)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 14px 34px rgba(0, 0, 0, 0.18) !important;
    box-sizing: border-box !important;
}

body.dex-home-redesign .dex-services-marquee::before,
body.dex-home-redesign .dex-services-marquee::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    z-index: 2 !important;
    width: 90px !important;
    height: 100% !important;
    pointer-events: none !important;
}

body.dex-home-redesign .dex-services-marquee::before {
    left: 0 !important;
    z-index: 3 !important;
    width: 190px !important;
    background: linear-gradient(90deg, rgba(8, 9, 12, 0.99) 0%, rgba(8, 9, 12, 0.99) 58%, rgba(8, 9, 12, 0.76) 78%, transparent 100%) !important;
}

body.dex-home-redesign .dex-services-marquee::after {
    right: 0 !important;
    background: linear-gradient(270deg, rgba(8, 9, 12, 0.98), transparent) !important;
}

body.dex-home-redesign .dex-services-marquee-label {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    z-index: 5 !important;
    min-width: 70px !important;
    height: 26px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #f6c24a, #dd9d25) !important;
    color: #111318 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

body.dex-home-redesign .dex-services-marquee-label::after {
    display: none !important;
}

body.dex-home-redesign .dex-services-marquee-track {
    width: max-content !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 0 22px 0 124px !important;
    animation: dexServicesMarquee 44s linear infinite !important;
    will-change: transform !important;
}

body.dex-home-redesign .dex-services-marquee:hover .dex-services-marquee-track {
    animation-play-state: paused !important;
}

body.dex-home-redesign .dex-services-marquee-track span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: rgba(245, 246, 250, 0.76) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.dex-home-redesign .dex-services-marquee-track img {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
    filter: none !important;
    opacity: 1 !important;
    flex: 0 0 24px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 1px rgba(248, 211, 91, 0.08), 0 6px 16px rgba(0, 0, 0, 0.22) !important;
}

@keyframes dexServicesMarquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@media (max-width: 900px) {
    body.dex-home-redesign .dex-services-marquee {
        width: calc(100% - 28px) !important;
        height: 38px !important;
        margin-top: 12px !important;
        border-radius: 14px !important;
    }

    body.dex-home-redesign .dex-services-marquee::before,
    body.dex-home-redesign .dex-services-marquee::after {
        width: 42px !important;
    }

    body.dex-home-redesign .dex-services-marquee::before {
        width: 138px !important;
        background: linear-gradient(90deg, rgba(8, 9, 12, 0.99) 0%, rgba(8, 9, 12, 0.99) 62%, rgba(8, 9, 12, 0.72) 82%, transparent 100%) !important;
    }

    body.dex-home-redesign .dex-services-marquee-track {
        gap: 18px !important;
        padding: 0 18px 0 108px !important;
        animation-duration: 36s !important;
    }

    body.dex-home-redesign .dex-services-marquee-label {
        left: 9px !important;
        min-width: 64px !important;
        height: 24px !important;
        font-size: 10px !important;
    }

    body.dex-home-redesign .dex-services-marquee-label::after {
        width: 42px !important;
    }

    body.dex-home-redesign .dex-services-marquee-track span {
        font-size: 11px !important;
        gap: 7px !important;
    }

    body.dex-home-redesign .dex-services-marquee-track img {
        width: 21px !important;
        height: 21px !important;
        flex-basis: 21px !important;
    }
}

/* Final mobile header/exchange collision fixes */
@media (max-width: 700px) {
    body.dex-home-redesign #header {
        padding-top: 10px !important;
    }

    body.dex-home-redesign #header .header {
        width: calc(100% - 28px) !important;
        min-height: 58px !important;
        display: grid !important;
        grid-template-columns: 86px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 0 8px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.dex-home-redesign #header .header_left,
    body.dex-home-redesign #header .logo {
        min-width: 0 !important;
        width: 86px !important;
    }

    body.dex-home-redesign #header .logo img {
        width: 86px !important;
        height: 26px !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    body.dex-home-redesign #header .mobile_nav {
        display: none !important;
    }

    body.dex-home-redesign #header .header_right {
        min-width: 0 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: flex-end !important;
        overflow: hidden !important;
    }

    body.dex-home-redesign #header .tmenu,
    body.dex-home-redesign #header .header_user {
        display: none !important;
    }

    body.dex-home-redesign #header .header_contacts {
        width: auto !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 104px repeat(4, 31px) !important;
        align-items: center !important;
        justify-content: end !important;
        gap: 4px !important;
        overflow: hidden !important;
    }

    body.dex-home-redesign #header .header_exchange_cta {
        width: 104px !important;
        min-width: 104px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    body.dex-home-redesign #header .header_lang,
    body.dex-home-redesign #header .header_contacts-contact,
    body.dex-home-redesign #header .header_pro_badge {
        width: 31px !important;
        min-width: 31px !important;
        height: 31px !important;
        min-height: 31px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        box-sizing: border-box !important;
    }

    body.dex-home-redesign #header .header_contacts-contact img {
        width: 25px !important;
        height: 25px !important;
    }

    body.dex-home-redesign #header .header_lang_text,
    body.dex-home-redesign #header .header_pro_badge {
        font-size: 9px !important;
        letter-spacing: -0.35px !important;
    }

    body.dex-home-redesign .dex-exchange-card {
        height: auto !important;
        min-height: 0 !important;
        grid-template-rows: 38px 92px 34px 140px auto auto 22px 48px !important;
        gap: 9px !important;
        overflow: hidden !important;
    }

    body.dex-home-redesign .dex-receive-stack {
        grid-template-rows: 38px 92px !important;
        gap: 10px !important;
    }

    body.dex-home-redesign .dex-exchange-card .dex-rate {
        min-height: 38px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: start !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 0 4px !important;
        overflow: visible !important;
    }

    body.dex-home-redesign .dex-exchange-card .dex-rate span {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
        white-space: normal !important;
        text-align: left !important;
    }

    body.dex-home-redesign .dex-exchange-consent {
        min-height: 34px !important;
        margin: 0 auto !important;
        align-items: flex-start !important;
        font-size: 11.5px !important;
        line-height: 1.18 !important;
    }

    body.dex-home-redesign .dex-exchange-consent-box {
        margin-top: 1px !important;
    }

    body.dex-home-redesign .dex-rate-lock-note {
        margin: 0 auto !important;
    }

    body.dex-home-redesign .dex-exchange-card .dex-main-btn {
        margin-top: 0 !important;
    }
}

@media (max-width: 700px) {
    body.dex-home-redesign:not(.mobile-menu-open) #header .header_contacts {
        width: 214px !important;
        min-width: 214px !important;
        max-width: 214px !important;
        display: grid !important;
        grid-template-columns: 82px repeat(4, 28px) !important;
        align-items: center !important;
        justify-content: end !important;
        gap: 5px !important;
        overflow: hidden !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .header_exchange_cta {
        grid-column: 1 !important;
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 6px !important;
        font-size: 0 !important;
        justify-self: end !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .header_exchange_cta::after {
        content: "Обмен" !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .header_lang,
    body.dex-home-redesign:not(.mobile-menu-open) #header .header_contacts-contact,
    body.dex-home-redesign:not(.mobile-menu-open) #header .header_pro_badge {
        width: 28px !important;
        min-width: 28px !important;
        max-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .header_contacts-contact img {
        width: 22px !important;
        height: 22px !important;
    }
}

/* Final real-phone mobile header and exchange spacing */
@media (max-width: 700px) {
    body.dex-home-redesign:not(.mobile-menu-open) #header .header {
        position: relative !important;
        grid-template-columns: 96px minmax(0, 1fr) 38px !important;
        gap: 8px !important;
        padding: 0 8px !important;
        overflow: hidden !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .header_left,
    body.dex-home-redesign:not(.mobile-menu-open) #header .logo {
        width: 96px !important;
        min-width: 0 !important;
        grid-column: 1 !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .logo img {
        width: 96px !important;
        height: 28px !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .header_right {
        grid-column: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 36px !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .header_contacts {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .header_lang,
    body.dex-home-redesign:not(.mobile-menu-open) #header .header_contacts-contact,
    body.dex-home-redesign:not(.mobile-menu-open) #header .header_pro_badge,
    body.dex-home-redesign:not(.mobile-menu-open) #header .header_user {
        display: none !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .header_exchange_cta {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        z-index: 22 !important;
        transform: translate(-50%, -50%) !important;
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        height: 34px !important;
        min-height: 34px !important;
        justify-self: center !important;
        font-size: 0 !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .header_exchange_cta::after {
        content: "Обмен" !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .mobile_nav {
        grid-column: 3 !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        z-index: 20 !important;
        width: 34px !important;
        height: 34px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        border: 1px solid rgba(230, 163, 35, 0.72) !important;
        border-radius: 50% !important;
        background: radial-gradient(circle at 34% 24%, rgba(248, 211, 91, 0.2), rgba(17, 19, 24, 0.96) 58%) !important;
        box-sizing: border-box !important;
    }

    body.dex-home-redesign:not(.mobile-menu-open) #header .mobile_nav_line {
        width: 14px !important;
        height: 2px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        background: #f8d35b !important;
    }

    body.dex-home-redesign .dex-exchange-card {
        grid-template-rows: 38px 92px 34px 140px 54px 42px 22px 48px !important;
        gap: 9px !important;
    }

    body.dex-home-redesign .dex-exchange-card .dex-rate {
        min-height: 54px !important;
        height: 54px !important;
        align-content: start !important;
        gap: 7px !important;
    }

    body.dex-home-redesign .dex-exchange-card .dex-rate span {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    body.dex-home-redesign .dex-exchange-consent {
        min-height: 42px !important;
        height: 42px !important;
        align-items: center !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
    }

    body.dex-home-redesign .dex-exchange-consent > span:last-child {
        display: block !important;
        max-width: 286px !important;
        line-height: 1.2 !important;
    }
}

/* Final amount input fit: keep long sums visible */
body.dex-home-redesign .dex-exchange-card .dex-exchange-row {
    grid-template-columns: 170px minmax(0, 1fr) !important;
}

body.dex-home-redesign .dex-exchange-card .dex-exchange-row > div:first-child {
    min-width: 0 !important;
}

body.dex-home-redesign .dex-exchange-card .dex-amount {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

body.dex-home-redesign .dex-exchange-card .dex-amount-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-variant-numeric: tabular-nums !important;
}

@media (min-width: 701px) {
    body.dex-home-redesign .dex-exchange-card .dex-amount-input {
        font-size: 34px !important;
        line-height: 54px !important;
    }
}

@media (max-width: 700px) {
    body.dex-home-redesign .dex-exchange-card .dex-exchange-row {
        grid-template-columns: 150px minmax(0, 1fr) !important;
    }
}

/* Strong override for legacy fixed amount widths */
body.dex-home-redesign .dex-exchange-card .dex-exchange-row .dex-amount {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

body.dex-home-redesign .dex-exchange-card .dex-exchange-row .dex-amount .dex-amount-input {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* Final DEX-COYOTE hero background override */
body.dex-home-redesign .dex-hero-text-panel {
    background:
        radial-gradient(circle at 50% 38%, rgba(8, 9, 12, 0.72) 0%, rgba(8, 9, 12, 0.48) 46%, rgba(8, 9, 12, 0.12) 78%),
        linear-gradient(180deg, rgba(8, 9, 12, 0.1), rgba(8, 9, 12, 0.32)),
        url("../images/dex-hero-bg-card-logos-small.jpg?v=20260728-hero-card-bg-small") center / cover no-repeat !important;
    border-color: rgba(248, 211, 91, 0.13) !important;
    box-shadow:
        0 28px 76px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 0 0 1px rgba(248, 211, 91, 0.045) !important;
}

@media (min-width: 701px) {
    body.dex-home-redesign .dex-exchange-card .dex-exchange-row .dex-amount {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 700px) {
    body.dex-home-redesign .dex-exchange-card .dex-exchange-row .dex-amount {
        width: 100% !important;
        max-width: none !important;
    }
}

/* Final payment logo rendering: keep wide brand marks readable */
body.dex-home-redesign .dex-exchange-card .dex-coin-select .dex-coin-icon.dex-payment-icon,
body.dex-home-redesign .dex-exchange-card .dex-picker .dex-coin-icon.dex-payment-icon,
body.dex-home-redesign .dex-receive-item .dex-coin-icon.dex-payment-icon,
body.dex-home-redesign .dex-currency-item .dex-coin-icon.dex-payment-icon {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    background-size: 74% auto !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.42),
        0 8px 18px rgba(0, 0, 0, 0.24) !important;
}

body.dex-home-redesign .dex-exchange-card .dex-picker .dex-coin-icon.dex-payment-icon {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
}

/* DEX-COYOTE exchange request page */
body.dex-xchange-page #cwrap {
    width: min(1180px, calc(100% - 36px)) !important;
    margin: 22px auto 46px !important;
    padding: 0 !important;
}

body.dex-xchange-page .content,
body.dex-xchange-page .contentzone,
body.dex-xchange-page .thecontent,
body.dex-xchange-page #exch_html {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.dex-xchange-page .sidebar,
body.dex-xchange-page #naprtext2,
body.dex-xchange-page .clear {
    display: none !important;
}

body.dex-xchange-page .dex-xchange-hero {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

body.dex-xchange-page .dex-xchange-hero .xchangestep1divvn {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(248, 211, 91, 0.18);
    border-radius: 24px;
    padding: 26px 30px;
    background:
        radial-gradient(circle at 82% 20%, rgba(245, 189, 67, 0.14), transparent 28%),
        linear-gradient(135deg, rgba(20, 22, 30, 0.94), rgba(8, 9, 13, 0.96));
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.dex-xchange-page .dex-xchange-kicker {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 12px;
    border: 1px solid rgba(245, 189, 67, 0.36);
    border-radius: 999px;
    color: #f5bd43 !important;
    font: 800 10px/1 Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    background: rgba(245, 189, 67, 0.08);
}

body.dex-xchange-page .xchangestep1title {
    margin: 12px 0 8px !important;
    color: #f8f8fb !important;
    font: 900 34px/1.08 Montserrat, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

body.dex-xchange-page .dex-xchange-hero p {
    max-width: 720px;
    margin: 0 !important;
    color: rgba(245, 246, 250, 0.68) !important;
    font: 600 14px/1.55 Montserrat, Arial, sans-serif;
}

body.dex-xchange-page .dex-xchange-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

body.dex-xchange-page .dex-xchange-pills span {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    color: rgba(245, 246, 250, 0.78) !important;
    font: 800 11px/1 Montserrat, Arial, sans-serif;
    background: rgba(255, 255, 255, 0.045);
}

body.dex-xchange-page .xchangestep1body {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.dex-xchange-page .xchangestep1bodyvn {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 12px;
    align-items: start;
    padding: 16px !important;
    border: 1px solid rgba(248, 211, 91, 0.16);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(34, 36, 44, 0.96), rgba(10, 11, 15, 0.98)),
        #111318;
    box-shadow: 0 24px 72px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.dex-xchange-page .xchangestep1bodyvn > input[type="hidden"],
body.dex-xchange-page .xchangestep1bodyvn > .clear {
    display: none !important;
}

body.dex-xchange-page .dex-xchange-side {
    grid-column: 2;
    grid-row: 2 / span 7;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: start;
}

body.dex-xchange-page .dex-xchange-overview {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 0.8fr 1.3fr 1fr;
    gap: 8px;
}

body.dex-xchange-page .dex-xchange-overview div,
body.dex-xchange-page .blockchange,
body.dex-xchange-page .obmentablediv,
body.dex-xchange-page .captcha-wrapper,
body.dex-xchange-page .aml_checkbox,
body.dex-xchange-page .dex-xchange-trust,
body.dex-xchange-page .biginfo {
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.045) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

body.dex-xchange-page .dex-xchange-overview div {
    min-height: 68px;
    padding: 13px 15px;
}

body.dex-xchange-page .dex-xchange-overview span,
body.dex-xchange-page .obmentitlevn,
body.dex-xchange-page .stepshettitle,
body.dex-xchange-page .tdobmtitle,
body.dex-xchange-page .captcha-wrapper p,
body.dex-xchange-page .dex-xchange-form-head span {
    display: block;
    margin: 0 0 6px !important;
    color: rgba(245, 246, 250, 0.48) !important;
    font: 800 11px/1.25 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .dex-xchange-overview strong {
    display: block;
    color: #f8f8fb !important;
    font: 900 15px/1.25 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .blockchange {
    margin: 0 !important;
    padding: 16px !important;
}

body.dex-xchange-page .blockchange.topped {
    grid-column: 1;
}

body.dex-xchange-page .blockchange.bottomed {
    grid-column: 1;
}

body.dex-xchange-page .obmentitle {
    margin: 0 !important;
    padding: 0 !important;
}

body.dex-xchange-page .theblocks,
body.dex-xchange-page .obmenfirstblock {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.dex-xchange-page .obmenfirstblock {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

body.dex-xchange-page .obmenfirstleft,
body.dex-xchange-page .obmenfirstright {
    float: none !important;
    width: auto !important;
}

body.dex-xchange-page .rselected {
    min-height: 64px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.055);
}

body.dex-xchange-page .rselecttitle,
body.dex-xchange-page .rselecttitlevn {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dex-xchange-page .rselecttitlevn {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
}

body.dex-xchange-page .rselectico {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    margin: 0 10px 0 0 !important;
    float: none !important;
    border-radius: 50%;
    background-size: contain !important;
    background-color: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
}

body.dex-xchange-page .rselectname {
    float: none !important;
    width: auto !important;
    color: #f8f8fb !important;
    font: 900 14px/1.15 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .obmminit,
body.dex-xchange-page .obmminit tbody,
body.dex-xchange-page .obmminit tr,
body.dex-xchange-page .obmminit td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}

body.dex-xchange-page .obmminitleft {
    display: none !important;
}

body.dex-xchange-page input[type="number"],
body.dex-xchange-page input[type="text"],
body.dex-xchange-page input[type="email"],
body.dex-xchange-page input[type="tel"] {
    width: 100% !important;
    height: 50px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    color: #f8f8fb !important;
    background: rgba(7, 8, 11, 0.72) !important;
    outline: none !important;
    font: 800 15px/50px Montserrat, Arial, sans-serif !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body.dex-xchange-page input[type="number"] {
    height: 64px !important;
    text-align: right;
    font: 900 26px/64px Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page input:focus {
    border-color: rgba(245, 189, 67, 0.58) !important;
    background: rgba(7, 8, 11, 0.88) !important;
    box-shadow: 0 0 0 4px rgba(245, 189, 67, 0.09) !important;
}

body.dex-xchange-page .stepshetline {
    margin: 14px 0 0 !important;
    padding: 0 !important;
}

body.dex-xchange-page .stepshetleft,
body.dex-xchange-page .stepshetright {
    float: none !important;
    width: 100% !important;
}

body.dex-xchange-page .dex-xchange-form-head {
    padding: 4px 2px 0;
}

body.dex-xchange-page .dex-xchange-form-head strong {
    display: block;
    color: #f8f8fb !important;
    font: 900 18px/1.2 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .obmentablediv {
    margin: 0 !important;
    padding: 16px !important;
}

body.dex-xchange-page .obmentable,
body.dex-xchange-page .obmentable tbody,
body.dex-xchange-page .obmentable tr,
body.dex-xchange-page .obmentable td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}

body.dex-xchange-page .obmentable tr + tr {
    margin-top: 10px;
}

body.dex-xchange-page .tdfirst,
body.dex-xchange-page .exchboxtool {
    display: none !important;
}

body.dex-xchange-page .wolineinputtab {
    padding: 0 !important;
}

body.dex-xchange-page .captcha-wrapper {
    margin: 0 !important;
    padding: 14px 16px !important;
}

body.dex-xchange-page .captcha {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    height: 36px;
    margin: 0 0 10px !important;
    border-radius: 12px;
    color: #101114 !important;
    background: linear-gradient(135deg, #f5bd43, #ffe08a) !important;
    font: 900 17px/1 Montserrat, Arial, sans-serif !important;
    letter-spacing: 1px;
}

body.dex-xchange-page .aml_checkbox {
    position: relative;
    margin: 0 !important;
    padding: 13px 14px 13px 42px !important;
    color: rgba(245, 246, 250, 0.72) !important;
    font: 700 12px/1.35 Montserrat, Arial, sans-serif !important;
    cursor: pointer;
}

body.dex-xchange-page .aml_checkbox input {
    position: absolute;
    left: 14px;
    top: 14px;
    width: 18px !important;
    height: 18px !important;
    accent-color: #f5bd43;
}

body.dex-xchange-page .aml_checkbox a {
    color: #f5bd43 !important;
    font-weight: 900 !important;
}

body.dex-xchange-page .dex-xchange-trust {
    grid-column: 1;
    grid-row: 4;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

body.dex-xchange-page .dex-xchange-trust div {
    min-height: 72px;
    padding: 14px;
    background: rgba(255, 255, 255, 0.025);
}

body.dex-xchange-page .dex-xchange-trust strong {
    display: block;
    margin-bottom: 8px;
    color: #f5bd43 !important;
    font: 900 13px/1 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .dex-xchange-trust span {
    display: block;
    color: rgba(245, 246, 250, 0.64) !important;
    font: 700 12px/1.35 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .xchangestep1submit {
    margin: 0 !important;
    align-self: start;
}

body.dex-xchange-page .xchangestep1submit input[type="submit"] {
    width: 230px !important;
    height: 52px !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #101114 !important;
    background: linear-gradient(135deg, #f5bd43, #8e783f) !important;
    box-shadow: 0 18px 34px rgba(245, 189, 67, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    font: 900 13px/52px Montserrat, Arial, sans-serif !important;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

body.dex-xchange-page .xchangestep1submit input[type="submit"]:hover {
    transform: translateY(-1px) scale(1.015);
    filter: brightness(1.06);
    box-shadow: 0 22px 42px rgba(245, 189, 67, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

body.dex-xchange-page .biginfo {
    margin: 0 !important;
    padding: 14px 16px !important;
    color: rgba(245, 246, 250, 0.66) !important;
    background-image: none !important;
}

body.dex-xchange-page #naprtext1 {
    grid-column: 1;
    order: 12;
}

body.dex-xchange-page #naprtext1 .biginfo {
    min-height: 0;
}

body.dex-xchange-page .binfotitle {
    margin-bottom: 6px !important;
    color: #f5bd43 !important;
    font: 900 12px/1 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .biginfo p,
body.dex-xchange-page .biginfo strong {
    color: rgba(245, 246, 250, 0.66) !important;
    font: 600 12px/1.55 Montserrat, Arial, sans-serif !important;
}

@media (max-width: 900px) {
    body.dex-xchange-page #cwrap {
        width: min(100% - 24px, 640px) !important;
        margin-top: 14px !important;
    }

    body.dex-xchange-page .xchangestep1bodyvn,
    body.dex-xchange-page .dex-xchange-overview {
        grid-template-columns: 1fr;
    }

    body.dex-xchange-page .dex-xchange-form-head,
    body.dex-xchange-page .obmentablediv,
    body.dex-xchange-page .captcha-wrapper,
    body.dex-xchange-page .aml_checkbox,
    body.dex-xchange-page .xchangestep1submit {
        grid-column: 1;
        grid-row: auto;
    }

    body.dex-xchange-page .obmenfirstblock {
        grid-template-columns: 1fr;
    }

    body.dex-xchange-page input[type="number"] {
        text-align: left;
    }

    body.dex-xchange-page .dex-xchange-trust {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    body.dex-xchange-page .dex-xchange-hero .xchangestep1divvn,
    body.dex-xchange-page .xchangestep1bodyvn {
        border-radius: 18px;
        padding: 16px !important;
    }

    body.dex-xchange-page .xchangestep1title {
        font-size: 24px !important;
    }

    body.dex-xchange-page .dex-xchange-pills span {
        height: 28px;
        padding: 0 10px;
        font-size: 10px !important;
    }

    body.dex-xchange-page .rselected,
    body.dex-xchange-page input[type="number"] {
        min-height: 58px;
        height: 58px !important;
    }

    body.dex-xchange-page .xchangestep1submit input[type="submit"] {
        width: 100% !important;
    }
}

/* xchange.php: compact premium exchange request */
body.dex-xchange-page #cwrap {
    width: min(1060px, calc(100% - 32px)) !important;
    margin: 14px auto 34px !important;
}

body.dex-xchange-page .content,
body.dex-xchange-page .contentzone,
body.dex-xchange-page .thecontent {
    width: 100% !important;
    max-width: none !important;
}

body.dex-xchange-page .dex-xchange-hero {
    display: none !important;
    margin: 0 !important;
}

body.dex-xchange-page .dex-xchange-hero .xchangestep1divvn {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dex-xchange-page .dex-xchange-kicker,
body.dex-xchange-page .dex-xchange-hero p,
body.dex-xchange-page .dex-xchange-pills,
body.dex-xchange-page #naprtext1,
body.dex-xchange-page #naprtext2,
body.dex-xchange-page .dex-xchange-trust,
body.dex-xchange-page .sidebar {
    display: none !important;
}

body.dex-xchange-page .xchangestep1title {
    margin: 0 !important;
    color: #f7f7f9 !important;
    text-align: left !important;
    font: 900 23px/1.15 Montserrat, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

body.dex-xchange-page .xchangestep1bodyvn {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 386px !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
        #101115 !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

body.dex-xchange-page .xchangestep1body {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.dex-xchange-page .dex-xchange-overview {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 152px minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    margin: 0 !important;
}

body.dex-xchange-page .dex-xchange-overview div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-color: rgba(245, 189, 67, 0.24) !important;
    background: linear-gradient(135deg, rgba(245, 189, 67, 0.18), rgba(245, 189, 67, 0.045)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.dex-xchange-page .dex-xchange-overview div:nth-child(2),
body.dex-xchange-page .dex-xchange-overview div:nth-child(3) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(16, 17, 21, 0.78) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

body.dex-xchange-page .dex-xchange-overview div:nth-child(2) {
    border-color: rgba(245, 189, 67, 0.14) !important;
}

body.dex-xchange-page .dex-xchange-overview div:nth-child(2) strong::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 7px 1px 0;
    border-radius: 50%;
    background: #f5bd43;
    box-shadow: 0 0 12px rgba(245, 189, 67, 0.48);
}

/* xchange.php overview row alignment */
body.dex-xchange-page .dex-xchange-overview div {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    box-sizing: border-box !important;
}

body.dex-xchange-page .dex-xchange-overview div:nth-child(2),
body.dex-xchange-page .dex-xchange-overview div:nth-child(3) {
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.dex-xchange-page .dex-xchange-overview span {
    margin: 0 0 5px !important;
    line-height: 1 !important;
}

body.dex-xchange-page .dex-xchange-overview strong {
    line-height: 1.15 !important;
}

body.dex-xchange-page .dex-xchange-overview div:nth-child(2) strong,
body.dex-xchange-page .dex-xchange-overview div:nth-child(3) strong {
    display: flex !important;
    align-items: center !important;
    min-height: 16px !important;
}

body.dex-xchange-page .dex-xchange-overview div {
    min-height: 46px !important;
    padding: 9px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.085) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

body.dex-xchange-page .dex-xchange-overview span {
    display: block !important;
    margin: 0 0 3px !important;
    color: rgba(245, 246, 250, 0.46) !important;
    font: 800 9px/1 Montserrat, Arial, sans-serif !important;
    text-transform: uppercase;
}

body.dex-xchange-page .dex-xchange-overview div:first-child span {
    display: none !important;
}

body.dex-xchange-page .dex-xchange-overview strong {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #f7f7f9 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font: 900 13px/1.1 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .dex-xchange-overview div:first-child strong {
    color: #f5bd43 !important;
    font-size: 14px !important;
    text-align: center !important;
}

body.dex-xchange-page .blockchange {
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, 0.032) !important;
    box-shadow: none !important;
}

body.dex-xchange-page .blockchange + .blockchange {
    margin-top: 8px !important;
}

body.dex-xchange-page .obmentitle {
    margin: 0 0 7px !important;
}

body.dex-xchange-page .obmentitlevn {
    color: rgba(245, 246, 250, 0.54) !important;
    text-transform: uppercase;
    font: 900 9px/1 Montserrat, Arial, sans-serif !important;
    letter-spacing: .06em;
}

body.dex-xchange-page .obmenfirstblock {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
}

body.dex-xchange-page .obmenfirstleft,
body.dex-xchange-page .obmenfirstright {
    float: none !important;
    width: 100% !important;
}

body.dex-xchange-page .rselected {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    background: rgba(7, 8, 11, 0.64) !important;
}

body.dex-xchange-page .rselecttitle,
body.dex-xchange-page .rselecttitlevn {
    height: 100% !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
}

body.dex-xchange-page .rselectico {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 50% !important;
    background-size: cover !important;
}

body.dex-xchange-page .rselecttitlevn {
    gap: 8px !important;
    font-size: 12px !important;
}

body.dex-xchange-page .rselectname {
    display: flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin: 0 !important;
    line-height: 1.12 !important;
}

body.dex-xchange-page .obmminitleft {
    display: none !important;
}

body.dex-xchange-page .obmminit,
body.dex-xchange-page .obmminit tbody,
body.dex-xchange-page .obmminit tr,
body.dex-xchange-page .obmminitright {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}

body.dex-xchange-page input[type="number"] {
    height: 48px !important;
    padding: 0 12px !important;
    text-align: right !important;
    font: 900 22px/48px Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .dex-amount-input {
    width: 100% !important;
    height: 48px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    padding: 0 12px !important;
    color: #f8f8fb !important;
    background: rgba(7, 8, 11, 0.72) !important;
    outline: none !important;
    text-align: right !important;
    caret-color: #f5bd43 !important;
    font: 900 22px/48px Montserrat, Arial, sans-serif !important;
    cursor: default !important;
    pointer-events: auto !important;
}

body.dex-xchange-page .dex-fixed-amount {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 0 12px 0 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
        rgba(7, 8, 11, 0.84) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body.dex-xchange-page .dex-fixed-amount .dex-amount-input {
    height: 46px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-right: 0 !important;
}

body.dex-xchange-page .dex-fixed-amount span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    color: #111217 !important;
    background: linear-gradient(135deg, #f5bd43, #ffe08a) !important;
    font: 900 11px/1 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .dex-amount-caption {
    margin-top: 5px !important;
    color: rgba(245, 246, 250, 0.42) !important;
    font: 700 10px/1.2 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .dex-amount-input[readonly] {
    color: #f8f8fb !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
        rgba(7, 8, 11, 0.84) !important;
    border-color: rgba(245, 189, 67, 0.1) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body.dex-xchange-page .stepshetline {
    margin-top: 8px !important;
}

body.dex-xchange-page .stepshetline span {
    color: rgba(245, 246, 250, 0.52) !important;
    font: 800 10px/1.3 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .dex-xchange-side {
    display: grid !important;
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.085) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.014)),
        rgba(255, 255, 255, 0.022) !important;
}

body.dex-xchange-page .dex-xchange-form-head {
    padding: 0 2px 4px !important;
}

body.dex-xchange-page .dex-xchange-form-head span {
    display: none !important;
}

body.dex-xchange-page .dex-xchange-form-head strong {
    color: #f7f7f9 !important;
    font: 900 18px/1.15 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .obmentablediv {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.dex-xchange-page .obmentable tr + tr {
    margin-top: 5px !important;
}

body.dex-xchange-page .tdobmtitle {
    margin: 0 0 3px !important;
    color: rgba(245, 246, 250, 0.44) !important;
    font: 800 9px/1 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page input[type="text"],
body.dex-xchange-page input[type="email"],
body.dex-xchange-page input[type="tel"] {
    height: 42px !important;
    border-radius: 13px !important;
    padding: 0 13px !important;
    font: 800 13px/42px Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .captcha-wrapper {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.dex-xchange-page .captcha {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 92px !important;
    min-width: 92px !important;
    height: 42px !important;
    margin: 0 !important;
    border-radius: 11px !important;
    padding: 0 !important;
    font-size: 14px !important;
}

body.dex-xchange-page .captcha-wrapper p {
    display: none !important;
}

body.dex-xchange-page .captcha-wrapper .wolineinputtab {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
}

body.dex-xchange-page .aml_checkbox {
    min-height: 44px !important;
    padding: 10px 12px 10px 38px !important;
    border: 1px solid rgba(255, 255, 255, 0.085) !important;
    border-radius: 14px !important;
    background: rgba(7, 8, 11, 0.42) !important;
    font: 700 11px/1.35 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .aml_checkbox input {
    left: 12px !important;
    top: 12px !important;
    width: 16px !important;
    height: 16px !important;
}

body.dex-xchange-page .xchangestep1submit input[type="submit"] {
    width: 230px !important;
    height: 46px !important;
    line-height: 46px !important;
    color: #101114 !important;
    font-size: 11.5px !important;
}

body.dex-xchange-page #jvLabelWrap {
    display: block !important;
}

@media (max-width: 900px) {
    body.dex-xchange-page #cwrap {
        width: min(100% - 20px, 560px) !important;
        margin-top: 10px !important;
    }

    body.dex-xchange-page .xchangestep1title {
        text-align: center !important;
        font-size: 20px !important;
    }

    body.dex-xchange-page .xchangestep1bodyvn {
        grid-template-columns: 1fr !important;
        padding: 9px !important;
        border-radius: 20px !important;
    }

    body.dex-xchange-page .dex-xchange-overview {
        grid-template-columns: 1fr !important;
    }

    body.dex-xchange-page .dex-xchange-overview div {
        min-height: 36px !important;
        padding: 7px 9px !important;
    }

    body.dex-xchange-page .obmenfirstblock {
        grid-template-columns: 1fr !important;
    }

    body.dex-xchange-page input[type="number"] {
        text-align: left !important;
    }

    body.dex-xchange-page .dex-amount-input {
        text-align: left !important;
    }

    body.dex-xchange-page .xchangestep1submit input[type="submit"] {
        width: 100% !important;
    }
}

@media (max-width: 520px) {
    body.dex-xchange-page #cwrap {
        width: calc(100% - 16px) !important;
    }

    body.dex-xchange-page .xchangestep1bodyvn {
        gap: 7px !important;
        padding: 8px !important;
        border-radius: 18px !important;
    }

    body.dex-xchange-page .blockchange,
    body.dex-xchange-page .obmentablediv,
    body.dex-xchange-page .captcha-wrapper,
    body.dex-xchange-page .aml_checkbox {
        border-radius: 15px !important;
    }

    body.dex-xchange-page .rselected,
    body.dex-xchange-page input[type="number"] {
        min-height: 46px !important;
        height: 46px !important;
        line-height: 46px !important;
    }

    body.dex-xchange-page input[type="number"] {
        font-size: 20px !important;
    }

    body.dex-xchange-page .dex-amount-input {
        font-size: 20px !important;
    }
}

/* xchange.php fixed amount layout order */
body.dex-xchange-page .dex-xchange-overview {
    grid-row: 1 !important;
}

body.dex-xchange-page .blockchange.topped {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

body.dex-xchange-page .blockchange.bottomed {
    grid-column: 1 !important;
    grid-row: 3 !important;
}

body.dex-xchange-page .dex-xchange-note {
    grid-column: 1 !important;
    grid-row: 4 !important;
}

body.dex-xchange-page .dex-xchange-side {
    grid-column: 2 !important;
    grid-row: 2 / span 3 !important;
}

@media (max-width: 900px) {
    body.dex-xchange-page .dex-xchange-overview,
    body.dex-xchange-page .blockchange.topped,
    body.dex-xchange-page .blockchange.bottomed,
    body.dex-xchange-page .dex-xchange-note,
    body.dex-xchange-page .dex-xchange-side {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}

/* xchange.php amount row final alignment */
body.dex-xchange-page .obmminitleft,
body.dex-xchange-page .obmminitleft.td1 {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

body.dex-xchange-page .obmminitright,
body.dex-xchange-page .obmminitright.td2 {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.dex-xchange-page .obmminitright > .changewoerr {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

body.dex-xchange-page .rselected,
body.dex-xchange-page .dex-fixed-amount {
    min-height: 50px !important;
    height: 50px !important;
}

body.dex-xchange-page .dex-fixed-amount .dex-amount-input {
    height: 50px !important;
    line-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle !important;
}

body.dex-xchange-page .dex-fixed-amount span {
    align-self: center !important;
    margin-top: 0 !important;
}

/* xchange.php equal visual size for currency and amount blocks */
body.dex-xchange-page .rselected,
body.dex-xchange-page .dex-fixed-amount {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

body.dex-xchange-page .rselected {
    padding: 0 12px !important;
}

body.dex-xchange-page .dex-fixed-amount {
    grid-template-columns: minmax(0, 1fr) 58px !important;
    gap: 8px !important;
    padding: 0 10px 0 12px !important;
}

body.dex-xchange-page .rselecttitle,
body.dex-xchange-page .rselecttitlevn {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.dex-xchange-page .dex-fixed-amount .dex-amount-input {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 52px !important;
    box-sizing: border-box !important;
}

body.dex-xchange-page .dex-fixed-amount span {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* xchange.php coin to bank payout details */
body.dex-xchange-page .dex-bank-payout {
    margin-top: 12px !important;
}

body.dex-xchange-page .dex-bank-payout-grid {
    display: grid !important;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: end !important;
}

body.dex-xchange-page .dex-bank-card-field {
    display: grid !important;
    gap: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
}

body.dex-xchange-page .dex-bank-select,
body.dex-xchange-page .dex-bank-manual,
body.dex-xchange-page .dex-card-holder,
body.dex-xchange-page .dex-card-country {
    display: grid !important;
    gap: 6px !important;
    margin: 0 !important;
}

body.dex-xchange-page .dex-card-extra-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-top: 8px !important;
}

body.dex-xchange-page .dex-bank-select span,
body.dex-xchange-page .dex-bank-manual span,
body.dex-xchange-page .dex-card-holder span,
body.dex-xchange-page .dex-card-country span {
    color: rgba(245, 246, 250, 0.46) !important;
    font: 800 10px/1 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .dex-bank-select select,
body.dex-xchange-page .dex-bank-manual input,
body.dex-xchange-page .dex-card-holder input,
body.dex-xchange-page .dex-card-country input {
    width: 100% !important;
    height: 42px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 13px !important;
    padding: 0 34px 0 12px !important;
    color: #f8f8fb !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
        rgba(7, 8, 11, 0.84) !important;
    outline: none !important;
    font: 800 12px/42px Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .dex-bank-select select:focus,
body.dex-xchange-page .dex-bank-manual input:focus,
body.dex-xchange-page .dex-card-holder input:focus,
body.dex-xchange-page .dex-card-country input:focus {
    border-color: rgba(245, 189, 67, 0.58) !important;
    box-shadow: 0 0 0 4px rgba(245, 189, 67, 0.09) !important;
}

body.dex-xchange-page .dex-bank-payout #wallet {
    letter-spacing: .04em !important;
    font-variant-numeric: tabular-nums !important;
}

@media (max-width: 900px) {
    body.dex-xchange-page .dex-bank-payout-grid,
    body.dex-xchange-page .dex-card-extra-grid {
        grid-template-columns: 1fr !important;
    }
}

/* xchange.php premium field polish */
body.dex-xchange-page .xchangestep1bodyvn {
    gap: 12px !important;
    padding: 12px !important;
}

body.dex-xchange-page .blockchange,
body.dex-xchange-page .dex-xchange-side {
    border-color: rgba(255, 255, 255, 0.105) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.014)),
        rgba(255, 255, 255, 0.025) !important;
}

body.dex-xchange-page .blockchange {
    padding: 13px !important;
}

body.dex-xchange-page .dex-bank-payout-grid,
body.dex-xchange-page .dex-card-extra-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
}

body.dex-xchange-page .stepshettitle,
body.dex-xchange-page .dex-bank-card-field span,
body.dex-xchange-page .dex-bank-select span,
body.dex-xchange-page .dex-bank-manual span,
body.dex-xchange-page .dex-card-holder span,
body.dex-xchange-page .dex-card-country span,
body.dex-xchange-page .tdobmtitle {
    display: block !important;
    margin: 0 0 7px !important;
    color: rgba(245, 246, 250, 0.68) !important;
    font: 900 10.5px/1.1 Montserrat, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

body.dex-xchange-page .dex-bank-payout > .stepshettitle {
    display: none !important;
}

body.dex-xchange-page .dex-amount-caption {
    margin-top: 7px !important;
    color: rgba(245, 246, 250, 0.52) !important;
    font: 800 10.5px/1.2 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .dex-bank-select select,
body.dex-xchange-page .dex-bank-manual input,
body.dex-xchange-page .dex-card-holder input,
body.dex-xchange-page .dex-card-country input,
body.dex-xchange-page .dex-bank-payout #wallet,
body.dex-xchange-page .dex-xchange-side input[type="text"],
body.dex-xchange-page .dex-xchange-side input[type="email"],
body.dex-xchange-page .dex-xchange-side input[type="tel"] {
    height: 44px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    color: #f7f7f9 !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.01)),
        rgba(6, 7, 10, 0.88) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    font: 850 13px/44px Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page input::placeholder {
    color: rgba(245, 246, 250, 0.34) !important;
    opacity: 1 !important;
}

body.dex-xchange-page .dex-bank-select select {
    cursor: pointer !important;
}

body.dex-xchange-page .dex-bank-select select option {
    color: #101114 !important;
    background: #ffffff !important;
}

/* xchange.php compact field labels */
body.dex-xchange-page .stepshettitle,
body.dex-xchange-page .dex-bank-select span,
body.dex-xchange-page .dex-bank-manual span,
body.dex-xchange-page .dex-card-holder span,
body.dex-xchange-page .dex-card-country span,
body.dex-xchange-page .tdobmtitle {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: rgba(245, 246, 250, 0.66) !important;
    font: 900 10.5px/1.1 Montserrat, Arial, sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

body.dex-xchange-page .dex-bank-payout {
    margin-top: 10px !important;
}

body.dex-xchange-page .dex-bank-source {
    margin-top: 10px !important;
    padding-bottom: 0 !important;
}

body.dex-xchange-page .dex-crypto-payout {
    margin-top: 8px !important;
    padding-bottom: 0 !important;
}

body.dex-xchange-page .dex-bank-payout-grid,
body.dex-xchange-page .dex-bank-source-grid,
body.dex-xchange-page .dex-crypto-payout-grid,
body.dex-xchange-page .dex-card-extra-grid {
    gap: 8px !important;
}

body.dex-xchange-page .dex-bank-source-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

body.dex-xchange-page .dex-bank-source-grid label {
    display: grid !important;
    gap: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
}

body.dex-xchange-page .dex-bank-source-grid label > span {
    color: rgba(245, 246, 250, 0.66) !important;
    font: 900 10.5px/1.1 Montserrat, Arial, sans-serif !important;
    margin: 0 0 5px !important;
}

body.dex-xchange-page .dex-crypto-payout-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    align-items: start !important;
}

body.dex-xchange-page .dex-crypto-payout-grid label {
    display: grid !important;
    gap: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
}

body.dex-xchange-page .dex-crypto-payout-grid label > span {
    color: rgba(245, 246, 250, 0.66) !important;
    font: 900 10.5px/1.1 Montserrat, Arial, sans-serif !important;
    margin: 0 0 5px !important;
}

body.dex-xchange-page .dex-crypto-payout-grid .toolinput {
    height: 44px !important;
    line-height: 44px !important;
    min-height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
}

body.dex-xchange-page .dex-bank-source-grid .toolinput {
    height: 44px !important;
    line-height: 44px !important;
    min-height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
}

body.dex-xchange-page .dex-crypto-payout-grid .toolinput::placeholder {
    font-size: 10px !important;
}

body.dex-xchange-page .dex-bank-source-grid .toolinput::placeholder {
    font-size: 10px !important;
}

body.dex-xchange-page .dex-bank-source .toolinput::placeholder,
body.dex-xchange-page .dex-crypto-payout .toolinput::placeholder {
    font-size: 10px !important;
    font-weight: 800 !important;
}

body.dex-xchange-page .blockchange.bottomed .dex-crypto-payout {
    margin-top: -2px !important;
    padding: 0 !important;
}

body.dex-xchange-page .blockchange.bottomed .dex-crypto-payout > .stepshettitle {
    margin: 0 0 7px !important;
    padding: 0 !important;
    min-height: 0 !important;
}

body.dex-xchange-page .blockchange.bottomed .dex-crypto-payout-grid {
    gap: 8px !important;
}

body.dex-xchange-page .blockchange.bottomed .dex-crypto-payout-grid label {
    align-content: start !important;
}

body.dex-xchange-page .dex-card-extra-grid {
    margin-top: 8px !important;
}

body.dex-xchange-page .dex-cash-payout {
    padding-top: 9px !important;
}

body.dex-xchange-page .dex-cash-payout-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
}

body.dex-xchange-page .dex-cash-manual-note {
    background: linear-gradient(135deg, rgba(245, 189, 67, .11), rgba(255, 255, 255, .035)) !important;
    border: 1px solid rgba(245, 189, 67, .22) !important;
    border-radius: 14px !important;
    color: #ffe1a0 !important;
    font: 800 11px/1.45 "Montserrat", "Open Sans", sans-serif !important;
    margin-top: 8px !important;
    padding: 11px 13px !important;
}

body.dex-xchange-page .dex-premarket-manual-note {
    margin-top: 8px !important;
    padding: 10px 12px !important;
}

@media (max-width: 760px) {
    body.dex-xchange-page .dex-cash-payout-grid {
        grid-template-columns: 1fr !important;
    }
}

body.dex-xchange-page .dex-bank-select,
body.dex-xchange-page .dex-bank-manual,
body.dex-xchange-page .dex-card-holder,
body.dex-xchange-page .dex-card-country {
    gap: 0 !important;
}

body.dex-xchange-page .obmentable tr + tr {
    margin-top: 6px !important;
}

body.dex-xchange-page .dex-xchange-side {
    gap: 8px !important;
}

body.dex-xchange-page .dex-xchange-form-head {
    margin-bottom: 0 !important;
}

body.dex-xchange-page .dex-amount-caption {
    margin-top: 5px !important;
}

body.dex-xchange-page .dex-xchange-side {
    padding: 16px !important;
    gap: 10px !important;
}

body.dex-xchange-page .dex-xchange-form-head {
    padding: 0 0 6px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important;
}

body.dex-xchange-page .dex-xchange-form-head strong {
    font: 900 20px/1.1 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .obmentable tr + tr {
    margin-top: 8px !important;
}

body.dex-xchange-page .captcha-wrapper {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 10px !important;
}

body.dex-xchange-page .captcha {
    width: 96px !important;
    min-width: 96px !important;
    height: 44px !important;
    border-radius: 14px !important;
    font: 900 14px/44px Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .aml_checkbox {
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 14px !important;
    border-color: rgba(255, 255, 255, 0.105) !important;
    border-radius: 15px !important;
    font: 800 11.5px/1.35 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .aml_checkbox input {
    position: static !important;
    display: inline-grid !important;
    place-content: center !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    border: 1px solid rgba(245, 189, 67, 0.7) !important;
    border-radius: 5px !important;
    accent-color: #f5bd43 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: auto !important;
}

body.dex-xchange-page .aml_checkbox span {
    display: block !important;
    min-width: 0 !important;
    color: rgba(245, 246, 250, 0.78) !important;
    font: 800 11.5px/1.35 Montserrat, Arial, sans-serif !important;
}

body.dex-xchange-page .aml_checkbox span a {
    display: inline !important;
    white-space: nowrap !important;
}

/* xchange.php icons match main exchange block */
body.dex-xchange-page .rselectico.dex-coin-icon {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    margin: 0 12px 0 0 !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.dex-xchange-page .rselectico.dex-coin-icon.dex-payment-icon {
    background-color: #ffffff !important;
    background-size: 74% auto !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.26), inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
}

body.dex-xchange-page .rselecttitlevn {
    gap: 0 !important;
}

body.dex-xchange-page .xchangestep1submit input[type="submit"] {
    width: 238px !important;
    height: 48px !important;
    line-height: 48px !important;
    font-size: 12px !important;
}

body.dex-xchange-page .dex-xchange-note {
    min-height: 52px !important;
    padding: 10px 13px !important;
}

body.dex-xchange-page .dex-xchange-note strong {
    font-size: 11.5px !important;
}

body.dex-xchange-page .dex-xchange-note span {
    color: rgba(245, 246, 250, 0.7) !important;
    font-size: 11.5px !important;
}

@media (max-width: 900px) {
    body.dex-xchange-page .dex-xchange-side {
        padding: 14px !important;
    }

    body.dex-xchange-page .dex-bank-payout-grid,
    body.dex-xchange-page .dex-card-extra-grid {
        gap: 8px !important;
    }
}

/* xchange.php final label spacing */
body.dex-xchange-page .dex-bank-card-field span,
body.dex-xchange-page .dex-bank-select span,
body.dex-xchange-page .dex-bank-manual span,
body.dex-xchange-page .dex-card-holder span,
body.dex-xchange-page .dex-card-country span,
body.dex-xchange-page .tdobmtitle {
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.1 !important;
}

/* xchange.php bank select: premium native dropdown */
body.dex-xchange-page .dex-bank-select {
    position: relative;
}

body.dex-xchange-page .dex-bank-select::after {
    content: "";
    position: absolute;
    right: 17px;
    bottom: 20px;
    width: 9px;
    height: 9px;
    border-right: 2px solid rgba(236, 181, 77, .92);
    border-bottom: 2px solid rgba(236, 181, 77, .92);
    transform: rotate(45deg);
    pointer-events: none;
    transition: transform .18s ease, border-color .18s ease;
}

body.dex-xchange-page .dex-bank-select:focus-within::after {
    transform: translateY(2px) rotate(45deg);
    border-color: #ffd36b;
}

body.dex-xchange-page .dex-bank-select select {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-height: 54px;
    padding: 0 46px 0 16px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(236, 181, 77, .24) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)),
        #12161d !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 14px 32px rgba(0, 0, 0, .22) !important;
    color: #f6f0e4 !important;
    font: 700 14px/1.2 "Montserrat", "Open Sans", sans-serif !important;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body.dex-xchange-page .dex-bank-select select:hover {
    border-color: rgba(236, 181, 77, .44) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .095), rgba(255, 255, 255, .035)),
        #141922 !important;
}

body.dex-xchange-page .dex-bank-select select:focus {
    outline: none !important;
    border-color: rgba(255, 211, 107, .78) !important;
    box-shadow:
        0 0 0 4px rgba(236, 181, 77, .12),
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 16px 34px rgba(0, 0, 0, .26) !important;
}

body.dex-xchange-page .dex-bank-select select option {
    color: #f6f0e4;
    background: #11151c;
    font-weight: 700;
}

body.dex-xchange-page .dex-bank-select select option[value=""] {
    color: rgba(246, 240, 228, .58);
}

@media (max-width: 700px) {
    body.dex-xchange-page .dex-bank-select select {
        min-height: 50px;
        border-radius: 14px !important;
        padding-left: 14px !important;
        padding-right: 42px !important;
        font-size: 13px !important;
    }

    body.dex-xchange-page .dex-bank-select::after {
        right: 15px;
        bottom: 19px;
        width: 8px;
        height: 8px;
    }
}

/* xchangestep.php confirmation page */
body.dex-order-confirm-page {
    background: #05070a !important;
    color: #f6f0e4;
}

body.dex-order-confirm-page #cwrap {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 16px 18px 34px !important;
}

body.dex-order-confirm-page .content,
body.dex-order-confirm-page .contentzone,
body.dex-order-confirm-page .thecontent,
body.dex-order-confirm-page #exch_html {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body.dex-order-confirm-page .dex-confirm-hero .xchangestep1divvn {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 22px 26px !important;
    border: 1px solid rgba(248, 211, 91, .16) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .025)),
        radial-gradient(circle at 8% 0%, rgba(245, 189, 67, .16), transparent 32%),
        #101319 !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .08);
}

body.dex-order-confirm-page .dex-confirm-kicker {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 7px 11px;
    border: 1px solid rgba(245, 189, 67, .34);
    border-radius: 999px;
    color: #f5bd43;
    font: 900 10px/1 "Montserrat", "Open Sans", sans-serif;
    text-transform: uppercase;
}

body.dex-order-confirm-page .xchangestep1title {
    margin: 0 !important;
    color: #fff8e8 !important;
    font: 900 34px/1.05 "Montserrat", "Open Sans", sans-serif !important;
    letter-spacing: 0 !important;
}

body.dex-order-confirm-page .dex-confirm-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: rgba(246, 240, 228, .72);
    font: 700 14px/1.55 "Montserrat", "Open Sans", sans-serif;
}

body.dex-order-confirm-page .xchangestep2body,
body.dex-order-confirm-page .xchangestep2bodyvn {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body.dex-order-confirm-page .dex-confirm-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .36);
}

body.dex-order-confirm-page .dex-confirm-main,
body.dex-order-confirm-page .dex-confirm-side {
    min-width: 0;
}

body.dex-order-confirm-page .dex-confirm-route {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 10px;
    margin-bottom: 10px;
}

body.dex-order-confirm-page .dex-confirm-route div,
body.dex-order-confirm-page .dex-confirm-card,
body.dex-order-confirm-page .dex-confirm-grid div,
body.dex-order-confirm-page .dex-confirm-note,
body.dex-order-confirm-page .stepwarning {
    border: 1px solid rgba(255, 255, 255, .085);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(18, 20, 26, .94), rgba(10, 12, 17, .95));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body.dex-order-confirm-page .dex-confirm-route div {
    min-height: 64px;
    padding: 13px 15px;
}

body.dex-order-confirm-page .dex-confirm-route div:first-child {
    border-color: rgba(245, 189, 67, .32);
    background: linear-gradient(135deg, rgba(245, 189, 67, .18), rgba(255, 255, 255, .045));
}

body.dex-order-confirm-page .dex-confirm-route span,
body.dex-order-confirm-page .dex-confirm-amount-card span,
body.dex-order-confirm-page .dex-confirm-grid span,
body.dex-order-confirm-page .dex-confirm-side-head span {
    display: block;
    margin-bottom: 7px;
    color: rgba(246, 240, 228, .52);
    font: 900 10px/1 "Montserrat", "Open Sans", sans-serif;
    text-transform: uppercase;
}

body.dex-order-confirm-page .dex-confirm-route strong,
body.dex-order-confirm-page .dex-confirm-grid strong {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
    color: #fff8e8;
    font: 900 14px/1.25 "Montserrat", "Open Sans", sans-serif;
}

body.dex-order-confirm-page .dex-confirm-flow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr);
    align-items: stretch;
    gap: 10px;
    margin-bottom: 10px;
}

body.dex-order-confirm-page .dex-confirm-amount-card {
    min-width: 0;
    min-height: 116px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .085);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(18, 20, 26, .96), rgba(8, 10, 14, .98));
}

body.dex-order-confirm-page .dex-confirm-amount-card.is-accent {
    border-color: rgba(245, 189, 67, .24);
}

body.dex-order-confirm-page .dex-confirm-amount-card strong {
    display: block;
    color: #fff;
    font: 900 26px/1.05 "Montserrat", "Open Sans", sans-serif;
    overflow-wrap: anywhere;
}

body.dex-order-confirm-page .dex-confirm-amount-card em {
    display: block;
    margin-top: 8px;
    color: rgba(246, 240, 228, .68);
    font: 800 12px/1.35 "Montserrat", "Open Sans", sans-serif;
    font-style: normal;
}

body.dex-order-confirm-page .dex-confirm-arrow {
    display: grid;
    place-items: center;
    color: #101114;
    font: 900 18px/1 "Montserrat", "Open Sans", sans-serif;
    border-radius: 999px;
    background: linear-gradient(135deg, #ffd36b, #b18b38);
    align-self: center;
    width: 36px;
    height: 36px;
}

body.dex-order-confirm-page .dex-confirm-card {
    margin-bottom: 10px;
    padding: 16px;
}

body.dex-order-confirm-page .dex-confirm-card-title {
    margin-bottom: 8px;
    color: #f5bd43;
    font: 900 11px/1 "Montserrat", "Open Sans", sans-serif;
    text-transform: uppercase;
}

body.dex-order-confirm-page .dex-confirm-wallet {
    color: #fff8e8;
    font: 800 13px/1.55 "Montserrat", "Open Sans", sans-serif;
    overflow-wrap: anywhere;
}

body.dex-order-confirm-page .dex-confirm-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

body.dex-order-confirm-page .dex-confirm-grid div {
    min-height: 72px;
    padding: 14px;
}

body.dex-order-confirm-page .dex-confirm-side {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025));
}

body.dex-order-confirm-page .dex-confirm-side-head {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

body.dex-order-confirm-page .dex-confirm-side-head strong {
    display: block;
    color: #fff8e8;
    font: 900 22px/1.1 "Montserrat", "Open Sans", sans-serif;
}

body.dex-order-confirm-page .dex-confirm-note,
body.dex-order-confirm-page .stepwarning {
    padding: 14px;
    margin-bottom: 10px;
}

body.dex-order-confirm-page .dex-confirm-note strong {
    display: block;
    margin-bottom: 7px;
    color: #f5bd43;
    font: 900 12px/1.25 "Montserrat", "Open Sans", sans-serif;
}

body.dex-order-confirm-page .dex-confirm-note span,
body.dex-order-confirm-page .stepwarning {
    color: rgba(246, 240, 228, .72);
    font: 800 12px/1.45 "Montserrat", "Open Sans", sans-serif;
}

body.dex-order-confirm-page .stepcheckbox {
    margin: 0 0 10px !important;
}

body.dex-order-confirm-page .stepcheckbox .checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 13px 14px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(18, 20, 26, .96), rgba(8, 10, 14, .98)) !important;
    color: rgba(246, 240, 228, .76) !important;
    font: 800 11.5px/1.4 "Montserrat", "Open Sans", sans-serif !important;
    cursor: pointer;
}

body.dex-order-confirm-page .stepcheckbox input {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 1px 0 0 !important;
    accent-color: #f5bd43 !important;
}

body.dex-order-confirm-page .stepcheckbox a {
    color: #ffd36b !important;
    font-weight: 900 !important;
}

body.dex-order-confirm-page .step2submit {
    margin: 14px 0 0 !important;
    text-align: center !important;
}

body.dex-order-confirm-page .step2submit input[type="submit"] {
    width: 230px !important;
    height: 48px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #ffd36b 0%, #f0ae2c 48%, #a9883e 100%) !important;
    box-shadow: 0 16px 34px rgba(245, 189, 67, .24), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
    color: #101114 !important;
    font: 900 13px/48px "Montserrat", "Open Sans", sans-serif !important;
    cursor: pointer !important;
    transition: transform .18s ease, filter .18s ease, opacity .18s ease !important;
}

body.dex-order-confirm-page .step2submit input[type="submit"]:disabled {
    opacity: .45 !important;
    cursor: not-allowed !important;
    filter: grayscale(.25) !important;
}

body.dex-order-confirm-page .step2submit input[type="submit"]:not(:disabled):hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.06) !important;
}

body.dex-order-confirm-page .thecontent .dex-confirm-hero p,
body.dex-order-confirm-page .thecontent .dex-confirm-note span,
body.dex-order-confirm-page .thecontent .stepwarning,
body.dex-order-confirm-page .thecontent .stepcheckbox .checkbox,
body.dex-order-confirm-page .thecontent .stepcheckbox .checkbox span {
    color: rgba(246, 240, 228, .76) !important;
}

body.dex-order-confirm-page .thecontent .dex-confirm-route strong,
body.dex-order-confirm-page .thecontent .dex-confirm-amount-card strong,
body.dex-order-confirm-page .thecontent .dex-confirm-grid strong,
body.dex-order-confirm-page .thecontent .dex-confirm-side-head strong,
body.dex-order-confirm-page .thecontent .dex-confirm-wallet,
body.dex-order-confirm-page .thecontent .dex-confirm-requisites strong {
    color: #fff8e8 !important;
}

body.dex-order-confirm-page .thecontent .dex-confirm-route span,
body.dex-order-confirm-page .thecontent .dex-confirm-amount-card span,
body.dex-order-confirm-page .thecontent .dex-confirm-grid span,
body.dex-order-confirm-page .thecontent .dex-confirm-side-head span,
body.dex-order-confirm-page .thecontent .dex-confirm-requisites span {
    color: rgba(246, 240, 228, .54) !important;
}

body.dex-order-confirm-page .thecontent .dex-confirm-amount-card em {
    color: rgba(246, 240, 228, .68) !important;
}

body.dex-order-confirm-page .thecontent .dex-confirm-card-title,
body.dex-order-confirm-page .thecontent .dex-confirm-note strong,
body.dex-order-confirm-page .thecontent .stepcheckbox a {
    color: #ffd36b !important;
}

/* xchangestep.php compact height pass */
body.dex-order-confirm-page .dex-confirm-hero .xchangestep1divvn {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

body.dex-order-confirm-page .dex-confirm-route div {
    min-height: 52px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.dex-order-confirm-page .dex-confirm-amount-card {
    min-height: 92px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

body.dex-order-confirm-page .dex-confirm-grid div {
    min-height: 58px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

body.dex-order-confirm-page .dex-confirm-card {
    min-height: 104px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

body.dex-order-confirm-page .dex-confirm-wallet {
    display: block !important;
    min-height: 48px !important;
    max-height: none !important;
    line-height: 1.55 !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

body.dex-order-confirm-page .dex-confirm-note,
body.dex-order-confirm-page .stepwarning,
body.dex-order-confirm-page .stepcheckbox .checkbox {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

@media (max-width: 900px) {
    body.dex-order-confirm-page .dex-confirm-card {
        min-height: 112px !important;
    }

    body.dex-order-confirm-page .dex-confirm-wallet {
        min-height: 56px !important;
    }
}

/* xchangestep.php final compact field heights */
body.dex-order-confirm-page .dex-confirm-route div {
    box-sizing: border-box !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 9px 15px !important;
}

body.dex-order-confirm-page .dex-confirm-amount-card {
    box-sizing: border-box !important;
    height: 98px !important;
    min-height: 98px !important;
    padding: 13px 18px !important;
}

body.dex-order-confirm-page .dex-confirm-grid div {
    box-sizing: border-box !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 10px 14px !important;
}

body.dex-order-confirm-page .dex-confirm-card {
    box-sizing: border-box !important;
    min-height: 150px !important;
}

body.dex-order-confirm-page .dex-confirm-wallet {
    min-height: 64px !important;
    font-size: 12.5px !important;
}

body.dex-order-confirm-page .dex-confirm-requisites {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.dex-order-confirm-page .dex-confirm-requisites div {
    min-width: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(255, 255, 255, .075) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .035) !important;
}

body.dex-order-confirm-page .dex-confirm-requisites span {
    display: block !important;
    margin-bottom: 5px !important;
    font: 900 9.5px/1 "Montserrat", "Open Sans", sans-serif !important;
    text-transform: uppercase !important;
}

body.dex-order-confirm-page .dex-confirm-requisites strong {
    display: block !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    font: 900 12px/1.35 "Montserrat", "Open Sans", sans-serif !important;
}

@media (max-width: 900px) {
    body.dex-order-confirm-page .dex-confirm-route div,
    body.dex-order-confirm-page .dex-confirm-grid div {
        height: auto !important;
        min-height: 56px !important;
    }

    body.dex-order-confirm-page .dex-confirm-amount-card {
        height: auto !important;
        min-height: 86px !important;
    }

    body.dex-order-confirm-page .dex-confirm-card {
        min-height: 156px !important;
    }

    body.dex-order-confirm-page .dex-confirm-requisites {
        grid-template-columns: 1fr !important;
    }
}

/* xchangestep.php visible AML checkbox */
body.dex-order-confirm-page .thecontent .stepcheckbox .checkbox {
    position: relative !important;
    padding-left: 44px !important;
    background: linear-gradient(180deg, rgba(18, 20, 26, .96), rgba(8, 10, 14, .98)) !important;
}

body.dex-order-confirm-page .thecontent .stepcheckbox .checkbox input#createzajatos {
    position: absolute !important;
    left: 14px !important;
    top: 14px !important;
    display: block !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    border: 1px solid rgba(245, 189, 67, .74) !important;
    border-radius: 5px !important;
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
    cursor: pointer !important;
}

body.dex-order-confirm-page .thecontent .stepcheckbox .checkbox input#createzajatos:checked {
    background: linear-gradient(135deg, #ffd36b, #c59636) !important;
    border-color: rgba(255, 214, 91, .95) !important;
}

body.dex-order-confirm-page .thecontent .stepcheckbox .checkbox input#createzajatos:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border-right: 2px solid #101114;
    border-bottom: 2px solid #101114;
    transform: rotate(45deg);
}

/* xchangestep.php hero text full-width alignment */
body.dex-order-confirm-page .dex-confirm-hero .xchangestep1divvn {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.dex-order-confirm-page .thecontent .dex-confirm-kicker,
body.dex-order-confirm-page .thecontent .dex-confirm-hero .xchangestep1title,
body.dex-order-confirm-page .thecontent .dex-confirm-hero p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

body.dex-order-confirm-page .thecontent .dex-confirm-hero p {
    width: min(100%, 1080px) !important;
    max-width: none !important;
}

@media (max-width: 900px) {
    body.dex-order-confirm-page .thecontent .dex-confirm-kicker {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.dex-order-confirm-page .thecontent .dex-confirm-hero .xchangestep1title,
    body.dex-order-confirm-page .thecontent .dex-confirm-hero p {
        text-align: center !important;
    }
}

/* xchangestep.php hero size matched to confirmation block */
body.dex-order-confirm-page .dex-confirm-hero .xchangestep1divvn {
    width: 1014px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.dex-order-confirm-page .thecontent .dex-confirm-hero p {
    width: 100% !important;
}

@media (max-width: 900px) {
    body.dex-order-confirm-page .dex-confirm-hero .xchangestep1divvn {
        width: 100% !important;
    }
}

/* xchangestep.php final desktop balance */
body.dex-order-confirm-page .dex-confirm-layout {
    width: 1014px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    align-items: start !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.dex-order-confirm-page .dex-confirm-side {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
}

body.dex-order-confirm-page .dex-confirm-main {
    width: 100% !important;
}

body.dex-order-confirm-page .dex-confirm-route {
    grid-template-columns: 180px minmax(0, 1fr) !important;
}

body.dex-order-confirm-page .step2submit input[type="submit"]:disabled {
    opacity: .58 !important;
    filter: grayscale(.18) brightness(.92) !important;
}

body.dex-order-confirm-page .dex-confirm-side .stepwarning {
    margin-bottom: 0 !important;
}

@media (max-width: 900px) {
    body.dex-order-confirm-page .dex-confirm-layout {
        width: 100% !important;
    }
}

/* xchangestep.php palette matched to xchange.php */
body.dex-order-confirm-page .dex-confirm-hero .xchangestep1divvn,
body.dex-order-confirm-page .dex-confirm-layout {
    border-color: rgba(255, 255, 255, 0.38) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
        #101115 !important;
    box-shadow:
        0 24px 80px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

body.dex-order-confirm-page .dex-confirm-hero .xchangestep1divvn {
    border-radius: 22px !important;
}

body.dex-order-confirm-page .dex-confirm-layout {
    border-radius: 22px !important;
}

body.dex-order-confirm-page .dex-confirm-route div,
body.dex-order-confirm-page .dex-confirm-card,
body.dex-order-confirm-page .dex-confirm-grid div,
body.dex-order-confirm-page .dex-confirm-note,
body.dex-order-confirm-page .stepwarning,
body.dex-order-confirm-page .dex-confirm-amount-card,
body.dex-order-confirm-page .dex-confirm-side,
body.dex-order-confirm-page .stepcheckbox .checkbox {
    border-color: rgba(255, 255, 255, 0.075) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
        rgba(255, 255, 255, 0.032) !important;
    box-shadow: none !important;
}

body.dex-order-confirm-page .dex-confirm-route div:first-child {
    border-color: rgba(245, 189, 67, 0.24) !important;
    background: linear-gradient(135deg, rgba(245, 189, 67, 0.18), rgba(245, 189, 67, 0.045)) !important;
}

body.dex-order-confirm-page .dex-confirm-route div:nth-child(2),
body.dex-order-confirm-page .dex-confirm-amount-card,
body.dex-order-confirm-page .dex-confirm-requisites div,
body.dex-order-confirm-page .dex-confirm-grid div,
body.dex-order-confirm-page .dex-confirm-note,
body.dex-order-confirm-page .stepwarning,
body.dex-order-confirm-page .stepcheckbox .checkbox {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(16, 17, 21, 0.78) !important;
}

body.dex-order-confirm-page .dex-confirm-side {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(16, 17, 21, 0.78) !important;
}

body.dex-order-confirm-page .dex-confirm-card {
    background: rgba(255, 255, 255, 0.032) !important;
}

body.dex-order-confirm-page .dex-confirm-kicker {
    color: rgba(245, 189, 67, 0.92) !important;
    border-color: rgba(245, 189, 67, 0.24) !important;
    background: rgba(245, 189, 67, 0.055) !important;
}

body.dex-order-confirm-page .reserv_box_html,
body.dex-order-confirm-page .sidebar {
    display: none !important;
}

@media (max-width: 900px) {
    body.dex-order-confirm-page #cwrap {
        padding: 10px 10px 22px !important;
    }

    body.dex-order-confirm-page .dex-confirm-hero .xchangestep1divvn {
        padding: 18px !important;
        border-radius: 20px !important;
        text-align: center;
    }

    body.dex-order-confirm-page .xchangestep1title {
        font-size: 25px !important;
    }

    body.dex-order-confirm-page .dex-confirm-hero p {
        margin-left: auto;
        margin-right: auto;
        font-size: 12.5px;
    }

    body.dex-order-confirm-page .dex-confirm-layout {
        grid-template-columns: 1fr;
        padding: 10px;
        border-radius: 20px;
    }

    body.dex-order-confirm-page .dex-confirm-route,
    body.dex-order-confirm-page .dex-confirm-flow,
    body.dex-order-confirm-page .dex-confirm-grid {
        grid-template-columns: 1fr;
    }

    body.dex-order-confirm-page .dex-confirm-arrow {
        transform: rotate(90deg);
        margin: -2px auto;
    }

    body.dex-order-confirm-page .dex-confirm-amount-card {
        min-height: 0;
        padding: 15px;
    }

    body.dex-order-confirm-page .dex-confirm-amount-card strong {
        font-size: 22px;
    }

    body.dex-order-confirm-page .dex-confirm-side {
        padding: 12px;
        border-radius: 18px;
    }

    body.dex-order-confirm-page .step2submit input[type="submit"] {
        width: min(100%, 230px) !important;
    }
}

@media (max-width: 760px) {
    body.dex-xchange-page .dex-bank-source-grid,
    body.dex-xchange-page .dex-crypto-payout-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Exchange flow footer placement */
body.dex-xchange-page #container,
body.dex-order-confirm-page #container,
body.dex-order-pay-page #container {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

body.dex-xchange-page #cwrap,
body.dex-order-confirm-page #cwrap,
body.dex-order-pay-page #cwrap {
    flex: 0 0 auto !important;
}

body.dex-xchange-page .dex-footer-top-format,
body.dex-order-confirm-page .dex-footer-top-format,
body.dex-order-pay-page .dex-footer-top-format {
    margin-top: auto !important;
}

body.dex-xchange-page #cwrap {
    margin-bottom: 18px !important;
}

body.dex-order-confirm-page #cwrap,
body.dex-order-pay-page #cwrap {
    margin-bottom: 16px !important;
    padding-bottom: 18px !important;
}

@media (max-width: 760px) {
    body.dex-xchange-page #cwrap,
    body.dex-order-confirm-page #cwrap,
    body.dex-order-pay-page #cwrap {
        margin-bottom: 10px !important;
        padding-bottom: 12px !important;
    }
}

/* Exchange pages: visible Jivo and fixed footer */
body.dex-xchange-page #jvLabelWrap,
body.dex-order-confirm-page #jvLabelWrap,
body.dex-order-pay-page #jvLabelWrap {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2147483000 !important;
}

body.dex-xchange-page jdiv,
body.dex-order-confirm-page jdiv,
body.dex-order-pay-page jdiv {
    z-index: 2147483000 !important;
}

body.dex-xchange-page #jcont,
body.dex-order-confirm-page #jcont,
body.dex-order-pay-page #jcont {
    max-height: calc(100vh - 26px) !important;
}

body.dex-xchange-page,
body.dex-order-confirm-page,
body.dex-order-pay-page {
    padding-bottom: 98px !important;
}

body.dex-xchange-page .dex-footer-top-format,
body.dex-order-confirm-page .dex-footer-top-format,
body.dex-order-pay-page .dex-footer-top-format {
    bottom: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    position: fixed !important;
    right: 0 !important;
    z-index: 80 !important;
}

@media (max-width: 760px) {
    body.dex-xchange-page,
    body.dex-order-confirm-page,
    body.dex-order-pay-page {
        padding-bottom: 146px !important;
    }

    body.dex-xchange-page .dex-footer-top-format,
    body.dex-order-confirm-page .dex-footer-top-format,
    body.dex-order-pay-page .dex-footer-top-format {
        max-height: 146px !important;
        overflow: hidden !important;
        position: fixed !important;
    }

    body.dex-xchange-page #jvLabelWrap,
    body.dex-order-confirm-page #jvLabelWrap,
    body.dex-order-pay-page #jvLabelWrap {
        bottom: 0 !important;
    }

    body.dex-xchange-page #jcont,
    body.dex-order-confirm-page #jcont,
    body.dex-order-pay-page #jcont {
        bottom: 0 !important;
        max-height: calc(100vh - 26px) !important;
    }
}

/* Payment deadline font sizing */
body.dex-order-pay-page .dex-pay-deadline {
    font-size: 16px !important;
}

body.dex-order-pay-page .dex-pay-deadline strong,
body.dex-order-pay-page .dex-pay-deadline #payTimer {
    font-size: 20px !important;
}

@media (max-width: 760px) {
    body.dex-order-pay-page .dex-pay-deadline {
        font-size: 12px !important;
    }

    body.dex-order-pay-page .dex-pay-deadline strong,
    body.dex-order-pay-page .dex-pay-deadline #payTimer {
        font-size: 16px !important;
    }
}

/* Desktop payment flow cards */
@media (min-width: 761px) {
    body.dex-order-pay-page .dex-pay-summary {
        padding: 8px !important;
    }

    body.dex-order-pay-page .dex-pay-flow {
        grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: center !important;
    }

    body.dex-order-pay-page .dex-pay-flow > div {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 58px !important;
        grid-template-rows: auto auto auto !important;
        column-gap: 16px !important;
        align-content: center !important;
        align-items: center !important;
        box-sizing: border-box !important;
        height: 86px !important;
        min-height: 86px !important;
        padding: 12px 14px 12px 18px !important;
        position: relative !important;
    }

    body.dex-order-pay-page .dex-pay-flow span {
        display: block !important;
        grid-column: 1 !important;
        margin: 0 0 6px !important;
    }

    body.dex-order-pay-page .dex-pay-flow strong {
        display: block !important;
        grid-column: 1 !important;
        margin: 0 0 5px !important;
        font-size: 26px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.dex-order-pay-page .dex-pay-flow em {
        display: block !important;
        grid-column: 1 !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        margin: 0 !important;
    }

    body.dex-order-pay-page .dex-pay-flow i,
    body.dex-order-pay-page .dex-pay-flow i.dex-pay-coin-icon,
    body.dex-order-pay-page .dex-pay-flow i.dex-pay-payment-icon {
        align-self: center !important;
        display: block !important;
        grid-column: 2 !important;
        grid-row: 1 / span 3 !important;
        height: 56px !important;
        justify-self: center !important;
        position: static !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        width: 56px !important;
        background-size: contain !important;
        border-radius: 999px !important;
        box-shadow:
            0 12px 26px rgba(0, 0, 0, .34),
            0 0 0 6px rgba(255, 255, 255, .055),
            inset 0 1px 0 rgba(255, 255, 255, .18) !important;
    }

    body.dex-order-pay-page .dex-pay-flow > b {
        height: 40px !important;
        width: 40px !important;
        font-size: 19px !important;
    }
}

/* xchange.php amount currency badge fit */
body.dex-xchange-page .dex-fixed-amount {
    grid-template-columns: minmax(0, 1fr) minmax(58px, max-content) !important;
}

body.dex-xchange-page .dex-fixed-amount span {
    box-sizing: border-box !important;
    font-size: 10px !important;
    height: 26px !important;
    line-height: 1 !important;
    max-width: 96px !important;
    min-width: 58px !important;
    overflow: visible !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
    width: auto !important;
}