/*
Theme Name: AkronPlus
Description: КОМПЛЕКСНАЯ ПОСТАВКА ЭЛЕКТРО-ТЕХНИЧЕСКОГО ОБОРУДОВАНИЯ
Author: Nabozhev
Version: 1.0
*/

/* Основные стили будут в отдельных файлах */
/* Основные стили темы AkronPlus */
/* Подключение шрифта */
@font-face {
	font-family: 'TikTok Sans';
	src: url('/wp-content/themes/acronplus//fonts/TikTokSans.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TikTok Sans SemiExpanded';
	src: url('/wp-content/themes/acronplus/fonts/TikTokSans_Semi.ttf') format('truetype');
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'TikTokSans_SemiBold';
	src: url('/wp-content/themes/acronplus/fonts/TikTokSans_28pt_SemiExpanded-ExtraBold.ttf') format('truetype');
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TikTok Sans Light';
	src: url('/wp-content/themes/acronplus/fonts/TikTokSans_SemiExpanded-Light.ttf') format('truetype');
	font-style: normal;
	font-display: swap;
}

#documentPopup {display: none;}

body {font-family: 'TikTok Sans';}
/* Container */
.header-container {
	width: 1840px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.container {
	width: 1840px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.mobile_arrow {display: none;}

/* Header */
.site-header {
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	padding: 20px 0;
}

.header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	height: 52px;
}

/* Логотип */
.site-branding {
	flex-shrink: 0;
}

.site-logo img {
	width: 168px;
	height: 52px;
	object-fit: contain;
}

/* Основная навигация */
.main-navigation {
	flex: 1;
}

.main-navigation ul {
	display: flex;
	gap: 40px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-navigation a {
	font-family: 'TikTok Sans', Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0%;
	color: rgba(29, 29, 27, 1);
	text-decoration: none;
	transition: color 0.3s;
}

.main-navigation a:hover {
	color: #e50609;
}

/* Правая часть шапки */
.header-right {
	display: flex;
	align-items: center;
	gap: 30px;
	flex-shrink: 0;
}

/* Номер телефона */
.header-phone {
	font-family: 'TikTokSans_SemiBold';
	font-weight: 900;
	font-style: normal;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: 0%;
	color: rgba(29, 29, 27, 1);
	text-decoration: none;
	white-space: nowrap;
	position: relative;
}

.header-phone::before {
	content: '';
	position: absolute;
	left: -64px;
	top: 3px;
	width: 56px;
	height: 16px;
	background-image: url('/wp-content/themes/acronplus/img/arros.svg');
}

.header-phone:hover {
	color: #e50609;
}

/* Кнопки шапки */
.header-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 20px;
	border-radius: 3px;
	text-decoration: none;
	font-family: 'TikTok Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	white-space: nowrap;
	transition: all 0.3s;
	border: none;
	cursor: pointer;
}

.write-us-btn {
	background: rgba(229, 6, 9, 1);
	color: white;
}

.write-us-btn:hover {
	background: #c40507;
	color: white;
}

.info-letter-btn {
	background: transparent;
		color: #c40507;
	border: 1px solid #c40507;
}

.info-letter-btn:hover {
	background: rgba(29, 29, 27, 0.05);
	color: #c40507;
}

.btn-icon {
	width: 20px;
	height: 17px;
	flex-shrink: 0;
}

/* Попап */
.contact-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.popup-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	padding: 40px;

	border-radius: 8px;
	min-width: 500px;
	max-width: 90vw;
	max-height: 90vh;
	overflow-y: auto;
}

.popup-close {
	position: absolute;
	top: 15px;
	right: 15px;
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	color: #333;
}

.popup-content h3 {
	margin-bottom: 10px;
	color: rgba(255, 255, 255, 1);
}

/* Main content */
.site-main {
	padding: 40px 0;
}

/* Footer */
.site-footer {
	background: #1E1F1C;
	color: #fff;
	padding: 40px 0 20px;
	height: 681px;
}

/* Responsive */
@media (max-width: 1840px) {

	.header-container,
	.container {
		width: 100%;
		padding: 0 20px;
	}
}

@media (max-width: 1200px) {
	.header-inner {
		gap: 20px;
	}

	.header-right {
		gap: 15px;
	}

	.main-navigation ul {
		gap: 20px;
	}
}

@media (max-width: 768px) {
	.header-inner {
		flex-wrap: wrap;
		height: auto;
		gap: 15px;
	}

	.main-navigation {
		order: 3;
		flex-basis: 100%;
	}

	.main-navigation ul {
		flex-direction: column;
		gap: 10px;
	}

	.header-right {
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.header-phone {
		font-size: 18px;
	}

	.header-btn {
		padding: 8px 15px;
		font-size: 12px;
	}
}


/* Hero Section */
.hero-section {
	height: 768px;
	position: relative;
	display: flex;
	align-items: center;
}

.hero-background {
	position: absolute;
	width: 1682px;
	height: 726px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	right: 18%;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}
.hero-content {
	display: grid;
	grid-template-areas:
			"titles links"
			"advantages advantages";
	grid-template-columns: 1fr auto;
	gap: 40px;
	align-items: start;
}


.hero-title-line1 {
		font-family: 'TikTok Sans SemiExpanded';
	font-weight: 800;
	font-size: 46px;
	line-height: 42px;
	text-transform: uppercase;
	margin-bottom: 20px;
	max-width: 398px;
}

.hero-title-line2 {
		font-family: 'TikTok Sans SemiExpanded';
	font-weight: 800;
	font-size: 110px;
	line-height: 100px;
	letter-spacing: -5%;
	text-transform: uppercase;
}

.hero-links {
	width: 546px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: end;
	position: relative;
	top: 120px;
	height: 545px;
	z-index: 100;
}

.hero-link-item {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: inherit;
	transition: color 0.3s;
	text-align: right;
	position: relative;
	margin-bottom: 105px;
}

.hero-link-item:hover {
	color: #E50609;
	transition: all .3s ease;
		transform: translateY(-5px) !important;
}

.link-text {
	font-family: 'TikTok Sans';
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	flex: 1;
	max-width: 300px;
}

.link-arrow {
	width: 26px;
	height: 26px;
	flex-shrink: 0;
	position: absolute;
	right: 0;
	top: -30px;
	transform: rotate(-45deg);
}

.hero-advantages {
	grid-column: 2;
	display: flex;
	flex-direction: column;
	gap: 15px;
	grid-area: advantages;
	padding-left: 230px;
}

.advantage-item {
	display: flex;
	width: 582px;
	height: 89px;
	background: white;
	position: relative;
	transition: transform 0.3s;
}

.advantage-item:hover {
	transform: translateX(10px);
}

.hero-titles {
	grid-area: titles;
	margin-top: 80px;
}

.advantage-content {
	flex: 1;
	font-family: 'TikTok Sans Light';
	font-weight:400;
	font-size: 30px;
	line-height: 100%;
	text-transform: uppercase;
	display: flex;
	text-align: right;
	padding-right: 10px;
	align-items: center;
}

.advantage-border {
	position: absolute;
	right: -5px;
	top: 0;
	height: 93px;
}

/* Анимации появления */
.hero-section .hero-titles,
.hero-section .hero-links,
.hero-section .hero-advantages {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.6s ease;
}

.hero-section.animated .hero-titles {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.2s;
}

.hero-section.animated .hero-links {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.4s;
}

.hero-section.animated .hero-advantages {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.6s;
}


/* Advantages Section */
.advantages-section {
	height: 666px;
	padding: 60px 0;
}

.advantages-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	min-height: 580px;
	position: relative;
	z-index: 101;
}

.advantage-block {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.advantage-block:hover {
transition: all .3s ease;
	transform: translateY(-5px) !important;
}


.advantage-bg {
	position: absolute;
	width: 447px;
	height: 394px;
	background-size: cover;
	background-position: center;
	z-index: -1;
}

.advantage-number {
	position: absolute;
	width: 130px;
	height: 220px;
	object-fit: contain;
}

.advantage-title {
	font-family: 'TikTok Sans';
	font-weight: 500;
	font-size: 22px;
	line-height: 24px;
	text-transform: uppercase;
	color: white;
	position: absolute;
	margin: 0;
	padding: 20px;
	text-align: left;
	z-index: 122;
}

/* Позиционирование для разных блоков */
.advantage-block-1 .advantage-number,
.advantage-block-3 .advantage-number {
	top: 45px;
	left: 30px;
}

.advantage-block-2 .advantage-number,
.advantage-block-4 .advantage-number {
	bottom: 30px;
	left: 30px;
}

.advantage-block-1 .advantage-title,
.advantage-block-3 .advantage-title {
	bottom: 20px;
	right: 20px;
	text-align: left;
}

.advantage-block-2 .advantage-title,
.advantage-block-4 .advantage-title {
	top: 20px;
	right: 20px;
	text-align: left;
}

.advantage-block-2,
.advantage-block-4 {
	margin-top: 150px;
}

/* Мобильные стили */
@media (max-width: 1200px) {
	.advantages-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.advantages-section {
		height: auto;
		min-height: 558px;
	}
}

@media (max-width: 768px) {
	.advantages-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.advantage-bg {
		width: 100%;
		height: 300px;
	}

	.advantage-title {
		font-size: 18px;
		line-height: 20px;
		padding: 15px;
	}

	.advantage-number {
		width: 100px;
		height: 170px;
	}
}


/* Временно показываем блоки без анимации */
.advantage-block {
	opacity: 1;
	transform: none;
}

/* Отключаем анимацию для тех, у кого нет JS */
.no-js .advantage-block {
	opacity: 1;
	transform: none;
}

/* Анимация включается только когда добавляется класс animated */
.advantage-block {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.6s ease;
}

.advantage-block.animated {
	opacity: 1;
	transform: translateY(0);
}


/* Industry Solutions Section */
.industry-solutions-section {
	position: relative;
	background: white;
	padding: 100px 0;
	overflow: hidden;
}

.industry-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: start;
	padding-top: 100px;
	position: relative;
	z-index: 2;
background-position: 92px;
	background-repeat: no-repeat;
	background-image: url('/wp-content/themes/acronplus/img/bg.png');
}

.industry-title {
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	margin: 0 0 30px 0;
	position: relative;
	max-width: 550px;
}

.industry-desc::before {
	content: '';
	position: absolute;
	width: 25px;
	height: 40px;
	left: 0;
	top: 0;
background-image: url('/wp-content/themes/acronplus/img/arrow_red.svg');
}

.about-text {
	position: relative;
	padding-left: 43px;
}

.about-text::before {
	content: '';
	position: absolute;
	width: 25px;
	height: 40px;
	left: 0;
	top: 0;
	background-image: url('/wp-content/themes/acronplus/img/arrow_red.svg');
}

.industry-desc {
	font-family: 'TikTok Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 16px;
	padding-left: 40px;
	position: relative;
	max-width: 512px;
}

.industry-right {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.solution-item {
	width: 715px;
	height: 150px;
	background: #D9D9D9;
	position: relative;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 100%, 0 100%);
}

.solution-item:hover {
	transition: all .3s ease;
	transform: translateY(-5px) !important;
}

.solution-number {
	font-family: 'TikTok Sans Light';
	font-weight: 300;
	font-size: 40px;
	color: rgba(164, 164, 164, 1);
	line-height: 22px;
	text-transform: uppercase;
	font-variant-numeric: slashed-zero;
	margin-bottom: 31px;
}

.solution-title {
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	max-width: 600px;
	text-transform: uppercase;
	margin: 0;
}

.industry-bg {
	position: absolute;
	width: 1093px;
	height: 833px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.industry-arrow {
	position: absolute;
	top: 50px;
	right: 100px;
	z-index: 2;
}

/* Мобильные стили */
@media (max-width: 1200px) {
	.industry-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.solution-item {
		width: 100%;
		max-width: 715px;
	}

	.industry-bg {
		width: 600px;
		height: 500px;
	}
}

@media (max-width: 768px) {
	.industry-solutions-section {
		padding: 60px 0;
	}

	.industry-title {
		font-size: 40px;
		line-height: 40px;
	}

	.solution-item {
		height: 120px;
		padding: 20px;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0 calc(100% - 20px));
	}

	.solution-number {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.solution-title {
		font-size: 16px;
		line-height: 18px;
	}

	.industry-arrow {
		width: 40px;
		top: 20px;
		right: 20px;
	}
}


/* Анимация для плашек отраслевых решений */
.solution-item {
	opacity: 0;
	transform: translateX(50px);
	transition: all 0.6s ease;
}

.solution-item.animated {
	opacity: 1;
	transform: translateX(0);
}

/* Мобильные стили анимации */
@media (max-width: 768px) {
	.solution-item {
		transform: translateX(30px);
	}
}


/* About Section */
.about-section {
	height: 696px;
	background: #1A1A1A;
	position: relative;

}



.about-content {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 60px;
	height: 100%;
	position: relative;
	z-index: 2;
}

.about-left {
	padding: 80px 0;
}

.about-title {
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 700;
	font-size: 60px;
	line-height: 60px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: white;
	margin: 0 0 40px 0;
	max-width: 880px;
}

.about-text p {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: rgba(212, 212, 212, 1);
	margin: 0 0 20px 0;
	max-width: 500px;
}

.about-right {
	display: flex;
	height: 726px;
}

.stats-block {
	width: 714px;
	height: 726px;
	background: #E50609;
	clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 100%, 0 100%);
	padding: 60px 40px;
	display: flex;
	flex-direction: column;
	margin-top: -30px;
	position: relative;
}

.stat-item {
	height: 56px;
	width: 490px;
	display: flex;
	align-items: center;

	padding: 10px 0;
	margin-bottom: 70px;
	position: relative;
}

.stat-item::before {
background-color: rgba(255, 110, 112, 1);
height: 1px;
width: 368px;
content: '';
position: absolute;
bottom: 0;
right: 0;
}

.stat-item:last-child:before {
	width: 180px;
}

.stat-number {
	font-family: 'TikTok Sans Light';
	font-weight: 300;
	font-size: 80px;
	line-height: 80px;
	color: white;
	margin-right: 20px;
	min-width: 100px;
}

.stat-text {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	max-width: 109px;
	color: white;
margin-top: -15px;
}

.about-image {
	width: 141px;
	height: 693px;
	margin-left: 20px;
	right: 0;
	bottom: 30px;
	position: absolute;
}

.about-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-bg {
	position: absolute;
	width: 919px;
	height: 698px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	left: 47%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	opacity: .3;
}

/* Мобильные стили */
@media (max-width: 1200px) {
	.about-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.about-right {
		height: auto;
		justify-content: center;
	}

	.stats-block {
		width: 100%;
		max-width: 714px;
		height: auto;
	}
}

@media (max-width: 768px) {
	.about-section {
		height: auto;
		padding: 60px 0;
	}

	.about-title {
		font-size: 40px;
		line-height: 50px;
	}

	.stat-number {
		font-size: 50px;
		line-height: 50px;
		min-width: 120px;
	}

	.stat-text {
		font-size: 14px;
		line-height: 16px;
	}

	.about-image {
		display: none;
	}
}


/* Trust Section */
.trust-section {
	padding: 100px 0;
	background: white;
}

.trust-header {

	margin-bottom: 60px;
}

.trust-title {
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 20px 0;
}

.trust-desc {

	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: rgba(30, 31, 28, 1);
	margin: 0;
	position: relative;
	padding-left: 43px;
	max-width: 300px;
}


.trust-desc::before {
	content: '';
	position: absolute;
	width: 25px;
	height: 40px;
	left: 0;
	top: 0;
	background-image: url('/wp-content/themes/acronplus/img/arrow_red.svg');
}




.trust-grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 10px;
}

