/* Слайдер на главной (верхняя плашка «Специальные предложения») */
.redblock .newsblock-mid { padding-top: 6px; padding-bottom: 30px; }
.tkslider {
	position: relative;
	left: -7px; /* центр страницы: у .newsblock-mid отступы 34px слева и 20px справа */
	width: 880px;
	height: 385px;
	margin: 0 auto;
	border: 4px solid #6e4321;
	border-radius: 10px;
	box-shadow: 0 0 0 1px #c9a46a inset, 0 5px 16px rgba(0, 0, 0, .45);
	overflow: hidden;
	background: #2b1a0e;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
}
.tkslider * { box-sizing: border-box; }

.tks-slide {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: opacity .8s ease, visibility 0s linear .8s;
	text-decoration: none !important;
	color: inherit;
	overflow: hidden;
}
.tks-slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
	transition: opacity .8s ease, visibility 0s;
}

.tks-btn {
	display: inline-block;
	padding: 8px 22px;
	border-radius: 6px;
	background: linear-gradient(#f24537 5%, #c62d1f 100%);
	box-shadow: inset 0 1px 0 0 #f5978e, 0 2px 6px rgba(0, 0, 0, .35);
	color: #fff;
	font: bold 14px/20px Verdana, Arial, sans-serif;
	white-space: nowrap;
}
.tks-slide:hover .tks-btn { background: linear-gradient(#ff5243 5%, #d43325 100%); }

/* 1. Новогодняя ночь 2027 */
.tks-ng { background: radial-gradient(ellipse at 70% 0%, #7a1218 0%, #4a080c 60%, #2e0507 100%); }
.tks-ng-img {
	position: absolute; top: 0; left: 0;
	width: 519px; height: 385px;
	-webkit-mask-image: linear-gradient(90deg, #000 88%, transparent 100%);
	mask-image: linear-gradient(90deg, #000 88%, transparent 100%);
}
.tks-ng-info {
	position: absolute; top: 0; right: 0;
	width: 375px; height: 100%;
	padding: 16px 18px 14px 14px;
	color: #f8e6c8;
}
.tks-ng-head {
	margin: 0 0 8px;
	text-align: center;
	color: #f0cd82;
	font: bold 17px/1.2 Georgia, "Times New Roman", serif;
	letter-spacing: 3px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.tks-ng-list { margin: 0; padding: 0; list-style: none; }
.tks-ng-list li {
	position: relative;
	margin: 0 0 7px;
	padding: 0 0 7px 22px;
	border-bottom: 1px solid rgba(240, 205, 130, .25);
	font-size: 11px;
	line-height: 14px;
}
.tks-ng-list li:last-child { border-bottom: 0; margin-bottom: 4px; }
.tks-ng-list li:before {
	content: "★";
	position: absolute; left: 2px; top: 0;
	color: #f0cd82;
	font-size: 13px;
}
.tks-ng-list b {
	display: block;
	color: #fff;
	font: bold 12.5px/16px Georgia, "Times New Roman", serif;
	text-transform: uppercase;
}
.tks-ng-phones { margin: 0 0 9px; font-size: 11px; line-height: 15px; text-align: center; }
.tks-ng-phones b { color: #fff; white-space: nowrap; }
.tks-ng-cta { text-align: center; }

/* 2. Завтрак в подарок */
.tks-zav { background: #f6f3ee; }
.tks-zav-photo {
	position: absolute; top: 0; right: 0;
	width: 431px; height: 385px;
}
.tks-zav-fade {
	position: absolute; top: 0; right: 311px;
	width: 120px; height: 100%;
	background: linear-gradient(90deg, #f6f3ee 0%, rgba(246, 243, 238, 0) 100%);
}
.tks-zav-ribbon { position: absolute; top: 12px; left: -12px; width: 404px; height: 100px; }
.tks-zav-title { position: absolute; top: 104px; left: 34px; width: 372px; height: 172px; }
.tks-zav-text {
	position: absolute; top: 282px; left: 40px;
	width: 440px;
	color: #333;
	font-size: 14px;
	line-height: 21px;
}
.tks-zav-text b { color: #111; white-space: nowrap; }
.tks-zav-note {
	position: absolute; left: 40px; bottom: 12px;
	width: 350px;
	color: #777;
	font-size: 10px;
	line-height: 13px;
}
.tks-zav-cta { position: absolute; right: 18px; bottom: 16px; }

/* 3. С высоты птичьего полета */
.tks-air { background: #2f4a2a url(aerial.jpg) center / cover no-repeat; }
.tks-air:after {
	content: "";
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background: linear-gradient(90deg, rgba(20, 12, 4, .78) 0%, rgba(20, 12, 4, .45) 48%, rgba(20, 12, 4, 0) 75%);
}
.tks-air-text {
	position: absolute; top: 50%; left: 40px;
	z-index: 1;
	width: 470px;
	transform: translateY(-50%);
	color: #fff;
}
.tks-air-title {
	margin: 0 0 14px;
	font: 400 34px/1.15 "America XIX", Georgia, serif;
	text-shadow: 0 2px 6px rgba(0, 0, 0, .7);
}
.tks-air-sub {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 20px;
	text-shadow: 0 1px 4px rgba(0, 0, 0, .8);
}
.tks-air-play {
	position: absolute; top: 50%; left: 72%;
	z-index: 1;
	width: 84px; height: 84px;
	margin: -42px 0 0 -42px;
	border: 3px solid rgba(255, 255, 255, .9);
	border-radius: 50%;
	background: rgba(198, 45, 31, .85);
	box-shadow: 0 3px 14px rgba(0, 0, 0, .5);
	transition: transform .2s;
}
.tks-air-play:after {
	content: "";
	position: absolute; top: 50%; left: 50%;
	margin: -16px 0 0 -9px;
	border-style: solid;
	border-width: 16px 0 16px 28px;
	border-color: transparent transparent transparent #fff;
}
.tks-air:hover .tks-air-play { transform: scale(1.08); }

/* Стрелки и точки */
.tks-prev, .tks-next {
	position: absolute; top: 50%;
	z-index: 5;
	width: 38px; height: 38px;
	margin-top: -19px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, .35);
	cursor: pointer;
	opacity: 0;
	transition: background .2s, opacity .3s;
}
.tkslider:hover .tks-prev, .tkslider:hover .tks-next { opacity: 1; }
.tks-prev { left: 10px; }
.tks-next { right: 10px; }
.tks-prev:hover, .tks-next:hover { background: rgba(0, 0, 0, .6); }
.tks-prev:after, .tks-next:after {
	content: "";
	position: absolute; top: 50%; left: 50%;
	width: 10px; height: 10px;
	margin: -5px 0 0 -6px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
}
.tks-prev:after { margin-left: -3px; transform: rotate(-135deg); }
.tks-dots {
	position: absolute; left: 0; right: 0; bottom: 10px;
	z-index: 5;
	text-align: center;
	font-size: 0;
}
.tks-dot {
	display: inline-block;
	width: 11px; height: 11px;
	margin: 0 5px;
	padding: 0;
	border: 2px solid #fff;
	border-radius: 50%;
	background: rgba(0, 0, 0, .25);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	cursor: pointer;
}
.tks-dot.is-active { background: #f24537; }
