/* Редизайн 2026: главная страница. Макет: Figma «merchandising.ru», фреймы Desktop/Tablet/Mobile. */

.home {
	max-width: 1440px;
	margin: 0 auto;
	padding: 14px 59px 70px;
}

.home a:hover { text-decoration: none; }

/* ---------- Общие элементы ---------- */

.home-card {
	background: var(--c-white);
	border: 1px solid var(--c-line);
	border-radius: 15px;
}

.section-title {
	margin: 0 0 21px;
	font-size: 44px;
	font-weight: 500;
	line-height: 56px;
	color: var(--c-ink);
}

.section-title a {
	display: inline-flex;
	align-items: center;
	gap: 18px;
	color: inherit;
}

.section-title a:hover { color: var(--c-ink); }
.section-title img { width: 30px; height: 30px; transition: transform .2s; }
.section-title a:hover img { transform: translateX(4px); }

.home-section { margin-top: 24px; }
.home-hero + .home-section { margin-top: 29px; }

.round-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	background: var(--grad-accent);
	border: 1px solid var(--c-white);
	border-radius: 50%;
	cursor: pointer;
}

.round-btn:hover { filter: brightness(1.08); }
.round-btn img { width: 16px; height: 16px; }

/* ---------- Баннер-слоган ---------- */

.home-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 175px;
	overflow: hidden;
	background:
		url("../img/banner-decor-left.d49d35a08ac6.webp") left center / auto 100% no-repeat,
		url("../img/banner-decor-right.8ceeae86d2ff.webp") right center / auto 100% no-repeat,
		radial-gradient(119% 119% at 58% 55%, var(--c-accent) 0%, var(--c-accent-dark) 100%);
	border-radius: 15px;
}

.home-banner h1 {
	margin: 0;
	font-size: 50px;
	font-weight: 600;
	line-height: 50px;
	color: var(--c-white);
	text-align: center;
}

/* ---------- Слайдер + реклама ---------- */

.home-hero {
	display: flex;
	flex-wrap: wrap;
	gap: 21px;
	margin-top: 22px;
	height: 565px;
}

.hero {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	height: 100%;
	overflow: hidden;
	background: var(--c-white);
	border-radius: 15px;
}

.hero__slider,
.hero__slider .slick-list,
.hero__slider .slick-track,
.hero-slide { height: 100%; }

.hero-slide {
	position: relative;
	display: block !important;
	color: var(--c-ink);
}

.hero-slide:hover { color: var(--c-ink); }

.hero-slide__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Белая подложка слева, как в макете: текст на светлом, картинка справа */
.hero-slide::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(60% 120% at 0% 50%, rgba(132, 195, 28, .12), transparent 70%),
		linear-gradient(90deg, #fff 0%, #fff 32%, rgba(255, 255, 255, .85) 44%, rgba(255, 255, 255, 0) 60%);
}

.hero-slide__body {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	max-width: 580px;
	height: 100%;
	padding: 34px 0 110px 42px;
}

.hero-slide__logo { width: 270px; height: auto; }

.hero-slide__label {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 44px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #4b5563;
}

.hero-slide__label::after {
	content: "";
	width: 140px;
	height: 1px;
	background: #b8d4a0;
}

.hero-slide__title {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 22px;
	font-size: 50px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.01em;
}

.hero-slide__text {
	max-width: 428px;
	margin-top: 22px;
	font-size: 20px;
	line-height: 1.2;
	color: #374151;
}

.hero__arrows {
	position: absolute;
	left: 42px;
	bottom: 56px;
	z-index: 3;
	display: flex;
	gap: 4px;
}

.hero__next img { transform: scaleX(-1); }

.hero__slider .slick-dots { display: none !important; }

.home-ad {
	position: relative;
	flex: 0 0 238px;
	overflow: hidden;
	background: var(--c-panel);
	border-radius: 15px;
}

.home-ad .adv_banner,
.home-ad .adv_banner a { display: block; height: 100%; }
.home-ad br { display: none; }
.home-ad:not(:has(img)) { display: none; }

