
/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.RW_p0 {width: 320px; height: 100%; overflow-x: hidden; overflow-y: auto;
	z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s; background-color: var(--bg);}
.RW_p0.is-active {left: 0;}
body.SW_n1 {overflow: hidden; width: 100%; height: 100%;}
.VW_lp {padding: 15px 20px; gap: 10px; background-color: var(--bg-darker-1);}
.VW_lp .LW_eb {font-size: 20px;}
.TW_iy {font-size: 24px; width: 40px; height: 40px; margin-right: -10px;}
.UW_zp {padding: 20px;}
.UW_zp .hV_b8, .UW_zp .XU_yo {display: none;}
.UW_zp .eV_op {display: block; margin: 0;}
.UW_zp .eV_op > li > a {height: 50px;}
.UW_zp .fV_m0 {opacity: 1; visibility: visible; translate: 0 0; position: static;
	background-color: var(--bg-darker); width: calc(100% + 40px); margin: 0 -20px; box-shadow: none; padding: 20px;}
.UW_zp div.fV_m0 {grid-template-columns: repeat(2,minmax(0,1fr));}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	.u1_52 {max-width:1000px;}
	body, .has-branding {padding-top: 0;}
	.wrapper::before, .wrapper::after {background: none; display: none;}
	.wrapper::before, .wrapper::after {height: auto; aspect-ratio: 3 / 2;}
	.wrapper::before {mask-image: none; background-size: cover;}
	.UU_rh .eV_op {display: none;}
	.UU_rh {padding: 20px var(--indent);}
	.hV_b8 {flex: 1 1 0; max-width: 100%; min-width: 50px; margin-left: 10px;}
	.YU_um {display: flex;}

	.xX_fa {display: block;}
	.zX_gv:has(.MT_cd) {display: none;}
	.xX_fa:has(.RX_eu) .zX_gv {padding: 0;}
	.FX_1s {position: static;}
	.FX_1s .BZ_jn {height: auto; max-height: 150px;}
	.ZY_ll {padding: 6px 20px; gap: 10px 20px;}
	.cZ_vy {width: 140px;}
}
@media screen and (max-width: 1220px) and (min-width: 590px) {
	.zZ_zf:has(.EZ_yn) .grid-items {display: flex; overflow-y: hidden; overflow-x: auto;}
	.zZ_zf:has(.EZ_yn) .grid-items > .grid-items__item {flex-shrink: 0; width: 170px;}
}

@media screen and (max-width: 950px) {
	.u1_52 {max-width:768px;}
	.YT_qb {margin: 0;}
	.XT_df {width: 100%;}

	.kY_e4 {gap: 10px;}
	.oY_ws a, .oY_ws span:not([class]) {width: 100%;}
	.kY_e4 > a, .kY_e4 > span {flex-grow: 1; order: 10;}
	.qY_w2, .pY_mk {min-width: 100%;}
	.qY_w2 a, .qY_w2 span, .pY_mk > * {flex-grow: 1;}
}

@media screen and (max-width: 760px) {
	.u1_52 {max-width:640px;}
	.UU_rh .hV_b8, .UU_rh .XU_yo, .ZU_wb {display: none;}
	.UW_zp .hV_b8, .UW_zp .XU_yo {display: block; 
		width: 100%; margin: 0; margin-bottom: 10px;}
	.UW_zp .XU_yo {display: flex;}
	.dV_zy {flex: 1 1 0; max-width: 100%; min-width: 50px;}
	.YU_um, .aV_hl {order: 10; padding: 0;}
	.DZ_7c:has(.EZ_yn) .FZ_vo {width: 100%;}
	.EZ_yn {margin-top: 10px; gap: 10px; width: 100%;}
	.EZ_yn button {flex: 1 1 0; max-width: 100%; min-width: max-content; padding: 0 10px; font-size: 12px; height: 30px;}
	.zZ_zf .MT_cd {display: none;}
	.zZ_zf .MT_cd.is-active {display: block;}
	.AZ_ib {display: flex;}

	.QX_53 {display: block;}
	.QX_53 > * + * {margin-top: 20px;}
	.HX_2m h1, body:has(.HX_2m) .YZ_7e {text-align: center;}
	.UX_ib {margin-left: auto; margin-right: auto; width: 200px;}
	.NX_h7 {padding: 10px 0;}
	.ZY_ll {gap: 0 10px;}
	.cZ_vy {width: 100px; text-align: right;}
	.bZ_0s {min-width: calc(100%	- 130px); order: -1;}
	.DX_yr {display: none !important;}
	.RX_eu .n0_gn button {flex-grow: 1;}
	.SX_r9 {padding: 20px;}
	.B1_8t {width: 100%; text-align: center;}
	.EX_hq {margin: 0;}
	.LX_5o a {padding: 0 10px; height: 30px; font-size: 12px; gap: 8px;}
	
	.uX_o9 {margin-bottom: 20px;}
	.g_0u {gap: 10px;}
	.g_0u button {padding: 0 20px; width: 100%;}
	.k_yv input + input {min-width: 100%; order: 10;}
	.k_yv > span, .Q_21::before {display: none;}
	.f_g2 #b_color {display: none;}
	.n_10 .g_0u button {position: static; width: 100%;}
	.Q_21 {padding: 15px 20px;}
	.cb_dz {width: 40px; height: 40px; position: relative; left: 0; top: 0;}
	.eb_ln {display: block;}
	.ib_hb, .ab_3x {translate: -50% -100%; display: none;}
}

@media screen and (max-width: 590px) {
	.u1_52 {max-width:480px;}
	.lW_2i {padding: 30px 20px;}
	.mW_9e > * {font-size: 17px; height: 40px;}
	.iW_b0 {right: 0; top: 0; color: var(--tt); font-size: 24px;}
	.nW_r7 {padding-left: 60px;}
	.gW_8h {width: 40px; font-size: 18px;}
	.yW_tk {font-size: 17px;}
	.jW_7k {font-size: 14px; margin-top: 0;}
	.bV_o3 a, .ZU_wb {display: none;}
	.YT_qb {width: 100%; padding: 0; border: 0; text-align: center;}
	.VT_n3 {margin: 0; text-align: center; width: 100%;}
	
	.aY_qs ul:has(li:nth-child(6)) {grid-template-columns: repeat(2,1fr);}
	.aY_qs ul:not(:has(li:nth-child(6))) {gap: 10px;}
}

@media screen and (max-width: 470px) {
	.w1_xn {max-width:410px;}
	.wrapper::before, .wrapper::after {aspect-ratio: 1 / 1.2;}
	.iV_1s {height: 30px;}
	.oY_ws a {min-width: 0; width: 100%;}
	.ST_vz {padding: 0 0;}
	.QT_u8, .TT_h3 {flex-direction: row; width: 100%;}
	.QT_u8 input {flex: 1 1 0; max-width: 100%; min-width: 50px;}
}

@media screen and (max-width: 400px) {
	.w1_xn {max-width:360px;}
	
	.g_0u .nb_tf {font-size: 13px;}
	.JU_cj iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}