.trust-item {
	width: 221px;
	height: 187px;
	background: #F6F6F6;
	border: 1px solid rgba(212, 212, 212, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.trust-item-empty {
	background: white;
	/*border: 1px solid rgba(212, 212, 212, 1);*/
}

.trust-item-select {
	background: white;
	border: none;
}

.trust-logo {
	max-width: 80%;
	max-height: 80%;
	object-fit: contain;
}

.select-frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.frame-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.select-frame .trust-logo {
	position: relative;
	z-index: 2;
	max-width: 70%;
	max-height: 70%;
}

/* Мобильные стили */
@media (max-width: 1200px) {
	.trust-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 768px) {
	.trust-section {
		padding: 60px 0;
	}

	.trust-title {
		font-size: 40px;
		line-height: 40px;
	}

	.trust-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.trust-item {
		width: 100%;
		height: 150px;
	}
}


/* Анимация для блоков "Нам доверяют" */
.trust-item {
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.3s ease;
}

.trust-item.animated {
	opacity: 1;
	transform: scale(1);
}

/* Hover эффекты */
.trust-item:not(.trust-item-empty):not(.trust-item-select):hover {
	background: #E8E8E8;
	/*border-color: rgba(229, 6, 9, 0.3);*/
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.trust-item-select:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.trust-item-empty:hover {
	background: #F9F9F9;
	/*border-color: rgba(229, 6, 9, 0.2);*/
}

/* Плавность для логотипов */
.trust-logo {
	transition: all 0.3s ease;
}

.trust-item:hover .trust-logo {
	transform: scale(1.05);
}

/* Для select блоков - отдельный ховер */
.trust-item-select:hover .frame-bg {
	filter: brightness(0.95);
}


/* Products Section */
.products-section {
	padding: 0px 0;
	background: white;
}

.products-title {
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 60px 0;
}

.products-grid {
	display: flex;
	gap: 10px;
	position: relative;
}

.products-item {
	width: 452px;
	height: 583px;
	background: #1E1F1C;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 100%, 0 100%);
}

.category-produkcija .products-pattern {display: none;}

.category-produkcija .products-category-name {
	color: rgba(30, 31, 28, 1);
	text-align: left;
}

.category-produkcija .products-arrow {left: 60px; bottom: 80px;}
.category-produkcija .products-item {
		background: #EBEBEB;
}

.category-produkcija .products-category-name {bottom: 20px;}

.category-products .products-arrow path {
	fill: #E50609 !important;
}

.category-products .products-arrow rect {
	stroke: #E50609 !important;
}

.products-item-offset {
	margin-top: 85px;
}

/* Паттерн из точек */
.products-pattern {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:
		radial-gradient(circle, #323331 1px, transparent 1px),
		radial-gradient(circle, #323331 1px, transparent 1px);
	background-size: 27px 27px;
	background-position: 0 0, 13.5px 13.5px;
	opacity: 0.5;
}

.products-image {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 393px;
	height: 368px;
	object-fit: cover;
	z-index: 2;
}

.home .products-arrow {
	position: absolute;
	bottom: 90px;
	left: 60px;
	z-index: 2;
}

.home .products-category-name {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: left;
	font-family: 'TikTok Sans';
	font-weight: 500;
	font-size: 24px;
	line-height: 26px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
	margin: 0;
	padding: 0 20px;
	z-index: 2;
}

.products-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

/* Hover эффекты */
.products-item:hover {
	transform: translateY(-10px);
	transition: transform 0.3s ease;
}

.products-item:hover .products-arrow {
	transform:  scale(1.1);
	transition: transform 0.3s ease;
}

.products-item:hover .products-arrow path {
	fill: #E50609;
	transition: fill 0.3s ease;
}

.products-item:hover .products-arrow rect {
	stroke: #E50609;
	transition: stroke 0.3s ease;
}

/* Мобильные стили */
@media (max-width: 1200px) {
	.products-grid {
		flex-wrap: wrap;
		justify-content: center;
	}

	.products-item {
		width: calc(50% - 10px);
		height: 500px;
	}

	.products-item-offset {
		margin-top: 0;
	}
}

@media (max-width: 768px) {
	.products-section {
		padding: 60px 0;
	}

	.products-title {
		font-size: 40px;
		line-height: 40px;
	}

	.products-item {
		width: 100%;
		height: 400px;
	}

	.products-image {
		width: 300px;
		height: 280px;
	}

	.products-arrow {
		bottom: 80px;
		width: 60px;
		height: 60px;
	}

	.products-category-name {
		font-size: 20px;
		line-height: 22px;
		bottom: 30px;
	}
}


.products-item {
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.6s ease;
}

.products-item.animated {
	opacity: 1;
	transform: translateY(0);
}



/* Documents Section */
.documents-section {
	padding: 30px 0;
	padding-bottom: 0;
	background: white;
	margin-top: 86px;
	position: relative;
}

.documents-section::before {
	content: '';
	position: absolute;
	width: 666px;
	height: 590px;
background-image: url('/wp-content/themes/acronplus/img/bg_dosc.png');
	background-size: contain;
left: 28%;
	top: 1%;

	z-index: 1;
}

.documents-content {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 60px;
	position: relative;
	z-index: 2;
}

.documents-left {
	max-width: 463px;
}

.documents-title {
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 30px 0;
}

.documents-desc {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: rgba(30, 31, 28, 1);
	margin: 0;
	padding-left: 43px;
	position: relative;
}

.documents-desc::before {
	content: '';
		position: absolute;
		width: 25px;
		height: 40px;
		left: 0;
		top: 0;
		background-image: url('/wp-content/themes/acronplus/img/arrow_red.svg');
	}

.documents-right {
	width: 920px;
	height: 565px;
	background: #F6F6F6;
	padding: 40px;
	position: relative;
}

.documents-right::before {
	position: absolute;
	width: 200px;
	content: '';
	height: 200px;
	left: -100px;
	bottom: -100px;
	background-image: url('/wp-content/themes/acronplus/img/plus_vector.svg');
}


 

.documents-header {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 30px;
}

.documents-link {
	font-family: 'TikTok Sans';
	font-weight: 500;
	font-size: 14px;
	color: rgba(30, 31, 28, 1);
	text-decoration: underline;
}

.documents-link:hover {
	text-decoration: underline;
}

/* Слайдер */
.documents-slider {
	margin-bottom: 30px;
}

.document-item {
	width: 280px;
	height: 399px;
	margin: 0 5px;
}

.document-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.document-image:hover {
	transform: scale(1.05);
}

/* Навигация */
.documents-nav {
	display: flex;
justify-content: end;
	align-items: end;
	margin-top: -43px;
}

.nav-dots {
	display: flex;
	gap: 16px;
	align-items: center;
}

.dot {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

.dot.active svg rect {
	fill: #E50609;
}

.nav-arrows {
	display: flex;
	gap: 10px;
}

.arrow {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

.arrow:hover svg path {
	fill: #E50609;
}


/* Мобильные стили */
@media (max-width: 1200px) {
	.documents-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.documents-right {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 768px) {
	.documents-section {
		padding: 60px 0;
	}

	.documents-title {
		font-size: 40px;
		line-height: 40px;
	}

	.document-item {
		width: 200px;
		height: 285px;
	}

	.documents-nav {
		flex-direction: column;
		gap: 20px;
	}
}

.document-popup .popup-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	padding: 20px;
	max-width: 90vw;
	max-height: 90vh;
	display: flex;
	align-items: center;
	gap: 20px;
}

.popup-arrow {
	background: rgba(0, 0, 0, 0.5);
	border: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.3s ease;
}

.popup-arrow:hover {
	background: rgba(229, 6, 9, 0.8);
}

.popup-image {
	max-width: calc(100% - 140px);
	max-height: 80vh;
	object-fit: contain;
}

/* Стили для стандартных точек Owl Carousel */
.owl-dots {
	display: flex;
	gap: 16px;
	justify-content: start;
	margin-top: 20px;
}

.owl-dot {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.owl-dot span {
	display: block;
	width: 8px;
	height: 8px;
	background: #A4A4A4;
	border-radius: 0;
	transition: all 0.3s ease;
}

.owl-dot.active span {
	width: 16px;
	height: 16px;
	background: #E50609;
}

.geography-left {margin-top: -200px;}

/* Geography Section */
.geography-section {
margin-top: 100px;
	background: white;
}

.geography-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
	height: 843px;
	position: relative;
}

.geography-title {
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 30px 0;
	position: relative;
	z-index: 100;
}

.geography-right {
position: absolute;
right: 0;
}

.geography-desc {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 40px 0;
	max-width: 400px;
	padding-left: 43px;
	position: relative;
}

.geography-desc::before {
		content: '';
			position: absolute;
			width: 25px;
			height: 40px;
			left: 0;
			top: 0;
			background-image: url('/wp-content/themes/acronplus/img/arrow_red.svg');
}


.geography-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 15px;
	border: 1px solid rgba(229, 6, 9, 1);
	border-radius: 3px;
	text-decoration: none;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: rgba(229, 6, 9, 1);
	transition: all 0.3s ease;
	width: 131px;
	height: 38px;
	box-sizing: border-box;
}

.geography-btn:hover {
	background: rgba(229, 6, 9, 1);
	color: white;
}

.geography-btn:hover .btn-icon path {
	fill: white;
}

.mobile-buttons .btn-icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

.geography-map {
	width: 1248px;
	height: 843px;
	object-fit: contain;
	max-width: 100%;
}

/* Мобильные стили */
@media (max-width: 1200px) {
	.geography-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.geography-map {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 768px) {
	.geography-section {
		padding: 60px 0;
	}

	.geography-title {
		font-size: 40px;
		line-height: 40px;
	}

	.geography-btn {
		width: 100%;
		max-width: 131px;
	}
}


/* Partners Section */
.partners-section {
	padding: 30px 0;
	background: white;
}

.partners-header {
	text-align: left;
	margin-bottom: 60px;
}

.page-template-page-about .partner-item-empty, .page-template-page-about .partner-item-select {
	background: transparent !important;
}

.partners-title {
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 20px 0;
}

.partners-desc {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: rgba(30, 31, 28, 1);
	margin: 0;
	max-width: 600px;
	position: relative;
	padding-left: 43px;
}

.partners-desc::before {
	content: '';
	position: absolute;
	width: 25px;
	height: 40px;
	left: 0;
	top: 0;
	background-image: url('/wp-content/themes/acronplus/img/arrow_red.svg');
}

.partners-grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 10px;
	grid-auto-rows: 187px;
}

.partner-item {
	background: #F6F6F6;
	border: 1px solid rgba(212, 212, 212, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

/* Обычный блок */
.partner-item:not(.partner-item-empty):not(.partner-item-select):not(.partner-item-large) {
	width: 221px;
	height: 187px;
}

/* Пустой блок */
.partner-item-empty {
	background: white;
	border: 0px solid rgba(212, 212, 212, 1) !important;
	width: 221px;
	height: 187px;
}

/* Select блок */
.partner-item-select {
	background: white;
	border: none;
	width: 221px;
	height: 187px;
}

/* Большой блок */
.partner-item-large {
	background: #EBEBEB;
	grid-column: span 2;
	grid-row: span 2;
	width: 453px;
	height: 384px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	padding: 30px;
}

.partner-large-icon {
	width: 393px;
	height: 88px;
	object-fit: contain;
	align-self: flex-start;
}

.partner-large-title {
	font-family: 'TikTok Sans';
	font-weight: 700;
	font-size: 48px;
	line-height: 120%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0;
	align-self: flex-end;
	text-align: right;
}

.partner-large-2 .partner-large-icon {order: 2;}
.partner-large-2 .partner-large-title {
text-align: left;
	font-size: 36px;
}

.partner-logo {
	max-width: 80%;
	max-height: 80%;
	object-fit: contain;
}

/* Select блоки */
.select-frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.frame-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.select-frame .partner-logo {
	position: relative;
	z-index: 2;
	max-width: 70%;
	max-height: 70%;
}

/* Hover эффекты */
.partner-item:not(.partner-item-empty):not(.partner-item-select):not(.partner-item-large):hover {
	background: #E8E8E8;
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.partner-item-select:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.partner-item-empty:hover {
	background: #F9F9F9;
}

.partner-item-large:hover {
	background: #E0E0E0;
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Мобильные стили */
@media (max-width: 1200px) {
	.partners-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.partner-item-large {
		grid-column: span 3;
	}
}

@media (max-width: 768px) {
	.partners-section {
		padding: 60px 0;
	}

	.partners-title {
		font-size: 40px;
		line-height: 40px;
	}

	.partners-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 150px;
	}

	.partner-item-large {
		grid-column: span 2;
		height: 300px;
	}

	.partner-large-icon {
		width: 100%;
		max-width: 300px;
		height: 70px;
	}
}


/* Footer */
.site-footer {
	background: #1E1F1C;
	color: white;
	padding: 80px 0 20px;
}

.footer-main {
	margin-bottom: 60px;
}

.footer-columns {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
}

.footer-logo {
	margin-bottom: 40px;
}

.footer-contacts {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.footer-phone {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 40px;
	line-height: 40px;
	color: white;
	text-decoration: none;
	display: block;
}

.footer-email,
.footer-address,
.footer-inn {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 16px;
	color: white;
	margin: 0;
	text-decoration: none;
}

.footer-email:hover {
	text-decoration: underline;
}

/* Меню подвала */
.footer-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-menu li {
	margin-bottom: 32px;
}

.footer-menu-bordered li {
	position: relative;
	padding-bottom: 32px;
	border-bottom: 1px solid rgba(80, 80, 80, 1);
	height: 39px;
	display: flex;
	align-items: center;
}

.footer-menu-bordered li:last-child {
	border-bottom: none;
}

.footer-menu a {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 16px;
	color: rgba(161, 161, 161, 1);
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-menu a:hover {
	color: white;
}

/* Нижняя часть подвала */
.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
	border-top: 1px solid rgba(80, 80, 80, 1);
}

.footer-bottom-logo {
	opacity: 0.7;
}

.scroll-to-top {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	transition: all 0.3s ease;
}

.scroll-to-top:hover {
	transform: translateY(-5px);
}

.scroll-to-top:hover svg path {
	fill: #E50609;
}

/* Мобильные стили */
@media (max-width: 1200px) {
	.footer-columns {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
}

@media (max-width: 768px) {
	.site-footer {
		padding: 40px 0 20px;
	}

	.footer-columns {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.footer-phone {
		font-size: 30px;
		line-height: 30px;
	}

	.footer-bottom {
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}
}

.higlight a {
		font-weight: 700;
		font-style: Bold;
		font-size: 16px;
color: white;
}


#footer-menu-2> li {
	margin-bottom: 3px !important;
}

#footer-menu-3> li {
	margin-bottom: 3px !important;
}


#menu-item-216, #menu-item-235 {
	margin-top: 30px;
}

.footer-menu #footer-menu-2 a {font-size: 14px;}
.footer-menu #footer-menu-3 a {font-size: 14px;}

/* Десктопное выпадающее меню */
.main-navigation ul {
	display: flex;
	gap: 40px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0%;
	color: rgba(29, 29, 27, 1);
	text-decoration: none;
	transition: color 0.3s;
	display: flex;
	align-items: center;
	gap: 5px;
}

.menu-item-has-children>a::after {
	content: '';
	width: 8px;
	height: 5px;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.63441 0.227529C6.94684 -0.0758431 7.45326 -0.0758431 7.76568 0.227529C8.07811 0.530902 8.07811 1.02265 7.76568 1.32602L4.84845 4.15874C4.37982 4.61375 3.62018 4.61376 3.15155 4.15874L0.234318 1.32602C-0.078106 1.02265 -0.078106 0.530902 0.234318 0.227529C0.546742 -0.0758431 1.05316 -0.0758431 1.36559 0.227529L4 2.78562L6.63441 0.227529Z' fill='%23868686'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	transition: transform 0.3s ease;
}

.main-navigation a:hover {
	color: #E50609;
}

/* Подменю */
.main-navigation .sub-menu {
	position: absolute;
	top: 30px;
	left: 0;
	background: white;
	min-width: 250px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	padding: 15px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.main-navigation .sub-menu li {
	margin: 0;
}

.main-navigation .sub-menu a {
	padding: 12px 20px;
	color: #333;
	display: block;
	border: none;
}

.main-navigation .sub-menu a:hover {
	background: #f8f8f8;
	color: #E50609;
}

.main-navigation li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.main-navigation li:hover>a::after {
	transform: rotate(180deg);
}


/* Мобильное меню */
.mobile-toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

.mobile-menu {
	position: fixed;
top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #1E1F1C;
	z-index: 9998;
	transform: translateY(-100%);
	transition: transform 0.4s ease;
	overflow-y: auto;
}

.mobile-menu.active {
	top: 60px;
}

.mobile-navigation .mobile-arrow {
position: absolute;
right: 38px;
}

.mobile-menu.active {
	transform: translateY(0);
}

.mobile-menu-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	border-bottom: 1px solid #43463F;
}

.mobile-logo {
	height: 37px;
	width: auto;
}

.mobile-close {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

.mobile-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mobile-navigation li {
	border-bottom: 1px solid #43463F;
}

.mobile-navigation>ul>li:first-child {
	border-top: 1px solid #43463F;
}

.mobile-navigation a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	background: #43463F;
	margin: 5px 20px;
	border-radius: 0;
	height: 46px;
}

.mobile-arrow {
	transition: transform 0.3s ease;
}

.mobile-navigation .sub-menu {
	display: none;
	background: #2C2E29;
	margin: 0 20px;
}

.mobile-navigation .sub-menu.active {
	display: block;
}

.mobile-navigation .sub-menu li {
	border-bottom: none;
}

.mobile-navigation .sub-menu a {
	background: #2C2E29;
	margin: 0;
	border-radius: 0;
	padding-left: 40px;
}

.mobile-navigation li.menu-open>a .mobile-arrow {
	transform: rotate(180deg);
}

.mobile-buttons {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mobile-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 50px;
	border-radius: 50px;
	text-decoration: none;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	transition: all 0.3s ease;
}

.mobile-phone,
.mobile-info {
	border: 1px solid rgba(255, 255, 255, 1);
	color: white;
}

.mobile-write-us {
	background: #E50609;
	color: white;
	border: none;
}

.mobile-phone:hover,
.mobile-info:hover {
	background: white;
	color: #1E1F1C;
}

.mobile-write-us:hover {
	background: #c40507;
}

/* Медиа-запросы для мобильного меню */
@media (max-width: 768px) {
.menu-item-has-children>a::after {display: none;}
	.site-header {padding: 10px 0;}
	.mobile-toggle {
		display: block;
		position: absolute;
		right: 30px;
		top: 18px;
	}

	.main-navigation {
		display: none;
	}

	.header-right {
		display: none;
	}

	.site-logo img {
		width: 120px;
		height: 37px;
	}

	.header-inner {
		justify-content: space-between;
	}
}


/* Обновленный попап */
.contact-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}

.popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
}

.popup-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #1E1F1C;
	padding: 40px;
		padding-top: 68px;
		padding-bottom: 0;
	border-radius: 0;
	width: 567px;
	height: 593px;
	max-width: 90vw;
	max-height: 90vh;
	overflow-y: auto;
	position: relative;
}

/* Паттерн из точек для фона попапа */
.popup-content::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:
		radial-gradient(circle, rgba(161, 161, 161, 0.2) 1px, transparent 1px),
		radial-gradient(circle, rgba(161, 161, 161, 0.2) 1px, transparent 1px);
	background-size: 27px 27px;
	background-position: 0 0, 13.5px 13.5px;
	z-index: -1;
}

.popup-close {
	position: absolute;
	top: 20px;
	right: 20px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	width: 19px;
	height: 19px;
}

.popup-title {
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 500;
	font-size: 42px;
	line-height: 42px;
	text-transform: uppercase;
	color: white;
	margin: 0 0 15px 0;
}

.popup-desc {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	margin: 0 0 30px 0;
	padding-left: 15px;
}

/* Стили для формы CF7 */
.wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.form-group {
	position: relative;
	margin-bottom: 20px;
}

.form-input {
	width: 100%;
	height: 46px;
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(161, 161, 161, 1);
	color: white;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	padding: 12px 0;
	transition: all 0.3s ease;
}

.form-input:focus {
	outline: none;
	border-bottom-color: #E50609;
}

.form-input::placeholder {
	color: rgba(161, 161, 161, 1);
	transition: all 0.3s ease;
}

.form-input:focus::placeholder {
	transform: translateY(-20px) scale(0.8);
	opacity: 0.7;
}

/* Floating labels effect */
.form-group.floating .form-input::placeholder {
	transform: translateY(-20px) scale(0.8);
	opacity: 0.7;
}

.form-textarea {
	height: 92px;
	resize: vertical;
	min-height: 92px;
}

.form-submit-group {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 10px;
}

.submit-btn {
	width: 158px;
	height: 53px;
	background: #E50609;
	color: white;
	border: none;
	border-radius: 0;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-indent: 10px;
	gap: 10px;
	transition: background 0.3s ease;
}

.submit-btn:hover {
	background: #c40507;
}

.btn_flash {position: relative;}
.btn_flash::after {
position: absolute;
width: 17px;
height: 17px;
z-index: 100;
content: '';
left: 15px;
top: 19px;
background-image: url('/wp-content/themes/acronplus/img/btn_bg.png');
}






.submit-icon {
	width: 17px;
	height: 17px;
}

/* Кастомный чекбокс */
.checkbox-group {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	margin-top: -25px;
}

.custom-checkbox {
	width: 24px;
	height: 24px;
	border: 1px solid #A1A1A1;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.3s ease;
	position: relative;
	margin-left: -20px;
	margin-right: 10px;
}

.custom-checkbox input {
	display: none;
}

.checkbox-icon {

	opacity: 0;
	transition: opacity 0.3s ease;
transform: scale(1.1);
	padding-top: 3px;
}

.custom-checkbox input:checked+.checkbox-icon {
	opacity: 1;
}

.index-content-section {
	min-height: 500px;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	position: absolute;
	bottom: -25px;
	color: #ffffff;
}


.wpcf7-not-valid-tip {
	color: #dc3232;
	font-size: 1em;
	font-weight: normal;
	display: block;
	position: absolute;
	top: 14px;
	font-size: 13px;
}


.checkbox-text {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: rgba(161, 161, 161, 1);
	margin-left: -20px;
}

.privacy-link {
	color: rgba(161, 161, 161, 1);
	text-decoration: underline;
}

.privacy-link:hover {
	color: #E50609;
}

/* Мобильные стили для попапа */
@media (max-width: 768px) {
	.popup-content {
		width: 90vw;
		height: auto;
		min-height: 500px;
		padding: 30px 20px;
	}

	.popup-title {
		font-size: 32px;
		line-height: 32px;
	}

	.form-submit-group {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.submit-btn {
		width: 100%;
		max-width: 158px;
	}
}

/* Category Header */
.category-header {
	padding: 20px 0 40px;
	position: relative;

}

.category-header::before {
	width: 1271px;
	height: 700px;
	content: '';
	position: absolute;
	right: 40px;
	top: 150px;
background-image: url('/wp-content/themes/acronplus/img/category_3_bg.png');
}

.category-breadcrumbs {
	display: flex;
	margin-bottom: 40px;
}

.breadcrumb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 10px;
	text-decoration: none;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	border: none;
}

.breadcrumb-home {
	width: 72px;
	background: #E5E5E5;
	color: rgba(30, 31, 28, 1);
}

.breadcrumb-current {
	width: 94px;
	background: #1E1F1C;
	color: white;
}

.category-content {
	max-width: 800px;
}

.category-title {
	font-family: 'TikTokSans_SemiBold';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 30px 0;
}

.category-desc {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: rgba(30, 31, 28, 1);
	margin: 0;
	padding-left: 43px;
	position: relative;
}

.category-desc::before {
	content: '';
	position: absolute;
	width: 25px;
	height: 40px;
	left: 0;
	top: 0;
	background-image: url('/wp-content/themes/acronplus/img/arrow_red.svg');
}

/* Products Grid */
.category-products {
	padding: 60px 0 100px;
	
}

.products-grid {
	display: flex;
	gap: 10px;
	position: relative;
}

.products-item {
	width: 452px;
	height: 583px;
	background: #1E1F1C;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 100%, 0 100%);
}

.products-item-offset {
	margin-top: 85px;
}

/* Паттерн из точек */
.products-pattern {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:
		radial-gradient(circle, #323331 1px, transparent 1px),
		radial-gradient(circle, #323331 1px, transparent 1px);
	background-size: 27px 27px;
	background-position: 0 0, 13.5px 13.5px;
	opacity: 0.3;
}

.products-image {
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	width: 393px;
	height: 368px;
	object-fit: cover;
	z-index: 2;
}

.products-arrow {
	position: absolute;
	bottom: 120px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}

.products-category-name {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	text-align: center;
	font-family: 'TikTok Sans';
	font-weight: 500;
	font-size: 24px;
	line-height: 26px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
	margin: 0;
	padding: 0 20px;
	z-index: 2;
}

.products-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

/* Hover эффекты */
.products-item:hover {
	transform: translateY(-10px);
	transition: transform 0.3s ease;
}

.products-item:hover .products-arrow {
	transform: translateX(-50%) scale(1.1);
	transition: transform 0.3s ease;
}

.products-item:hover .products-arrow path {
	fill: #E50609;
	transition: fill 0.3s ease;
}

.products-item:hover .products-arrow rect {
	stroke: #E50609;
	transition: stroke 0.3s ease;
}

/* Мобильные стили */
@media (max-width: 1200px) {
	.products-grid {
		flex-wrap: wrap;
		justify-content: center;
	}

	.products-item {
		width: calc(50% - 10px);
		height: 500px;
	}

	.products-item-offset {
		margin-top: 0;
	}
}

@media (max-width: 768px) {
	.category-header {
		padding: 20px 0 20px;
	}

	.category-title {
		font-size: 40px;
		line-height: 40px;
	}

	.products-grid {
		flex-direction: column;
	}

	.products-item {
		width: 100%;
		height: 400px;
	}

	.products-image {
		width: 300px;
		height: 280px;
	}

	.products-arrow {
		bottom: 80px;
		width: 60px;
		height: 60px;
	}

	.products-category-name {
		font-size: 20px;
		line-height: 22px;
		bottom: 30px;
	}

	.breadcrumb-home {
		width: 120px;
	}

	.breadcrumb-current {
		width: 80px;
	}
}


/* Subcategory Page Header */
.subcategory-page-header {
	padding: 20px 0 40px;
	background: white;
}

.subcategory-breadcrumbs {
	display: flex;
}

.subcategory-breadcrumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 10px;
	text-decoration: none;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	border: none;
}

.subcategory-breadcrumb-home,
.subcategory-breadcrumb-parent {
	background: #E5E5E5;
	color: rgba(30, 31, 28, 1);
}

.subcategory-breadcrumb-current {
	background: #1E1F1C;
	color: white;
}

.product-nav-arrows {
	display: flex;
	justify-content: end;
	margin-top: -20px;
}

.product-nav-arrows svg {height: 23px;}

.product-nav-dots {display: flex; margin-top: 25px;}

.subcategory-page-title {
	font-family: 'TikTokSans_SemiBold', 'TikTok Sans';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0;
	max-width: 960px;
}

/* Subcategory Page Content */
.subcategory-page-content {
	padding: 20px 0 10px;
	background: white;
	padding-bottom: 0;
}

.subcategory-page-content .container {
	padding: 15px;
}

.subcategory-page-layout {
	display: flex;
	gap: 30px;
}

/* Левое меню */
.subcategory-page-sidebar {
	width: 440px;
	flex-shrink: 0;
	position: sticky;
	top: 100px;
	height: fit-content;
}


.subcategory-menu-item {
	border-bottom: 1px solid rgba(212, 212, 212, 1);
}

.subcategory-menu-item:last-child {
	border-bottom: none;
}

.subcategory-menu-toggle {
	width: 100%;
	height: 60px;
	background: none;
	border: none;
	padding: 0 20px;
	text-align: left;
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: rgba(30, 31, 28, 1);
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease;
}

.subcategory-menu-item-active .subcategory-menu-toggle {
	color: rgba(229, 6, 9, 1);
}

.subcategory-menu-arrow {
	transition: transform 0.3s ease;
	display: none;
}

.subcategory-menu-item-active .subcategory-menu-arrow {
	transform: rotate(180deg);
}

.subcategory-submenu {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	background: white;
}

.subcategory-menu-item-active .subcategory-submenu {
	max-height: 1000px;
}

.subcategory-submenu-item {
	display: block;
	padding: 12px 20px;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: rgba(30, 31, 28, 1);
	text-decoration: none;
	border-bottom: 1px solid rgba(212, 212, 212, 0.5);
	min-height: 36px;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
}

.subcategory-submenu-item:hover,
.subcategory-submenu-item.current-post {
	background: #E5E5E5;
}

.subcategory-submenu-item:last-child {
	border-bottom: none;
}

/* Правая часть - сетка постов */
.subcategory-page-main {
	flex: 1;
	min-width: 0;
	width: calc(100% - 500px);
	/* 440px sidebar + 60px gap */
}

.subcategory-posts-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	width: 100%;
}


.subcategory-post-card {
	width: calc(33.333% - 15px);
	background: #EBEBEB;
	padding: 30px;
	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 100%, 0 100%);
	transition: transform 0.3s ease;
	box-sizing: border-box;
}

.subcategory-post-card:hover {
	transform: translateY(-5px);
}

.subcategory-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.subcategory-card-number {
	font-family: 'TikTok Sans';
	font-weight: 300;
	font-size: 40px;
	line-height: 22px;
	text-transform: uppercase;
	color: rgba(164, 164, 164, 1);
}

.subcategory-card-dots {
	flex-shrink: 0;
}

.subcategory-card-image {
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}

.subcategory-post-thumbnail {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}

.subcategory-card-title {
	font-family: 'TikTok Sans';
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
	color: rgba(26, 26, 26, 1);
	margin: 0;
}

.subcategory-card-title a {
	color: inherit;
	text-decoration: none;
}

.subcategory-card-title a:hover {
	color: #E50609;
}

.subcategory-no-posts {
	width: 100%;
	text-align: center;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: rgba(30, 31, 28, 1);
	padding: 60px 0;
}

.subcategory-posts-pagination {
	width: 100%;
	margin-top: 60px;
	text-align: center;
}

/* Мобильные стили */
@media (max-width: 1200px) {
	.subcategory-page-layout {
		flex-direction: column;
		gap: 40px;
	}

	.subcategory-page-sidebar {
		width: 100%;
		position: static;
	}

	.subcategory-post-card {
		width: calc(50% - 30px);
	}
}

@media (max-width: 768px) {
	.subcategory-post-card {
		width: calc(100% - 30px);
	}

	.subcategory-post-thumbnail {
		height: 180px;
	}

	.subcategory-menu-toggle {
		height: 50px;
		font-size: 16px;
	}

	.subcategory-page-title {
		font-size: 40px;
		line-height: 40px;
	}
}


/* Hover эффекты для карточки */
.subcategory-post-card:hover {
	transform: translateY(-5px);
}

.subcategory-post-card:hover .subcategory-card-number {
	color: #E50609;
}

.subcategory-post-card:hover .subcategory-card-dots rect {
	fill: #E50609;
}

.subcategory-post-card:hover .subcategory-card-title a {
	color: #E50609;
}

/* Hover эффект для изображения */
.subcategory-card-image {
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}

.subcategory-card-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	transition: background 0.3s ease;
	z-index: 1;
}

.subcategory-post-card:hover .subcategory-card-image::before {
	background: rgba(0, 0, 0, 0.4);
	/* 40% черного оверлея */
}

.subcategory-post-thumbnail {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
	position: relative;
	z-index: 0;
}

.subcategory-post-card:hover .subcategory-post-thumbnail {
	transform: scale(1.05);
}







/*ЗАПИСИ РУБРИК*/



/* Single Post Content */
.single-post-content {
	width: 1200px;
	margin-left: auto;
	background-color: #F2F2F2;
	clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 100%, 0 100%);
}

/* Tabs */
.tabs-content {
padding: 40px;
padding-top: 0;
}

.tabs-header {
	display: flex;
	margin-bottom: 0;
	clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 100%, 0 100%);
}

.tab-button {
	width: 600px;
	height: 53px;
		background: #E0E0E0;

	border: none;
	clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 100%, 0 100%);
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	color: rgba(30, 31, 28, 1);
	cursor: pointer;
	transition: all 0.3s ease;
}

