:root{--accent:#dc2626;--accent-light:#f87171;--accent-gradient:linear-gradient(to right,#f87171,#dc2626,#f87171);--accent-gradient-135:linear-gradient(135deg,#f87171,#dc2626)}

body {
	background: url('/image/back.webp');
	margin: 0 auto;
	font: normal 500 14px/17px Trebuchet MS;
}
a {
	color: var(--accent);
	text-decoration: none;
	font: normal 700 13px/17px Trebuchet MS;
}
a:hover {
	text-decoration: underline;
}
input, button, textarea { outline: none; }
#wrapper {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 30px;
}
#container {
	border-top: 4px solid var(--accent);
	background: #dcddde;
	padding: 25px 15px 0 15px;
	overflow: hidden;
	position: relative;
}
#content {
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 610px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 25px;
}
#content.content--full {
	float: none;
	width: auto;
}
.overlay {
	position: fixed;
	z-index: 3;
	background: rgba(0,0,0,0.75);
	top: 0; left: 0; right: 0; bottom: 0;
	min-height: 100%;
	width: 100%;
	display: none;
}
header {
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}
.site-header__logo {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}
.site-header__logo img {
	max-height: 61px;
	width: auto;
}
.site-header__name {
	font-size: 22px;
	font-weight: 700;
	color: #333;
	white-space: nowrap;
}
.site-header__right {
	margin-top: 0;
	display: flex;
	justify-content: flex-end;
}
.lang {
	position: static;
	display: inline-block;
}
.lang__current {
	display: flex;
	align-items: center;
	gap: 6px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 8px;
	height: 36px;
	padding: 0 14px;
	color: #333;
	font-family: inherit;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	transition: background 0.3s;
}
.lang__current:hover {
	background: #f0f0f0;
}
.lang__arrow {
	font-size: 10px;
	transition: transform 0.3s;
}
.lang.open .lang__arrow {
	transform: rotate(180deg);
}
.lang__dropdown {
	display: none;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	background: transparent;
	border: none;
	padding: 8px 0;
	list-style: none;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
	flex-basis: 100%;
}
.lang__dropdown.open {
	display: block;
}
.lang__option {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	font-size: 13px;
	font-weight: 500;
	color: #333;
	cursor: pointer;
	transition: background 0.2s;
	border-radius: 6px;
	white-space: nowrap;
}
.lang__option:hover {
	background: #f0f0f0;
}
.lang__option--active {
	font-weight: 700;
	background: #e8e8e8;
}
.lang__option a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.lang__icon {
	width: 20px;
	height: 14px;
	object-fit: cover;
	border-radius: 2px;
	flex-shrink: 0;
	box-shadow: 0 0 1px rgba(0,0,0,.25);
}
.breadcrumbs {
	font-size: 13px;
	margin-bottom: 10px;
	color: #888;
}
.breadcrumbs a {
	font-weight: 400;
}
h1 {
	text-transform: none;
	margin-top: 5px;
	font: normal 700 18px/32px Trebuchet MS;
	padding-bottom: 10px;
	margin-bottom: 0;
}
h1.slot-title {
	margin-top: 0;
	padding-top: 0;
	border-bottom: 1px solid #dedede;
}
h2 {
	text-transform: none;
	line-height: 21px;
	font: normal 700 18px/28px Trebuchet MS;
}
.slot-description h2 {
	margin-top: 30px;
}
.slot-banner {
	margin-top: 15px;
	margin-bottom: 15px;
}
.slot-banner img,
.slot-banner__video {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
}
/* Hero <video> - плеер должен быть невидимым: никаких controls,
   PiP, AirPlay, контекстного меню "сохранить". autoplay+muted+playsinline
   запускает анимацию автоматически без user gesture. */