.home-ad img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* ---------- Новости ---------- */

.news-grid {
	display: grid;
	grid-template-columns: 534px minmax(0, 1fr);
	gap: 38px;
	padding: 36px 42px 35px;
}

.news-lead { display: flex; flex-direction: column; }

.news-lead__img,
.news-item__img {
	display: block;
	overflow: hidden;
	border-radius: 15px;
	box-shadow: 0 10.5px 31.7px rgba(22, 59, 36, .06);
}

.news-lead__img { height: 410px; }
.news-lead__img img,
.news-item__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.news-lead__img:hover img,
.news-item__img:hover img { transform: scale(1.03); }

.news-lead__title {
	margin: 20px 0 0;
	font-size: 30px;
	font-weight: 600;
	line-height: 30px;
}

.news-lead__title a,
.news-item__title a,
.pub-panel__title a,
.tile__title a { color: var(--c-ink); }

.news-lead__title a:hover,
.news-item__title a:hover,
.pub-panel__title a:hover,
.tile__title a:hover { color: var(--c-accent); }

.news-lead__text {
	margin: 19px 0 20px;
	font-size: 20px;
	line-height: 1.1;
}

.news-meta {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: auto;
}

.news-meta time { font-size: 14px; line-height: 1.1; color: var(--c-accent); }

.news-list { display: flex; flex-direction: column; gap: 24px; }

.news-item {
	display: grid;
	grid-template-columns: 269px minmax(0, 1fr);
	gap: 23px;
	min-height: 193px;
}

.news-item__img { height: 193px; }

.news-item__body { display: flex; flex-direction: column; padding-top: 21px; }

.news-item__title {
	margin: 0;
	font-size: 22px;
	font-weight: 600;
	line-height: 22px;
}

.news-item__text {
	margin: 11px 0 12px;
	font-size: 14px;
	line-height: 1.1;
}

.news-item .news-meta { justify-content: space-between; }

/* ---------- Публикации ---------- */

.pub-tabs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 17px;
}

.pub-tab {
	height: 68px;
	padding: 8px 16px;
	font: 500 30px var(--font);
	color: var(--c-ink);
	background: var(--c-white);
	border: 1px solid var(--c-line);
	border-radius: 15px;
	cursor: pointer;
}

.pub-tab:hover { border-color: var(--c-accent); }

.pub-tab.is-active {
	color: var(--c-white);
	background: radial-gradient(124% 124% at 58% 55%, var(--c-accent) 0%, var(--c-accent-mid) 50%, var(--c-accent-dark) 100%);
	border-color: transparent;
}

.pub-card { padding: 26px 42px; }

.pub-panel {
	display: grid;
	grid-template-columns: 614px minmax(0, 1fr);
	gap: 66px;
	align-items: center;
}

.pub-panel[hidden] { display: none; }

.pub-panel__img { display: block; height: 350px; overflow: hidden; border-radius: 15px; }
.pub-panel__img img { width: 100%; height: 100%; object-fit: cover; }

.pub-panel__title {
	margin: 0 0 29px;
	font-size: 30px;
	font-weight: 600;
	line-height: 30px;
}

/* ---------- Агентства ---------- */

.agency-strip {
	display: flex;
	align-items: center;
	gap: 18px;
	height: 170px;
	padding: 0 42px;
}

.agency-arrow {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	padding: 0;
	line-height: 0;
	background: none;
	border: 0;
	cursor: pointer;
}

.agency-prev img { transform: scaleX(-1); }

.agency-slider { flex: 1 1 0; width: 0; min-width: 0; overflow: hidden; }

.agency-logo {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 93px;
	padding: 0 14px;
}

.agency-logo img {
	max-width: 100%;
	max-height: 93px;
	object-fit: contain;
	filter: grayscale(0);
	transition: transform .2s;
}

.agency-logo:hover img { transform: scale(1.05); }

/* ---------- Рейтинги и мероприятия ---------- */

