/* XChangic modern design 2026-10 — scoped to html.xc-modern (added only when the design is switched on). Brand: navy + logo cyan #18a8d8. Rollback: switch XC_DESIGN_LIVE off in includes/xc-design.php. */
html.xc-modern body{--n1:#061428;--n2:#0a2142;--n3:#103566;--c1:#18a8d8;--c2:#5fd3f5;--c3:#0a77a6;--ink:#13233a;--mut:#56667b;--bg:#f2f6fb;--line:#dde6f0;--card:#fff;--r:16px;--sh:0 10px 30px rgba(10,33,66,.07);background:var(--bg)!important;color:var(--ink)}
html.xc-modern .container,html.xc-modern .wrapper,html.xc-modern .content_wrap{background:transparent!important}
html.xc-modern a{color:var(--c3)}
html.xc-modern a:hover{color:var(--n3)}
/* notices */
html.xc-modern .wclosearea{background:linear-gradient(90deg,#3a1f12,var(--n2) 55%,var(--n3))!important;border:0!important;border-left:5px solid #f5b83d!important;border-bottom:1px solid rgba(245,184,61,.35)!important}
html.xc-modern .wclosearea_text_ins,html.xc-modern .wclosearea_text_ins p{color:#fff!important}
html.xc-modern .wclosearea_text_ins strong{color:#ffd27a!important}
/* top bar */
html.xc-modern .topbar_wrap,html.xc-modern .topbar_ins,html.xc-modern .topbar{background:var(--n1)!important;border:0!important}
html.xc-modern .topbar_icon_wrap .fa{border-radius:10px;transition:transform .25s ease,box-shadow .25s ease}
html.xc-modern .topbar_icon_wrap .fa:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(24,168,216,.35);opacity:1}
/* header */
html.xc-modern .tophead_wrap,html.xc-modern .tophead_ins{background:linear-gradient(120deg,var(--n1) 0%,var(--n2) 55%,var(--n3) 100%)!important;position:relative;overflow:hidden;border:0!important;box-shadow:0 8px 24px rgba(6,20,40,.18)}
html.xc-modern .tophead_ins:before,html.xc-modern .tophead_ins:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.45;pointer-events:none;will-change:transform}
html.xc-modern .tophead_ins:before{width:320px;height:320px;left:-80px;top:-200px;background:var(--c1);animation:xcFloat 14s ease-in-out infinite alternate}
html.xc-modern .tophead_ins:after{width:260px;height:260px;right:-60px;top:-150px;background:#2d6cdf;animation:xcFloat 18s ease-in-out infinite alternate-reverse}
html.xc-modern .tophead{position:relative;z-index:1}
html.xc-modern .topmenu li a,html.xc-modern .topmenu a{color:#dbe8f7!important;position:relative;transition:color .2s}
html.xc-modern .topmenu li a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:linear-gradient(90deg,var(--c1),var(--c2));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
html.xc-modern .topmenu li a:hover,html.xc-modern .topmenu li.current-menu-item>a{color:#fff!important}
html.xc-modern .topmenu li a:hover:after,html.xc-modern .topmenu li.current-menu-item>a:after{transform:scaleX(1)}
html.xc-modern .topmenu li ul{background:var(--n2)!important;border-radius:12px;box-shadow:var(--sh)}
html.xc-modern .toplink{border-radius:10px!important;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s}
html.xc-modern .toplink_signin,html.xc-modern .toplink_userlogin{background:transparent!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important}
html.xc-modern .toplink_signup,html.xc-modern .toplink_exit{background:linear-gradient(135deg,var(--c1),var(--c2))!important;border:0!important;color:var(--n1)!important}
html.xc-modern .toplink:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,168,216,.35)}
html.xc-modern .langlist_title{background:rgba(255,255,255,.1)!important;color:#fff!important;border-radius:10px;border:1px solid rgba(255,255,255,.25)!important}
html.xc-modern .langlist_ul{border-radius:10px;overflow:hidden;box-shadow:var(--sh)}
html.xc-modern .topmenu_ico{color:#fff!important;filter:brightness(0) invert(1)}
/* page title band (inner pages) */
html.xc-modern .breadcrumb_wrap{background:linear-gradient(120deg,var(--n2),var(--n3))!important;border:0!important;position:relative;overflow:hidden}
html.xc-modern .breadcrumb_wrap:after{content:"";position:absolute;right:-120px;top:-120px;width:300px;height:300px;border-radius:50%;background:var(--c1);opacity:.18;filter:blur(30px);pointer-events:none}
html.xc-modern .breadcrumb_title,html.xc-modern h1.breadcrumb_title{color:#fff!important;position:relative;z-index:1}
html.xc-modern .breadcrumb ul li,html.xc-modern .breadcrumb ul li a{color:#b9cde4!important}
html.xc-modern .breadcrumb ul li a:hover{color:#fff!important}
/* cards */
html.xc-modern .page_wrap,html.xc-modern .many_news_wrap,html.xc-modern .log_div_wrap,html.xc-modern .reg_div_wrap,html.xc-modern .lp_div_wrap,html.xc-modern .checkstatus_div_wrap,html.xc-modern .rf_div_wrap,html.xc-modern .xchange_div,html.xc-modern .seo3-wrap,html.xc-modern .home_text_wrap .home_text_ins,html.xc-modern .home_reserv_block,html.xc-modern .xtt_left_col_table,html.xc-modern .xtt_right_col_table,html.xc-modern .warning_message,html.xc-modern .notice_message,html.xc-modern .acf_div_wrap,html.xc-modern .other_directions_wrap,html.xc-modern .one_home_reserv_ins{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important}
html.xc-modern .text h1,html.xc-modern .text h2,html.xc-modern .text h3,html.xc-modern .home_text_title{color:var(--n2)!important}
html.xc-modern .text h2{position:relative;padding-left:14px}
html.xc-modern .text h2:before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:4px;background:linear-gradient(var(--c1),var(--c2))}
html.xc-modern .text a:not([class*="button"]):not([class*="btn"]):not([class*="submit"]){color:var(--c3);text-decoration-color:rgba(10,119,166,.35)}
html.xc-modern .one_news{border-radius:12px;transition:background .25s,transform .25s}
html.xc-modern .one_news:hover{background:#f3f9fd;transform:translateX(3px)}
/* buttons and inputs */
html.xc-modern input[type=submit],html.xc-modern button[type=submit],html.xc-modern input.xchange_submit,html.xc-modern a.xtl_submit,html.xc-modern a.xtp_submit,html.xc-modern a.home_reserv_more{background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:var(--n1)!important;border:0!important;border-radius:12px!important;font-weight:700!important;box-shadow:0 6px 16px rgba(24,168,216,.28);transition:transform .2s ease,box-shadow .2s ease,filter .2s}
html.xc-modern input[type=submit]:hover,html.xc-modern button[type=submit]:hover,html.xc-modern input.xchange_submit:hover,html.xc-modern a.home_reserv_more:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(24,168,216,.38);filter:saturate(1.1)}
html.xc-modern input[type=submit]:disabled{background:#cfd8e3!important;color:#3d4b5c!important;box-shadow:none;transform:none}
html.xc-modern .form_field_ins input[type=text],html.xc-modern .form_field_ins input[type=password],html.xc-modern .form_field_ins input[type=email],html.xc-modern .form_field_ins textarea,html.xc-modern .xchange_sum_input input,html.xc-modern .xchange_curs_input input{border-radius:10px!important;border:1px solid #cdd8e5!important;transition:border-color .2s,box-shadow .2s}
html.xc-modern .form_field_ins input:focus,html.xc-modern .form_field_ins textarea:focus,html.xc-modern .xchange_sum_input input:focus{border-color:var(--c1)!important;box-shadow:0 0 0 3px rgba(24,168,216,.18)!important;outline:0}
/* homepage exchange table */
html.xc-modern .tbl_icon_ins{border-radius:999px!important;transition:background .2s,color .2s,transform .2s}
html.xc-modern .tbl_icon:hover .tbl_icon_ins{transform:translateY(-1px);background:#e6f5fb!important}
html.xc-modern .tbl_icon.active .tbl_icon_ins{background:var(--n2)!important;color:#fff!important}
html.xc-modern .xtt_one_line_left,html.xc-modern .xtt_one_line_right{border-radius:12px!important;transition:background .2s,transform .2s,box-shadow .2s}
html.xc-modern .js_item_left:hover .xtt_one_line_left,html.xc-modern .js_item_right:hover .xtt_one_line_right{background:#eaf6fc!important;transform:translateX(2px)}
html.xc-modern .js_item_left.active .xtt_one_line_left,html.xc-modern .js_item_right.active .xtt_one_line_right{background:linear-gradient(120deg,var(--n2),var(--n3))!important;box-shadow:0 8px 18px rgba(10,33,66,.25);border-left:4px solid var(--c1)}
html.xc-modern .js_item_left.active .xtt_one_line_name,html.xc-modern .js_item_left.active .xtt_one_line_curs,html.xc-modern .js_item_right.active .xtt_one_line_name,html.xc-modern .js_item_right.active .xtt_one_line_curs{color:#fff!important}
html.xc-modern .currency_logo{border-radius:50%;box-shadow:0 2px 8px rgba(10,33,66,.12)}
/* homepage text sections */
html.xc-modern .home_text_ins{padding:28px!important}
html.xc-modern .home_text_title{font-size:28px!important;line-height:1.25}
html.xc-modern .home_text_div .xc-sec{margin:0 0 26px}
html.xc-modern .home_text_div h2{font-size:22px;margin:0 0 12px;color:var(--n2)}
html.xc-modern .home_text_div h3{font-size:17px;margin:0 0 8px;color:var(--n2)}
html.xc-modern .xc-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
html.xc-modern .xc-links li{margin:0;padding:0;background:none}
html.xc-modern .xc-links li:before{display:none}
html.xc-modern .xc-links a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#f7fbfe;color:var(--n2);font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
html.xc-modern .xc-links a:hover{transform:translateY(-3px);border-color:var(--c1);box-shadow:0 10px 22px rgba(24,168,216,.18)}
html.xc-modern .xc-steps ol{counter-reset:xcs;list-style:none;margin:0;padding:0;display:grid;gap:12px}
html.xc-modern .xc-steps li{counter-increment:xcs;position:relative;padding:14px 14px 14px 58px;border:1px solid var(--line);border-radius:12px;background:#fff}
html.xc-modern .xc-steps li:before{content:counter(xcs);position:absolute;left:14px;top:12px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2));color:var(--n1);font-weight:800;display:flex;align-items:center;justify-content:center}
html.xc-modern .xc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:12px}
html.xc-modern .xc-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f5fafe);transition:transform .25s,box-shadow .25s}
html.xc-modern .xc-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(10,33,66,.1)}
html.xc-modern .xc-note{color:var(--mut);font-size:14px}
html.xc-modern .xc-trust ul{padding-left:20px}
/* footer */
html.xc-modern .footer_wrap,html.xc-modern .footer{background:linear-gradient(180deg,var(--n2),var(--n1))!important;color:#c6d6ea!important;border:0!important}
html.xc-modern .footer_wrap{margin-top:30px;position:relative;overflow:hidden}
html.xc-modern .footer_wrap:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--c1),var(--c2),transparent)}
html.xc-modern .footer a,html.xc-modern .footer_menu a,html.xc-modern .seo5-footer-links a,html.xc-modern .perf1-tp-link a{color:#8fdcf7!important}
html.xc-modern .footer a:hover{color:#fff!important}
html.xc-modern .copyright{color:#c6d6ea!important}
html.xc-modern .footer_soc .fa{transition:transform .25s,box-shadow .25s}
html.xc-modern .footer_soc .fa:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(24,168,216,.35);opacity:1}
/* scroll reveal (only when JS is present; content stays visible without JS) */
html.xc-modern.xc-js .xc-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
html.xc-modern.xc-js .xc-reveal.xc-in{opacity:1;transform:none}
@keyframes xcFloat{from{transform:translate(0,0)}to{transform:translate(60px,40px)}}
@media (prefers-reduced-motion:reduce){html.xc-modern *,html.xc-modern *:before,html.xc-modern *:after{animation:none!important;transition:none!important}html.xc-modern.xc-js .xc-reveal{opacity:1;transform:none}}
@media (max-width:767px){html.xc-modern .home_text_ins{padding:18px!important}html.xc-modern .home_text_title{font-size:23px!important}html.xc-modern .xc-links{grid-template-columns:1fr 1fr}html.xc-modern .xc-links a{padding:10px 12px;font-size:14px}}
html.xc-modern #topped,html.xc-modern .js_to_top{background-color:var(--c3)!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(24,168,216,.35);transition:transform .2s}
html.xc-modern #topped:hover{transform:translateY(-3px)}
/* full-width content when the sidebar is empty */
html.xc-modern .content_wrap:has(> .sidebar:not(:has(*))) > .content{width:auto!important;float:none!important;max-width:none!important;margin-right:0!important}
html.xc-modern .content_wrap > .sidebar:not(:has(*)){display:none!important}
/* text inputs */
html.xc-modern input[type=text],html.xc-modern input[type=password],html.xc-modern input[type=email],html.xc-modern input[type=tel],html.xc-modern textarea{background:#f8fbfd!important;border:1px solid #cdd8e5!important;border-radius:10px!important;transition:border-color .2s,box-shadow .2s,background .2s}
html.xc-modern input[type=text]:focus,html.xc-modern input[type=password]:focus,html.xc-modern input[type=email]:focus,html.xc-modern input[type=tel]:focus,html.xc-modern textarea:focus{background:#fff!important;border-color:var(--c1)!important;box-shadow:0 0 0 3px rgba(24,168,216,.18)!important;outline:0}
/* mobile header: let the header grow so the second row of account buttons stays inside it */
@media (max-width:959px){html.xc-modern .tophead_wrap,html.xc-modern .tophead_ins,html.xc-modern .tophead{height:auto!important;min-height:60px}html.xc-modern .tophead:after{content:"";display:block;clear:both}html.xc-modern .tophead{padding-bottom:8px}}
/* muted labels on white cards: #6b8199 -> #56667b (5.7:1) */
html.xc-modern .xchange_info_line,html.xc-modern .xchange_sum_label,html.xc-modern .xchange_sumandcom,html.xc-modern .xchange_curs_label,html.xc-modern .xchange_pers_label,html.xc-modern .js_comis_text1,html.xc-modern .js_comis_text2,html.xc-modern .js_course_html,html.xc-modern .hexch_sumandcom,html.xc-modern .hexch_curs_label,html.xc-modern .hexch_pers_label,html.xc-modern .block_xchdata_comm,html.xc-modern .log_label,html.xc-modern .reg_label,html.xc-modern .lp_label,html.xc-modern .rf_label,html.xc-modern .checkstatus_label,html.xc-modern .form_field_label_ins,html.xc-modern .field_tooltip,html.xc-modern .home_lchange_date,html.xc-modern .home_news_one_date,html.xc-modern .widget_news_date,html.xc-modern .select_js_ulli{color:#56667b!important}
/* phones: keep the header glow static (saves main-thread work) */
@media (max-width:959px){html.xc-modern .tophead_ins:before,html.xc-modern .tophead_ins:after{animation:none!important}}
/* table: the navy highlight follows the mouse; the selected currency fades while another one is hovered */
html.xc-modern .js_item_left:hover .xtt_one_line_left,html.xc-modern .js_item_right:hover .xtt_one_line_right{background:linear-gradient(120deg,var(--n2),var(--n3))!important;box-shadow:0 8px 18px rgba(10,33,66,.22);border-left:4px solid var(--c1);transform:translateX(2px)}
html.xc-modern .js_item_left:hover .xtt_one_line_left *,html.xc-modern .js_item_right:hover .xtt_one_line_right *{color:#fff!important}
html.xc-modern .xtt_left_col_table:hover .js_item_left.active:not(:hover) .xtt_one_line_left{background:#e9f3fa!important;box-shadow:none;border-left:4px solid var(--c1)}
html.xc-modern .xtt_left_col_table:hover .js_item_left.active:not(:hover) .xtt_one_line_left *{color:var(--ink)!important}
/* design footer */
html.xc-modern .xc-footer-wrap{background:linear-gradient(180deg,var(--n2),var(--n1))!important;color:#c6d6ea;margin-top:34px;position:relative;overflow:hidden}
html.xc-modern .xc-footer-wrap:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--c1),var(--c2),transparent)}
html.xc-modern .xc-footer-wrap:after{content:"";position:absolute;right:-140px;bottom:-160px;width:380px;height:380px;border-radius:50%;background:var(--c1);opacity:.12;filter:blur(50px);pointer-events:none}
html.xc-modern .xc-footer{max-width:1150px;margin:0 auto;padding:46px 20px 0;position:relative;z-index:1}
html.xc-modern .xc-fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
html.xc-modern .xc-fbrand p{margin:14px 0;font-size:14px;line-height:1.65;color:#c6d6ea}
html.xc-modern .xc-flogo img{display:block;width:170px;height:auto}
html.xc-modern .xc-fh{margin:4px 0 14px;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#fff!important}
html.xc-modern .xc-fcol ul{list-style:none;margin:0;padding:0}
html.xc-modern .xc-fcol li{margin:0 0 9px;padding:0;background:none}
html.xc-modern .xc-fcol li:before{display:none}
html.xc-modern .xc-fcol li a{color:#b9cde4!important;text-decoration:none;font-size:14px;display:inline-block;transition:color .2s,transform .2s}
html.xc-modern .xc-fcol li a:hover{color:var(--c2)!important;transform:translateX(4px)}
html.xc-modern .xc-ftp a{color:#8fdcf7!important;font-weight:700;font-size:14px}
html.xc-modern .xc-fsoc{display:flex;gap:10px;margin:6px 0 10px}
html.xc-modern .xc-fsoc .fa{padding:10px;font-size:18px;width:20px;margin:0;border-radius:12px}
html.xc-modern .xc-fbottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:34px;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#9fb4cc}
@media (max-width:959px){html.xc-modern .xc-fgrid{grid-template-columns:1fr 1fr}html.xc-modern .xc-fbrand{grid-column:1/-1}}
@media (max-width:520px){html.xc-modern .xc-fgrid{grid-template-columns:1fr;gap:24px}html.xc-modern .xc-footer{padding-top:34px}}
html.xc-modern .fa,html.xc-modern .fa:hover{color:#fff!important}
@media (max-width:767px){html.xc-modern .xc-fbottom{padding-bottom:84px}}
/* ===== sidebar cards ===== */
html.xc-modern .xc-side{display:flex;flex-direction:column;gap:16px}
@media (min-width:1000px){html.xc-modern .sidebar{position:sticky;top:20px;align-self:flex-start}}
html.xc-modern .xc-scard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px 18px 16px;transition:transform .25s ease,box-shadow .25s ease}
html.xc-modern .xc-scard:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(6,20,40,.12)}
html.xc-modern .xc-sh{font:700 16px/1.3 "Nunito","Nunito Fallback",sans-serif;color:var(--n2);margin:0 0 12px;padding:0 0 10px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--c1),transparent) 1}
html.xc-modern .xc-schk,html.xc-modern .xc-spop{list-style:none;margin:0;padding:0}
html.xc-modern .xc-schk li{position:relative;padding:0 0 9px 26px;color:#33445a;font-size:13.5px;line-height:1.45;background:none}
html.xc-modern .xc-schk li:before{content:"";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2))}
html.xc-modern .xc-schk li:after{content:"";position:absolute;left:6px;top:5px;width:4px;height:7px;border:solid var(--n1);border-width:0 2px 2px 0;transform:rotate(45deg)}
html.xc-modern .xc-spop li{padding:0;background:none}
html.xc-modern .xc-spop a{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin:0 -10px;border-radius:9px;color:var(--n2);font-size:13.5px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,padding .2s}
html.xc-modern .xc-spop a:after{content:"›";color:var(--c3);font-size:18px;line-height:1;transition:transform .2s}
html.xc-modern .xc-spop a:hover{background:linear-gradient(120deg,var(--n2),var(--n3));color:#fff}
html.xc-modern .xc-spop a:hover:after{color:var(--c2);transform:translateX(3px)}
html.xc-modern .xc-shelp{background:linear-gradient(150deg,var(--n1),var(--n3));border-color:transparent;color:#d6e6f5;position:relative;overflow:hidden}
html.xc-modern .xc-shelp:before{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(95,211,245,.35),transparent 70%);pointer-events:none}
html.xc-modern .xc-shelp .xc-sh{color:#fff}
html.xc-modern .xc-shelp p{font-size:13.5px;line-height:1.5;margin:0 0 14px;padding:0;color:#d6e6f5}
html.xc-modern .xc-sbtn{display:block;text-align:center;padding:11px 12px;border-radius:12px;background:linear-gradient(135deg,var(--c1),var(--c2));color:var(--n1)!important;font-weight:700;text-decoration:none;box-shadow:0 6px 16px rgba(24,168,216,.3);transition:transform .2s,box-shadow .2s}
html.xc-modern .xc-sbtn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(24,168,216,.42)}
html.xc-modern .xc-slink{display:block;margin:10px 0 0;color:var(--c2)!important;font-size:13px;text-decoration:none}
html.xc-modern .xc-slink:hover{text-decoration:underline}
/* ===== exchange direction page ===== */
html.xc-modern .xchange_div_ins{counter-reset:xcstep}
html.xc-modern .xchange_data_title,html.xc-modern .xchange_pers_title{counter-increment:xcstep;display:flex;align-items:center;gap:12px;color:var(--n2)!important;font-weight:700}
html.xc-modern .xchange_data_title:before,html.xc-modern .xchange_pers_title:before{content:counter(xcstep);flex:0 0 34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--n1);background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 4px 12px rgba(24,168,216,.35)}
html.xc-modern .xchange_div_col_give,html.xc-modern .xchange_div_col_get,html.xc-modern .xchange_pers{background:#f6fafd;border:1px solid var(--line);border-radius:14px;padding:18px 18px 8px;box-sizing:border-box;margin-bottom:18px;border-top:3px solid var(--c1);transition:box-shadow .25s,border-color .25s}
html.xc-modern .xchange_div_col_give:focus-within,html.xc-modern .xchange_div_col_get:focus-within,html.xc-modern .xchange_pers:focus-within{box-shadow:0 8px 24px rgba(24,168,216,.16);border-color:#bfe3f2}
html.xc-modern .xchange_div_col_get{border-top-color:var(--n3)}
html.xc-modern .xchange_pers{border-top-color:var(--c3)}
html.xc-modern .xchange_div_cols:after{content:"";display:block;clear:both}
html.xc-modern .xchange_info_line{display:inline-block;background:#e9f3fa;border-radius:20px;padding:4px 12px;color:var(--n2)!important;font-weight:600}
html.xc-modern .xchange_submit{min-width:260px}
html.xc-modern .exchange_checkpersdata input[type=checkbox],html.xc-modern .xchange_checkdata_div input[type=checkbox]{accent-color:var(--c3)}
html.xc-modern .notice_message{border-left:4px solid var(--c1)!important}
html.xc-modern .warning_message_title,html.xc-modern .warning_message_title span{color:var(--n2)!important;font-weight:700}
html.xc-modern .other_directions_title{color:var(--n2)!important;font-weight:700}
html.xc-modern .other_directions_in{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
html.xc-modern .other_directions_in:before,html.xc-modern .other_directions_in:after{display:none}
html.xc-modern a.other_direction{width:auto!important;float:none!important;border:1px solid var(--line);border-radius:10px;background:#f6fafd;transition:background .2s,border-color .2s,transform .2s}
html.xc-modern a.other_direction:hover{background:linear-gradient(120deg,var(--n2),var(--n3));border-color:transparent;transform:translateY(-1px)}
html.xc-modern a.other_direction:hover *{color:#fff!important}
html.xc-modern .xchange_pers,html.xc-modern .xchange_pers_ins{display:flow-root}
html.xc-modern .wclosearea_hide{filter:sepia(1) saturate(4) hue-rotate(5deg) brightness(1.2)}
/* ===== Trustpilot review strip ===== */
html.xc-modern .xc-revs{background:linear-gradient(180deg,var(--n1) 0,var(--n2) 100%);padding:22px 0 26px;position:relative;overflow:hidden}
html.xc-modern .xc-revs:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--c1),transparent)}
html.xc-modern .xc-revs-in{max-width:1170px;margin:0 auto;padding:0 16px;box-sizing:border-box}
html.xc-modern .xc-revs-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin:0 0 16px}
html.xc-modern .xc-revs-title{margin:0;padding:0;font:800 20px/1.25 "Nunito","Nunito Fallback",sans-serif;color:#fff}
html.xc-modern .xc-revs-score{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:#d6e6f5!important;text-decoration:none;font-size:13.5px}
html.xc-modern .xc-revs-score b{color:#fff;font-size:15px}
html.xc-modern .xc-revs-score em{font-style:normal;color:var(--c2);font-weight:700}
html.xc-modern .xc-revs-score:hover em{text-decoration:underline}
html.xc-modern .xc-stars{display:inline-flex;gap:2px;vertical-align:middle}
html.xc-modern .xc-stars i{width:18px;height:18px;background:#00b67a;display:inline-block;position:relative}
html.xc-modern .xc-stars i:after{content:"";position:absolute;inset:3px;background:#fff;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
html.xc-modern .xc-revs-view{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
html.xc-modern .xc-revs-track{display:flex;width:max-content;animation:xcRevScroll 70s linear infinite}
html.xc-modern .xc-revs-view:hover .xc-revs-track,html.xc-modern .xc-revs-view:focus-within .xc-revs-track,html.xc-modern .xc-revs-view:active .xc-revs-track{animation-play-state:paused}
html.xc-modern .xc-revs-set{display:flex;gap:16px;padding-right:16px}
@keyframes xcRevScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html.xc-modern .xc-rv{flex:0 0 300px;margin:0;box-sizing:border-box;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 8px 24px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:9px;transition:transform .25s ease}
html.xc-modern .xc-rv:hover{transform:translateY(-3px)}
html.xc-modern .xc-rvh{display:flex;align-items:center;gap:10px}
html.xc-modern .xc-av{flex:0 0 38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--n3),var(--c3))}
html.xc-modern .xc-av1{background:linear-gradient(135deg,var(--c3),var(--c1))}
html.xc-modern .xc-av2{background:linear-gradient(135deg,var(--n2),var(--c1))}
html.xc-modern .xc-rvh figcaption{display:flex;flex-direction:column;line-height:1.25;min-width:0}
html.xc-modern .xc-rvh b{color:var(--n1);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.xc-modern .xc-rvh time{color:#56667b;font-size:12px}
html.xc-modern .xc-rvt{margin:0;padding:0;font-weight:800;color:var(--n1);font-size:14.5px;line-height:1.3}
html.xc-modern .xc-rv blockquote{margin:0;padding:0;border:0;color:#33445a;font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:767px){
 html.xc-modern .xc-revs{padding:18px 0 20px}
 html.xc-modern .xc-revs-title{font-size:17px}
 html.xc-modern .xc-revs-score{font-size:12.5px}
 html.xc-modern .xc-rv{flex-basis:250px;padding:14px 15px}
 html.xc-modern .xc-revs-track{animation-duration:55s}
}
@media (prefers-reduced-motion:reduce){
 html.xc-modern .xc-revs-track{animation:none}
 html.xc-modern .xc-revs-view{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scroll-snap-type:x mandatory}
 html.xc-modern .xc-revs-set[aria-hidden]{display:none}
 html.xc-modern .xc-rv{scroll-snap-align:start}
}
/* ===== sidebar: Personal account widget (logged-in users) ===== */
html.xc-modern .sidebar{display:flex;flex-direction:column;gap:16px}
html.xc-modern .sidebar>.xc-side{order:5}
html.xc-modern .sidebar>.not_frame:empty{display:none}
html.xc-modern .user_widget{margin:0!important;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important;padding:0!important;overflow:hidden;color:var(--ink,#13233a)!important}
html.xc-modern .user_widget_title{margin:0!important;padding:16px 18px 14px!important;background:linear-gradient(135deg,var(--n1),var(--n3));color:#fff!important;font:800 17px/1.3 "Nunito","Nunito Fallback",sans-serif!important;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}
html.xc-modern .user_widget_title:before{content:"";flex:0 0 30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2)) center/contain no-repeat;-webkit-mask:none;box-shadow:0 0 0 3px rgba(95,211,245,.2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2318a8d8'/%3E%3Ccircle cx='12' cy='9.5' r='3.6' fill='%23061428'/%3E%3Cpath d='M5.5 18.5c1.3-3 3.8-4.4 6.5-4.4s5.2 1.4 6.5 4.4' fill='%23061428'/%3E%3C/svg%3E")}
html.xc-modern .user_widget_title:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(95,211,245,.3),transparent 70%);pointer-events:none}
html.xc-modern .user_widget_title_ins{color:#fff!important}
html.xc-modern .user_widget_body{padding:10px 10px 12px}
html.xc-modern .user_widget_body ul{margin:0 0 8px!important;padding:0;list-style:none}
html.xc-modern .user_widget_body ul li{padding:0!important;margin:0 0 2px;background:none!important;border-radius:10px!important}
html.xc-modern .user_widget_body ul li a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;color:var(--n2)!important;font:600 14px/1.3 "Nunito","Nunito Fallback",sans-serif!important;text-decoration:none;transition:background .2s,color .2s}
html.xc-modern .user_widget_body ul li a:after{content:"›";color:var(--c3);font-size:18px;line-height:1;transition:transform .2s}
html.xc-modern .user_widget_body ul li a:hover{background:linear-gradient(120deg,var(--n2),var(--n3));color:#fff!important}
html.xc-modern .user_widget_body ul li a:hover:after{color:var(--c2);transform:translateX(3px)}
html.xc-modern .user_widget_body ul li.current a,html.xc-modern .user_widget_body ul li.current_page_item a,html.xc-modern .user_widget_body ul li a.current{background:#e9f3fa;color:var(--n1)!important;box-shadow:inset 3px 0 0 var(--c1);cursor:default}
html.xc-modern .user_widget_exit{padding:10px 2px 0;border-top:1px solid var(--line)}
html.xc-modern .user_widget_exit a.exit_link{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid #cdd8e5;color:var(--n2)!important;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s,background .2s}
html.xc-modern .user_widget_exit a.exit_link:before{content:"⏻";font-size:14px;color:var(--c3)}
html.xc-modern .user_widget_exit a.exit_link:hover{border-color:#e5484d;color:#c62f34!important;background:#fff5f5}
html.xc-modern .user_widget_exit a.exit_link:hover:before{color:#c62f34}
html.xc-modern .user_widget_exit a.exit_link{background:#fff!important;font-size:14px!important;line-height:1.3!important;height:auto!important;box-shadow:none!important}
html.xc-modern .sidebar>.widget_reviews_div{display:none}
html.xc-modern .sidebar>.not_frame,html.xc-modern .sidebar>.widget{margin:0!important}
/* ===== Other directions of exchange (v2) ===== */
html.xc-modern .other_directions_title{font:800 22px/1.25 "Nunito","Nunito Fallback",sans-serif!important;margin:0 0 16px!important;display:flex;align-items:center;gap:10px}
html.xc-modern .other_directions_title:before{content:"";width:6px;height:22px;border-radius:3px;background:linear-gradient(180deg,var(--c1),var(--c2))}
html.xc-modern .other_directions_in{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
html.xc-modern a.other_direction{display:block;height:auto!important;margin:0!important;padding:0!important;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(6,20,40,.04);text-decoration:none!important}
html.xc-modern a.other_direction .other_direction_ins{display:flex;align-items:center;gap:8px;height:auto!important;padding:10px 12px}
html.xc-modern a.other_direction .other_direction_data{float:none!important;flex:1 1 0;min-width:0;width:auto!important;height:auto!important}
html.xc-modern a.other_direction .other_direction_title{display:flex!important;align-items:center;gap:8px;height:auto!important;padding:0!important;position:static}
html.xc-modern a.other_direction .other_direction_logo{position:static!important;flex:0 0 28px;width:28px!important;height:28px!important;margin:0!important;border-radius:50%;background-size:contain!important;background-repeat:no-repeat;background-position:center;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line)}
html.xc-modern a.other_direction .other_direction_title span{display:block;font:600 13px/1.25 "Nunito","Nunito Fallback",sans-serif;color:var(--n2)!important;overflow-wrap:anywhere}
html.xc-modern a.other_direction .other_direction_arr{float:none!important;flex:0 0 24px;width:24px!important;height:24px!important;border-radius:50%;background:#e9f3fa!important;position:relative;transition:background .2s,transform .2s}
html.xc-modern a.other_direction .other_direction_arr:after{content:"→";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--c3)}
html.xc-modern a.other_direction .clear{display:none}
html.xc-modern a.other_direction:hover{background:linear-gradient(120deg,var(--n2),var(--n3));border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 20px rgba(6,20,40,.18)}
html.xc-modern a.other_direction:hover .other_direction_title span{color:#fff!important}
html.xc-modern a.other_direction:hover .other_direction_arr{background:linear-gradient(135deg,var(--c1),var(--c2))!important;transform:translateX(2px)}
html.xc-modern a.other_direction:hover .other_direction_arr:after{color:var(--n1)!important}
/* ===== Personal account: verification status ===== */
html.xc-modern .usve_widget{margin:12px 10px 2px!important;padding:12px 14px 12px 50px!important;border:1px solid #f3d08b!important;border-radius:12px;background:#fff8ea!important;color:#8a5300!important;font:700 14px/1.3 "Nunito","Nunito Fallback",sans-serif!important;position:relative}
html.xc-modern .usve_widget:before{content:"!";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#f5b83d;color:#fff;font:800 16px/28px "Nunito",sans-serif;text-align:center;box-shadow:0 0 0 4px rgba(245,184,61,.2)}
html.xc-modern .usve_widget_link{padding:6px 0 0!important}
html.xc-modern .usve_widget_link a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:var(--n2);color:#fff!important;font-size:12.5px;font-weight:700;text-decoration:none!important;transition:background .2s,transform .2s}
html.xc-modern .usve_widget_link a:after{content:"→"}
html.xc-modern .usve_widget_link a:hover{background:var(--c3);transform:translateX(2px)}
html.xc-modern .usve_widget.verifyst_1{border-color:#9fe0bf!important;background:#ebfaf2!important;color:#0a7a47!important}
html.xc-modern .usve_widget.verifyst_1:before{content:"✓";background:#16a765;box-shadow:0 0 0 4px rgba(22,167,101,.18)}
/* ===== account & other forms (not the exchange order form) ===== */
html.xc-modern .content [class*="_div_title"]:not([class*="_div_title_"]){display:flex;align-items:center;gap:10px;font:800 24px/1.25 "Nunito","Nunito Fallback",sans-serif!important;color:var(--n1)!important;margin:0 0 20px!important;padding:0 0 14px;border-bottom:1px solid var(--line)}
html.xc-modern .content [class*="_div_title"]:not([class*="_div_title_"]):before{content:"";flex:0 0 6px;height:24px;border-radius:3px;background:linear-gradient(180deg,var(--c1),var(--c2))}
html.xc-modern .content [class*="_div_title"] *{color:inherit!important;font:inherit!important}
html.xc-modern .content form:not(.ajax_post_bids) .form_field_ins input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),html.xc-modern .content form:not(.ajax_post_bids) .form_field_ins select,html.xc-modern .content form:not(.ajax_post_bids) .form_field_ins textarea{width:100%!important;max-width:none!important;box-sizing:border-box}
html.xc-modern .content .form_field_ins select{-webkit-appearance:none;appearance:none;height:46px;padding:0 42px 0 14px!important;border:1px solid #cdd8e5!important;border-radius:10px!important;background:#f8fbfd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230a77a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px center!important;color:var(--n1)!important;font:600 15px "Nunito","Nunito Fallback",sans-serif!important;cursor:pointer;transition:border-color .2s,box-shadow .2s}
html.xc-modern .content .form_field_ins select:hover{border-color:#9fc9e0!important}
html.xc-modern .content .form_field_ins select:focus{border-color:var(--c1)!important;box-shadow:0 0 0 3px rgba(24,168,216,.18)!important;outline:0}
html.xc-modern .content .form_field_ins input[readonly],html.xc-modern .content .form_field_ins input[disabled]{background:#eef3f8!important;color:#56667b!important;cursor:not-allowed}
@media (min-width:900px){
 html.xc-modern .content form:not(.ajax_post_bids) :has(> .form_field_line ~ .form_field_line){display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}
 html.xc-modern .content form:not(.ajax_post_bids) :has(> .form_field_line ~ .form_field_line) > :not(.form_field_line){grid-column:1/-1}
 html.xc-modern .content form:not(.ajax_post_bids) :has(> .form_field_line ~ .form_field_line) > .form_field_line{float:none!important;width:auto!important;min-width:0}
 html.xc-modern .content form:not(.ajax_post_bids) :has(> .form_field_line ~ .form_field_line) > .form_field_line:has(textarea){grid-column:1/-1}
}
/* ===== colour consistency fixes (site audit 2026-10-10) ===== */
html.xc-modern .sitemap_title,html.xc-modern .home_reserv_title,html.xc-modern .one_home_reserv_title,html.xc-modern .xtt_table_title1,html.xc-modern .select_js_title,html.xc-modern .select_js_title_ins{color:var(--n1)!important}
html.xc-modern .xtt_left_incol_title{color:#56667b!important}
html.xc-modern .sitemap_title{font-weight:800!important}
html.xc-modern .content .sitemap_links a,html.xc-modern .content [class*=sitemap] a{color:var(--n2)!important;text-decoration:none;transition:color .2s}
html.xc-modern .content [class*=sitemap] a:hover{color:var(--c3)!important;text-decoration:underline}
html.xc-modern .content a.perf1-tp-link,html.xc-modern .page_wrap a[href*="trustpilot"]{color:var(--c3)!important}
html.xc-modern .seo3-h2{color:var(--n1)!important;font-weight:800!important}
html.xc-modern .content [class*="_div_title_"]{border:0!important;padding:0!important;margin:0!important}
html.xc-modern .content [class*="_div_title_"]:before{content:none!important}
/* ===== Sign in / Sign up popups (standart_window) ===== */
html.xc-modern .standart_window{background:transparent!important;box-shadow:none!important;border:0!important}
html.xc-modern .standart_window_ins{border:0!important;border-radius:18px!important;overflow:hidden;box-shadow:0 30px 80px rgba(6,20,40,.45),0 0 0 1px rgba(95,211,245,.15)!important;background:#fff!important;animation:xcPop .28s cubic-bezier(.2,.9,.3,1.2)}
@keyframes xcPop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
html.xc-modern .standart_window [class*="standart_window_title"]{background:linear-gradient(135deg,var(--n1),var(--n3))!important;color:#fff!important;border:0!important;position:relative}
html.xc-modern .standart_window [class*="standart_window_title"] *{color:#fff!important}
html.xc-modern .standart_window [class*="standart_window_title"]:not([class*="_ins"]){padding:18px 56px 18px 24px!important;font:800 19px/1.3 "Nunito","Nunito Fallback",sans-serif!important;overflow:hidden}
html.xc-modern .standart_window [class*="standart_window_title"]:not([class*="_ins"]):after{content:"";position:absolute;right:-40px;top:-50px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(95,211,245,.35),transparent 70%);pointer-events:none}
html.xc-modern .standart_window .standart_window_close{z-index:2;border-radius:50%!important;background-color:rgba(255,255,255,.12)!important;filter:brightness(0) invert(1);opacity:.9;transition:background-color .2s,transform .2s}
html.xc-modern .standart_window .standart_window_close:hover{transform:rotate(90deg);opacity:1}
html.xc-modern .standart_window_content{padding:22px 24px 24px!important}
html.xc-modern .standart_window input.rb_submit,html.xc-modern .standart_window input[type=submit]{width:100%!important;height:50px;font-size:17px!important}
html.xc-modern .standart_window .form_field_ins input:not([type=checkbox]){width:100%!important;box-sizing:border-box}
html.xc-modern .standart_window a{color:var(--c3)!important;font-weight:600}
html.xc-modern .standart_window a:hover{color:var(--n2)!important}
html.xc-modern .standart_window input[type=checkbox]{accent-color:var(--c3)}
html.xc-modern .standart_shadow,html.xc-modern .standart_window_shadow,html.xc-modern [class*="window_shadow"]{background:rgba(6,20,40,.62)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1!important}
@media (max-width:767px){html.xc-modern .standart_window_ins{border-radius:16px!important}html.xc-modern .standart_window_content{padding:18px 18px 20px!important}}
@media (prefers-reduced-motion:reduce){html.xc-modern .standart_window_ins{animation:none}}
/* auth pages: no card inside a card, cyan top edge like the exchange panels */
html.xc-modern .page_wrap .reg_div_wrap,html.xc-modern .page_wrap .log_div_wrap,html.xc-modern .page_wrap .lp_div_wrap,html.xc-modern .page_wrap .checkstatus_div_wrap{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important}

html.xc-modern .content .log_div_wrap input[type=submit],html.xc-modern .content .reg_div_wrap input[type=submit],html.xc-modern .content .lp_div_wrap input[type=submit]{min-width:200px}
/* social icons removed: hide the then-empty top bar */
html.xc-modern .topbar_wrap:not(:has(a)){display:none!important}
/* ===== mobile polish (2026-10-10) ===== */
@media (max-width:767px){
 /* header: one row — logo | Sign in | Sign up | EN | menu */
 html.xc-modern .tophead{display:flex!important;align-items:center;gap:6px;flex-wrap:nowrap;padding:8px 10px!important;box-sizing:border-box}
 html.xc-modern .tophead>.clear,html.xc-modern .tophead>.topmenu{display:none!important}
 html.xc-modern .tophead>.logoblock{order:0;float:none!important;width:auto!important;margin:0 auto 0 0!important;flex:0 1 auto;min-width:0}
 html.xc-modern .tophead>.logoblock .logoblock_ins{display:block!important;height:auto!important}
 html.xc-modern .tophead>.logoblock img{width:100px!important;height:auto!important;max-width:100%}
 html.xc-modern .tophead>a.toplink{float:none!important;margin:0!important;flex:0 0 auto;height:32px;line-height:30px;padding:0 9px!important;font-size:13px!important;box-sizing:border-box}
 html.xc-modern .tophead>a.toplink_signin{order:1}
 html.xc-modern .tophead>a.toplink_signup{order:2}
 html.xc-modern .tophead>.tolbar_lang{order:3;float:none!important;margin:0!important;flex:0 0 auto}
 html.xc-modern .tophead>.topmenu_ico{order:4;float:none!important;margin:0!important;flex:0 0 34px;width:34px!important;height:40px!important;background-position:center!important}
 /* safety notices: smaller on phones (still dismissible) */
 html.xc-modern .wclosearea_text_ins,html.xc-modern .wclosearea_text_ins p{font-size:12px!important;line-height:1.45!important}
}

/* mobile menu panel in the brand colours */
html.xc-modern .mobile_menu{background:linear-gradient(170deg,var(--n1),var(--n2) 60%,var(--n3))!important}
html.xc-modern .mobile_menu_title{color:#fff!important;font-weight:800!important}
html.xc-modern .mobile_menu_close{filter:brightness(0) invert(1);opacity:.85}
html.xc-modern .mobile_menu .hmenu li{border-color:rgba(255,255,255,.1)!important}
html.xc-modern .mobile_menu .hmenu a{color:#fff!important;letter-spacing:.3px}
html.xc-modern .mobile_menu .hmenu a:hover,html.xc-modern .mobile_menu .hmenu .current-menu-item>a{color:var(--c2)!important}
/* ===== mobile header v2: row 1 = big logo | EN | menu, row 2 = Sign in | Sign up ===== */
@media (max-width:767px){
 html.xc-modern .tophead_wrap,html.xc-modern .tophead_ins,html.xc-modern .tophead{overflow:visible!important}
 html.xc-modern .tophead{flex-wrap:wrap!important;row-gap:12px;column-gap:8px;padding:12px 14px 14px!important}
 html.xc-modern .tophead>.logoblock{width:auto!important;max-width:none!important;overflow:visible}
 html.xc-modern .tophead>.logoblock .logoblock_ins{width:auto!important;max-width:none!important}
 html.xc-modern .tophead>.logoblock img{width:150px!important}
 html.xc-modern .tophead>.tolbar_lang{order:1}
 html.xc-modern .tophead>.topmenu_ico{order:2;flex:0 0 40px;width:40px!important}
 html.xc-modern .tophead>a.toplink_signin{order:3}
 html.xc-modern .tophead>a.toplink_signup{order:4}
 html.xc-modern .tophead>a.toplink{flex:1 1 0;height:42px;line-height:40px;padding:0 10px!important;font-size:15px!important;text-align:center;border-radius:12px!important}
}
@media (max-width:359px){html.xc-modern .tophead>.logoblock img{width:128px!important}}
/* language switcher: dropdown opens inside the screen, brand styled */
html.xc-modern .langlist_div{z-index:60}
html.xc-modern .langlist_title{border-radius:10px!important;border:1px solid rgba(255,255,255,.25)!important;background-color:rgba(255,255,255,.1)!important;cursor:pointer}
html.xc-modern .langlist_title span{color:#fff!important;font-weight:700;text-transform:uppercase}
html.xc-modern .langlist_ul{left:auto!important;right:0!important;top:calc(100% + 6px)!important;min-width:150px;z-index:61;background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(6,20,40,.28)!important;padding:6px!important;box-sizing:border-box}
html.xc-modern .langlist_ul a.langlist_li{display:flex!important;align-items:center;min-height:38px;padding:8px 10px 8px 44px!important;border-radius:8px;color:var(--n2)!important;font-weight:600;text-decoration:none;white-space:nowrap}
html.xc-modern .langlist_ul a.langlist_li:hover{background:#e9f3fa}
html.xc-modern .langlist_ul .langlist_liimg{left:12px!important;top:50%!important;transform:translateY(-50%)}
@media (max-width:767px){
 html.xc-modern .tophead>.logoblock{flex:1 1 auto!important;margin-right:auto!important}
 html.xc-modern .tophead>a.toplink{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)}
}
html.xc-modern .langlist_ul a.langlist_li{min-height:0!important;padding:9px 10px 9px 44px!important;line-height:1.3!important;height:auto!important}
html.xc-modern .wclosearea{position:relative;z-index:30}
@media (max-width:767px){html.xc-modern .tophead_wrap{clip-path:inset(0 0 -600px 0)}}
/* reviews strip waits for page load (perf: speed index) */
html.xc-modern .xc-revs-track{animation-play-state:paused}
html.xc-modern.xc-revs-go .xc-revs-track{animation-play-state:running}
html.xc-modern.xc-revs-go .xc-revs-view:hover .xc-revs-track,html.xc-modern.xc-revs-go .xc-revs-view:focus-within .xc-revs-track{animation-play-state:paused}
/* filter chips: one colour for the active chip (no navy pill inside the blue box) */
html.xc-modern .tbl_icon.active,html.xc-modern .tbl_icon.active:hover{background:linear-gradient(120deg,var(--n2),var(--n3))!important;border-color:transparent!important;color:#fff!important}
html.xc-modern .tbl_icon.active .tbl_icon_ins,html.xc-modern .tbl_icon .tbl_icon_ins{background:transparent!important;box-shadow:none!important}
html.xc-modern .tbl_icon.active .tbl_icon_ins{color:#fff!important}
/* popup OK button (vendor gives it class js_window_close) */
html.xc-modern .standart_window_submit{padding:0 24px 22px!important;text-align:center}
html.xc-modern .standart_window input.standart_window_button{display:inline-block!important;min-width:160px;width:auto!important;height:46px;padding:0 28px!important;border-radius:12px!important;border:0!important;background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:var(--n1)!important;font:700 16px "Nunito","Nunito Fallback",sans-serif!important;filter:none!important;opacity:1!important;transform:none;cursor:pointer;box-shadow:0 6px 16px rgba(24,168,216,.3)}
html.xc-modern .standart_window input.standart_window_button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(24,168,216,.42)}
html.xc-modern .standart_window_scrollcontent{padding:0 24px 16px}
/* ===== live rates (tarifs) ===== */
html.xc-modern .xc-rates{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px 22px 16px;margin:0 0 20px}
html.xc-modern .xc-rates-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin:0 0 6px}
html.xc-modern .xc-rates h2{margin:0;font:800 22px/1.25 "Nunito","Nunito Fallback",sans-serif;color:var(--n1)}
html.xc-modern .xc-rates h3{margin:20px 0 2px;font:800 17px/1.3 "Nunito","Nunito Fallback",sans-serif;color:var(--n2)}
html.xc-modern .xc-rates-time{margin:0;padding:5px 12px;border-radius:20px;background:#e9f3fa;color:var(--n2);font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px}
html.xc-modern .xc-dot{width:8px;height:8px;border-radius:50%;background:#16a765;box-shadow:0 0 0 0 rgba(22,167,101,.5);animation:xcPulse 2s infinite}
@keyframes xcPulse{70%{box-shadow:0 0 0 7px rgba(22,167,101,0)}100%{box-shadow:0 0 0 0 rgba(22,167,101,0)}}
html.xc-modern .xc-rates-note,html.xc-modern .xc-rates-sub{margin:4px 0 8px;padding:0;color:#56667b;font-size:13.5px;line-height:1.5}
html.xc-modern .xc-rt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px}
html.xc-modern table.xc-rt{width:100%;border-collapse:collapse;font-size:14px;min-width:420px;margin:0}
html.xc-modern .xc-rt th,html.xc-modern .xc-rt td{padding:10px 12px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
html.xc-modern .xc-rt thead th{background:linear-gradient(120deg,var(--n1),var(--n3));color:#fff;font-weight:700;font-size:13px}
html.xc-modern .xc-rt th[scope=row],html.xc-modern .xc-rt thead th:first-child{text-align:left}
html.xc-modern .xc-rt tbody th{color:var(--n1);font-weight:700;background:#f6fafd}
html.xc-modern .xc-rt tbody tr:last-child>*{border-bottom:0}
html.xc-modern .xc-rt tbody tr:hover td,html.xc-modern .xc-rt tbody tr:hover th{background:#eef7fc}
html.xc-modern .xc-rt td a{color:var(--n2)!important;font-weight:700;text-decoration:none;font-variant-numeric:tabular-nums}
html.xc-modern .xc-rt td a:hover{color:var(--c3)!important;text-decoration:underline}
html.xc-modern .xc-rt .xc-rt-na{color:#9aa8b8}
html.xc-modern .xc-rt td.xc-rt-res{color:#56667b;font-variant-numeric:tabular-nums}
html.xc-modern .xc-tarifs-text{margin-top:0}
@media (max-width:767px){html.xc-modern .xc-rates{padding:16px 12px 10px}html.xc-modern .xc-rt th,html.xc-modern .xc-rt td{padding:9px 8px;font-size:13px}html.xc-modern .xc-rt .xc-rt-res{display:none}html.xc-modern table.xc-rt{min-width:0}}
@media (max-width:767px){
 html.xc-modern .xc-rt-scroll{overflow-x:visible}
 html.xc-modern table.xc-rt{table-layout:auto;font-size:12px}
 html.xc-modern .xc-rt th,html.xc-modern .xc-rt td{padding:8px 5px;font-size:12px}
 html.xc-modern .xc-rt thead th{font-size:11px;white-space:normal;line-height:1.2}
 html.xc-modern .xc-rt tbody th{white-space:normal;line-height:1.25;width:26%}
 html.xc-modern .xc-rates{padding:14px 10px 8px}
}
/* ===== support channels (Live Chat + e-mail + Telegram) ===== */
html.xc-modern .xc-fcontact,html.xc-modern .xc-scontact{list-style:none;margin:12px 0 4px;padding:0;display:flex;flex-direction:column;gap:8px}
html.xc-modern .xc-fcontact li,html.xc-modern .xc-scontact li{margin:0;padding:0;background:none}
html.xc-modern .xc-fcontact li>span,html.xc-modern .xc-fcontact a,html.xc-modern .xc-scontact li>span,html.xc-modern .xc-scontact a{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;line-height:1.3;text-decoration:none;word-break:break-all}
html.xc-modern .xc-ci{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(95,211,245,.15);color:var(--c2);transition:background .2s,color .2s,transform .2s}
html.xc-modern .xc-fcontact li>span,html.xc-modern .xc-fcontact a{color:#c9daea!important}
html.xc-modern .xc-fcontact a:hover{color:#fff!important}
html.xc-modern .xc-fcontact a:hover .xc-ci,html.xc-modern .xc-scontact a:hover .xc-ci{background:linear-gradient(135deg,var(--c1),var(--c2));color:var(--n1);transform:scale(1.06)}
html.xc-modern .xc-scontact{margin:0 0 14px}
html.xc-modern .xc-scontact li>span,html.xc-modern .xc-scontact a{color:#d6e6f5!important}
html.xc-modern .xc-scontact a:hover{color:#fff!important}
/* ===== order page buttons (vendor anchors styled as buttons) ===== */
html.xc-modern a.success_paybutton,html.xc-modern a.cancel_paybutton,html.xc-modern a.merch_paybutton{display:block;height:auto!important;min-height:48px;line-height:1.3!important;padding:13px 18px!important;border-radius:12px!important;font:700 16px/1.3 "Nunito","Nunito Fallback",sans-serif!important;text-align:center;text-decoration:none!important;box-sizing:border-box;transition:transform .2s,box-shadow .2s,background .2s}
html.xc-modern a.success_paybutton{background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:var(--n1)!important;box-shadow:0 6px 16px rgba(24,168,216,.3)}
html.xc-modern a.success_paybutton:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(24,168,216,.42);color:var(--n1)!important}
html.xc-modern a.cancel_paybutton{background:#fff!important;color:#b42318!important;border:1px solid #f1b8b2!important}
html.xc-modern a.cancel_paybutton:hover{background:#fff4f3!important;color:#912018!important}
html.xc-modern a.merch_paybutton{background:#e9f3fa!important;color:var(--n2)!important;border:1px solid #cfe4f2}
html.xc-modern a.merch_paybutton:hover{background:#dbeef9!important}
@media (max-width:767px){html.xc-modern a.success_paybutton,html.xc-modern a.cancel_paybutton,html.xc-modern a.merch_paybutton{width:100%!important;float:none!important;margin:0 0 12px!important}}
html.xc-modern .req,html.xc-modern span.req{color:#c42b1c!important}
/* ===== PWA: install + order push ===== */
html.xc-modern .xc-install-f{margin:12px 0 0;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;border:1px solid rgba(95,211,245,.4);background:rgba(95,211,245,.1);color:#fff;font:700 13.5px "Nunito","Nunito Fallback",sans-serif;cursor:pointer}
html.xc-modern .xc-install-f:before{content:"⬇"}
html.xc-modern .xc-install-f:hover{background:linear-gradient(135deg,var(--c1),var(--c2));color:var(--n1);border-color:transparent}
.xc-ibanner{position:fixed;left:10px;right:96px;bottom:12px;z-index:9998;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,#061428,#103566);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.35);animation:xcPop .3s ease}
.xc-ibanner img{border-radius:10px;flex:0 0 40px}
.xc-ibanner p{margin:0;padding:0;font:600 12.5px/1.35 "Nunito","Nunito Fallback",sans-serif;color:#d6e6f5;flex:1}
.xc-ibanner .xc-ib-go{border:0;border-radius:10px;padding:9px 12px;font:800 13px "Nunito",sans-serif;background:linear-gradient(135deg,#18a8d8,#5fd3f5);color:#061428;cursor:pointer}
.xc-ibanner .xc-ib-x{border:0;background:none;color:#9fb6cc;font-size:20px;line-height:1;cursor:pointer;padding:4px}
html.xc-modern .xc-pushcard{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;border-radius:14px;background:#e9f3fa;border:1px solid #cfe4f2}
html.xc-modern .xc-pc-ico{font-size:22px}
html.xc-modern .xc-pc-body{flex:1 1 200px;min-width:0}
html.xc-modern .xc-pc-body b{display:block;color:var(--n1);font-size:15px}
html.xc-modern .xc-pc-body p{margin:2px 0 0;padding:0;color:#33445a;font-size:13.5px;line-height:1.4}
html.xc-modern .xc-pc-btn{border:0;border-radius:10px;padding:10px 14px;font:700 14px "Nunito","Nunito Fallback",sans-serif;background:linear-gradient(135deg,var(--n2),var(--n3));color:#fff;cursor:pointer}
html.xc-modern .xc-pc-btn:disabled{opacity:.6}
@media (display-mode: standalone){html.xc-modern .xc-install-f{display:none}}
@media (min-width:768px){.xc-ibanner{left:20px;right:auto;bottom:20px;max-width:440px}}
@media (max-width:767px){.xc-ibanner{top:10px;bottom:auto;left:10px;right:10px;z-index:2147483000}}
html.xc-modern .js_to_top,html.xc-modern .to_top,html.xc-modern [class*="to_top"]{display:none!important}
.xc-ctoast{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:2147483001;width:min(92vw,420px);box-sizing:border-box;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#061428,#103566);color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.35);animation:xcPop .3s ease;font-family:"Nunito","Nunito Fallback",sans-serif}
.xc-ctoast p{margin:0 0 10px;padding:0;font-size:14px;line-height:1.4;color:#e5eef7}
.xc-ctoast p:last-child{margin:0}
.xc-ctoast div{display:flex;gap:8px;justify-content:flex-end}
.xc-ctoast button{border:0;border-radius:10px;padding:9px 14px;font-weight:800;font-size:13.5px;cursor:pointer}
.xc-ct-y{background:linear-gradient(135deg,#18a8d8,#5fd3f5);color:#061428}
.xc-ct-n{background:rgba(255,255,255,.12);color:#fff}
/* 21 review cards (2026-10-20): keep the same reading speed */
html.xc-modern .xc-revs-track{animation-duration:98s}
@media (max-width:767px){html.xc-modern .xc-revs-track{animation-duration:77s}}
/* support channel rows: identical icon/text spacing on every row (2026-10-20) */
html.xc-modern .xc-fcontact li,html.xc-modern .xc-scontact li{display:flex;align-items:center;min-height:30px}
html.xc-modern .xc-fcontact li>span:not(.xc-ci),html.xc-modern .xc-scontact li>span:not(.xc-ci),html.xc-modern .xc-fcontact a>span:not(.xc-ci),html.xc-modern .xc-scontact a>span:not(.xc-ci){display:inline;line-height:1.3}
html.xc-modern .xc-fcontact li>a,html.xc-modern .xc-scontact li>a{display:flex!important;align-items:center;gap:12px!important}
html.xc-modern .xc-fcontact li>.xc-ci,html.xc-modern .xc-scontact li>.xc-ci{margin-right:12px}
html.xc-modern .xc-ci{flex:0 0 30px!important;width:30px!important;height:30px!important}
html.xc-modern .xc-fcontact,html.xc-modern .xc-scontact{gap:10px!important}
/* ===== direction notice — DESIGN ONLY, admin text unchanged (xc-direction-notice.php), 3 preview options ===== */
html.xc-modern .notice_message:has(.xc-nm){padding:0!important;overflow:hidden}
html.xc-modern .notice_message:has(.xc-nm) .notice_message_text_ins>.text{padding:0!important}
html.xc-modern .xc-nm p,html.xc-modern .xc-nm br{margin:0!important;padding:0!important}
html.xc-modern .xc-nm ol.xc-nm-list{list-style:none!important;margin:0!important;padding:0!important}
html.xc-modern .xc-nm li{display:flex!important;align-items:flex-start;gap:12px;background:none!important;padding:0!important;margin:0!important}
html.xc-modern .xc-nm .xc-nm-i{flex:0 0 34px;width:34px;height:34px;border-radius:50%;position:relative}
html.xc-modern .xc-nm .xc-nm-i:after{content:"";position:absolute;inset:8px;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;background:currentColor}
html.xc-modern .xc-nm .xc-nm-t{flex:1;min-width:0;color:#1b2b40;font-size:15px;line-height:1.55;padding-top:6px;font-weight:500}
html.xc-modern .xc-nm .xc-nm-t a{color:var(--c3)!important;font-weight:700;white-space:nowrap}
html.xc-modern .xc-nm .xc-nm-t a:after{content:" ↗"}
html.xc-modern .xc-nm .xc-nm-time .xc-nm-i{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='M12 7v5l3.5 2' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");color:#0a77a6;background:#e3f4fb}
html.xc-modern .xc-nm .xc-nm-own .xc-nm-i{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='black'/%3E%3Cpath d='M4 20c1.2-4 4.4-6 8-6s6.8 2 8 6z' fill='black'/%3E%3C/svg%3E");color:#103566;background:#e8eef7}
html.xc-modern .xc-nm .xc-nm-fee .xc-nm-i{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");color:#9a5b00;background:#fff3dc}
html.xc-modern .xc-nm .xc-nm-help .xc-nm-i{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z' fill='black'/%3E%3C/svg%3E");color:#127a4c;background:#e3f6ec}
html.xc-modern .xc-nm .xc-nm-man .xc-nm-i{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color:#103566;background:#e8eef7}
html.xc-modern .xc-nm .xc-nm-info .xc-nm-i{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='M12 11v6M12 7.5v.5' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");color:#56667b;background:#eef1f5}
/* option 1: clean checklist */
html.xc-modern .notice_message:has(.xc-nm-v1){border-left:4px solid var(--c1)!important}
html.xc-modern .xc-nm-v1{padding:6px 22px}
html.xc-modern .xc-nm-v1 li{padding:12px 0!important;border-bottom:1px solid var(--line)}
html.xc-modern .xc-nm-v1 li:last-child{border-bottom:0}
/* option 2: info tiles */
html.xc-modern .notice_message:has(.xc-nm-v2){border:0!important;background:linear-gradient(135deg,#eef7fc,#f6fbfe)!important}
html.xc-modern .xc-nm-v2{padding:16px}
html.xc-modern .xc-nm-v2 ol.xc-nm-list{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
html.xc-modern .xc-nm-v2 li{background:#fff!important;border:1px solid #dcebf5;border-radius:14px;padding:14px!important;box-shadow:0 2px 8px rgba(6,20,40,.05)}
html.xc-modern .xc-nm-v2 li.xc-nm-time{grid-column:1/-1;background:linear-gradient(135deg,var(--n2),var(--n3))!important;border-color:transparent}
html.xc-modern .xc-nm-v2 li.xc-nm-time .xc-nm-t{color:#fff;font-weight:700}
html.xc-modern .xc-nm-v2 li.xc-nm-time .xc-nm-i{background:linear-gradient(135deg,var(--c1),var(--c2));color:var(--n1)}
html.xc-modern .xc-nm-v2 li.xc-nm-help{grid-column:1/-1}
@media (max-width:767px){html.xc-modern .xc-nm-v2 ol.xc-nm-list{grid-template-columns:1fr}}
/* option 3: steps */
html.xc-modern .notice_message:has(.xc-nm-v3){border-left:0!important}
html.xc-modern .xc-nm-v3{padding:20px 22px;counter-reset:xcnm}
html.xc-modern .xc-nm-v3 li{counter-increment:xcnm;position:relative;padding:0 0 18px!important}
html.xc-modern .xc-nm-v3 li:last-child{padding-bottom:0!important}
html.xc-modern .xc-nm-v3 li:not(:last-child):before{content:"";position:absolute;left:16px;top:36px;bottom:2px;width:2px;background:linear-gradient(var(--c1),#d6e8f3)}
html.xc-modern .xc-nm-v3 .xc-nm-i{background:linear-gradient(135deg,var(--n2),var(--n3))!important;color:#fff!important}
html.xc-modern .xc-nm-v3 .xc-nm-i:after{content:counter(xcnm);-webkit-mask:none;mask:none;background:none;inset:0;display:flex;align-items:center;justify-content:center;font:800 14px "Nunito",sans-serif;color:#fff}
html.xc-modern .xc-nm-v3 li.xc-nm-time .xc-nm-i{background:linear-gradient(135deg,var(--c1),var(--c2))!important}
html.xc-modern .xc-nm-v3 li.xc-nm-time .xc-nm-i:after{color:var(--n1)}
html.xc-modern .xc-nm-v3 li.xc-nm-time .xc-nm-t{font-weight:700;color:var(--n1)}
@media (max-width:767px){html.xc-modern .xc-nm-v1{padding:4px 16px}html.xc-modern .xc-nm-v3{padding:16px}html.xc-modern .xc-nm .xc-nm-t{font-size:14.5px}}
/* ===== order page status box (block_instruction.st_<status>) ===== */
html.xc-modern .block_instruction{position:relative;background:#fff!important;border:1px solid var(--line)!important;border-left:4px solid var(--c1)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important;padding:18px 20px 18px 66px!important;margin:0 0 18px!important}
html.xc-modern .block_instruction:before{content:"i";position:absolute;left:18px;top:18px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 16px "Nunito",sans-serif;color:#0a77a6;background:#e3f4fb}
html.xc-modern .block_instruction .text{color:#1b2b40;font-size:15px;line-height:1.6}
html.xc-modern .block_instruction .text p{padding:0 0 8px!important;margin:0!important}
html.xc-modern .block_instruction ol.xc-ot-steps{margin:6px 0 4px!important;padding:0!important;list-style:none!important;counter-reset:xcot}
html.xc-modern .block_instruction ol.xc-ot-steps li{counter-increment:xcot;position:relative;padding:4px 0 8px 36px!important;background:none!important;display:block}
html.xc-modern .block_instruction ol.xc-ot-steps li:before{content:counter(xcot);position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--n2),var(--n3));color:#fff;font:800 12px/24px "Nunito",sans-serif;text-align:center}
html.xc-modern .block_instruction.st_success{border-left-color:#16a765!important}
html.xc-modern .block_instruction.st_success:before{content:"✓";color:#fff;background:#16a765}
html.xc-modern .block_instruction.st_payed:before,html.xc-modern .block_instruction.st_realpay:before,html.xc-modern .block_instruction.st_verify:before,html.xc-modern .block_instruction.st_coldpay:before,html.xc-modern .block_instruction.st_coldsuccess:before,html.xc-modern .block_instruction.st_amlwait:before{content:"⏱";background:#e3f4fb}
html.xc-modern .block_instruction.st_cancel,html.xc-modern .block_instruction.st_delete,html.xc-modern .block_instruction.st_error,html.xc-modern .block_instruction.st_amlerror,html.xc-modern .block_instruction.st_mercherror,html.xc-modern .block_instruction.st_payouterror,html.xc-modern .block_instruction.st_scrpayerror{border-left-color:#e5484d!important}
html.xc-modern .block_instruction.st_cancel:before,html.xc-modern .block_instruction.st_delete:before,html.xc-modern .block_instruction.st_error:before,html.xc-modern .block_instruction.st_amlerror:before,html.xc-modern .block_instruction.st_mercherror:before,html.xc-modern .block_instruction.st_payouterror:before,html.xc-modern .block_instruction.st_scrpayerror:before{content:"!";color:#fff;background:#e5484d}
@media (max-width:767px){html.xc-modern .block_instruction{padding:58px 16px 16px!important}html.xc-modern .block_instruction:before{left:16px;top:14px}}