/* CSS переменные для секции "О нас" */
:root {
	/* Цвета */
	--about-bg-color: var(--color-light);
	--about-title-color: var(--title-color);
	--about-subtitle-color: var(--subtitle-color);
	--about-text-color: var(--text-color);
	--about-border-radius: var(--border-radius);

	/* Отступы и размеры */
	--about-section-padding: var(--section-padding);
	--about-section-margin-bottom: var(--section-margin-bottom);
	--about-title-font-size: var(--title-font-size);
	--about-subtitle-font-size: var(--subtitle-font-size);
	--about-text-font-size: var(--text-font-size);
	--about-social-padding: 0;

	/* Шрифты */
	/* Заголовок */
	--about-font-family: var(--font-family);
	--about-title-font-weight: 700;
	--about-title-line-height: var(--line-height);

	/* Подзаголовок */
	--about-subtitle-font-weight: 500;
	--about-subtitle-line-height: var(--line-height);

	/* Текст */
	--about-text-font-weight: 300;
	--about-text-line-height: var(--line-height-big);

	/* Эффекты */
	--about-hover-scale: var(--hover-scale);
	--about-transition-duration: var(--transition-duration);
	--about-overlay-opacity: var(--overlay-opacity);
	--about-overlay-hover-opacity: var(--overlay-hover-opacity);

	/* Размеры изображений */
	--about-image-aspect-ratio: var(--image-aspect-ratio);
	--about-zoom-icon-size: var(--zoom-icon-size);

	/* Размеры социальных сетей */
	--about-social-icon-width: var(--social-icon-width);
	--about-social-icon-height: var(--social-icon-height);
	--about-social-icon-hover-scale: var(--social-icon-hover-scale);
}

.section {
	padding-block: var(--about-section-padding);
}

/* Основные стили секции */
.section-about {
	background-color: var(--about-bg-color);
}

.section-about .section-title-wrapper {
	margin-bottom: var(--about-section-margin-bottom);
}

.section-about .section-title {
	font-family: var(--about-font-family);
	font-size: var(--about-title-font-size);
	line-height: var(--about-title-line-height);
	font-weight: var(--about-title-font-weight);
	letter-spacing: -0.02rem;
	margin-bottom: 1rem;
	color: var(--about-title-color);
}

.section-about .section-subtitle {
	font-family: var(--about-font-family);
	font-size: var(--about-subtitle-font-size);
	line-height: var(--about-subtitle-line-height);
	font-weight: var(--about-subtitle-font-weight);
	letter-spacing: -0.02rem;
	margin-bottom: 1rem;
	color: var(--about-subtitle-color);
}

/* Стили изображений и карусели */
.section-about .section-image .carousel-inner {
	border-radius: var(--about-border-radius);
	overflow: hidden;
}

.section-about .section-image .img-wrapper {
	overflow: hidden;
	border-radius: var(--about-border-radius);
	position: relative;
}

.section-about .section-image .carousel-item {
	border-radius: var(--about-border-radius);
	overflow: hidden;
}

/* Стили текста */
.section-about p {
	font-family: var(--about-font-family);
	font-size: var(--about-text-font-size);
	font-weight: var(--about-text-font-weight);
	line-height: var(--about-text-line-height);
	color: var(--about-text-color);
}

/* Стили социальных сетей */
.cheaper-social-list .nav-link {
	padding: var(--about-social-padding);
	transition: transform var(--about-transition-duration) ease;
}

.cheaper-social-list .nav-link:hover {
	transform: scale(var(--about-social-icon-hover-scale));
}

.cheaper-social-list .nav-link img {
	width: var(--about-social-icon-width);
	height: var(--about-social-icon-height);
	object-fit: contain;
}