.tab-button.active {
	background: #F2F2F2;
	font-weight: 700;
}

.tab-content {
	display: none;
	padding: 40px 0;
}

.tab-content.active {
	display: block;
}

/* Top Section */
.tab-top-section {
	display: flex;
	gap: 40px;
	margin-bottom: 50px;
	align-items: flex-start;
}

.tab-image {
	flex: 0 0 auto;
}

.product-main-image {
	width: 535px;
	height: 290.69px;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}

.tab-text {
	flex: 1;
}

.product-tab-title {
	font-family: 'TikTok Sans';
	font-weight: 700;
	font-size: 24px;
	line-height: 26px;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

.product-description {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: rgba(30, 31, 28, 1);
	margin-bottom: 30px;
}

.product-description p {
	margin: 0 0 15px 0;
}

.product-logo {
	width: 240px;
	height: 58px;
	object-fit: contain;
}

/* Sections */
.section-title {
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 25px 0;
}

.automation-content {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 36px;
	color: rgba(30, 31, 28, 1);
}

.automation-content ul {
	margin: 0;
	padding-left: 20px;
}

.single .documents-section::before {display: none;}
.single .documents-section {background: transparent;}


.automation-content li {
	margin-bottom: 8px;
}

/* Divider */
.divider {
	height: 1px;
	background: rgba(180, 180, 180, 1);
	margin: 40px 0;
}

/* Specifications Table */
.specs-table {
	width: 100%;
	border-collapse: collapse;
}

.specs-table tr {
	background: #FFFFFF;
}

.specs-table td {
	padding: 12px 15px;
	border-bottom: 1px solid rgba(180, 180, 180, 0.3);
	font-family: 'TikTok Sans';
	font-size: 14px;
	line-height: 16px;
	color: rgba(30, 31, 28, 1);
}

.spec-name {
	font-weight: 400;
	width: 40%;
}

.spec-value {
	font-weight: 700;
}

/* Applications List */
.applications-list {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: rgba(30, 31, 28, 1);
	margin: 0;
	padding-left: 20px;
	list-style-type: disc;
}

.applications-list li {
	margin-bottom: 8px;
}

/* Advantages */
/* Product Advantages */
.product-advantages-section {
	margin-bottom: 40px;
}

.product-section-title {
	font-family: 'TikTok Sans SemiExpanded';
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 25px 0;
}

.product-advantages-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.product-advantage-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 30px;
}

