/* ============================================================
   REATME — лендинг «Кофемашина в офис» (page-kofemashina.php)
   ============================================================
   Подключается условно из functions.php после landing-base.css.

   Стратегия как в landing-micromarket.css:
   • Свои уникальные компоненты — без префикса.
   • Переопределения base-классов — через .rt-page--kofemashina.

   Дубли с landing-micromarket.css (rt-stats, rt-advantages, rt-brand,
   rt-promos, rt-prod, rt-dotacii, rt-reviews) оставлены намеренно
   до Этапа 2 — там выносим общие части в landing-base.css разом.
   ============================================================ */

/* ---------- Переопределения base ---------- */

.rt-page--kofemashina .rt-dark-section,
.rt-page--kofemashina .rt-dark{background:#262d36;}

.rt-page--kofemashina .rt-heading{
	text-align:center;
	font-weight:400;
	font-size:30px;
	color:#000;
	padding-bottom:0;
	margin:0 0 30px;
}
.rt-page--kofemashina .rt-heading::after{display:none;}
.rt-page--kofemashina .rt-heading--sm{font-size:22px;}
.rt-page--kofemashina .rt-heading--white{color:#fff;}

.rt-page--kofemashina .rt-subheading{
	text-align:center;
	font-size:15px;
	max-width:900px;
	margin:0 auto 30px;
}

.rt-page--kofemashina .rt-prose p{margin:0 0 1em;font-size:14px;}

.rt-section--bg-soft{background:#f7f7f7;}

.rt-cta{text-align:center;}
.rt-cta .rt-btn{min-width:300px;}

/* ---------- HERO ---------- */
.rt-hero{
	position:relative;
	min-height:100vh;
	display:flex;
	align-items:center;
	padding:80px 0;
	color:#fff;
	background:#222 center/cover no-repeat;
}
.rt-hero::before{
	content:"";
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.5);
}
.rt-hero__inner{position:relative;max-width:800px;}
.rt-hero h1{
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	font-size:24px;
	margin:0 0 20px;
}
.rt-hero__lead{
	font-size:18px;
	margin:0 0 35px;
	color:rgba(255,255,255,.9);
}

/* ---------- Счётчики (4 цифры на тёмном) ---------- */
.rt-stats{display:flex;flex-wrap:wrap;gap:30px;}
.rt-stat{flex:1 1 calc(25% - 30px);text-align:center;}
.rt-stat__ico{
	width:80px;height:80px;border-radius:50%;
	border:2px solid rgba(255,255,255,.4);
	display:flex;align-items:center;justify-content:center;
	margin:0 auto 15px;
	color:#fff;font-size:34px;
}
.rt-stat p{margin:0;color:#eef0f2;font-size:14px;}

/* ---------- Машина: фото слева + ТТХ справа ---------- */
.rt-machine{
	display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;
}
.rt-machine__img{flex:1 1 380px;}
.rt-machine__img img{width:100%;border-radius:4px;}
.rt-machine__body{flex:1 1 420px;}
.rt-machine__body h2{
	text-transform:uppercase;font-weight:700;font-size:25px;color:#000;
	margin:0 0 20px;
}
.rt-machine__intro{margin:0 0 14px;font-size:14px;color:#333;}
.rt-machine__list{
	margin:0;padding-left:20px;
	font-size:14px;line-height:1.7;color:#333;
}
.rt-machine__list li{margin-bottom:4px;}

/* ---------- 4 преимущества (иконка + текст, 2 в ряд) ---------- */
.rt-advantages{display:flex;flex-wrap:wrap;gap:30px;}
.rt-advantage{
	flex:1 1 calc(50% - 30px);
	display:flex;gap:25px;padding:0 5px;
}
.rt-advantage__ico{
	flex-shrink:0;width:64px;text-align:center;
	color:#000;font-size:46px;line-height:1;padding-top:5px;
}
.rt-advantage h5{
	text-transform:uppercase;font-weight:700;font-size:16px;color:#000;
	margin:0 0 6px;
}
.rt-advantage p{margin:0;font-size:14px;}

/* ---------- 3 типа станций (карточки с тёмной шапкой) ---------- */
.rt-stations{display:flex;flex-wrap:wrap;gap:30px;}
.rt-station{
	flex:1 1 calc(33.333% - 30px);
	display:flex;flex-direction:column;
	background:#f5f5f5;
	border:1px solid #e5e5e5;
	text-align:center;
	overflow:hidden;
}
.rt-station__head{background:#262d36;padding:20px;color:#fff;}
.rt-station__head h4{color:#fff;font-weight:700;font-size:18px;margin:0;}
.rt-station__img{
	height:230px;width:100%;object-fit:cover;display:block;
}
.rt-station__body{
	padding:35px 30px;
	display:flex;flex-direction:column;flex-grow:1;
}
.rt-station__price{
	font-weight:700;font-size:24px;color:#262d36;margin:0 0 15px;
}
.rt-station__text{color:#4a4a4a;font-size:14px;margin:0 0 40px;}
.rt-station__btn{margin-top:auto;}

/* ---------- Брендирование ---------- */
.rt-brand{display:flex;flex-wrap:wrap;gap:30px;}
.rt-brand__item{
	flex:1 1 calc(50% - 30px);
	display:flex;gap:25px;
}
.rt-brand__ico{
	flex-shrink:0;width:64px;text-align:center;
	color:#000;font-size:46px;
}
.rt-brand__item h5{
	text-transform:uppercase;font-weight:700;font-size:16px;color:#000;
	margin:0 0 6px;
}
.rt-brand__item p{margin:0;font-size:14px;}

/* ---------- Меню напитков (2 колонки × 15 позиций) ---------- */
.rt-menu{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:50px 30px;
}
.rt-menu__item{display:flex;gap:15px;align-items:center;}
.rt-menu__photo{
	width:100px;height:100px;
	border-radius:50%;
	object-fit:cover;
	flex-shrink:0;
}
.rt-menu__body{flex:1;min-width:0;}
.rt-menu__row{
	display:flex;align-items:center;gap:15px;
	margin-bottom:8px;
}
.rt-menu__title{
	text-transform:uppercase;
	font-weight:700;
	font-size:13px;
	color:#000;
	margin:0;
	flex-shrink:0;
}
.rt-menu__line{flex:1;height:1px;background:#e5e5e5;}
.rt-menu__price{
	background:var(--rt-primary);
	color:#fff;
	font-weight:700;
	font-size:13px;
	padding:4px 12px;
	border-radius:3px;
	flex-shrink:0;
	white-space:nowrap;
}
.rt-menu__volume{font-size:14px;color:#666;margin:0;}

/* ---------- Акции (4 иконки на тёмном) ---------- */
.rt-promos{display:flex;flex-wrap:wrap;gap:30px;}
.rt-promo{flex:1 1 calc(25% - 30px);text-align:center;}
.rt-promo__ico{
	width:80px;height:80px;border-radius:50%;
	border:2px solid rgba(255,255,255,.35);
	display:flex;align-items:center;justify-content:center;
	margin:0 auto 15px;color:#fff;font-size:32px;
}
.rt-promo p{margin:0;color:#fff;font-size:14px;}

/* ---------- Собственное производство (4 иконки) ---------- */
.rt-prod{display:flex;flex-wrap:wrap;gap:30px;}
.rt-prod__item{flex:1 1 calc(25% - 30px);text-align:center;}
.rt-prod__ico{
	width:80px;height:80px;border-radius:50%;
	border:2px solid rgba(0,0,0,.15);
	display:flex;align-items:center;justify-content:center;
	margin:0 auto 15px;color:#000;font-size:32px;
}
.rt-prod__item p{margin:0;font-size:14px;}

/* ---------- Дотация ---------- */
.rt-dotacii{display:flex;flex-wrap:wrap;gap:40px;align-items:center;}
.rt-dotacii__body{flex:1 1 480px;}
.rt-dotacii__body h2{
	text-transform:uppercase;font-weight:700;font-size:25px;color:#000;
	margin:0 0 18px;
}
.rt-dotacii__img{flex:1 1 360px;}
.rt-dotacii__img img{width:100%;border-radius:4px;}
.rt-dotacii__item{display:flex;gap:20px;margin-bottom:22px;}
.rt-dotacii__num{
	flex-shrink:0;width:50px;height:50px;border-radius:50%;
	border:2px solid #000;
	display:flex;align-items:center;justify-content:center;
	font-size:20px;color:#000;
}
.rt-dotacii__item p{margin:0;font-size:14px;}

/* ---------- Отзывы ---------- */
.rt-reviews{display:flex;gap:30px;flex-wrap:wrap;}
.rt-review{flex:1 1 calc(50% - 30px);}
.rt-review img{width:100%;border-radius:6px;}

/* ============================================================
   Адаптив
   ============================================================ */
@media (max-width:991px){
	.rt-stat{flex:1 1 calc(50% - 30px);}
	.rt-advantage{flex:1 1 100%;}
	.rt-brand__item{flex:1 1 100%;}
	.rt-prod__item{flex:1 1 calc(50% - 30px);}
	.rt-promo{flex:1 1 calc(50% - 30px);}
	.rt-review{flex:1 1 100%;}
	.rt-station{flex:1 1 calc(50% - 30px);}
	.rt-hero{min-height:auto;padding:60px 0;}
	.rt-machine{gap:30px;}
}

@media (max-width:767px){
	.rt-page--kofemashina .rt-heading{font-size:24px;}
	.rt-stat,
	.rt-prod__item,
	.rt-promo,
	.rt-dotacii__body,
	.rt-dotacii__img,
	.rt-machine__body{flex:1 1 100%;}
	.rt-stations{justify-content:center;}
	.rt-station{
		flex:0 1 360px;
		max-width:100%;
	}
	.rt-machine{justify-content:center;}
	.rt-machine__img{
		flex:0 1 520px;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.rt-machine__img img{
		width:auto;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.rt-hero h1{font-size:20px;}
	.rt-menu{grid-template-columns:1fr;gap:30px;}
	.rt-menu__row{flex-wrap:wrap;}
	.rt-menu__line{display:none;}
}