.slot-banner__video {
	pointer-events: none;
	object-fit: cover;
	background: transparent;
}
.slot-banner__video::-webkit-media-controls,
.slot-banner__video::-webkit-media-controls-enclosure,
.slot-banner__video::-webkit-media-controls-panel,
.slot-banner__video::-webkit-media-controls-start-playback-button { display: none !important; }
.slot-buttons {
	display: flex;
	gap: 12px;
	margin-bottom: 20px;
}
.slot-btn {
	flex: 1;
	padding: 20px 20px 17px;
	font-size: 14px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	transition: background 0.2s, box-shadow 0.2s;
}
.slot-btn:hover {
	transform: none;
}
.slot-btn--play {
	background: var(--accent-gradient);
	border: 1px solid var(--accent);
	border-bottom: 3px solid var(--accent);
	color: #fff;
	position: relative;
	overflow: hidden;
}
.slot-btn--play::before {
	font-family: FontAwesome;
	content: "\f04b";
	margin-right: 8px;
	font-size: 13px;
}
.slot-btn--play::after {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 60%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
	animation: btnShine 2.5s infinite;
}
@keyframes btnShine {
	0% { left: -100%; }
	50% { left: 100%; }
	100% { left: 100%; }
}
.slot-btn--play:hover {
	background: var(--accent-gradient); filter: brightness(0.9);
	box-shadow: inset 0 2px 8px rgba(0,0,0,0.2);
}
.slot-btn--play:focus {
	outline: none;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);
}
.slot-btn--demo {
	background: #fff;
	color: #333;
	border: 2px solid #ccc;
}
.slot-btn--demo::before {
	font-family: FontAwesome;
	content: "\f065";
	margin-right: 8px;
	font-size: 13px;
}
.slot-btn--demo:hover {
	background: #f0f0f0;
	border-color: #999;
	box-shadow: inset 0 2px 8px rgba(0,0,0,0.1);
}
.slot-btn--demo:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
}
.demo-overlay {
	position: fixed;
	top: 0; left: 0; width: 100%; height: 100%;
	background: #000;
	z-index: 100;
}
.demo-modal {
	width: 100%;
	height: calc(100% - 83px);
	margin-top: 83px;
	display: flex;
	flex-direction: column;
}
.demo-modal__close, .demo-modal__reload {
	background: #e5e7eb;
	border: none;
	color: #374151;
	cursor: pointer;
	width: 44px;
	height: 44px;
	display: none;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	flex-shrink: 0;
}
.sticky-cta-demo .demo-modal__close,
.sticky-cta-demo .demo-modal__reload {
	display: flex;
}
.demo-modal__close::before {
	content: "\f00d";
	font-family: FontAwesome;
	font-size: 16px;
}
.demo-modal__reload::before {
	content: "\f01e";
	font-family: FontAwesome;
	font-size: 15px;
}
.demo-modal__reload:hover, .demo-modal__close:hover { background: #d1d5db; }
.demo-modal__close::after { content: none; }
.demo-modal__reload::after { content: none; }
.demo-modal__content { width: 100%; height: 100%; }
.demo-modal__content iframe { width: 100%; height: 100%; border: none; display: block; }
.slot-description {
	margin-top: 0;
}
.slot-description__text {
	margin-top: 40px;
}
.specs-section {
	margin-top: 25px;
	margin-bottom: 20px;
}
.specs-section h2 {
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}
.specs-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	table-layout: fixed;
	word-wrap: break-word;
}
.specs-table tr {
	border-bottom: 1px solid #eee;
}
.specs-table tr:last-child {
	border-bottom: none;
}
.specs-table tr:hover {
	background: #f9f9f9;
}
.specs-label,
.specs-value {
	padding: 12px 16px;
	font-size: 14px;
}
.specs-label {
	color: #888;
	width: 40%;
}
.specs-value {
	font-weight: 600;
	color: #333;
}
.specs-table th {
	padding: 12px 16px;
	font-size: 13px;
	font-weight: 700;
	color: #555;
	text-align: left;
	background: #f5f5f5;
	border-bottom: 2px solid #ddd;
}
.specs-table thead + tbody .specs-label {
	width: auto;
}
.specs-table thead + tbody td {
	vertical-align: top;
}
.symbols-section,
.bonus-section {
	margin-top: 25px;
	margin-bottom: 20px;
}
.symbols-section h2,
.bonus-section h2 {
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}
.gallery-section {
	margin-top: 25px;
	margin-bottom: 20px;
}
.gallery-section h2 {
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}
.gallery-section .fotorama {
	margin-bottom: 10px;
}
.platforms-section {
	margin-top: 25px;
	margin-bottom: 20px;
}
.platforms-section h2 {
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}
.platforms-list {
	display: flex;
	gap: 12px;
}
.platform-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 20px 10px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #333;
}
.platform-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--accent-gradient-135);
	display: flex;
	align-items: center;
	justify-content: center;
}
.platform-icon::after {
	font-family: FontAwesome;
	font-size: 22px;
	color: #fff;
}
.platform-icon--desktop::after { content: "\f108"; }
.platform-icon--ios::after { content: "\f179"; }
.platform-icon--android::after { content: "\f17b"; }
.faq-section {
	margin-top: 25px;
	margin-bottom: 20px;
}
.faq-section h2 {
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}
.faq-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.faq-item {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
}
.faq-item[open] {
	border-color: var(--accent);
}
.faq-question {
	padding: 14px 16px;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.faq-question::-webkit-details-marker {
	display: none;
}
.faq-question::after {
	content: '+';
	font-size: 20px;
	font-weight: 300;
	color: #999;
	flex-shrink: 0;
	transition: transform 0.3s, color 0.3s;
}
.faq-item[open] .faq-question::after {
	transform: rotate(45deg);
	color: var(--accent);
}
.faq-item[open] .faq-question {
	color: var(--accent);
}
.faq-answer {
	padding: 0 16px 14px;
	font-size: 13px;
	line-height: 1.7;
	color: #666;
}
.pros-cons-section {
	margin-top: 25px;
	margin-bottom: 20px;
}
.pros-cons-section h2 {
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}
.pros-cons-grid {
	display: flex;
	gap: 12px;
}
.pros-cons-grid .pros,
.pros-cons-grid .cons {
	flex: 1;
	border-radius: 10px;
	padding: 18px 20px;
}
.pros-cons-grid .pros {
	background: #eafbe7;
	border: 1px solid #b6e2a8;
}
.pros-cons-grid .cons {
	background: #fde8e8;
	border: 1px solid #e8a8a8;
}
.pros-cons-grid h3 {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 15px;
	font-weight: 700;
}
.pros-cons-grid .pros h3 { color: #2e7d32; }
.pros-cons-grid .cons h3 { color: #c62828; }
.pros-cons-grid .pros h3::before {
	content: "\f00c";
	font-family: FontAwesome;
	margin-right: 8px;
}
.pros-cons-grid .cons h3::before {
	content: "\f00d";
	font-family: FontAwesome;
	margin-right: 8px;
}
.pros-cons-grid ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.pros-cons-grid ul li {
	position: relative;
	padding: 6px 0 6px 22px;
	font-size: 13px;
	line-height: 1.6;
	color: #333;
}
.pros-cons-grid .pros ul li::before {
	content: "+";
	position: absolute;
	left: 0;
	font-weight: 700;
	color: #2e7d32;
	font-size: 15px;
}
.pros-cons-grid .cons ul li::before {
	content: "\2212";
	position: absolute;
	left: 0;
	font-weight: 700;
	color: #c62828;
	font-size: 15px;
}
.author-box {
	margin-top: 25px;
	padding: 16px 20px;
	background: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}
.author-box__avatar {
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
/* Имя/роль на расстоянии gap (16px) от аватара — «чуть-чуть вправо»,
   даты прижаты к правому краю через margin-left:auto. */
.author-box .author-box__info { flex: 0 1 auto; }
.author-box .author-box__dates { margin-left: auto; }
.author-box__name {
	font-size: 14px;
	font-weight: 600;
	color: #333;
}
.author-box__name a {
	color: var(--accent);
	font-weight: 700;
}
.author-box__role {
	font-size: 12px;
	color: #888;
	margin-top: 2px;
}
.author-box__dates {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	font-size: 12px;
	color: #999;
}
.sticky-cta {
	display: none;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	animation: fade 0.5s linear;
	transition: all .7s linear;
}
.sticky-cta-fixed {
	display: flex;
	position: fixed;
	z-index: 101;
	top: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	margin: 0 auto;
	padding-left: 35px;
	background: #fff;
	padding-right: 35px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.sticky-cta-fixed.sticky-cta-demo {
	padding-left: max(35px, calc(50% - 500px));
	padding-right: max(35px, calc(50% - 500px));
}
.sticky-cta-fixed button {
	max-width: 940px;
	margin: 0 auto;
}
.sticky-cta-demo {
	align-items: center;
	gap: 6px;
}
.sticky-cta-demo .cta-btn {
	flex: 1;
	min-width: 0;
	margin: 0;
}
.sticky-cta-demo .demo-modal__close,
.sticky-cta-demo .demo-modal__reload {
	height: 54px;
	width: 50px;
	border-radius: 10px;
	border: 1px solid #d1d5db;
}
.cta-btn {
	margin-top: 10px;
	width: 100%;
	padding: 20px;
	padding-bottom: 17px;
	text-transform: none;
	border-radius: 10px;
	background: var(--accent-gradient);
	border: 1px solid var(--accent);
	border-bottom: 3px solid var(--accent);
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	position: relative;
	overflow: hidden;
}
.cta-btn::before {
	font-family: FontAwesome;
	content: "\f04b";
	margin-right: 8px;
	font-size: 13px;
}
.cta-btn:hover {
	background: var(--accent-gradient); filter: brightness(0.9);
	box-shadow: inset 0 2px 8px rgba(0,0,0,0.2);
}
.cta-btn:focus {
	outline: none;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);
}
.cta-btn::after {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 60%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
	animation: btnShine 2.5s infinite;
}
#right, .sidebar {
	float: right;
	width: 250px;
	clear: right;
	overflow: hidden;
}
#right.sidebar-sticky .sidebar-box {
	position: fixed;
	top: 110px;
	width: 250px;
	z-index: 5;
}
.sidebar-box {
	width: 250px;
	position: relative;
	margin-bottom: 25px;
}
.sidebar-box .top {
	height: 25px;
	background: url('/image/top.webp') 0 0 repeat-x;
	width: 220px;
	padding: 10px 15px 0 15px;
	border-radius: 5px 5px 0 0;
}
.sidebar-box .top span {
	font: normal 700 14px/16px Trebuchet MS;
	color: #fff;
	text-transform: none;
}
.sidebar-box .bottom {
	background: #fff;
	width: 220px;
	padding: 10px 15px;
	border-radius: 0 0 5px 5px;
}
ul.menu {
	padding-left: 0;
	padding-top: 0;
	list-style: none;
	margin: 0;
}
ul.menu li {
	padding: 3px 0;
}
ul.menu li a.active {
	color: #000;
}
.how-to-play {
	text-align: center;
}
.how-to-play h3 {
	text-transform: none;
}
.how-to-play ul {
	list-style: none;
	padding-left: 0;
	position: relative;
	padding-bottom: 10px;
}
.how-to-play ul li {
	margin-bottom: 30px;
}
.step-icon {
	width: 70px;
	height: 70px;
	margin: 0 auto 20px;
	border-radius: 50%;
	background: var(--accent-gradient-135);
	display: flex;
	align-items: center;
	justify-content: center;
}
.step-icon::after {
	font-family: FontAwesome;
	font-size: 28px;
	color: #fff;
}
.step-icon--1::after { content: "\f11b"; }
.step-icon--2::after { content: "\f007"; }
.step-icon--3::after { content: "\f091"; }
.step {
	text-align: center;
	position: relative;
	padding-bottom: 50px;
}
.step:after {
	content: '\f101';
	font-family: FontAwesome;
	font-size: 36px;
	color: #c0c0c0;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
}
.step:last-child {
	padding-bottom: 0;
}
.step:last-child:after {
	display: none;
}
footer {
	padding-bottom: 40px;
	padding-top: 30px;
	margin: 0 auto;
	text-align: center;
}
footer ul {
	list-style: none;
	padding-left: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin: 5px 0;
}
footer ul li {
	margin-bottom: 0;
}
.footer-logos {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}
.footer-logos img {
	height: 24px;
	width: auto;
	opacity: 0.6;
	transition: opacity 0.2s;
}
.footer-logos img:hover {
	opacity: 1;
}
.share-buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
	margin-bottom: 0;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.share-label {
	font-size: 13px;
	color: #666;
	font-weight: 600;
}
.share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	background: #f0f0f0;
	color: #999;
	border: 1px solid #ddd;
	cursor: pointer;
	transition: background .2s, color .2s, transform .15s, border-color .2s;
	text-decoration: none;
}
.share-btn::before {
	font-family: FontAwesome;
	font-size: 16px;
}
.share-twitter::before {
	content: "\f099";
}
.share-facebook::before {
	content: "\f09a";
}
.share-telegram::before {
	content: "\f2c6";
}
.share-whatsapp::before {
	content: "\f232";
}
.share-copy::before {
	content: "\f0c1";
}
.share-btn:hover {
	transform: scale(1.1);
	background: var(--accent);
	color: #fff;
	border-color: var(--accent);
	text-decoration: none;
}
.share-copy.copied {
	background: var(--accent-light);
	color: #333;
	border-color: var(--accent-light);
}
.copyright {
	margin-top: 30px;
}
.cookie-banner {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.15);
	padding: 14px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	max-width: max-content;
	width: calc(100% - 90px);
	box-sizing: border-box;
	text-align: center;
	flex-wrap: wrap;
}
.cookie-banner p {
	font-size: 13px;
	color: #555;
	margin: 0;
	line-height: 1.5;
}
.cookie-banner a {
	color: var(--accent);
}
.cookie-banner button {
	background: var(--accent-gradient);
	border: 1px solid var(--accent);
	border-bottom: 3px solid var(--accent);
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	padding: 10px 24px;
	border-radius: 8px;
	cursor: pointer;
	white-space: nowrap;
	outline: none;
}
.cookie-banner button:focus {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);
}
.cookie-banner button:hover {
	background: var(--accent-gradient); filter: brightness(0.9);
	box-shadow: inset 0 2px 8px rgba(0,0,0,0.2);
}
@media(max-width: 1010px) {
	.lang__dropdown {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px);
	}
	h1 {
		margin-top: 15px;
	}
	.how-to-play ul li {
		padding-left: 30px;
		padding-right: 30px;
	}
	.navtop {
		cursor: pointer;
	}
	#content {
		float: none;
		width: auto;
	}
	#right, .sidebar {
		clear: both;
		float: none;
		width: 100%;
	}
	#right.sidebar-sticky .sidebar-box {
		position: relative;
		top: auto;
	}
	.sidebar-box, .top, .bottom {
		min-width: calc(100% - 15px);
	}
	#container {
		display: flex;
		flex-direction: column;
	}
	.nav {
		order: 0;
	}
	#content {
		order: 1;
	}
	.how-to-play {
		order: 2;
	}
	.navmenu {
		display: none;
	}
	.navtop:after {
		font-size: 21px;
		content: "\f0c9";
		font-family: FontAwesome;
		color: #fff;
		position: absolute;
		right: 0;
		margin-top: 0;
		font-weight: 300;
	}
}
@media(max-width: 660px) {
	#wrapper {
		padding: 0;
	}
	header {
		display: block;
	}
	.site-header__logo-wrap {
		margin: 30px auto;
		padding-left: 30px;
		padding-right: 30px;
		text-align: center;
		margin-bottom: 15px;
	}
	.site-header__logo {
		flex-direction: column;
		align-items: center;
		gap: 6px;
	}
	.site-header__name {
		white-space: normal;
		text-align: center;
		line-height: 1.2;
	}
	.site-header__right {
		clear: both;
		display: flex;
		justify-content: center;
		padding-left: 0;
		margin-top: 0;
	}
	.slot-buttons {
		flex-direction: column;
	}
	.pros-cons-grid {
		flex-direction: column;
	}
	.author-box {
		flex-direction: column;
		align-items: flex-start;
	}
	/* В column-flex margin-left:auto всё ещё работает по cross-axis (тянет
	   к правому краю). Сбрасываем, чтобы даты прилипали к левому краю. */
	.author-box .author-box__dates {
		align-items: flex-start;
		margin-left: 0;
	}
	footer ul {
		display: block;
	}
	footer ul li {
		margin-bottom: 10px;
	}
	.footer-logos {
		gap: 12px;
	}
	.footer-logos img {
		height: 18px;
	}
	.cookie-banner {
		width: calc(100% - 60px);
		padding: 12px 14px;
		gap: 10px;
		flex-direction: column;
	}
	.cookie-banner p {
		font-size: 12px;
	}
	.cookie-banner button {
		padding: 8px 20px;
		font-size: 12px;
		width: 100%;
	}
	.table-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.share-buttons {
		justify-content: center;
	}
	.share-label {
		order: -1;
		width: 100%;
		text-align: center;
		margin-bottom: 4px;
	}
}