.product-advantage-number {

	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: rgba(229, 6, 9, 1);
	flex-shrink: 0;
	min-width: 30px;
}

.product-advantage-content {
	flex: 1;
	position: relative;
}

.product-advantage-content::after {
	position: absolute;
	content: '';
	height: 65px;
	width: 1px;
	background-color: #E50609;
	left: -20px;
	top: 0;
}

.product-advantage-title {
	font-family: 'TikTok Sans';
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	color: rgba(229, 6, 9, 1);
	margin: 0 0 8px 0;
}

.product-advantage-description {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: rgba(30, 31, 28, 1);
	margin: 0;
}

.product-divider {
	height: 1px;
	background: rgba(180, 180, 180, 1);
	margin: 40px 0;
}
/* Documents Gallery */
.single .documents-gallery {
	margin-bottom: 30px;
}

.single .document-item {
	width: 174px;
	height: 248px;
	margin: 0 10px;
}

.single .document-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.document-image:hover {
	transform: scale(1.05);
}
.product-document-image:hover {
	transform: scale(1.05);
	transition: all .3s ease;
}

/* Gallery Navigation */
.gallery-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 10px;
}

.nav-dots {
	display: flex;
	gap: 16px;
	align-items: center;
}

.nav-arrows {
	display: flex;
	gap: 10px;
}

