/* =========================================================================
   MRIYA II — тема особистого кабінету у стилі mriya.pw
   Підключається останньою, поверх bootstrap-classic.css та charisma-app.css.
   ========================================================================= */

:root {
	--m-parch: #fbe8cb;
	--m-parch-hi: #fffaf0;
	--m-parch-2: #fcecd0;
	--m-ink: #3a2306;
	--m-ink-2: #5f3d0d;
	--m-ink-3: #6b4a22;
	--m-ink-4: #7a5526;
	--m-gold: #d9a03a;
	--m-gold-hi: #ffd77a;
	--m-gold-deep: #8a5a14;
	--m-wine: #8e1f22;
	--m-royal: #2b56ad;
	--m-dusk: #1d1420;
	--m-live: #3f9b2a;
	--m-line: rgba(160, 110, 40, .45);
	--m-line-soft: rgba(160, 110, 40, .28);
	--m-frame: linear-gradient(160deg, #f7dc96 0%, #b47c2a 38%, #f5d68e 58%, #93601a 100%);
	--m-card: linear-gradient(180deg, #fffaf0, #fcecd0);
	--m-gold-btn: linear-gradient(#ffe3a1 0%, #ffbf45 55%, #a46c0c 100%);
	--m-tab-on: linear-gradient(#ffe8b8 0%, #ffcb66 55%, #c58f2a 100%);
	--m-shell: min(1240px, calc(100% - 48px));
	--m-sc: "Alegreya SC", Alegreya, Georgia, serif;
	--m-serif: Alegreya, Georgia, serif;
}

/* ---------- База ---------- */

html { scrollbar-color: #c9974a var(--m-parch); }
body,
body.mr-body {
	margin: 0;
	padding: 0 !important;
	min-width: 320px;
	background: var(--m-parch) url("../img/mriya/pattern.svg") 0 0 / 600px 600px;
	color: var(--m-ink);
	font-family: var(--m-serif);
	font-size: 17px;
	line-height: 1.55;
	font-variant: lining-nums;
	-webkit-font-smoothing: antialiased;
}
body.mr-body { display: flex; flex-direction: column; min-height: 100vh; }
.mr-app { display: flex; flex-direction: column; flex: 1 0 auto; min-height: 100vh; }
.mr-stage { flex: 1 0 auto; }

h1, h2, h3, h4, h5, h6 { font-family: var(--m-serif); color: var(--m-ink-2); font-weight: 800; text-rendering: optimizeLegibility; text-wrap: balance; }
h1 { font-size: 40px; line-height: 1.1; }
h2 { font-size: 28px; line-height: 1.2; }
h3 { font-size: 23px; line-height: 1.25; }
h4 { font-size: 19px; line-height: 1.3; }
p, li, td, th, dd, dt, label, input, select, textarea, button { font-family: var(--m-serif); }
a { color: var(--m-royal); }
a:hover, a:focus { color: #1d3f86; }
small, .muted { color: var(--m-ink-4); }
hr { border: 0; border-top: 1px solid rgba(201, 151, 74, .45); border-bottom: 0; margin: 18px 0; }
::selection { background: rgba(255, 191, 69, .45); color: var(--m-ink); }
:focus-visible { outline: 3px solid var(--m-royal); outline-offset: 3px; }
.gold { color: #9a5e00; font-size: 14px; }
.silver { color: #5d5d5d; font-size: 14px; }
.gold_dark { color: #8a5a00; }
.green { color: #2f6a17; }
.red { color: var(--m-wine); }
.center { text-align: center; }

.mr-shell { width: var(--m-shell); margin-inline: auto; }

/* ---------- Рамка сайту (frame) ---------- */

.frame,
.mr-frame {
	position: relative;
	border: 2px solid transparent;
	border-radius: 16px;
	background: var(--m-card) padding-box, var(--m-frame) border-box;
	box-shadow: inset 0 0 0 3px rgba(255, 250, 240, .85), inset 0 0 0 4px rgba(180, 124, 42, .3), 0 12px 26px rgba(110, 70, 20, .16);
}
.frame::before, .frame::after,
.mr-frame::before, .mr-frame::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: -6px;
	width: 12px;
	height: 12px;
	border: 1px solid var(--m-gold-deep);
	background: linear-gradient(135deg, #fff0bf, #c89231);
	transform: rotate(45deg);
	pointer-events: none;
}
.frame::before, .mr-frame::before { left: -6px; }
.frame::after, .mr-frame::after { right: -6px; }

/* ---------- Кнопки сайту ---------- */

.btn-gold {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	height: 58px;
	padding: 0 10px 0 30px;
	border: 0;
	border-radius: 999px;
	background: var(--m-gold-btn);
	color: #4a2c00 !important;
	font: 700 22px/1 var(--m-sc);
	letter-spacing: .04em;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -3px 0 rgba(110, 60, 0, .35), 0 0 0 2px #7a4c0c, 0 0 0 4px rgba(255, 220, 140, .55), 0 0 30px rgba(255, 170, 60, .3), 0 10px 24px rgba(0, 0, 0, .3);
	transition: filter .16s, transform .16s;
}
.btn-gold:hover, .btn-gold:focus { filter: brightness(1.08); transform: translateY(-1px); color: #3a2200 !important; }
.btn-gold__ico {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #6b3f00;
	background: rgba(255, 244, 214, .45);
	box-sizing: border-box;
}
.btn-gold__ico svg { width: 18px; height: 18px; }
.btn-gold--sm { height: 48px; padding: 0 24px; font-size: 18px; gap: 10px; }
.btn-gold--block { display: flex; width: 100%; }

.btn-frame {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 18px;
	border: 2px solid transparent;
	border-radius: 10px;
	background: linear-gradient(180deg, #fff7e8, #f5dcae) padding-box, var(--m-frame) border-box;
	color: #5a3608 !important;
	font: 700 16px/1 var(--m-sc);
	letter-spacing: .02em;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
	box-sizing: border-box;
}
.btn-frame:hover, .btn-frame:focus { color: var(--m-royal) !important; }
.btn-frame svg { width: 18px; height: 18px; flex: 0 0 auto; }
.btn-frame--sm { min-height: 38px; padding: 0 14px; font-size: 15px; }
.btn-frame--block { display: flex; width: 100%; }

.mr-link-hero {
	color: #fff !important;
	font-weight: 700;
	font-size: 17px;
	text-decoration: none !important;
	border-bottom: 2px solid rgba(255, 214, 120, .9);
	text-shadow: 0 1px 6px rgba(0, 0, 0, .8);
}
.mr-link-hero:hover { color: #ffe3a1 !important; }

/* ---------- Пігулки ---------- */

.mr-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	padding: 3px 16px;
	border-radius: 999px;
	border: 1px solid #b47c2a;
	background: linear-gradient(#fff7e2, #f3d595);
	color: #5a3608;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 6px 16px rgba(0, 0, 0, .2);
	box-sizing: border-box;
	white-space: nowrap;
}
.mr-pill b { color: #9a5e00; font-weight: 800; }
.mr-pill img { width: 30px; height: 30px; margin: -6px 0 -6px -8px; }
.mr-pill--live { border-color: #5f9a3a; background: linear-gradient(#ecf9da, #b4e48a); color: #2a4d10; }
.mr-pill--royal { border-color: #6d8fd8; background: linear-gradient(#eef3ff, #cfdcfb); color: #1f3f86; }
.mr-pill--wine { border-color: #6a1215; background: linear-gradient(#b8383b, #8e1f22); color: #ffeccc; }
.mr-pill--sm { min-height: 28px; padding: 2px 12px; font-size: 13.5px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85); }
.mr-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--m-live); box-shadow: 0 0 0 3px rgba(63, 155, 42, .25); flex: 0 0 auto; }

/* ---------- Шапка сайту ---------- */

.mr-nav {
	position: sticky;
	top: 0;
	z-index: 1030;
	background: linear-gradient(#fff4e0, #f5d9ab);
	box-shadow: 0 2px 0 #c9974a, 0 8px 22px rgba(80, 50, 10, .2);
}
.mr-nav__in { display: flex; align-items: stretch; height: 64px; padding-inline: max(16px, calc(50% - 660px)); }
.mr-nav__logo { display: flex; align-items: center; padding-right: 16px; }
.mr-nav__logo img { height: 48px; width: auto; filter: drop-shadow(0 2px 3px rgba(60, 30, 0, .3)); }
.mr-nav__menu { display: flex; align-items: stretch; }
.mr-nav__link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 18px;
	border-left: 1px solid rgba(160, 110, 40, .24);
	color: #6b4716 !important;
	font-weight: 700;
	font-size: 17px;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background-color .16s;
}
.mr-nav__link:last-child { border-right: 1px solid rgba(160, 110, 40, .24); }
.mr-nav__link svg { width: 18px; height: 18px; flex: 0 0 auto; }
.mr-nav__link:hover { background: rgba(255, 214, 130, .35); color: #4a2c00 !important; }
.mr-nav__end { display: flex; align-items: center; gap: 8px; margin-left: auto; padding-left: 12px; }
.mr-sq {
	position: relative;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(160, 110, 40, .5);
	border-radius: 9px;
	background: linear-gradient(#fff2d8, #f1cf94);
	color: #6b4716 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
	box-sizing: border-box;
	cursor: pointer;
	text-decoration: none !important;
}
.mr-sq svg { width: 19px; height: 19px; }
.mr-sq:hover { color: var(--m-royal) !important; }
.mr-badge {
	position: absolute;
	top: -6px;
	right: -6px;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	box-sizing: border-box;
	border-radius: 999px;
	background: var(--m-wine);
	border: 2px solid #fff4e0;
	color: #fff;
	font: 800 12px/16px var(--m-serif);
	text-align: center;
}
.mr-coins {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 42px;
	padding: 0 5px 0 4px;
	border-radius: 999px;
	border: 1px solid #b47c2a;
	background: linear-gradient(#fff7e2, #f3d595);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
	box-sizing: border-box;
	white-space: nowrap;
}
.mr-coins img { width: 32px; height: 32px; }
.mr-coins__sum { color: #5a3608 !important; font-weight: 800; font-size: 16px; text-decoration: none !important; }
.mr-coins__sum .gold, .mr-coins__sum .silver { font-size: 15px; }
.mr-coins__add {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--m-gold-btn);
	color: #4a2c00 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 0 0 1px #7a4c0c;
}
.mr-coins__add svg { width: 14px; height: 14px; }
.mr-acc { position: relative; }
.mr-acc > .btn-frame { gap: 8px; padding: 0 12px 0 6px; }
.mr-ava {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: linear-gradient(#ffe3a1, #e2a234);
	color: var(--m-ink);
	font: 800 15px/1 var(--m-sc);
	box-shadow: 0 0 0 2px #fff4dc, 0 0 0 3px rgba(180, 124, 42, .6);
	text-transform: uppercase;
}
.mr-acc .dropdown-menu { right: 0; left: auto; top: calc(100% + 8px); min-width: 230px; }
.mr-acc__meta { padding: 6px 16px 10px; color: var(--m-ink-3); font-size: 14px; line-height: 1.4; border-bottom: 1px dashed var(--m-line-soft); margin-bottom: 4px; }
.mr-acc__meta b { display: block; color: var(--m-ink); font-size: 16px; }
.mr-nav__extra { display: flex; align-items: center; gap: 8px; }
.mr-nav__extra .btn-group { float: none; margin: 0; }
.mr-nav__extra img { max-height: 36px; }
.mr-nav__burger { display: none !important; }
.mr-nav__drawer { display: none; }
.mr-nav .translator { display: inline-flex; }

/* ---------- Шапка сторінки з картинкою ---------- */

.mr-head {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 52px 0 112px;
	background: #2a1d2a;
	color: #f3dfc0;
}
.mr-head__bg {
	position: absolute;
	z-index: -2;
	inset: 0;
	background: url("../img/mriya/hero.webp") 60% 36% / cover no-repeat;
}
.mr-head::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	background: radial-gradient(70% 110% at 24% 62%, rgba(26, 14, 24, .8), rgba(26, 14, 24, .42) 72%), linear-gradient(rgba(26, 14, 24, .3), rgba(26, 14, 24, .55));
}
.mr-head--compact { padding: 40px 0 96px; }
.mr-head__in { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 28px 40px; }
.mr-head__main { flex: 1 1 520px; min-width: 0; }
.mr-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #f3dfc0; font-size: 15px; text-shadow: 0 1px 4px rgba(0, 0, 0, .7); }
.mr-crumbs a { color: var(--m-gold-hi) !important; font-weight: 700; text-decoration: none !important; }
.mr-crumbs a:hover { color: #fff !important; }
.mr-head h1 { margin: 12px 0 8px; color: #fff4dc; font-size: clamp(34px, 4.4vw, 56px); line-height: 1.08; text-shadow: 0 3px 8px rgba(0, 0, 0, .55); }
.mr-head h1 i { display: none; }
.mr-head__sub { margin: 0; color: #f3dfc0; font-size: 18px; text-shadow: 0 1px 6px rgba(0, 0, 0, .7); }
.mr-head__sub b { color: #fff4dc; }
.mr-head__sub .gold { color: var(--m-gold-hi); }
.mr-head__sub .silver { color: #e9e2d6; }
.mr-head__pills { display: flex; flex-wrap: wrap; gap: 10px 12px; margin-top: 16px; }
.mr-head__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; margin-top: 26px; }
.mr-head__extra { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 8px; }
.mr-head__extra .btn { margin: 0; }

.mr-facts {
	flex: 0 1 560px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
	padding: 6px;
	background: linear-gradient(180deg, rgba(255, 250, 240, .96), rgba(252, 236, 208, .96)) padding-box, var(--m-frame) border-box;
	box-shadow: inset 0 0 0 3px rgba(255, 250, 240, .85), inset 0 0 0 4px rgba(180, 124, 42, .3), 0 12px 26px rgba(0, 0, 0, .3);
}
.mr-facts > div { display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; gap: 6px; min-height: 92px; padding: 12px 8px; text-align: center; }
.mr-facts > div + div { border-left: 1px dashed var(--m-line); }
.mr-facts dt { color: var(--m-ink-4); font: 700 15px var(--m-sc); letter-spacing: .05em; }
.mr-facts dd { margin: 0; color: #8a5a00; font-weight: 800; font-size: 32px; line-height: 1; white-space: nowrap; }
.mr-facts dd small { font-size: 15px; color: var(--m-ink-4); font-weight: 700; }
.mr-facts dd.is-live { display: flex; align-items: center; gap: 8px; color: #2f6a17; font-size: 22px; }

.mr-torn { position: absolute; z-index: 4; left: 0; bottom: -1px; width: 100%; height: 56px; pointer-events: none; }
.mr-torn__under { fill: rgba(255, 244, 222, .75); }
.mr-torn__paper { fill: var(--m-parch); }

/* ---------- Вкладки кабінету ---------- */

.mr-tabs { position: relative; z-index: 6; width: var(--m-shell); margin: -26px auto 0; border-radius: 14px; box-sizing: border-box; }
.mr-tabs__row { display: flex; overflow-x: auto; border-radius: 12px; scrollbar-width: none; }
.mr-tabs__row::-webkit-scrollbar { display: none; }
.mr-tab {
	flex: 1 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 58px;
	padding: 0 18px;
	color: #6b4716 !important;
	font-weight: 700;
	font-size: 17px;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background-color .16s;
}
.mr-tab + .mr-tab { border-left: 1px solid rgba(160, 110, 40, .24); }
.mr-tab svg { width: 18px; height: 18px; flex: 0 0 auto; }
.mr-tab:hover { background: rgba(255, 214, 130, .35); color: #4a2c00 !important; }
.mr-tab.is-active { background: var(--m-tab-on); color: #4a2c00 !important; font-weight: 800; box-shadow: inset 0 -2px 0 rgba(120, 75, 10, .35); }
.mr-tab__badge { padding: 2px 7px; border-radius: 999px; background: var(--m-wine); color: #ffeccc; font: 800 12px/1.3 var(--m-serif); }
.mr-tab__dot { width: 8px; height: 8px; border-radius: 50%; background: #c0392b; box-shadow: 0 0 0 3px rgba(192, 57, 43, .2); }
.mr-subtabs { width: var(--m-shell); margin: 18px auto 0; display: flex; flex-wrap: wrap; gap: 8px 10px; }
.mr-subtab {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 0 16px;
	border-radius: 999px;
	border: 1px solid rgba(160, 110, 40, .45);
	background: rgba(255, 250, 238, .75);
	color: var(--m-ink-3) !important;
	font-weight: 700;
	font-size: 15.5px;
	text-decoration: none !important;
	box-sizing: border-box;
}
.mr-subtab:hover { border-color: #b47c2a; color: var(--m-ink) !important; background: #fffaf0; }
.mr-subtab.is-active { border-color: #b47c2a; background: linear-gradient(#fff7e2, #f3d595); color: #4a2c00 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 4px 10px rgba(110, 70, 20, .14); }
.mr-subtabs__label { flex-basis: 100%; margin: 6px 0 -2px 4px; color: var(--m-ink-4); font: 700 14px var(--m-sc); letter-spacing: .06em; }
.mr-subtab i.icon { opacity: .8; }

/* ---------- Контент ---------- */

.mr-main { width: var(--m-shell); margin-inline: auto; padding: 34px 0 96px; box-sizing: border-box; }
.mr-main--home { padding-top: 6px; }
.mr-page { margin: 0; }
.mr-page.frame { padding: 26px 28px 30px; }
.mr-page--bare { padding: 0; }
.mr-page__content { min-width: 0; }
.mr-page__content::after { content: ""; display: table; clear: both; }
.mr-page--narrow { max-width: 860px; margin-inline: auto; }

.mr-chap { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px 24px; margin: 0 0 38px; }
.mr-chap__t { margin: 0; color: var(--m-ink-2); font-weight: 800; font-size: 40px; line-height: 1.1; }
.mr-chap__rule { position: relative; display: block; height: 12px; margin-top: 12px; background: linear-gradient(90deg, #c9974a, rgba(201, 151, 74, 0)) 18px 50% / calc(100% - 18px) 2px no-repeat; }
.mr-chap__rule::before { content: ""; position: absolute; top: 1px; left: 0; width: 10px; height: 10px; border: 1px solid var(--m-gold-deep); background: linear-gradient(135deg, #fff0bf, #c89231); transform: rotate(45deg); }
.mr-chap__aside { margin-bottom: 22px; }
.mr-section { padding-top: 84px; }
.mr-section:first-child { padding-top: 70px; }
.mr-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: 44px; align-items: start; }
.mr-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 30px; }

.mr-card { padding: 24px 26px 26px; }
.mr-card__t {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(201, 151, 74, .45);
	color: var(--m-ink-2);
	font-weight: 800;
	font-size: 25px;
	line-height: 1.2;
}
.mr-medal {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: linear-gradient(#ffe3a1, #e2a234);
	color: var(--m-ink);
	box-shadow: 0 0 0 2px #fff4dc, 0 0 0 3px rgba(180, 124, 42, .6);
}
.mr-medal svg { width: 18px; height: 18px; }
.mr-medal--lg { width: 68px; height: 68px; background: radial-gradient(circle at 40% 35%, #fff0bf, #e2a234 62%, #9a6412); color: #4a2c00; box-shadow: 0 0 0 3px #fff4dc, 0 0 0 5px rgba(180, 124, 42, .6), 0 8px 18px rgba(110, 70, 20, .25); }
.mr-medal--lg svg { width: 32px; height: 32px; }
.mr-medal--wine { background: radial-gradient(circle at 40% 35%, #e0605a, #a62b2d 62%, #6a1215); color: #ffe3b8; }
.mr-medal--royal { background: radial-gradient(circle at 40% 35%, #7b9be0, #2b56ad 62%, #183772); color: #e8efff; }

.mr-lead { margin: 0 0 16px; padding: 14px 18px; border-left: 4px solid var(--m-gold); border-radius: 0 12px 12px 0; background: rgba(240, 210, 150, .28); color: var(--m-ink-2); font-size: 17px; line-height: 1.55; }
.mr-note { margin: 0; padding: 14px 18px; border: 1px dashed rgba(160, 110, 40, .55); border-radius: 12px; background: rgba(255, 250, 238, .75); color: var(--m-ink-2); font-size: 16px; }
.mr-label { display: block; margin: 0 0 8px; color: var(--m-ink-3); font: 700 15px var(--m-sc); letter-spacing: .05em; }
.mr-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.mr-row > .mr-input { flex: 1 1 220px; }
.mr-muted { color: var(--m-ink-3); }
.mr-sep { margin: 16px 0 0; padding-top: 14px; border-top: 1px dashed var(--m-line); color: var(--m-ink-3); font-size: 15.5px; }

input.mr-input,
.mr-input {
	width: 100%;
	min-width: 0;
	height: 52px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	border-radius: 12px !important;
	border: 1px solid rgba(160, 110, 40, .55) !important;
	background: #fffdf7 !important;
	color: var(--m-ink) !important;
	font: 500 18px var(--m-serif) !important;
	box-shadow: inset 0 2px 4px rgba(110, 70, 20, .08) !important;
	box-sizing: border-box !important;
}

/* знамена героїв */
.mr-banners { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 30px 24px; margin: 0; padding: 0 18px; list-style: none; }
.mr-banner { display: flex; flex-direction: column; align-items: center; width: 170px; max-width: 31%; }
.mr-banner__rod { position: relative; z-index: 1; width: calc(100% + 30px); height: 12px; border-radius: 6px; background: linear-gradient(#ffe3a1, #c58a2a 60%, #7a4a0c); box-shadow: 0 3px 6px rgba(60, 30, 0, .35); }
.mr-banner__rod::before, .mr-banner__rod::after { content: ""; position: absolute; top: -3px; width: 18px; height: 18px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #fff0bf, #c58a2a 60%, #7a4a0c); }
.mr-banner__rod::before { left: -6px; }
.mr-banner__rod::after { right: -6px; }
.mr-banner__cloth {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	width: 100%;
	min-height: 230px;
	margin-top: -4px;
	padding: 26px 12px 70px;
	box-sizing: border-box;
	background: linear-gradient(#d9a443, #d9a443) 0 0 / 4px 100% no-repeat, linear-gradient(#d9a443, #d9a443) 100% 0 / 4px 100% no-repeat, linear-gradient(90deg, rgba(0, 0, 0, .2), rgba(255, 255, 255, .07) 30%, rgba(0, 0, 0, .08) 70%, rgba(0, 0, 0, .24)), linear-gradient(#a62b2d, #7c171b);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 38px), 0 100%);
	text-align: center;
}
.mr-banner__cloth img { width: 62px; height: 62px; margin-bottom: -2px; }
.mr-banner__cloth b { color: var(--m-gold-hi); font: 800 24px/1.1 var(--m-sc); text-shadow: 0 2px 0 rgba(60, 10, 10, .6), 0 0 16px rgba(255, 190, 80, .35); }
.mr-banner__cloth strong { margin-top: 4px; color: #fff3dc; font-weight: 800; font-size: 19px; line-height: 1.2; overflow-wrap: anywhere; }
.mr-banner__cloth .class_icon { margin-top: 2px; }
.mr-banner.is-main .mr-banner__cloth { min-height: 290px; }
.mr-banner.is-main { order: -1; }
.mr-banner__act { margin-top: 14px; }

/* картки пригод */
.mr-adv { display: flex; flex-direction: column; gap: 12px; padding: 26px 24px 24px; transition: transform .18s; text-decoration: none !important; color: var(--m-ink) !important; }
.mr-adv:hover { transform: translateY(-3px); }
.mr-adv__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.mr-adv__t { margin: 6px 0 0; color: var(--m-ink-2); font: 700 25px/1.15 var(--m-sc); }
.mr-adv__d { margin: 0; color: var(--m-ink-3); font-size: 16.5px; }
.mr-adv__go { margin-top: auto; align-self: flex-start; }

/* накопичувальна система */
.mr-treasury { display: flex; flex-wrap: wrap; align-items: center; gap: 28px 40px; padding: 30px 34px; }
.mr-treasury__head { flex: 1 1 260px; display: flex; align-items: center; gap: 18px; }
.mr-treasury__head img { width: 88px; height: 88px; flex: 0 0 auto; filter: drop-shadow(0 6px 10px rgba(110, 70, 20, .3)); }
.mr-treasury__head h3 { margin: 0; font: 700 24px/1.15 var(--m-sc); color: var(--m-ink-2); }
.mr-treasury__head p { margin: 6px 0 0; color: var(--m-ink-3); font-size: 16.5px; }
.mr-treasury__track { flex: 2 1 460px; min-width: 0; }
.mr-treasury__cta { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.mr-track { position: relative; height: 84px; margin: 0 34px; }
.mr-track__bar { position: absolute; left: 0; right: 0; top: 16px; height: 8px; border-radius: 999px; background: rgba(160, 110, 40, .2); box-shadow: inset 0 1px 2px rgba(110, 70, 20, .25); }
.mr-track__fill { position: absolute; left: 0; top: 16px; height: 8px; border-radius: 999px; background: linear-gradient(90deg, #a46c0c, #ffbf45 80%, #ffe3a1); }
.mr-track__knob { position: absolute; top: 9px; width: 22px; height: 22px; margin-left: -11px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff3c4, #ffbf45 60%, #a46c0c); box-shadow: 0 0 0 3px #fff4dc, 0 0 0 4px rgba(180, 124, 42, .6); }
.mr-track__mark { position: absolute; top: 0; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 9px; }
.mr-track__mark i { display: block; width: 14px; height: 14px; margin-top: 13px; box-sizing: border-box; transform: rotate(45deg); border: 1px solid rgba(160, 110, 40, .6); background: #fffaf0; }
.mr-track__mark b { color: var(--m-ink-4); font-size: 16px; line-height: 1; }
.mr-track__mark span { font-size: 13px; line-height: 1; color: var(--m-ink-3); white-space: nowrap; }
.mr-track__mark.is-on i { border-color: var(--m-gold-deep); background: linear-gradient(135deg, #fff0bf, #c89231); }
.mr-track__mark.is-on b { color: #8a5a00; }
.mr-track__mark.is-cur span { color: var(--m-ink); font-weight: 700; }
.mr-track__note { margin: 4px 0 0; text-align: center; color: var(--m-ink-2); font-size: 16px; }
.mr-track__note b { color: #8a5a00; }

/* ведомість (рядки з номерами) */
.mr-ledger { margin: 0 0 14px; padding: 0; list-style: none; }
.mr-ledger li { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 56px; border-bottom: 1px dashed rgba(160, 110, 40, .35); }
.mr-ledger li:last-child { border-bottom: 0; }
.mr-ledger__n { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #f1d9aa; color: #7a5326; font-weight: 800; font-size: 14px; }

.mr-mini-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 20px 0 0; border-top: 1px dashed var(--m-line); padding-top: 16px; }
.mr-mini-facts > div { display: flex; flex-direction: column-reverse; align-items: center; gap: 6px; text-align: center; }
.mr-mini-facts > div + div { border-left: 1px dashed var(--m-line); }
.mr-mini-facts dt { color: var(--m-ink-4); font: 700 15px var(--m-sc); letter-spacing: .05em; }
.mr-mini-facts dd { margin: 0; color: #8a5a00; font-weight: 800; font-size: 30px; line-height: 1; }

.mr-security { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin-top: 64px; }
.mr-security__ok { display: inline-flex; align-items: center; gap: 8px; color: #2f6a17; font-weight: 800; }
.mr-security__ok svg { width: 20px; height: 20px; }
.mr-security a { margin-left: auto; font-weight: 700; }
.mr-bans { margin-top: 18px; }

.mr-scroll { overflow-x: auto; }
.mr-ratings > .row-fluid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 30px; }
.mr-ratings > .row-fluid::before, .mr-ratings > .row-fluid::after { display: none; }
.mr-ratings > .row-fluid > .box { width: auto !important; margin: 0 !important; float: none !important; }
.mr-ratings > .row-fluid + .row-fluid { margin-top: 30px; }
.mr-ratings .rate-block ul { margin: 8px 0 12px 20px; }

/* ---------- Футер сайту ---------- */

.mr-foot { flex-shrink: 0; border-top: 2px solid #c9974a; background: var(--m-dusk); color: #e8d5b5; font-size: 16px; }
.mr-foot a { color: #e8d5b5 !important; text-decoration: none !important; }
.mr-foot a:hover { color: var(--m-gold-hi) !important; }
.mr-foot__in { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 36px; padding: 52px 0 30px; }
.mr-foot__id img { width: 180px; height: auto; }
.mr-foot__id p { margin: 10px 0 0; color: #d6bd94; }
.mr-foot h3 { margin: 0 0 14px; color: var(--m-gold-hi); font: 700 18px var(--m-sc); letter-spacing: .04em; }
.mr-foot__col a { display: block; margin-bottom: 8px; }
.mr-foot__soc { display: flex; gap: 10px; }
.mr-foot__soc a { display: grid; place-items: center; width: 42px; height: 42px; margin: 0; border: 1px solid rgba(255, 215, 122, .45); border-radius: 50%; background: rgba(255, 215, 122, .08); color: var(--m-gold-hi) !important; }
.mr-foot__soc svg { width: 19px; height: 19px; }
.mr-foot__contacts { margin-top: 12px; color: #d6bd94; font-size: 15px; }
.mr-foot__legal { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 10px 30px; padding: 18px 0 28px; border-top: 1px solid rgba(255, 215, 122, .18); color: #a8916e; font-size: 14px; }
.mr-foot__legal p { margin: 0; }
.mr-foot__docs { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.mr-foot__docs a { border-bottom: 1px solid rgba(255, 215, 122, .35); }
.mr-foot__credit { flex-basis: 100%; color: #8d7a5e; font-size: 13px; }
.mr-foot__credit a { color: #a8916e !important; }

/* ---------- Вхід / реєстрація ---------- */

.mr-auth { position: relative; isolation: isolate; overflow: hidden; flex: 1 0 auto; display: flex; align-items: center; padding: 56px 0 110px; background: #2a1d2a; }
.mr-auth::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(60% 100% at 28% 55%, rgba(26, 14, 24, .78), rgba(26, 14, 24, .32) 75%), linear-gradient(rgba(26, 14, 24, .25), rgba(26, 14, 24, .5)); }
.mr-auth__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 40px; }
.mr-auth__intro { flex: 1 1 480px; min-width: 0; }
.mr-auth__intro h1 { margin: 12px 0 10px; color: #fff4dc; font-size: clamp(34px, 4.2vw, 56px); line-height: 1.08; text-shadow: 0 3px 8px rgba(0, 0, 0, .55); }
.mr-auth__intro p { margin: 0; max-width: 30em; color: #f3dfc0; font-size: 19px; text-shadow: 0 1px 6px rgba(0, 0, 0, .7); }
.mr-auth__intro .mr-facts { width: min(600px, 100%); margin-top: 30px; }
.mr-auth__card { flex: 0 1 460px; min-width: 0; max-width: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 16px; padding: 28px 30px 30px; box-shadow: inset 0 0 0 3px rgba(255, 250, 240, .85), inset 0 0 0 4px rgba(180, 124, 42, .3), 0 24px 50px rgba(0, 0, 0, .45); }
.mr-auth__card h2 { display: flex; align-items: center; gap: 12px; margin: 0; padding-bottom: 12px; border-bottom: 1px solid rgba(201, 151, 74, .45); font-size: 28px; }
.mr-auth__card h2 a { margin-left: auto; color: var(--m-ink-3) !important; }
.mr-fld { display: flex; flex-direction: column; gap: 7px; }
.mr-fld__box { display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 6px 0 14px; border-radius: 12px; border: 1px solid rgba(160, 110, 40, .55); background: #fffdf7; box-shadow: inset 0 2px 4px rgba(110, 70, 20, .08); box-sizing: border-box; transition: border-color .16s, box-shadow .16s; }
.mr-fld__box:focus-within { border-color: var(--m-royal); box-shadow: 0 0 0 3px rgba(43, 86, 173, .18); }
.mr-fld__box > svg { width: 20px; height: 20px; flex: 0 0 auto; color: #a07a45; }
.mr-fld__box input[type] { flex: 1; min-width: 0; width: auto !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--m-ink) !important; font: 500 18px var(--m-serif) !important; outline: none; }
.mr-fld__eye { display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: #8a6634; cursor: pointer; }
.mr-fld__eye svg { width: 20px; height: 20px; }
.mr-auth__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
.mr-check { display: inline-flex !important; align-items: center; gap: 10px; min-height: 44px; margin: 0 !important; color: var(--m-ink-2); cursor: pointer; font-size: 16px; }
.mr-check input { width: 20px; height: 20px; margin: 0 !important; accent-color: #b47c2a; }
.mr-or { display: flex; align-items: center; gap: 14px; color: var(--m-ink-4); font-size: 15px; }
.mr-or::before, .mr-or::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(201, 151, 74, 0), rgba(201, 151, 74, .7)); }
.mr-or::after { background: linear-gradient(90deg, rgba(201, 151, 74, .7), rgba(201, 151, 74, 0)); }
.mr-auth__captcha { display: flex; justify-content: center; }
.mr-auth__social { display: flex; justify-content: center; gap: 10px; }
.mr-auth__legal { width: var(--m-shell); margin-inline: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 24px; padding: 6px 0 22px; color: var(--m-ink-3); font-size: 14.5px; }
.mr-auth__legal > span:nth-child(2) { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.mr-auth__legal .mr-foot__credit { flex-basis: 100%; color: var(--m-ink-4); }
.mr-auth__legal .mr-foot__credit a { color: var(--m-ink-3) !important; }
.mr-auth .alert { max-width: 100%; }
.translator-auth { position: absolute; top: 12px; right: 16px; z-index: 5; }

/* ========================================================================
   Bootstrap 2 / Charisma — пергаментний вигляд
   ======================================================================== */

.container-fluid { padding: 0; }
.row-fluid [class*="span"] { min-height: 0; }

/* блоки */
.box {
	position: relative;
	margin: 0 0 26px;
	border: 2px solid transparent;
	border-radius: 16px;
	background: var(--m-card) padding-box, var(--m-frame) border-box;
	box-shadow: inset 0 0 0 3px rgba(255, 250, 240, .85), inset 0 0 0 4px rgba(180, 124, 42, .3), 0 12px 26px rgba(110, 70, 20, .16);
}
.box::before, .box::after { content: ""; position: absolute; z-index: 2; top: -6px; width: 12px; height: 12px; border: 1px solid var(--m-gold-deep); background: linear-gradient(135deg, #fff0bf, #c89231); transform: rotate(45deg); pointer-events: none; }
.box::before { left: -6px; }
.box::after { right: -6px; }
.mr-page.frame .box,
.box .box {
	border: 1px solid rgba(160, 110, 40, .45);
	border-radius: 14px;
	background: rgba(255, 252, 244, .78);
	box-shadow: 0 6px 16px rgba(110, 70, 20, .1);
}
.mr-page.frame .box::before, .mr-page.frame .box::after, .box .box::before, .box .box::after { display: none; }
.box-header,
.box-header.well {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 16px 22px 12px;
	border: 0;
	border-bottom: 1px solid rgba(201, 151, 74, .45);
	border-radius: 14px 14px 0 0;
	background: none;
	box-shadow: none;
	filter: none;
	font-weight: 800;
}
.box-header h2,
.box-header h3 {
	float: none;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: var(--m-ink-2);
	font-family: var(--m-serif);
	font-size: 22px;
	font-weight: 800;
	line-height: 1.25;
}
.box-header h3 { font-size: 19px; }
.box-header h2 i.icon[class*="icon-"], .box-header h3 i.icon[class*="icon-"] { color: #a06a10; width: 18px; height: 18px; }
.box-header img { max-height: 40px; }
.box-header > div[style*="float"] { margin-left: auto; float: none !important; }
.box-icon { margin-left: auto; float: none; }
.box-content { padding: 18px 22px 22px; }
.box-content > h3, .mr-page__content > h3 { margin: 6px 0 12px; font-size: 24px; }
.box-content > h3:first-child { text-align: left; }
.box-content > h3:first-child::after { display: none; }
.rate-block .box-header { justify-content: center; }

.well {
	padding: 16px 18px;
	margin-bottom: 18px;
	border: 1px dashed rgba(160, 110, 40, .5);
	border-radius: 12px;
	background: rgba(255, 250, 238, .72);
	box-shadow: none;
}
.well.box { padding: 0; }
.top-block { border-radius: 14px; }

/* кнопки */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 36px;
	padding: 6px 15px;
	border: 2px solid transparent;
	border-radius: 10px;
	background: linear-gradient(180deg, #fff7e8, #f5dcae) padding-box, var(--m-frame) border-box;
	background-position: 0 0;
	color: #5a3608;
	font: 700 15px/1.2 var(--m-sc);
	letter-spacing: .02em;
	text-shadow: none;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .12);
	box-sizing: border-box;
	vertical-align: middle;
	filter: none;
	transition: filter .14s, transform .14s, color .14s;
}
.btn:hover, .btn:focus { background: linear-gradient(180deg, #fffaf0, #f8e3bb) padding-box, var(--m-frame) border-box; background-position: 0 0; color: var(--m-royal); text-decoration: none; transition: filter .14s, transform .14s, color .14s; }
.btn:active, .btn.active { box-shadow: inset 0 2px 6px rgba(110, 70, 20, .3); }
.btn.disabled, .btn[disabled] { opacity: .55; box-shadow: none; cursor: not-allowed; }
.btn-large { min-height: 48px; padding: 10px 22px; font-size: 18px; border-radius: 12px; }
.btn-small { min-height: 32px; padding: 4px 12px; font-size: 14px; }
.btn-mini { min-height: 26px; padding: 2px 9px; font-size: 13px; border-radius: 8px; border-width: 1px; }
.btn-primary, .btn-success, .btn-warning {
	border: 0;
	border-radius: 999px;
	background: var(--m-gold-btn);
	color: #4a2c00;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -2px 0 rgba(110, 60, 0, .35), 0 0 0 2px #7a4c0c, 0 6px 14px rgba(110, 70, 20, .22);
}
.btn-primary:hover, .btn-success:hover, .btn-warning:hover,
.btn-primary:focus, .btn-success:focus, .btn-warning:focus,
.btn-primary.active, .btn-success.active, .btn-warning.active { background: var(--m-gold-btn); color: #3a2200; filter: brightness(1.08); }
.btn-primary.btn-mini, .btn-success.btn-mini, .btn-warning.btn-mini { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 0 0 1px #7a4c0c; }
.btn-danger {
	border: 0;
	background: linear-gradient(#c0474a, #8e1f22 60%, #6a1215);
	color: #ffeccc;
	box-shadow: inset 0 1px 0 rgba(255, 220, 200, .35), 0 0 0 1px #5a0f12, 0 4px 10px rgba(110, 20, 20, .25);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.active { background: linear-gradient(#c0474a, #8e1f22 60%, #6a1215); color: #fff; filter: brightness(1.1); }
.btn-inverse {
	border: 0;
	background: linear-gradient(#3a2a3d, #1d1420);
	color: var(--m-gold-hi);
	box-shadow: inset 0 1px 0 rgba(255, 220, 160, .2), 0 0 0 1px rgba(201, 151, 74, .7), 0 4px 10px rgba(0, 0, 0, .25);
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse.active { background: linear-gradient(#4a364e, #251a29); color: #fff3d6; }
.btn-info {
	border: 0;
	background: linear-gradient(#5d84d6, #2b56ad 60%, #1d3f86);
	color: #f2f6ff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 0 0 1px #183772, 0 4px 10px rgba(30, 60, 130, .25);
}
.btn-info:hover, .btn-info:focus { background: linear-gradient(#5d84d6, #2b56ad 60%, #1d3f86); color: #fff; filter: brightness(1.1); }
.btn-link { border: 0; background: none; box-shadow: none; color: var(--m-royal); font-family: var(--m-serif); }
.btn-link:hover { background: none; color: #1d3f86; text-decoration: underline; }
.btn-group { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.btn-group > .btn { border-radius: 10px !important; margin: 0; }
.btn-group > .btn + .dropdown-toggle { padding: 6px 10px; }
.btn .caret { margin: 0; border-top-color: currentColor; opacity: .8; }
.btn i[class^="icon-"], .btn i[class*=" icon-"] { margin: 0; }
.btn-toolbar { margin: 10px 0; }

/* мітки */
.label, .badge {
	display: inline-block;
	padding: 2px 9px;
	border-radius: 999px;
	background: #f1d9aa;
	color: var(--m-ink-2);
	font: 700 13px/1.4 var(--m-serif);
	text-shadow: none;
	vertical-align: baseline;
	white-space: normal;
}
.label-success, .badge-success { background: linear-gradient(#ecf9da, #c9ebaa); color: #2a4d10; box-shadow: inset 0 0 0 1px rgba(95, 154, 58, .55); }
.label-warning, .badge-warning { background: linear-gradient(#fff7e2, #f3d595); color: #5a3608; box-shadow: inset 0 0 0 1px rgba(180, 124, 42, .7); }
.label-important, .badge-important { background: linear-gradient(#b8383b, #8e1f22); color: #fff1dc; }
.label-info, .badge-info { background: linear-gradient(#eef3ff, #cfdcfb); color: #1f3f86; box-shadow: inset 0 0 0 1px rgba(109, 143, 216, .6); }
.label-inverse, .badge-inverse { background: linear-gradient(#3a2a3d, #1d1420); color: var(--m-gold-hi); }
.label-important .gold, .label-inverse .gold, .label-important .silver, .label-inverse .silver { color: #ffe3a1; }
.label .gold, .label .silver { font-size: 13px; }
.notification { border-radius: 999px; text-shadow: none; font-family: var(--m-serif); }

/* алерти */
.alert {
	position: relative;
	margin-bottom: 18px;
	padding: 14px 40px 14px 18px;
	border: 1px solid rgba(160, 110, 40, .35);
	border-left: 4px solid var(--m-gold);
	border-radius: 0 12px 12px 0;
	background: rgba(255, 245, 222, .9);
	color: var(--m-ink-2);
	text-shadow: none;
	font-size: 16.5px;
}
.alert-heading, .alert h4 { margin: 0 0 4px; color: inherit; font-size: 18px; }
.alert-success { border-left-color: var(--m-live); background: rgba(236, 249, 218, .85); color: #24470e; border-color: rgba(95, 154, 58, .35); }
.alert-error, .alert-danger { border-left-color: var(--m-wine); background: rgba(252, 226, 220, .85); color: #6a1215; border-color: rgba(142, 31, 34, .3); }
.alert-info { border-left-color: var(--m-royal); background: rgba(232, 239, 255, .85); color: #1f3f86; border-color: rgba(43, 86, 173, .25); }
.alert .close { position: absolute; top: 10px; right: 14px; color: inherit; opacity: .5; text-shadow: none; }
.alert pre { white-space: pre-wrap; }

/* таблиці */
.table { margin-bottom: 18px; border-collapse: separate; border-spacing: 0; background: transparent; }
.table th, .table td { padding: 10px 12px; border-top: 1px dashed rgba(160, 110, 40, .35); color: var(--m-ink); line-height: 1.4; vertical-align: middle; }
.table th { color: var(--m-ink-4); font: 700 14.5px var(--m-sc); letter-spacing: .04em; background: rgba(240, 210, 150, .3); }
.table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; }
.table-bordered { border: 1px solid rgba(160, 110, 40, .45); border-radius: 12px; overflow: hidden; border-collapse: separate; }
.table-bordered th, .table-bordered td { border-left: 1px dashed rgba(160, 110, 40, .3); }
.table-bordered th:first-child, .table-bordered td:first-child { border-left: 0; }
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { border-top-left-radius: 11px; }
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background: rgba(240, 210, 150, .16); }
.table tbody tr:hover td, .table tbody tr:hover th { background: rgba(255, 214, 130, .2); }
.table tbody tr.success td { background: rgba(236, 249, 218, .9); }
.table tbody tr.error td { background: rgba(252, 226, 220, .9); }
.table tbody tr.info td { background: rgba(232, 239, 255, .9); }
.table tbody tr.warning td { background: rgba(255, 240, 200, .9); }
.table-condensed th, .table-condensed td { padding: 7px 10px; }
.dataTables_wrapper .row-fluid { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.dataTables_wrapper .row-fluid > [class*="span"] { float: none; width: auto; margin: 0; flex: 1 1 260px; }
.dataTables_filter { text-align: right; }
.dataTables_filter input, .dataTables_length select { margin-left: 6px; }
.dataTables_info { padding: 6px 0; color: var(--m-ink-3); font-size: 15px; background: none !important; }
.dataTables_wrapper .label { background: none; color: var(--m-ink-3); padding: 0; font-size: 15px; }

/* форми */
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"], input[type="date"], input[type="datetime-local"], textarea, select, .uneditable-input {
	height: 24px;
	padding: 7px 12px;
	border: 1px solid rgba(160, 110, 40, .55);
	border-radius: 10px;
	background: #fffdf7;
	color: var(--m-ink);
	font: 500 16px/24px var(--m-serif);
	box-shadow: inset 0 2px 4px rgba(110, 70, 20, .08);
	transition: border-color .16s, box-shadow .16s;
}
textarea { height: auto; min-height: 80px; }
select { height: 40px; padding: 6px 10px; line-height: 26px; }
select[multiple], select[size] { height: auto; }
input:focus, textarea:focus, select:focus, .uneditable-input:focus { border-color: var(--m-royal); outline: 0; box-shadow: 0 0 0 3px rgba(43, 86, 173, .18); }
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background: rgba(240, 220, 180, .45); cursor: not-allowed; }
input::placeholder, textarea::placeholder { color: #a88d68; }
label, legend { color: var(--m-ink-2); }
legend { border-bottom: 1px solid rgba(201, 151, 74, .45); font-family: var(--m-serif); font-weight: 800; }
.help-block, .help-inline { color: var(--m-ink-3); font-size: 15px; }
.form-horizontal .control-label { padding-top: 8px; color: var(--m-ink-2); font: 700 16px var(--m-sc); letter-spacing: .03em; }
.form-horizontal .control-group { margin-bottom: 20px; }
.form-actions { background: rgba(240, 210, 150, .2); border-top: 1px dashed var(--m-line); border-radius: 0 0 12px 12px; }
.control-group.error input, .control-group.error select, .control-group.error textarea { border-color: var(--m-wine); }
.control-group.error .help-inline, .control-group.error .help-block, .control-group.error .control-label { color: var(--m-wine); }
.input-append, .input-prepend { display: inline-flex; align-items: stretch; }
.input-append .add-on, .input-prepend .add-on { height: auto; padding: 7px 10px; border: 1px solid rgba(160, 110, 40, .55); background: #f6e3be; color: var(--m-ink-2); text-shadow: none; line-height: 24px; }
.input-append input, .input-prepend input { border-radius: 10px; }
.input-append .add-on:last-child, .input-append .btn:last-child { border-radius: 0 10px 10px 0; }
.input-prepend .add-on:first-child { border-radius: 10px 0 0 10px; }

/* вкладки, таблетки, пагінація */
.nav-tabs { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 2px solid rgba(201, 151, 74, .55); }
.nav-tabs > li { float: none; margin-bottom: -2px; }
.nav-tabs > li > a { margin: 0; padding: 9px 16px; border: 1px solid rgba(160, 110, 40, .35); border-bottom: 0; border-radius: 12px 12px 0 0; background: rgba(255, 250, 238, .7); color: var(--m-ink-3); font-weight: 700; line-height: 1.3; }
.nav-tabs > li > a:hover { background: #fffaf0; border-color: rgba(160, 110, 40, .5); color: var(--m-ink); }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { background: var(--m-tab-on); border-color: #b47c2a; color: #4a2c00; }
.nav-pills > li > a { border-radius: 999px; color: var(--m-ink-3); font-weight: 700; }
.nav-pills > .active > a, .nav-pills > .active > a:hover { background: var(--m-tab-on); color: #4a2c00; }
.nav-list > li > a { color: var(--m-ink-3); }
.nav-list > .active > a { background: var(--m-tab-on); color: #4a2c00; text-shadow: none; }
.tab-content { padding-top: 16px; }
.pagination ul { display: inline-flex; flex-wrap: wrap; gap: 4px; border-radius: 0; box-shadow: none; }
.pagination ul > li > a, .pagination ul > li > span { float: none; display: inline-block; min-width: 18px; padding: 6px 12px; border: 1px solid rgba(160, 110, 40, .45) !important; border-radius: 10px !important; background: rgba(255, 250, 238, .85); color: var(--m-ink-2); font-weight: 700; line-height: 20px; text-align: center; }
.pagination ul > li > a:hover { background: #fffaf0; color: var(--m-royal); }
.pagination ul > .active > a, .pagination ul > .active > span { background: var(--m-tab-on); color: #4a2c00; border-color: #b47c2a !important; }
.pagination ul > .disabled > a, .pagination ul > .disabled > span { opacity: .5; }

/* меню, модалки, підказки */
.dropdown-menu { padding: 6px 0; border: 1px solid #b47c2a; border-radius: 12px; background: #fffaf0; box-shadow: 0 16px 34px rgba(80, 50, 10, .28); }
.dropdown-menu li > a { padding: 8px 16px; color: var(--m-ink-2); font-weight: 600; line-height: 1.4; }
.dropdown-menu li > a:hover, .dropdown-menu .active > a { background: linear-gradient(#fff2d8, #f6dcaa); color: var(--m-ink); }
.dropdown-menu .divider { margin: 6px 0; background: rgba(160, 110, 40, .25); border-bottom: 0; }
.modal { border: 2px solid transparent; border-radius: 16px; background: var(--m-card) padding-box, var(--m-frame) border-box; box-shadow: 0 30px 70px rgba(0, 0, 0, .45); }
.modal-header { padding: 14px 20px; border-bottom: 1px solid rgba(201, 151, 74, .45); }
.modal-header h3 { color: var(--m-ink-2); font-size: 22px; }
.modal-body { padding: 18px 20px; }
.modal-footer { padding: 14px 20px; border-top: 1px dashed var(--m-line); background: rgba(240, 210, 150, .22); border-radius: 0 0 14px 14px; box-shadow: none; }
.modal-backdrop, .modal-backdrop.fade.in { background: #1d1420; opacity: .7; }
.tooltip { font-family: var(--m-serif); font-size: 14px; }
.tooltip-inner { max-width: 280px; padding: 7px 12px; border-radius: 10px; background: var(--m-dusk); color: #f3dfc0; box-shadow: 0 0 0 1px rgba(201, 151, 74, .6); }
.tooltip.top .tooltip-arrow { border-top-color: var(--m-dusk); }
.tooltip.bottom .tooltip-arrow { border-bottom-color: var(--m-dusk); }
.tooltip.left .tooltip-arrow { border-left-color: var(--m-dusk); }
.tooltip.right .tooltip-arrow { border-right-color: var(--m-dusk); }
.tooltip.in { opacity: 1; }
.popover { padding: 0; border: 1px solid #b47c2a; border-radius: 12px; background: #fffaf0; box-shadow: 0 16px 34px rgba(80, 50, 10, .28); }
.popover .popover-inner { width: auto; max-width: 320px; padding: 0; border-radius: 12px; background: none; box-shadow: none; }
.popover-title, .popover .popover-title { padding: 10px 14px; border-bottom: 1px solid rgba(201, 151, 74, .45); border-radius: 12px 12px 0 0; background: rgba(240, 210, 150, .35); color: var(--m-ink-2); font: 700 16px var(--m-sc); }
.popover-content, .popover .popover-content { padding: 10px 14px; border-radius: 0 0 12px 12px; background: none; color: var(--m-ink); font-size: 15px; }
.progress { height: 12px; border-radius: 999px; background: rgba(160, 110, 40, .2); box-shadow: inset 0 1px 2px rgba(110, 70, 20, .25); }
.progress .bar { background: linear-gradient(90deg, #a46c0c, #ffbf45 80%, #ffe3a1); box-shadow: none; }
.progress-danger .bar { background: linear-gradient(90deg, #7c171b, #c0392b); }
.progress-success .bar { background: linear-gradient(90deg, #2f6a17, #6fcf4e); }
.accordion-group { border: 1px solid rgba(160, 110, 40, .45); border-radius: 12px; background: rgba(255, 250, 238, .7); }
.accordion-heading .accordion-toggle { color: var(--m-ink-2); font-weight: 800; }
.close { color: var(--m-ink-2); text-shadow: none; }
code, pre { border-color: rgba(160, 110, 40, .35); background: rgba(255, 250, 238, .85); color: #7a2a12; }
blockquote { border-left-color: var(--m-gold); }

/* chosen */
.chzn-container { font-size: 16px; font-family: var(--m-serif); }
.chzn-container-single .chzn-single { height: 38px; padding: 0 0 0 12px; border: 1px solid rgba(160, 110, 40, .55); border-radius: 10px; background: #fffdf7; box-shadow: inset 0 2px 4px rgba(110, 70, 20, .08); color: var(--m-ink); line-height: 38px; }
.chzn-container-single .chzn-single div { top: 6px; }
.chzn-container .chzn-drop { border-color: #b47c2a; background: #fffaf0; border-radius: 0 0 10px 10px; box-shadow: 0 12px 24px rgba(80, 50, 10, .2); }
.chzn-container .chzn-results .highlighted { background: linear-gradient(#fff2d8, #f6dcaa); color: var(--m-ink); }
.chzn-container-multi .chzn-choices { border-color: rgba(160, 110, 40, .55); border-radius: 10px; background: #fffdf7; }
.chzn-container-multi .chzn-choices .search-choice { border-color: #b47c2a; background: linear-gradient(#fff7e2, #f3d595); color: var(--m-ink-2); }

/* noty / sweetalert */
.noty_bar { font-family: var(--m-serif) !important; font-size: 16px !important; }
.noty_message { padding: 12px 16px !important; }
.noty_bar.noty_layout_top, .noty_bar.noty_layout_bottom { border-radius: 0 0 12px 12px; }
.swal2-popup { border: 2px solid transparent !important; border-radius: 16px !important; background: var(--m-card) padding-box, var(--m-frame) border-box !important; font-family: var(--m-serif) !important; color: var(--m-ink) !important; }
.swal2-title { color: var(--m-ink-2) !important; font-weight: 800 !important; }
.swal2-html-container, .swal2-content { color: var(--m-ink-2) !important; }
.swal2-styled.swal2-confirm { border-radius: 999px !important; background: var(--m-gold-btn) !important; color: #4a2c00 !important; font: 700 17px var(--m-sc) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 0 0 2px #7a4c0c !important; }
.swal2-styled.swal2-cancel, .swal2-styled.swal2-deny { border: 2px solid transparent !important; border-radius: 10px !important; background: linear-gradient(180deg, #fff7e8, #f5dcae) padding-box, var(--m-frame) border-box !important; color: #5a3608 !important; font: 700 16px var(--m-sc) !important; }
.swal2-input, .swal2-select, .swal2-textarea { border-color: rgba(160, 110, 40, .55) !important; border-radius: 10px !important; background: #fffdf7 !important; color: var(--m-ink) !important; }

/* блоки листів / магазину / персонажів */
.row-fluid .mails-block, .row-fluid .shop-block, .row-fluid .pers-block, .mails-block, .shop-block, .pers-block {
	border: 1px solid rgba(160, 110, 40, .45);
	border-radius: 14px;
	background: linear-gradient(180deg, #fffaf0, #fcecd0);
	color: var(--m-ink);
	text-shadow: none;
	box-shadow: 0 6px 16px rgba(110, 70, 20, .12);
	filter: none;
	transition: transform .16s, border-color .16s;
}
.row-fluid .mails-block:hover, .row-fluid .shop-block:hover, .row-fluid .pers-block:hover, .mails-block:hover, .shop-block:hover, .pers-block:hover {
	border-color: #b47c2a;
	background: linear-gradient(180deg, #fffdf7, #fdf0d8);
	color: var(--m-ink);
	transform: translateY(-2px);
}
.mails-block hr, .shop-block hr, .pers-block hr { background: rgba(160, 110, 40, .3); color: rgba(160, 110, 40, .3); }
.mails-block .name, .shop-header div { color: var(--m-ink-2); font-weight: 800; }
.mails-block .name span { color: var(--m-wine); }
.mails-block .role span { color: #8a5a00; }
.mails-reason { color: #a2420f; }
.mails-date { color: var(--m-ink-3); }
.item-expire { color: var(--m-wine); }
.mails-content { gap: 14px; }

/* різне */
.popup_clean, .popup_clean1 { background: rgba(29, 20, 32, .7); }
.translator { display: flex; gap: 6px; }
.translator div { cursor: pointer; }
.class_icon { vertical-align: middle; }
img.auth_but, img.auth_but_succ { border-radius: 8px; }


/* ---------- Доповнення ---------- */

.mr-nav__lk { gap: 8px; }
.mr-nav__lk.is-on { background: linear-gradient(#ffe8b8, #ffcb66 55%, #d9a23f) padding-box, var(--m-frame) border-box; color: var(--m-ink) !important; box-shadow: inset 0 -2px 0 rgba(120, 75, 10, .3), 0 3px 10px rgba(0, 0, 0, .18); }
.mr-coins .gold, .mr-coins .silver { height: auto; padding-left: 0; background: none; }
.mr-coins .silver { color: #6b6b6b; font-size: 13px; }
.mr-head__sub .gold, .mr-head__sub .silver { height: auto; }
.mr-facts--1 { grid-template-columns: minmax(0, 1fr); }
.mr-facts--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mr-facts--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mr-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.mr-toolbar .btn { margin: 0; }
.mr-mini-facts--text dd { font-size: 18px; color: var(--m-ink); white-space: nowrap; }
.mr-security__ok { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; color: #2f6a17; font-weight: 800; }
.mr-security__ok svg { width: 20px; height: 20px; }
details.mr-sep > summary { cursor: pointer; color: var(--m-royal); font-weight: 700; }
details.mr-sep[open] > summary { margin-bottom: 10px; }
.mr-card > p { margin: 0 0 14px; color: var(--m-ink-2); }
.mr-card .mr-row > .btn-frame { flex: 0 0 auto; }
.mr-sep.mr-row { margin-top: 18px; }
.vklogin { width: 44px; height: 44px; background: url("../img/vk_login.png") center / contain no-repeat; }
.mr-auth__card h2 a { display: grid; place-items: center; color: var(--m-ink-3) !important; }
.mr-head__sub .mr-link-hero { margin-left: 6px; font-size: inherit; }
.rate-block .box-content > .label { display: inline-block; margin-top: 12px; }
.rate-block .box-content > ul { margin: 8px 0 8px 18px; list-style: none; }
.rate-block .box-content > ul li { margin-bottom: 4px; }
.rate-block .box-content > .btn { margin-bottom: 12px; }
.mr-page--bare > .mr-page__in > .mr-page__content > .alert { margin-top: 30px; }
noscript .alert { margin-top: 20px; }

/* ---------- Адаптив ---------- */

@media (max-width: 1240px) {
	.mr-nav__link { padding: 0 13px; font-size: 16px; }
	.mr-nav__link svg { display: none; }
}
@media (max-width: 1060px) {
	.mr-nav__menu { display: none; }
	.mr-nav__burger { display: grid !important; }
	.mr-nav__drawer.is-open { display: flex; flex-direction: column; padding: 8px max(16px, calc(50% - 660px)) 14px; border-top: 1px solid rgba(160, 110, 40, .25); }
	.mr-nav__drawer a { padding: 12px 4px; border-bottom: 1px dashed rgba(160, 110, 40, .3); color: #6b4716 !important; font-weight: 700; text-decoration: none !important; }
	.mr-foot__in { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mr-foot__id { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
	.mr-chap { grid-template-columns: minmax(0, 1fr); }
	.mr-chap__aside { justify-self: start; margin: 4px 0 0; }
	.mr-facts { flex-basis: 100%; }
	.mr-auth__card { flex-basis: 100%; }
}
@media (max-width: 767px) {
	.row-fluid [class*="span"] { width: auto; float: none; margin-left: 0; }
	.mr-main { padding: 26px 0 70px; }
	.mr-page.frame { padding: 18px 14px 20px; }
	.box-header { padding: 14px 16px 10px; }
	.box-content { padding: 14px 14px 18px; }
	.form-horizontal .control-label { float: none; width: auto; text-align: left; padding-top: 0; }
	.form-horizontal .controls { margin-left: 0; }
	.table { display: block; overflow-x: auto; }
}
@media (max-width: 640px) {
	:root { --m-shell: calc(100% - 28px); }
	.mr-nav__in { height: 60px; padding-inline: 12px; }
	.mr-nav__logo img { height: 42px; }
	.mr-nav__end .mr-sq--soc, .mr-acc__name, .mr-coins .silver { display: none; }
	.mr-head { padding: 28px 0 92px; }
	.mr-head h1 { font-size: 34px; }
	.mr-head__sub { font-size: 16px; }
	.mr-facts--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mr-facts--4 > div + div { border-left: 0; }
	.mr-facts--4 > div:nth-child(2n) { border-left: 1px dashed var(--m-line); }
	.mr-facts--4 > div:nth-child(n+3) { border-top: 1px dashed var(--m-line); }
	.mr-facts--3 dd { font-size: 24px; }
	.mr-facts dd { font-size: 27px; }
	.btn-gold { height: 54px; font-size: 20px; padding-left: 24px; }
	.mr-head__acts .btn-gold { width: 100%; }
	.mr-tabs { margin-top: -18px; }
	.mr-tab { flex: 0 0 auto; height: 50px; padding: 0 14px; font-size: 16px; }
	.mr-tab svg { display: none; }
	.mr-section, .mr-section:first-child { padding-top: 54px; }
	.mr-chap { margin-bottom: 26px; }
	.mr-chap__t { font-size: 29px; }
	.mr-banners { gap: 22px 10px; padding: 0 4px; }
	.mr-banner { width: 31%; }
	.mr-banner__rod { width: calc(100% + 8px); height: 10px; }
	.mr-banner__rod::before, .mr-banner__rod::after { width: 15px; height: 15px; }
	.mr-banner__rod::before { left: -3px; }
	.mr-banner__rod::after { right: -3px; }
	.mr-banner__cloth { min-height: 190px; padding: 18px 6px 56px; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 30px), 0 100%); }
	.mr-banner.is-main .mr-banner__cloth { min-height: 236px; }
	.mr-banner__cloth img { width: 46px; height: 46px; }
	.mr-banner__cloth b { font-size: 17px; }
	.mr-banner__cloth strong { font-size: 15px; }
	.mr-banner__act .btn-frame { min-height: 34px; padding: 4px 8px; font-size: 12.5px; line-height: 1.15; white-space: normal; text-align: center; }
	.mr-banner__act .mr-pill { font-size: 12.5px; padding: 2px 10px; }
	.mr-card { padding: 18px 16px 20px; }
	.mr-treasury { padding: 20px 16px; }
	.mr-track { margin: 0 18px; }
	.mr-track__mark span { display: none; }
	.mr-adv { padding: 20px 18px; }
	.mr-security { margin-top: 44px; }
	.mr-security a { margin-left: 0; }
	.mr-foot__in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; padding-top: 36px; }
	.mr-auth { padding: 30px 0 90px; }
	.mr-auth__card { padding: 22px 18px 24px; }
}
@media (prefers-reduced-motion: reduce) {
	.btn-gold, .mr-adv, .btn { transition: none; }
}

/* ---------- Іконки i.icon-* як маски currentColor ---------- */
i.icon[class*="icon-"]:not(.class_icon), i.icon32[class*="icon-"]:not(.class_icon) {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	background-image: none !important;
	background-color: currentColor !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 .8 9.8 6.2 15.2 8 9.8 9.8 8 15.2 6.2 9.8.8 8 6.2 6.2z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 .8 9.8 6.2 15.2 8 9.8 9.8 8 15.2 6.2 9.8.8 8 6.2 6.2z'/%3E%3C/svg%3E") center / contain no-repeat;
	opacity: 0.9;
}
i.icon32[class*="icon-"]:not(.class_icon) { width: 20px; height: 20px; }
.box-header h2 i.icon[class*="icon-"] { margin-right: 4px; }
i.icon.icon-home:not(.class_icon), i.icon32.icon-home { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 15 7.2h-2V15h-3.6v-4.4H6.6V15H3V7.2H1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 15 7.2h-2V15h-3.6v-4.4H6.6V15H3V7.2H1z'/%3E%3C/svg%3E"); }
i.icon.icon-gear:not(.class_icon), i.icon32.icon-gear { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='3.4' width='9' height='1.6'/%3E%3Ccircle cx='11.5' cy='4.2' r='2'/%3E%3Crect x='6' y='11' width='9' height='1.6'/%3E%3Ccircle cx='4.5' cy='11.8' r='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='3.4' width='9' height='1.6'/%3E%3Ccircle cx='11.5' cy='4.2' r='2'/%3E%3Crect x='6' y='11' width='9' height='1.6'/%3E%3Ccircle cx='4.5' cy='11.8' r='2'/%3E%3C/svg%3E"); }
i.icon.icon-users:not(.class_icon), i.icon32.icon-users { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='5' cy='4.5' r='2.6'/%3E%3Cpath d='M.8 13c0-2.6 1.9-4.2 4.2-4.2S9.2 10.4 9.2 13z'/%3E%3Ccircle cx='11.5' cy='5' r='2.1'/%3E%3Cpath d='M10.4 9.2c2.7 0 4.8 1.5 4.8 3.8h-4.4c0-1.5-.5-2.8-1.4-3.7.3-.1.7-.1 1-.1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='5' cy='4.5' r='2.6'/%3E%3Cpath d='M.8 13c0-2.6 1.9-4.2 4.2-4.2S9.2 10.4 9.2 13z'/%3E%3Ccircle cx='11.5' cy='5' r='2.1'/%3E%3Cpath d='M10.4 9.2c2.7 0 4.8 1.5 4.8 3.8h-4.4c0-1.5-.5-2.8-1.4-3.7.3-.1.7-.1 1-.1z'/%3E%3C/svg%3E"); }
i.icon.icon-user:not(.class_icon), i.icon32.icon-user { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='4.6' r='3'/%3E%3Cpath d='M2.6 14.4c0-3 2.4-4.9 5.4-4.9s5.4 1.9 5.4 4.9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='4.6' r='3'/%3E%3Cpath d='M2.6 14.4c0-3 2.4-4.9 5.4-4.9s5.4 1.9 5.4 4.9z'/%3E%3C/svg%3E"); }
i.icon.icon-cart:not(.class_icon), i.icon32.icon-cart { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 1.6h2.6l.5 1.9H15.2l-1.7 6.3H5.4L3.9 3.5 3.4 1.6z'/%3E%3Ccircle cx='6' cy='13' r='1.6'/%3E%3Ccircle cx='12.4' cy='13' r='1.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 1.6h2.6l.5 1.9H15.2l-1.7 6.3H5.4L3.9 3.5 3.4 1.6z'/%3E%3Ccircle cx='6' cy='13' r='1.6'/%3E%3Ccircle cx='12.4' cy='13' r='1.6'/%3E%3C/svg%3E"); }
i.icon.icon-contacts:not(.class_icon), i.icon32.icon-contacts { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cellipse cx='8' cy='3.4' rx='5.6' ry='2.2'/%3E%3Cpath d='M2.4 5.4c0 1.2 2.5 2.2 5.6 2.2s5.6-1 5.6-2.2v2.4c0 1.2-2.5 2.2-5.6 2.2s-5.6-1-5.6-2.2z'/%3E%3Cpath d='M2.4 9.8c0 1.2 2.5 2.2 5.6 2.2s5.6-1 5.6-2.2v2.4c0 1.2-2.5 2.2-5.6 2.2s-5.6-1-5.6-2.2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cellipse cx='8' cy='3.4' rx='5.6' ry='2.2'/%3E%3Cpath d='M2.4 5.4c0 1.2 2.5 2.2 5.6 2.2s5.6-1 5.6-2.2v2.4c0 1.2-2.5 2.2-5.6 2.2s-5.6-1-5.6-2.2z'/%3E%3Cpath d='M2.4 9.8c0 1.2 2.5 2.2 5.6 2.2s5.6-1 5.6-2.2v2.4c0 1.2-2.5 2.2-5.6 2.2s-5.6-1-5.6-2.2z'/%3E%3C/svg%3E"); }
i.icon.icon-flag:not(.class_icon), i.icon32.icon-flag { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.6 1h1.6v14H2.6z'/%3E%3Cpath d='M5 2h8.6l-2.3 3.2 2.3 3.2H5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.6 1h1.6v14H2.6z'/%3E%3Cpath d='M5 2h8.6l-2.3 3.2 2.3 3.2H5z'/%3E%3C/svg%3E"); }
i.icon.icon-basket:not(.class_icon), i.icon32.icon-basket { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 1.4h8L15 5 8 14.6 1 5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 1.4h8L15 5 8 14.6 1 5z'/%3E%3C/svg%3E"); }
i.icon.icon-globe:not(.class_icon), i.icon32.icon-globe { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 1h8v1.6h3v1.8c0 2-1.4 3.4-3.2 3.7A4.4 4.4 0 0 1 9 10.4V12h2.4v2.6H4.6V12H7v-1.6A4.4 4.4 0 0 1 4.2 8.1C2.4 7.8 1 6.4 1 4.4V2.6h3zM2.6 4.2c0 1 .6 1.8 1.5 2.1l-.1-2.1zm10.8 0h-1.4l-.1 2.1c.9-.3 1.5-1.1 1.5-2.1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 1h8v1.6h3v1.8c0 2-1.4 3.4-3.2 3.7A4.4 4.4 0 0 1 9 10.4V12h2.4v2.6H4.6V12H7v-1.6A4.4 4.4 0 0 1 4.2 8.1C2.4 7.8 1 6.4 1 4.4V2.6h3zM2.6 4.2c0 1 .6 1.8 1.5 2.1l-.1-2.1zm10.8 0h-1.4l-.1 2.1c.9-.3 1.5-1.1 1.5-2.1z'/%3E%3C/svg%3E"); }
i.icon.icon-document:not(.class_icon), i.icon32.icon-document { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h6.5v3.8H13V15H3z'/%3E%3Cpath d='M10.5 1 13 3.6h-2.5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h6.5v3.8H13V15H3z'/%3E%3Cpath d='M10.5 1 13 3.6h-2.5z'/%3E%3C/svg%3E"); }
i.icon.icon-note:not(.class_icon), i.icon32.icon-note { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='8' width='3' height='6'/%3E%3Crect x='6.5' y='4' width='3' height='10'/%3E%3Crect x='11' y='6' width='3' height='8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='8' width='3' height='6'/%3E%3Crect x='6.5' y='4' width='3' height='10'/%3E%3Crect x='11' y='6' width='3' height='8'/%3E%3C/svg%3E"); }
i.icon.icon-script:not(.class_icon), i.icon32.icon-script { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 13.6V1h1.6v11H15v1.6z'/%3E%3Cpath d='m4 9.6 3-3 2.2 2L13.4 4l1.2 1.1-4.4 5.7-2.2-2-2.8 2.9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 13.6V1h1.6v11H15v1.6z'/%3E%3Cpath d='m4 9.6 3-3 2.2 2L13.4 4l1.2 1.1-4.4 5.7-2.2-2-2.8 2.9z'/%3E%3C/svg%3E"); }
i.icon.icon-date:not(.class_icon), i.icon32.icon-date { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 .8h1.8v2.4H4zM10.2 .8H12v2.4h-1.8z'/%3E%3Cpath fill-rule='evenodd' d='M1.6 2.6h12.8V15H1.6zm1.6 3.4v7.4h9.6V6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 .8h1.8v2.4H4zM10.2 .8H12v2.4h-1.8z'/%3E%3Cpath fill-rule='evenodd' d='M1.6 2.6h12.8V15H1.6zm1.6 3.4v7.4h9.6V6z'/%3E%3C/svg%3E"); }
i.icon.icon-book:not(.class_icon), i.icon32.icon-book { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.3 3C5.9 1.9 4.2 1.4 1.2 1.4V13c3 0 4.7.5 6.1 1.6zM8.7 3c1.4-1.1 3.1-1.6 6.1-1.6V13c-3 0-4.7.5-6.1 1.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.3 3C5.9 1.9 4.2 1.4 1.2 1.4V13c3 0 4.7.5 6.1 1.6zM8.7 3c1.4-1.1 3.1-1.6 6.1-1.6V13c-3 0-4.7.5-6.1 1.6z'/%3E%3C/svg%3E"); }
i.icon.icon-locked:not(.class_icon), i.icon32.icon-locked { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 1a3.6 3.6 0 0 1 3.6 3.6V6h1.2v9H3.2V6h1.2V4.6A3.6 3.6 0 0 1 8 1zm0 1.8a1.8 1.8 0 0 0-1.8 1.8V6h3.6V4.6A1.8 1.8 0 0 0 8 2.8zm0 6.2a1.4 1.4 0 0 1 .8 2.55V13H7.2v-1.45A1.4 1.4 0 0 1 8 9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 1a3.6 3.6 0 0 1 3.6 3.6V6h1.2v9H3.2V6h1.2V4.6A3.6 3.6 0 0 1 8 1zm0 1.8a1.8 1.8 0 0 0-1.8 1.8V6h3.6V4.6A1.8 1.8 0 0 0 8 2.8zm0 6.2a1.4 1.4 0 0 1 .8 2.55V13H7.2v-1.45A1.4 1.4 0 0 1 8 9z'/%3E%3C/svg%3E"); }
i.icon.icon-envelope:not(.class_icon), i.icon32.icon-envelope { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14v10H1z'/%3E%3Cpath d='m1.6 3.6 6.4 5 6.4-5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14v10H1z'/%3E%3Cpath d='m1.6 3.6 6.4 5 6.4-5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"); }
i.icon.icon-mail-closed:not(.class_icon), i.icon32.icon-mail-closed { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14v10H1z'/%3E%3Cpath d='m1.6 3.6 6.4 5 6.4-5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14v10H1z'/%3E%3Cpath d='m1.6 3.6 6.4 5 6.4-5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"); }
i.icon.icon-envelope-closed:not(.class_icon), i.icon32.icon-envelope-closed { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14v10H1z'/%3E%3Cpath d='m1.6 3.6 6.4 5 6.4-5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14v10H1z'/%3E%3Cpath d='m1.6 3.6 6.4 5 6.4-5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"); }
i.icon.icon-envelope-open:not(.class_icon), i.icon32.icon-envelope-open { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14v10H1z'/%3E%3Cpath d='m1.6 3.6 6.4 5 6.4-5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14v10H1z'/%3E%3Cpath d='m1.6 3.6 6.4 5 6.4-5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"); }
i.icon.icon-check:not(.class_icon), i.icon32.icon-check { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m2 8.6 2-2 3 3 7-7 2 2-9 9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m2 8.6 2-2 3 3 7-7 2 2-9 9z'/%3E%3C/svg%3E"); }
i.icon.icon-close:not(.class_icon), i.icon32.icon-close { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 4.4 1.4-1.4L8 6.6l3.6-3.6L13 4.4 9.4 8l3.6 3.6-1.4 1.4L8 9.4 4.4 13 3 11.6 6.6 8z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 4.4 1.4-1.4L8 6.6l3.6-3.6L13 4.4 9.4 8l3.6 3.6-1.4 1.4L8 9.4 4.4 13 3 11.6 6.6 8z'/%3E%3C/svg%3E"); }
i.icon.icon-sent:not(.class_icon), i.icon32.icon-sent { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 8 15 1l-3 14-4.2-4.6L5 13v-3.4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 8 15 1l-3 14-4.2-4.6L5 13v-3.4z'/%3E%3C/svg%3E"); }
i.icon.icon-mail:not(.class_icon), i.icon32.icon-mail { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14v10H1z'/%3E%3Cpath d='m1.6 3.6 6.4 5 6.4-5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14v10H1z'/%3E%3Cpath d='m1.6 3.6 6.4 5 6.4-5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"); }