.tiles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	padding: 35px 42px 38px;
}

.tile { display: flex; flex-direction: column; }

.tile__img {
	display: block;
	height: 265px;
	overflow: hidden;
	background: var(--c-panel);
	border-radius: 15px;
}

.tile__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.tile__img:hover img { transform: scale(1.03); }

.tile__title {
	margin: 25px 0 14px;
	font-size: 28px;
	font-weight: 600;
	line-height: 28px;
}

.tile .chip { align-self: flex-start; margin-top: auto; }

.tiles--scroll {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.tiles--scroll .tile { flex: 0 0 calc((100% - 36px) / 3); scroll-snap-align: start; }
.tiles--scroll .tile__title { font-size: 22px; line-height: 24px; }

/* ---------- Ноутбуки ---------- */

@media (max-width: 1399px) {
	.home { padding-left: 32px; padding-right: 32px; }
	.news-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); }
	.news-item { grid-template-columns: 220px minmax(0, 1fr); }
	.pub-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; }
	.pub-tab { font-size: 24px; }
}

/* ---------- Планшет ---------- */

@media (max-width: 1199px) {
	.home { padding: 12px 19px 48px; }
	.section-title { margin-bottom: 14px; font-size: 32px; line-height: 40px; }
	.section-title img { width: 24px; height: 24px; }

	.home-banner { height: 120px; }
	.home-banner h1 { font-size: 34px; line-height: 36px; }

	.home-hero { height: auto; gap: 19px; }
	.hero, .home-ad { flex: 1 1 100%; }
	.hero { height: 326px; }
	.hero-slide__body { max-width: 360px; padding: 22px 0 70px 24px; }
	.hero-slide__logo { width: 160px; }
	.hero-slide__label { margin-top: 20px; font-size: 11px; }
	.hero-slide__label::after { width: 70px; }
	.hero-slide__title { margin-top: 14px; font-size: 30px; -webkit-line-clamp: 3; }
	.hero-slide__text { margin-top: 12px; font-size: 14px; }
	.hero__arrows { left: 24px; bottom: 22px; }
	.round-btn { width: 32px; height: 32px; }
	.home-ad { height: 181px; }
	.home-ad img { object-fit: contain; }

	.news-grid { grid-template-columns: 1fr; gap: 28px; padding: 24px; }
	.news-lead__img { height: 360px; }
	.news-lead__title { font-size: 26px; line-height: 28px; }
	.news-lead__text { font-size: 17px; }

	.pub-tab { height: 52px; font-size: 20px; }
	.pub-card { padding: 24px; }
	.pub-panel__img { height: 280px; }
	.pub-panel__title { font-size: 24px; line-height: 26px; }

	.agency-strip { height: 130px; padding: 0 24px; }
	.agency-logo { height: 70px; }
	.agency-logo img { max-height: 70px; }

	.tiles { gap: 14px; padding: 24px; }
	.tile__img { height: 180px; }
	.tile__title { margin-top: 16px; font-size: 20px; line-height: 22px; }
	.tiles--scroll .tile { flex-basis: calc((100% - 14px) / 2); }
}

/* ---------- Мобильный ---------- */