.arrow {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

.arrow:hover svg path {
	fill: #E50609;
}

/* Owl Carousel Dots */
.single .owl-dots {
	display: flex;
	gap: 16px;
	justify-content: center;
	margin-top: 20px;
}

.single .owl-dot {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.single .owl-dot span {
	display: block;
	width: 8px;
	height: 8px;
	background: #A4A4A4;
	border-radius: 0;
	transition: all 0.3s ease;
}

.single .owl-dot.active span {
	width: 8px;
	height: 8px;
	background: #E50609;
}

/* Мобильные стили */
@media (max-width: 1200px) {
	.single-post-content {
		width: 100%;
		margin-left: 0;
	}

	.tab-top-section {
		flex-direction: column;
	}

	.product-main-image {
		width: 100%;
		max-width: 535px;
	}

	.tab-button {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.tabs-header {
		flex-direction: column;
	}

	.tab-button {
		width: 100%;
	}

	.advantage-item {
		flex-direction: column;
		gap: 10px;
	}

	.documents-gallery .document-item {
		width: 150px;
		height: 214px;
	}
}

/* Table Styles for Single Product */
.product-tech-specs-table,
.product-extended-specs-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.product-tech-specs-table th,
.product-tech-specs-table td,
.product-extended-specs-table th,
.product-extended-specs-table td {
    padding: 12px 15px;
    border: 1px solid rgba(180, 180, 180, 0.3);
    text-align: left;
    font-family: 'TikTok Sans';
    font-size: 14px;
    line-height: 16px;
}

.product-tech-specs-table th,
.product-extended-specs-table th {
    background: rgba(242, 242, 242, 1);
    font-weight: 700;
    color: rgba(30, 31, 28, 1);
}

.product-tech-specs-table td,
.product-extended-specs-table td {
    background: #FFFFFF;
    font-weight: 400;
    color: rgba(30, 31, 28, 1);
}

/* Scroll container for wide tables */
.table-scroll-container {
    overflow-x: auto;
    margin-bottom: 20px;
    -webkit-overflow-scrolling: touch;
}



/* Mobile styles */
@media (max-width: 768px) {
    .product-tech-specs-table,
    .product-extended-specs-table {
        font-size: 12px;
    }
    
    .product-tech-specs-table th,
    .product-tech-specs-table td,
    .product-extended-specs-table th,
    .product-extended-specs-table td {
        padding: 8px 10px;
    }
}

.product-single-content {padding: 40px;}






/* Extended Specifications Table with Fixed Column Widths */
.table-scroll-container {
	overflow-x: auto;
	margin-bottom: 20px;
	-webkit-overflow-scrolling: touch;
}

.product-extended-specs-table {
	width: 1120px;
	border-collapse: collapse;
	margin-bottom: 20px;
	table-layout: fixed;
}

.product-extended-specs-table th,
.product-extended-specs-table td {
	padding: 9px 15px;
	height: 36px;
	border: 1px solid rgba(180, 180, 180, 0.3);
	text-align: left;
	font-family: 'TikTok Sans';
	font-size: 14px;
	line-height: 16px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.product-extended-specs-table th {
	background: rgba(242, 242, 242, 1);
	font-weight: 400;
	color: rgba(30, 31, 28, 1);
}

.product-spec-value {font-weight: bold;}

.product-extended-specs-table td {
	background: #FFFFFF;
	font-weight: 400;
	color: rgba(30, 31, 28, 1);
}

/* Fixed Column Widths */
.product-extended-specs-table th:nth-child(1),
.product-extended-specs-table td:nth-child(1) {
	width: 132px;
	/* Тип */
}

.product-extended-specs-table th:nth-child(2),
.product-extended-specs-table td:nth-child(2) {
	width: 132px;
	/* Мощность, кВА */
}

.product-extended-specs-table th:nth-child(3),
.product-extended-specs-table td:nth-child(3) {
	width: 133px;
	/* Вид, диапазон и количество ступеней регулирования напряжения по стороне ВН */
}

.product-extended-specs-table th:nth-child(4),
.product-extended-specs-table td:nth-child(4) {
	width: 133px;
	/* Потери холостого хода, Вт */
}

.product-extended-specs-table th:nth-child(5),
.product-extended-specs-table td:nth-child(5) {
	width: 133px;
	/* Потери короткого замыкания, Вт */
}

.product-extended-specs-table th:nth-child(6),
.product-extended-specs-table td:nth-child(6) {
	width: 133px;
	/* Напряжение короткого замыкания, % */
}

.product-extended-specs-table th:nth-child(7),
.product-extended-specs-table td:nth-child(7) {
	width: 160px;
	/* Напряжение ВН/НН, кВ */
}

.product-extended-specs-table th:nth-child(8),
.product-extended-specs-table td:nth-child(8) {
	width: 140px;
	/* Схема соединения */
}

/* Для длинного текста в заголовках */
.product-extended-specs-table th {
	white-space: normal;
	line-height: 1.3;
}

/* Mobile styles */
@media (max-width: 1200px) {
	.table-scroll-container {
		border: 1px solid rgba(180, 180, 180, 0.3);
	}

	.product-extended-specs-table {
		font-size: 12px;
	}

	.product-extended-specs-table th,
	.product-extended-specs-table td {
		padding: 8px 10px;
	}
}

@media (max-width: 768px) {
	.product-extended-specs-table {
		font-size: 11px;
	}

	.product-extended-specs-table th,
	.product-extended-specs-table td {
		padding: 6px 8px;
	}
}


/* Альтернативный вариант: убираем границы только у ячеек со значениями в колонках 7 и 8 */
.product-extended-specs-table td:nth-child(7),
.product-extended-specs-table td:nth-child(8) {
	border: none;
	background: #FFFFFF;
}

/* Заголовки колонок 7 и 8 оставляем с границами и серым фоном */
.product-extended-specs-table th:nth-child(7),
.product-extended-specs-table th:nth-child(8) {
	border: 1px solid rgba(180, 180, 180, 0.3);
	background: rgba(242, 242, 242, 1);
}

.post-template-default .subcategory-page-menu {
	border: 1px solid #D4D4D4;
	max-width: 360px;
}








/* About Page Header */
.about-page-header {
	padding: 60px 0 40px;
	background: white;
}

.about-breadcrumbs {
	display: flex;
	margin-bottom: 40px;
}

.about-breadcrumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 10px;
	text-decoration: none;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	border: none;
}

.about-breadcrumb-home {
	background: #E5E5E5;
	color: rgba(30, 31, 28, 1);
}

.about-breadcrumb-current {
	background: #1E1F1C;
	color: white;
}

.about-page-title-section {
	max-width: 800px;
}

.about-page-title {
	font-family: 'TikTokSans_SemiBold', 'TikTok Sans';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 20px 0;
}

/* About Page Content */
.about-page-content {
	padding: 0px 0 70px;
	position: relative;
  
}
.about-numbers-section {width: 540px;}
.about-page-content::before {
	content: '';
	position: absolute;
	width: 1271px;
	height: 969px;
	right: 1px;
	top: -158px;
	background-image: url('/wp-content/themes/acronplus/img/BG_about.png');
}

/* About Tabs */
.about-tabs-header {
	display: flex;
	margin-bottom: 0;
	border-bottom: 1px solid rgba(212, 212, 212, 1);
}

.about-tab-button {
	flex: 1;
	height: 53px;
	background: #E0E0E0;
	border: none;
	clip-path: polygon(0 15px, 15px 0, 100% 0, 100% 100%, 0 100%);
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	color: rgba(30, 31, 28, 1);
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
}

.about-tab-button.active {
	background: #F2F2F2;
	font-weight: 700;
}

.about-tab-button:hover:not(.active) {
	background: #D5D5D5;
}

.about-tabs-content {
	padding: 40px 0;
	min-height: 760px;
}

.about-tab-content {
	display: none;
	animation: fadeIn 0.5s ease;
}

.about-tab-content.active {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Tab 1: About Company */
.about-content-grid {
	display: grid;
	grid-template-columns: 640px 1fr;
	gap: 60px;
	align-items: start;
}


.page-template-page-about .about-text p {
	margin-bottom: 20px;
		font-family: 'TikTok Sans';
			font-weight: 400;
			font-size: 16px;
			line-height: 20px;
			color: rgba(30, 31, 28, 1);
			margin-bottom: 20px;
}
.page-template-page-about .about-text {padding-left: 0;
padding-top: 100px;}
.page-template-page-about .about-text::before {display: none;}
.about-numbers-title {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: rgba(30, 31, 28, 1);
	margin-bottom: 30px;
	margin-top: 30px;
}

.about-numbers-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.about-number-item {
	text-align: center;
}

.about-number-value {
	font-family: 'TikTok Sans';
	font-weight: 300;
	font-size: 70px;
	line-height: 120%;
	color: rgba(229, 6, 9, 1);
	margin-bottom: 10px;
}

.about-number-text {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 16px;
	max-width: 260px;
	line-height: 16px;
	text-align: left;
	color: rgba(229, 6, 9, 1);
}

.about-map-container {
	position: relative;
	width: 1149px;
	height: 661px;
}

.about-map-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-map-overlay {
	position: absolute;
  top: 41%;
	left: 60%;
	transform: translate(-50%, -50%);
	padding: 40px;
	max-width: 500px;
}

.about-overlay-logo {
	width: 234px;
	height: 84px;
	object-fit: contain;
	margin-bottom: 30px;
}

.about-overlay-text {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: rgba(26, 26, 26, 1);
}

.about-overlay-text p {
	margin-bottom: 15px;
}

/* Tab 2: Solutions */
.solutions-tab-inner {
	position: relative;
}

.solutions-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.solutions-bg-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.1;
}

.solutions-cards-grid {
	display: grid;
	grid-template-columns: repeat(5, 360px);
	gap: 10px;
	position: relative;
	z-index: 1;
}

.about-tabs {width: 1840px;}

.solution-card {
	background: #E5E5E5;
	padding: 30px;
	padding-bottom: 10px;
	position: relative;
	overflow: hidden;
	height: fit-content;
	clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 100%, 0 100%);
	transition: transform 0.3s ease;
}

.solution-card:hover {
	transform: translateY(-5px);
}

.solution-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.solution-card-number {
	font-family: 'TikTok Sans';
	font-weight: 300;
	font-size: 40px;
	line-height: 22px;
	text-transform: uppercase;
	color: rgba(229, 6, 9, 1);
}

.solution-card-dots {
	flex-shrink: 0;
}

.solution-card-image {
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}

.solution-image {
	width: 310px;
	height: 290px;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.solution-card:hover .solution-image {
	transform: scale(1.05);
}

.solution-card-title {
	font-family: 'TikTok Sans';
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
	color: rgba(229, 6, 9, 1);
	margin: 0 0 20px 0;
}

.solution-card-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.solution-card-item {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: rgba(26, 26, 26, 1);
	min-height: 56px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(163, 163, 163, 1);
}

.solution-card-item:last-child {
	border-bottom: none;
}

/* Tab 3: Competencies */
.competencies-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
}

.competencies-column {
	display: flex;
	flex-direction: column;
	gap: 26px;
	align-items: start;
}

.competencies-column:last-child {
	justify-content: center;
}

.competencies-column:first-child .competency-item:first-child {
	margin-left: 200px;
}

.competencies-column:first-child .competency-item:nth-child(2) {
		margin-left: 250px;
}
.competencies-column:first-child .competency-item:nth-child(3) {
			margin-left: 300px;
}


.competencies-column:nth-child(2) .competency-item:first-child {
	margin-left: -90px;
}

.competencies-column:nth-child(2) .competency-item:nth-child(2) {
	margin-left: -40px;
}

.competency-item {
	width: 631px;
	height: 194.28px;
	background: #F2F2F2;
	padding: 30px;
	position: relative;
	transition: transform 0.3s ease;
}

.competency-item:hover {
	transform: translateY(-5px);
}

.corner-decor {
	position: absolute;
	width: 31px;
	height: 28px;
}

.corner-top-left {
	top: 0;
	left: -2px;
	transform: rotate(-90deg);
}

.corner-top-right {
top: -2px;
	right: -2px;
	transform: rotate(0deg);
}

.corner-bottom-left {
bottom: -2px;
	left: -2px;
	transform: rotate(180deg);
}

.corner-bottom-right {
bottom: 0px;
	right: -2px;
	transform: rotate(90deg);
}

.vertical-dots {
	position: absolute;
	top: 32%;
	right: 20px;
	transform: translateY(-50%);
}

.competency-content {
	display: flex;
	align-items: center;
	gap: 20px;
	height: 100%;
}

.competency-image {
	width: 150px;
	height: 106px;
	object-fit: cover;
	flex-shrink: 0;
}

.competency-text {
	flex: 1;
}

.competency-title {
	font-family: 'TikTok Sans';
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
	color: rgba(229, 6, 9, 1);
	margin: 0 0 10px 0;
}

.competency-description {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: rgba(26, 26, 26, 1);
	margin: 0;
}

/* Tab 4: Clients */
.clients-main-title {
	font-family: 'TikTok Sans';
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
	text-transform: uppercase;
	color: rgba(229, 6, 9, 1);
	margin: 0 0 10px 0;
	text-align: left;
	max-width: 500px;
	position: absolute;
		top: 84px;
}

.clients-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(221px, 1fr));
	gap: 10px;
}