/* === Fotorama === */
/* ===== Static/custom page content: top gap ==========================
   Между нижней чертой h1.slot-title и первой строкой .static-content
   нужен видимый воздух (без него короткий pageContent прилипает прямо к
   подчёркиванию заголовка). 20px над контентом + первый <p>/<div> теряет
   свой margin-top чтобы не задваивать. */
#content .static-content { margin-top: 20px; }
#content .static-content > *:first-child { margin-top: 0; }

/* ===== Inline TOC strip (rendered above article when the right sidebar
        is taken over by the cross-page menu — see templates/2/main.php) =====
   Цвета привязаны к --accent (color_schemes), полоса без рамки/фона —
   просто заголовок + ряд пилюль на белом фоне #content. */
.toc-inline {
	margin: 0 0 20px;
	padding: 0;
	background: transparent;
	border: 0;
}
.toc-inline__title {
	font: 700 16px/24px Trebuchet MS, sans-serif;
	color: #333;
	margin: 0 0 10px;
}
.toc-inline__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
}
.toc-inline__list li { padding: 0; }
.toc-inline__list li a {
	display: inline-block;
	padding: 5px 10px;
	font-size: 13px;
	line-height: 1.2;
	color: var(--accent);
	background: color-mix(in srgb, var(--accent) 8%, #fff);
	border: 1px solid color-mix(in srgb, var(--accent) 25%, #e5e7eb);
	border-radius: 999px;
	text-decoration: none;
	transition: background .15s, color .15s, border-color .15s;
}
.toc-inline__list li a:hover {
	background: var(--accent);
	color: #fff;
	border-color: var(--accent);
}
@media(max-width: 660px) {
	/* На мобиле пилюли не переносятся, а едут горизонтальным скроллом —
	   #content свои 20px padding'а слева/справа сохраняет, .toc-inline сидит
	   внутри без своих отступов, поэтому первая/последняя пилюли вписываются
	   ровно по краям контентной области (а не под/над ней). */
	.toc-inline__list {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		padding-bottom: 4px;
	}
	.toc-inline__list li { flex-shrink: 0; }
	.toc-inline__list li a { font-size: 12px; padding: 4px 8px; }
}

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/image/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/image/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
/* === Fotorama theme overrides === */
.fotorama__thumb-border {
	border-color: var(--accent) !important;
}
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
	background-color: color-mix(in srgb, var(--accent) 50%, transparent) !important;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
	border-color: var(--accent);
}
.fotorama__dot {
	border-color: color-mix(in srgb, var(--accent) 40%, #7f7f7f);
}
.fotorama__stage {
	border-radius: 8px;
}
.fotorama__nav--thumbs .fotorama__thumb {
	border-radius: 4px;
	overflow: hidden;
}
.fotorama__thumb-border {
	border-radius: 4px;
	border-width: 2px !important;
}