@media (max-width: 767px) {
	.home { padding: 0 0 8px; }
	.home-section { margin-top: 0; padding: 20px 14px; background: var(--c-white); }
	.home-card { border: 0; border-radius: 0; }
	.section-title { margin-bottom: 12px; font-size: 19px; font-weight: 700; line-height: 24px; }
	.section-title img { display: none; }

	.home-banner { height: 94px; padding: 0 20px; border-radius: 0; }
	.home-banner h1 { font-size: 22.6px; line-height: 23px; }

	.home-hero { gap: 10px; margin-top: 0; padding: 20px 14px; background: var(--c-white); }
	.hero { height: auto; overflow: visible; border-radius: 0; }
	.hero__slider .slick-list { border-radius: 14px; }
	.hero-slide { height: 203px; overflow: hidden; border-radius: 14px; color: var(--c-white); }
	.hero-slide:hover { color: var(--c-white); }
	.hero-slide::before { background: linear-gradient(180deg, rgba(7, 26, 43, 0) 35%, rgba(7, 26, 43, .8) 100%); }
	.hero-slide__body { justify-content: flex-end; max-width: none; padding: 16px; }
	.hero-slide .hero-slide__logo, .hero-slide__text { display: none; }
	.hero-slide__label { margin: 0; font-size: 10px; color: rgba(255, 255, 255, .85); }
	.hero-slide__label::after { display: none; }
	.hero-slide__title { margin-top: 6px; font-size: 17px; line-height: 1.15; -webkit-line-clamp: 3; }
	.hero__arrows { display: none; }
	.hero__slider .slick-dots { display: flex !important; }
	.home-ad { height: 180px; border-radius: 14px; }

	.news-grid { display: block; padding: 0; }
	.news-lead,
	.news-item {
		display: grid;
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 12px;
		min-height: 0;
		padding: 14px 0;
	}
	.news-list { gap: 0; }
	.news-item { border-top: 1px solid var(--c-line); }
	.news-lead__img, .news-item__img { grid-row: 1 / span 3; width: 96px; height: 96px; border-radius: 10px; box-shadow: none; }
	.news-lead__title, .news-item__title { margin: 0; font-size: 14.5px; font-weight: 700; line-height: 1.2; }
	.news-lead__text, .news-item__text { margin: 5px 0; font-size: 12.5px; line-height: 1.25; color: #6b7280; }
	.news-item__body { display: contents; }
	.news-meta { gap: 10px; }
	.news-item .news-meta { justify-content: flex-start; }
	.news-meta time { font-size: 11.5px; color: var(--c-muted); }

	.pub-tabs { display: flex; gap: 7px; margin: 0 -14px 12px; padding: 0 14px; overflow-x: auto; scrollbar-width: none; }
	.pub-tabs::-webkit-scrollbar { display: none; }
	.pub-tab { flex-shrink: 0; height: auto; padding: 8px 14px; font-size: 11.6px; font-weight: 700; color: #6b7280; background: var(--c-panel); border: 0; border-radius: 8px; }
	.pub-tab.is-active { background: var(--c-accent); }
	.pub-card { padding: 0; }
	.pub-panel { display: block; }
	.pub-panel__img { height: 203px; border-radius: 14px; }
	.pub-panel__body { margin-top: 12px; }
	.pub-panel__title { margin-bottom: 10px; font-size: 15px; font-weight: 700; line-height: 1.25; }

	.agency-strip { display: block; height: auto; padding: 0; }
	.agency-slider { width: auto; overflow: visible; }
	.agency-arrow { display: none; }
	.agency-logo { height: 68px; margin: 0 1.5px; padding: 8px 12px; border: 1px solid var(--c-line); border-radius: 12px; }
	.agency-logo img { max-height: 50px; }

	.tiles { display: flex; flex-direction: column; gap: 22px; padding: 0; }
	.tile__img { height: 180px; border-radius: 14px; }
	.tile__title { margin: 10px 0; font-size: 14.5px; font-weight: 700; line-height: 1.25; }
	.tiles--scroll { flex-direction: row; gap: 12px; }
	.tiles--scroll .tile { flex-basis: 80%; }
	.tiles--scroll .tile__title { font-size: 14.5px; line-height: 1.25; }
}

/* Точки слайдеров (мобильный макет) */
.home .slick-dots {
	position: static;
	display: flex;
	justify-content: center;
	gap: 6px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

.home .slick-dots li { width: auto; height: auto; margin: 0; }

.home .slick-dots button {
	display: block;
	width: 6px;
	height: 6px;
	padding: 0;
	font-size: 0;
	background: var(--c-line);
	border: 0;
	border-radius: 4px;
	transition: width .2s;
}

.home .slick-dots button::before { display: none; }
.home .slick-dots .slick-active button { width: 16px; background: var(--c-accent); }