.clients-tab-inner {position: relative;}

.client-item {
	width: 221px;
	height: 188px;
	background: #F6F6F6;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.client-item:hover {
	transform: scale(1.05);
}

.client-item-empty {
	background: transparent;
}

.client-item-bordered {
	background: transparent !important;
}
.client-border-frame {
	padding: 20px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.client-logo {
	max-width: 80%;
	max-height: 80%;
	object-fit: contain;
}

/* Tab 5: Partners */
.about-partners-section {
	padding: 60px 0;
}

.about-partners-header {
	text-align: center;
	margin-bottom: 50px;
}

.about-partners-title {
	font-family: 'TikTok Sans';
	font-weight: 700;
	font-size: 32px;
	line-height: 35px;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 20px 0;
}

.about-partners-desc {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: rgba(30, 31, 28, 1);
	margin: 0;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.about-partners-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
}

.about-partner-item {
	background: #F6F6F6;
	height: 153px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	width: 221px;
	transition: transform 0.3s ease;
}

.about-partner-item:hover {
	transform: translateY(-5px);
}

.about-partner-item-empty {
	background: transparent;
}

.about-partner-item-select {
	background: transparent;
	position: relative;
}

.about-select-frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.about-frame-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-partner-logo {
	max-width: 80%;
	max-height: 80%;
	object-fit: contain;
	position: relative;
	z-index: 1;
}

.about-partner-item-large {
	grid-column: span 2;
	grid-row: span 2;
	background: #E5E5E5;
	flex-direction: column;
	text-align: center;
	padding: 40px;
}

.about-partner-large-icon {
	width: 80px;
	height: 80px;
	object-fit: contain;
	margin-bottom: 20px;
}

.about-partner-large-title {
	font-family: 'TikTok Sans';
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	color: rgba(30, 31, 28, 1);
	margin: 0;
}

/* Mobile Styles */
@media (max-width: 1200px) {
	.about-content-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.about-map-container {
		width: 100%;
		height: 400px;
	}

	.solutions-cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.competencies-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.competency-item {
		width: 100%;
	}

	.about-partners-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.about-tabs-header {
		flex-direction: column;
	}

	.about-tab-button {
		width: 100%;
	}

	.about-page-title {
		font-size: 40px;
		line-height: 40px;
	}

	.about-numbers-grid {
		grid-template-columns: 1fr;
	}

	.solutions-cards-grid {
		grid-template-columns: 1fr;
	}

	.clients-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.about-partners-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.about-partner-item-large {
		grid-column: span 2;
	}
}




/* Delivery Page Header */
.delivery-page-header {
	padding: 60px 0 40px;
	background: white;
}

.delivery-breadcrumbs {
	display: flex;
	margin-bottom: 40px;
}

.delivery-breadcrumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 10px;
	text-decoration: none;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	border: none;
}

.delivery-breadcrumb-home {
	background: #E5E5E5;

}


.delivery-breadcrumb-current {
	background: #1E1F1C;
	color: white;
}

.delivery-page-title-section {
	max-width: 800px;
}

.delivery-page-title {
	font-family: 'TikTokSans_SemiBold', 'TikTok Sans';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 30px 0;
}

/* Delivery Content Section */
.delivery-content-section {
	padding: 0px 0 100px;
	background: white;
	position: relative;
	min-height: 932px;

}

.delivery-background-image {
	position: absolute;
	top: -80px;
	right: 0;
	width: 1380px;
	height: 932px;
	z-index: 1;
}

.delivery-bg-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: top right;
}

.delivery-content-wrapper {
	position: relative;
	z-index: 2;
}

.delivery-left-content {
	width: 776px;
	background: rgba(255, 255, 255, 0.95);
	padding: 40px;
	border-radius: 10px;
}

.delivery-subtitle {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: rgba(30, 31, 28, 1);
margin-left: 60px;
	max-width: 490px;
	position: relative;
	padding-left: 38px;
	margin-top: -36px;
}

.delivery-subtitle::before {
	content: '';
	position: absolute;
	width: 25px;
	height: 40px;
	left: 0px;
	top: 0;
	background-image: url('/wp-content/themes/acronplus/img/arrow_red.svg');
}

.delivery-items-list {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: delivery-counter;
}

.delivery-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 30px;
	counter-increment: delivery-counter;
	position: relative;
}

.delivery-item:last-child {
	margin-bottom: 0;
}

.delivery-item-number {
	font-family: 'TikTok Sans';
	font-weight: 300;
	font-size: 34px;
	line-height: 34px;
	letter-spacing: 0%;
	font-variant-numeric: slashed-zero;
	color: rgba(229, 6, 9, 1);
	flex-shrink: 0;
	min-width: 60px;
}

.delivery-item-text {
	font-family: 'TikTok Sans';
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	padding-top: 5px;
}

/* Анимация при наведении */
.delivery-item:hover .delivery-item-number {
	transform: scale(1.1);
	transition: transform 0.3s ease;
}

.delivery-item:hover .delivery-item-text {
	color: rgba(229, 6, 9, 1);
	transition: color 0.3s ease;
}

/* Mobile Styles */
@media (max-width: 1200px) {
	.delivery-background-image {
		width: 100%;
		height: auto;
		position: relative;
		margin-bottom: 40px;
	}

	.delivery-left-content {
		width: 100%;
		margin: 0 auto;
	}

	.delivery-content-section {
		min-height: auto;
		padding: 40px 0;
	}
}

@media (max-width: 768px) {
	.delivery-page-title {
		font-size: 40px;
		line-height: 40px;
	}

	.delivery-left-content {
		padding: 20px;
	}

	.delivery-item {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 25px;
	}

	.delivery-item-number {
		font-size: 28px;
		line-height: 28px;
	}

	.delivery-item-text {
		font-size: 18px;
		line-height: 18px;
	}
}

@media (max-width: 480px) {
	.delivery-item-number {
		font-size: 24px;
		line-height: 24px;
	}

	.delivery-item-text {
		font-size: 16px;
		line-height: 16px;
	}
}


/* Базовые стили для анимации доставки */
.delivery-items-list {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: delivery-counter;
}

.delivery-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 30px;
	counter-increment: delivery-counter;
	position: relative;

	/* Начальное состояние для анимации */
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.delivery-item:last-child {
	margin-bottom: 0;
}

.delivery-item.animated {
	opacity: 1;
	transform: translateY(0);
}

.delivery-item-number {
	font-family: 'TikTok Sans';
	font-weight: 300;
	font-size: 34px;
	line-height: 34px;
	letter-spacing: 0%;
	font-variant-numeric: slashed-zero;
	color: rgba(229, 6, 9, 1);
	flex-shrink: 0;
	min-width: 60px;
	transition: all 0.3s ease;
}

.delivery-item-text {
	font-family: 'TikTok Sans';
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	padding-top: 5px;
	transition: color 0.3s ease;
}

/* Анимация при наведении */
.delivery-item:hover .delivery-item-number {
	transform: scale(1.1);
}

.delivery-item:hover .delivery-item-text {
	color: rgba(229, 6, 9, 1);
}

/* Медиа-запросы для мобильных устройств */
@media (max-width: 768px) {
	.delivery-item {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 25px;
	}

	.delivery-item-number {
		font-size: 28px;
		line-height: 28px;
	}

	.delivery-item-text {
		font-size: 18px;
		line-height: 18px;
	}
}






/* Contacts Page Header */
.contacts-page-header {
	padding: 20px 0 10px;
	background: white;
}

.contacts-breadcrumbs {
	display: flex;
	margin-bottom: 40px;
}

.contacts-breadcrumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 10px;
	text-decoration: none;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	border: none;
}

.contacts-breadcrumb-home {
	background: #E5E5E5;

}

.contacts-breadcrumb-current {
	background: #1E1F1C;
	color: white;
}

.contacts-page-title-section {
	max-width: 800px;
}

.contacts-page-title {
	font-family: 'TikTokSans_SemiBold', 'TikTok Sans';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 30px 0;
}

/* Contacts Content Section */
.contacts-content-section {
	padding: 0px 0 100px;
	background: white;
	position: relative;
}

.contacts-content-section::after {
	content: '';
	position: absolute;
	top: -100px;
	right: 0;
	width: 1086px;
	height: 670px;
	background-image: url('/wp-content/themes/acronplus/img/cont_bg.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	z-index: 0;
	pointer-events: none;
}
.contacts-content-section::before {
	content: '';
	position: absolute;
	top: -134px;
	right: 0;
	width: 1271px;
	height: 969px;
	background-image: url('/wp-content/themes/acronplus/img/BG_about.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	z-index: 0;
	opacity: 0.4;
	pointer-events: none;
}


.documentation-content-section {position: relative;}

.documentation-content-section::before {
		content: '';
			position: absolute;
			top: -134px;
			right: 0;
			width: 1271px;
			height: 969px;
			background-image: url('/wp-content/themes/acronplus/img/BG_about.png');
			background-repeat: no-repeat;
			background-position: right center;
			background-size: contain;
			z-index: 0;
			opacity: 0.6;
			pointer-events: none;
}

.contacts-content-section .container {
	position: relative;
	z-index: 1;
}

/* Контактный блок */
.contacts-info-block {
	margin-bottom: 60px;
}

.contact-item {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
	text-decoration: none;
	transition: transform 0.3s ease;
	max-width: 720px;
}

.contact-item:hover {
	transform: translateX(10px);
}

.contact-item:last-child {
	margin-bottom: 0;
}

.contact-icon {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-icon-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.contact-text {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 28px;
	line-height: 30px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	transition: color 0.3s ease;
}

.contact-item:hover .contact-text {
	color: rgba(229, 6, 9, 1);
}

/* Блок с картой */
.contacts-map-section {
	margin-bottom: 60px;
}

.map-container {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.contacts-map {
	width: 1321px;
	height: 520px;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid rgba(215, 215, 215, 1);
	clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 100%, 0 100%);
}

/* Контактная форма */
.contacts-form-section {
	max-width: 600px;
	margin-top: -519px;
	clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 100%, 0 100%);
}

.contacts-form-wrapper {
	background-color: #1E1F1C;
	background-image: radial-gradient(circle, rgba(161, 161, 161, 0.2) 1px, transparent 1px), radial-gradient(circle, rgba(161, 161, 161, 0.2) 1px, transparent 1px);
	background-size: 27px 27px;
	background-position: 0 0, 13.5px 13.5px;
	padding: 40px;
	padding-bottom: 0;
	border-radius: 10px;
}

.contacts-form-title {

	color: rgb(255, 255, 255);
	margin: 0 0 15px 0;
	font-family: 'TikTok Sans SemiExpanded';
		font-weight: 500;
		font-size: 42px;
		line-height: 42px;
		text-transform: uppercase;
		margin-bottom: 10px;

}

.contacts-form-desc {
font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	margin: 0 0 30px 0;
	padding-left: 15px;
}

/* Стили для формы Contact Form 7 */
.contacts-form-wrapper .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.contacts-form-wrapper .wpcf7-form-control {
	width: 100%;
	padding: 15px;


	font-family: 'TikTok Sans';
	font-size: 16px;
}

.contacts-form-wrapper .wpcf7-submit {
	background: rgba(229, 6, 9, 1);
	color: white;
	border: none;
	padding: 15px 30px;
	cursor: pointer;
	font-family: 'TikTok Sans';
	font-size: 18px;
	transition: background 0.3s ease;
}

.contacts-form-wrapper .wpcf7-submit:hover {
	background: rgba(200, 6, 9, 1);
}

/* Mobile Styles */
@media (max-width: 1400px) {
	.contacts-map {
		width: 100%;
	}

	.contacts-content-section::after {
		width: 800px;
		height: 500px;
	}
}

@media (max-width: 1200px) {
	.contacts-content-section::after {
		display: none;
	}

	.map-container {
		justify-content: center;
	}
}

@media (max-width: 768px) {
	.contacts-page-title {
		font-size: 40px;
		line-height: 40px;
	}

	.contact-item {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}

	.contact-text {
		font-size: 22px;
		line-height: 24px;
	}

	.contacts-map {
		height: 400px;
	}

	.contacts-form-wrapper {
		padding: 20px;
	}

	.contacts-form-title {
		font-size: 20px;
		line-height: 22px;
	}
}

@media (max-width: 480px) {
	.contact-text {
		font-size: 18px;
		line-height: 20px;
	}

	.contacts-map {
		height: 300px;
	}
}

/* Скрываем ненужные элементы Яндекс Карт */
.ymaps-2-1-79-map-copyrights-promo,
.ymaps-2-1-79-gotoymaps,
.ymaps-2-1-79-gototaxi,
.ymaps-2-1-79-gototech {
	display: none !important;
}

/* Дополнительные селекторы для полного скрытия */
.ymaps-2-1-79-copyright__content,
.ymaps-2-1-79-copyright__wrap,
.ymaps-2-1-79-gotoymaps__container,
.ymaps-2-1-79-gototaxi__container,
.ymaps-2-1-79-gototech {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Скрываем логотип Яндекса */
.ymaps-2-1-79-copyrights-pane,
.ymaps-2-1-79-map-copyrights-promo {
	display: none !important;
}


/* Анимации для страницы контактов */
.contacts-info-block,
.contacts-map-section,
.contacts-form-section {
	opacity: 0;
	transform: translateY(30px);
	animation: fadeInUp 0.8s ease forwards;
}

/* Задержки для последовательного появления */
.contacts-info-block {
	animation-delay: 0.2s;
}

.contacts-map-section {
	animation-delay: 0.4s;
}

.contacts-form-section {
	animation-delay: 0.6s;
}

/* Анимация появления */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Анимация для отдельных контактных элементов */
.contact-item {
	opacity: 0;
	transform: translateX(-20px);
	animation: slideInRight 0.6s ease forwards;
}

/* Задержки для контактных элементов */
.contact-item:nth-child(1) {
	animation-delay: 0.3s;
}

.contact-item:nth-child(2) {
	animation-delay: 0.5s;
}

.contact-item:nth-child(3) {
	animation-delay: 0.7s;
}

@keyframes slideInRight {
	from {
		opacity: 0;
		transform: translateX(-20px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* Анимация для карты */
.contacts-map {
	opacity: 0;
	transform: scale(0.95);
	animation: scaleIn 0.8s ease forwards;
	animation-delay: 0.8s;
}

@keyframes scaleIn {
	from {
		opacity: 0;
		transform: scale(0.95);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Анимация для формы */
.contacts-form-wrapper {
	opacity: 0;
	transform: translateY(20px);
	animation: formAppear 0.6s ease forwards;
	animation-delay: 1s;
}

@keyframes formAppear {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Анимация для заголовка формы */
.contacts-form-title {
	opacity: 0;
	animation: fadeIn 0.5s ease forwards;
	animation-delay: 1.2s;
}

.contacts-form-desc {
	opacity: 0;
	animation: fadeIn 0.5s ease forwards;
	animation-delay: 1.3s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Плавное появление полей формы */
.contacts-form-wrapper .wpcf7-form-control {
	opacity: 0;
	transform: translateY(10px);
	animation: fieldAppear 0.4s ease forwards;
}

/* Задержки для полей формы */
.contacts-form-wrapper .wpcf7-form-control:nth-child(1) {
	animation-delay: 1.4s;
}

.contacts-form-wrapper .wpcf7-form-control:nth-child(2) {
	animation-delay: 1.5s;
}

.contacts-form-wrapper .wpcf7-form-control:nth-child(3) {
	animation-delay: 1.6s;
}

.contacts-form-wrapper .wpcf7-form-control:nth-child(4) {
	animation-delay: 1.7s;
}

.contacts-form-wrapper .wpcf7-form-control:nth-child(5) {
	animation-delay: 1.8s;
}

@keyframes fieldAppear {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}





/* Documentation Page Header */
.documentation-page-header {
	padding: 60px 0 40px;
	background: white;
}

.documentation-breadcrumbs {
	display: flex;
	margin-bottom: 40px;
}

.documentation-breadcrumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 10px;
	text-decoration: none;
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	border: none;
}

.documentation-breadcrumb-home {
	background: #E5E5E5;

}

.documentation-breadcrumb-current {
	background: #1E1F1C;
	color: white;
}

.documentation-page-title-section {
	max-width: 800px;
}

.documentation-page-title {
	font-family: 'TikTokSans_SemiBold', 'TikTok Sans';
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: -3%;
	text-transform: uppercase;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 30px 0;
}

/* Documentation Content */
.documentation-content-section {
	padding: 0px 0 100px;
	background: white;
}

.documentation-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: start;
	margin-bottom: 80px;
}

/* Левая часть */
.documentation-left {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.documentation-desc {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 30px 0;
	padding-left: 43px;
	position: relative;
	max-width: 537px;
}

.documentation-desc::after {
	content: '';
		position: absolute;
		width: 25px;
		height: 40px;
		left: 0px;
		top: 0;
		background-image: url('/wp-content/themes/acronplus/img/arrow_red.svg');
	}



.documentation-btn {
	background: transparent;
		color: #c40507;
		border: 1px solid #c40507;
display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 20px;
	border-radius: 3px;
	text-decoration: none;
	font-family: 'TikTok Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	white-space: nowrap;
	transition: all 0.3s;
	width: fit-content;
	cursor: pointer;
}

.documentation-btn:hover {
	background: rgba(200, 6, 9, 0.205);

}

.btn-icon {
	width: 20px;
	height: 17px;
	object-fit: contain;
}

/* Большое изображение */
.documentation-featured-image {
	width: 448px;
	height: 640px;
	overflow: hidden;
	border-radius: 5px;
	align-self: end;
	margin-top: -35px;
	margin-right: -50px;
}

.featured-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.documentation-featured-image:hover .featured-image {
	transform: scale(1.05);
}

/* Правая часть - галерея */
.documentation-right {
	display: flex;
	flex-direction: column;
	max-width: 888px;
	max-height: 700px;
}

.documents-gallery-wrapper {
	position: relative;
	margin-top: 200px;
	height: 470px;
}

.documents-slider {
	margin-bottom: 30px;
}

.document-item {
	width: auto;
	height: 400px;
	overflow: hidden;

}

.document-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.document-item:hover .document-image {
	transform: scale(1.05);
}


.documentation-right .owl-carousel .owl-item {
	margin-right: 11px !important;
}

/* Навигация галереи */
.documents-nav {
	display: flex;
	justify-content: flex-end;
	position: absolute;
		bottom: 0;
		right: 0;
		z-index: 111;
}

.documentation-right .owl-dots {
position: absolute;
	top: 420px;
	left: 15px;
}

.nav-arrows {
	display: flex;
	gap: 10px;
}

.arrow {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	transition: opacity 0.3s ease;
}

.arrow:hover svg path {
	fill: #E50609;
}

.arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.arrow:disabled:hover svg path {
	fill: #A4A4A4;
}

/* Форма запроса */
.documentation-request-form {
	background: #F8F8F8;
	padding: 60px 0;
	margin-top: 60px;
	position: relative;
	display: none;
	transition: all 0.4s ease;
	border-radius: 7px;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
}

.request-form-wrapper {
	max-width: 600px;
	margin: 0 auto;
}

.request-form-title {
	font-family: 'TikTok Sans';
	font-weight: 700;
	font-size: 40px;
	line-height: 26px;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 20px 0;
	text-align: center;
}

.request-form-desc {
	font-family: 'TikTok Sans';
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: rgba(30, 31, 28, 1);
	margin: 0 0 30px 0;
	text-align: center;
}

/* Стили для формы */
.request-form-wrapper .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.request-form-wrapper .wpcf7-form-control {
	width: 100%;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-family: 'TikTok Sans';
	font-size: 16px;
}

.request-form-wrapper .wpcf7-submit {
	background: rgba(229, 6, 9, 1);
	color: white;
	border: none;
	padding: 15px 30px;
	border-radius: 5px;
	cursor: pointer;
	font-family: 'TikTok Sans';
	font-weight: 700;
	font-size: 16px;
	transition: background 0.3s ease;
}

.request-form-wrapper .wpcf7-submit:hover {
	background: rgba(200, 6, 9, 1);
}

/* Mobile Styles */
@media (max-width: 1200px) {
	.documentation-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.documentation-featured-image {
		width: 100%;
		max-width: 448px;
		height: 500px;
	}
}

@media (max-width: 768px) {
	.documentation-page-title {
		font-size: 40px;
		line-height: 40px;
	}

	.documentation-btn {
		width: 100%;
		justify-content: center;
	}

	.document-item {
		width: 250px;
		height: 280px;
	}

	.documentation-request-form {
		padding: 40px 0;
	}
}

@media (max-width: 480px) {
	.document-featured-image {
		height: 400px;
	}

	.document-item {
		width: 220px;
		height: 250px;
	}
}




/* Дополнительные стили для анимации */
.documentation-request-form.visible {
	display: block;
	animation: fadeInUp 0.6s ease;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


.documentation-request-form .form-input {
	color: rgba(30, 31, 28, 1);
}