@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {
	--text-color: #3B3C38;
	--background-color: #ffffff;
	--blue-dark-color: #5895B7;
	--blue-color: #7BB2D3;
	--blue-light-color: #AACADE;
	--blue-ultralight-color: #E5F2FA;
	--pink-dark-color: #F8C0B7;
	--pink-light-color: #FCEDEA;
	--pink-color: #FAE1DD;
	--grey-dark-color: #EFEFEF;
	--grey-color: #FAFAFA;
	--white-color: #FFFFFF;
}

* {
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100vh;
	background: var(--background-color);
	font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: var(--text-color);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.bg_grey {
	background: var(--grey-color) !important;
}

.bg_white {
	background: var(--white-color) !important;
}

a {
	text-decoration: none;
	color: inherit;
}

img {
	display: block;
	max-width: 100%;
}

button {
	font-family: inherit;
	cursor: pointer;
	border: none;
	background: none;
}

.hidden {
	display: none !important;
}

.content_in {
	width: 100%;
	max-width: 1340px;
	margin: 0 auto;
}

section {
	padding: 80px 0;
}

.mb20 {
	margin-bottom: 20px;
}

.menu_lk {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	width: 100%;
	margin-top: 30px;
}

.menu_lk ul {
	display: flex;
	flex-direction: row;
	gap: 20px;
	list-style: none;
}

.menu_lk ul li a {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: var(--blue-dark-color);
	transition: color .3s;
}

.menu_lk ul li a:hover,
.menu_lk ul li.active a {
	color: var(--text-color);
	opacity: 0.6;
}

.menu_lk ul li a:hover img,
.menu_lk ul li.active a img {
	filter: invert(45%) sepia(17%) saturate(2311%) hue-rotate(166deg) brightness(92%) contrast(80%);
}

/* =========================================
   Typography & Helpers
   ========================================= */

h1 {
	font-style: normal;
	font-weight: 600;
	font-size: 56px;
	line-height: 105%;
	letter-spacing: -0.03em;
}

h2 {
	font-style: normal;
	font-weight: 600;
	font-size: 56px;
	line-height: 110%;
	letter-spacing: -0.03em;
}

h3 {
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 120%;
}

h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
}

h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 130%;
}

p {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 145%;
	opacity: 0.6;
}

.white {
	color: var(--white-color) !important;
}

.blue_text {
	color: var(--blue-color);
}

.p_100_0 {
	padding: 100px 0 !important;
}

.section_header_row {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 40px;
	gap: 20px;
}

.section_header_row .header_desc {
	text-align: right;
	font-size: 16px;
	line-height: 140%;
	opacity: 0.7;
	max-width: 440px;
}

.section_header_row .header_link {
	text-align: right;
	font-size: 16px;
	line-height: 130%;
	color: var(--blue-dark-color);
	transition: color 0.3s;
}

.section_header_row .header_link:hover {
	color: var(--blue-color);
	text-decoration: underline;
}

.section_header_row .header_link span {
	color: var(--text-color);
	opacity: 1;
}

.section_title_center {
	text-align: center;
	margin-bottom: 50px;
	line-height: 100%;
}

/* =========================================
   Buttons
   ========================================= */

.btn {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 64px;
	border-radius: 8px;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color: var(--text-color);
	transition: all .3s cubic-bezier(0.2, 0.8, 0.2, 1);
	border: 1px solid transparent;
	text-align: center;
	cursor: pointer;
}

.btn.big {
	width: 278px;
	height: 70px;
}

.btn.normal {
	width: 219px;
	height: 64px;
}

.btn.small {
	width: 263px;
	height: 50px;
}

.btn.mini {
	width: 92px;
	height: 40px;
	font-size: 14px;
}

.btn.w192 {
	width: 192px;
}

.btn.h64 {
	height: 64px;
}

.btn.pink {
	background: var(--pink-color);
}

.btn.pink:hover {
	background: var(--pink-dark-color);
}

.btn.blue {
	background: var(--blue-ultralight-color);
}

.btn.blue:hover {
	background: var(--blue-light-color);
}

.btn.grey {
	background: var(--grey-dark-color);
}

.btn.grey:hover {
	background: var(--white-color);
	border: 1px solid var(--blue-dark-color);
}

.btn_glass {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 32px;
	height: 56px;
	background: rgba(255, 255, 255, 0.25);
	/*border: 1px solid rgba(255, 255, 255, 0.35);*/
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-radius: 8px;
	color: var(--white-color);
	font-weight: 500;
	font-size: 16px;
	transition: all 0.3s;
	text-align: center;
}

.btn_glass:hover {
	background: rgba(0, 0, 0, 0.28);
	/*border-color: rgba(255, 255, 255, 0.6);*/
	color: var(--white-color);
}

#breadcrumb {
	padding: 30px 0 60px 0;
}

#breadcrumb ul {
	display: flex;
	align-items: center;
	list-style: none;
	gap: 10px;
}

#breadcrumb ul li a {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: var(--text-color);
}

#breadcrumb ul li a:hover {
	color: var(--blue-color);
}

#breadcrumb ul li.separator {
	color: var(--text-color);
	opacity: 0.5;
}

#breadcrumb ul li.active {
	color: var(--text-color);
	opacity: 0.5;
}




/* =========================================
   Header
   ========================================= */

header {
	width: 100%;
	height: 88px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white-color);
	border-bottom: 1px solid rgba(59, 60, 56, 0.05);
	position: sticky;
	top: 0;
	z-index: 100;
}

header .content_in {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

header .logo img {
	height: 24px;
	width: auto;
}

header .content_in nav {
	margin-left: 50px;
}

header .content_in nav ul {
	display: flex;
	gap: 24px;
	list-style: none;
}

header .content_in nav ul li a {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: var(--text-color);
	display: flex;
	align-items: center;
	gap: 6px;
	transition: color 0.3s;
}

header .content_in nav ul li a:hover {
	color: var(--blue-dark-color);
}

header .content_in nav ul li a img {
	width: 14px;
	height: 14px;
}

header .content_in .search {
	margin-left: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 18px;
	gap: 10px;
	width: 246px;
	height: 48px;
	background: var(--grey-color);
	border-radius: 62px;
}

header .content_in .search form {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}

header .content_in .search form input {
	outline: none;
	border: none;
	background: transparent;
	font-family: inherit;
	font-size: 14px;
	color: var(--text-color);
	width: 100%;
}

header .content_in .search form input::placeholder {
	color: var(--text-color);
	opacity: 0.5;
}

header .content_in .search form button {
	outline: none;
	border: none;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .content_in .block_btn {
	display: flex;
	gap: 20px;
	margin-left: auto;
}

header .content_in .block_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s;
}

header .content_in .block_btn a:hover {
	transform: scale(1.1);
}

/* =========================================
   001 Hero Section
   ========================================= */

section.hero {
	padding: 50px 0;
}

section.hero .content_in {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

section.hero .block_text {
	width: 540px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 660px;
	gap: 50px;
}

section.hero .block_text p {
	font-size: 16px;
	line-height: 22px;
	color: var(--text-color);
	opacity: 1;
}

section.hero .block_text .block_btn {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	margin-top: auto;
}

section.hero .block_img {
	width: 660px;
	position: relative;
}

section.hero .block_img>img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
}

section.hero .block_img .context {
	position: absolute;
	bottom: 40px;
	right: 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 25px;
	gap: 16px;
	width: 320px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 4px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

section.hero .block_img .context h4 {
	opacity: 1;
	font-size: 22px;
	line-height: 120%;
}

section.hero .block_img .context ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-left: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--text-color);
}

/* =========================================
   002 Condition Section
   ========================================= */

section.condition {
	padding: 160px 0 60px 0;
}

section.condition .content_in {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

section.condition .content_in .blocks {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

section.condition .content_in .blocks .block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 30px 0 30px 30px;
	background: var(--grey-color);
	border-radius: 10px;
	transition: transform 0.3s, box-shadow 0.3s;
}

section.condition .content_in .blocks .block:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
}

section.condition .content_in .blocks .block img {
	width: 75px;
	height: 75px;
	border-radius: 8px;
	object-fit: cover;
	margin-bottom: 50px;
}

section.condition .content_in .blocks .block h4 {
	opacity: 1;
	font-size: 24px;
	line-height: 120%;
	margin-bottom: 10px;
	margin-top: auto;
}

section.condition .content_in .blocks .block p {
	font-size: 16px;
	line-height: 140%;
	opacity: 0.3;
	color: var(--text-color);
}

section.condition .content_in .block_btn {
	display: flex;
	gap: 20px;
	margin-left: auto;
}

/* =========================================
   003 Why Section
   ========================================= */

section.why {
	padding: 100px 0;
}

section.why .content_in {
	display: flex;
	gap: 30px;
}

section.why .left {
	width: 645px;
	border-radius: 10px;
	overflow: hidden;
	padding: 50px;
	display: flex;
	height: 694px;
}

section.why .left h2 {
	z-index: 1;
	margin-top: auto;
	opacity: 1;
	font-size: 56px;
}

section.why .left img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.why .right {
	width: calc(100% - 645px - 30px);
}

section.why .right .blocks {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	height: 100%;
}

section.why .right .blocks .block {
	display: flex;
	flex-direction: column;
	padding: 30px;
	border-radius: 10px;
	height: 342px;
	transition: transform 0.3s;
}

section.why .right .blocks .block:hover {
	transform: translateY(-3px);
}

section.why .right .blocks .block:nth-child(1),
section.why .right .blocks .block:nth-child(4) {
	background: var(--pink-light-color);
}

section.why .right .blocks .block:nth-child(2),
section.why .right .blocks .block:nth-child(3) {
	background: var(--grey-color);
}

section.why .right .blocks .block .number {
	font-weight: 500;
	font-size: 90px;
	line-height: 100%;
	letter-spacing: -6%;
	margin-bottom: auto;
}

section.why .right .blocks .block:nth-child(1) .number,
section.why .right .blocks .block:nth-child(4) .number {
	color: var(--background-color);
}

section.why .right .blocks .block:nth-child(2) .number,
section.why .right .blocks .block:nth-child(3) .number {
	color: var(--pink-color);
}

section.why .right .blocks .block h4 {
	opacity: 1;
	font-size: 24px;
	line-height: 110%;
}

/* =========================================
   004 Slider Products (Линейки ANATOMY)
   ========================================= */

section.slider_products {
	padding: 100px 0;
}

section.slider_products .btn_slide {
	display: flex;
	gap: 16px;
	align-items: center;
}

section.slider_products .btn_slide .prev,
section.slider_products .btn_slide .next {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 500;
	font-size: 16px;
	color: var(--text-color);
	cursor: pointer;
	user-select: none;
	transition: opacity 0.3s, color 0.3s;
}

section.slider_products .btn_slide .prev.no_active,
section.slider_products .btn_slide .next.no_active {
	opacity: 0.25;
	cursor: not-allowed;
	pointer-events: none;
}

section.slider_products .slider_container {
	width: 100%;
	overflow: hidden;
	border-radius: 12px;
}

section.slider_products .slider_track {
	display: flex;
	transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	width: 100%;
}

section.slider_products .slide {
	min-width: 100%;
	width: 100%;
	flex-shrink: 0;
}

section.slider_products .product_grid_4x2 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

section.slider_products .product {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 370px;
	padding: 30px;
	background: var(--grey-color);
	border-radius: 10px;
	transition: transform 0.3s, box-shadow 0.3s;
}

section.slider_products .product:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
}

section.slider_products .product .img {
	width: 100%;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

section.slider_products .product .img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

section.slider_products .product .title {
	font-weight: 600;
	font-size: 24px;
	line-height: 110%;
	color: var(--text-color);
	margin: auto auto 10px auto;
	text-align: center;
}

section.slider_products .product p {
	font-size: 16px;
	line-height: 22px;
	opacity: 0.5;
	text-align: center;
	margin: auto;
}

/* =========================================
   005 & 006 Products Sections (Start & Popular)
   ========================================= */

section.products_start,
section.products_popular {
	padding: 100px 0;
}

section.products_start .content_in .products_grid,
section.products_popular .content_in .products_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-top: 40px;
}

section.products_start .content_in .products_grid .product_card,
section.products_popular .content_in .products_grid .product_card {
	background: var(--grey-color);
	border-radius: 12px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	transition: transform 0.3s, box-shadow 0.3s;
}

section.products_start .content_in .products_grid .product_card:hover,
section.products_popular .content_in .products_grid .product_card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
}

section.products_start .content_in .products_grid .product_card .img_wrap,
section.products_popular .content_in .products_grid .product_card .img_wrap {
	width: 100%;
	height: 200px;
	background: var(--white-color);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	padding: 16px;
}

section.products_start .content_in .products_grid .product_card .img_wrap img,
section.products_popular .content_in .products_grid .product_card .img_wrap img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

section.products_start .content_in .products_grid .product_card .category_badge,
section.products_popular .content_in .products_grid .product_card .category_badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	padding: 0 15px;
	background: var(--grey-dark-color);
	border-radius: 40px;
	font-size: 12px;
	font-weight: 500;
	color: var(--text-color);
	opacity: 1;
	margin-bottom: 10px;
}

section.products_start .content_in .products_grid .product_card .product_title,
section.products_popular .content_in .products_grid .product_card .product_title {
	font-size: 24px;
	font-weight: 600;
	line-height: 110%;
	margin-bottom: 10px;
	opacity: 1;
}

section.products_start .content_in .products_grid .product_card .product_purpose,
section.products_popular .content_in .products_grid .product_card .product_purpose {
	font-size: 14px;
	line-height: 19px;
	opacity: 0.5;
	margin-bottom: 16px;
}

section.products_start .content_in .products_grid .product_card .tags,
section.products_popular .content_in .products_grid .product_card .tags {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

section.products_start .content_in .products_grid .product_card .tags .tag,
section.products_popular .content_in .products_grid .product_card .tags .tag {
	display: inline-flex;
	align-items: center;
	padding: 0 12px;
	height: 30px;
	background: var(--white-color);
	border-radius: 40px;
	font-size: 12px;
	font-weight: 500;
	color: var(--text-color);
	opacity: 1;
}

section.products_start .content_in .products_grid .product_card .price {
	display: flex;
	align-items: center;
	gap: 15px;
	font-weight: 600;
	font-size: 24px;
	line-height: 110%;
	color: var(--text-color);
	margin-bottom: 20px;
}

section.products_start .content_in .products_grid .product_card .price .price_old {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	text-decoration-line: line-through;
	color: var(--text-color);
	opacity: 0.5;
}

section.products_start .content_in .products_grid .product_card .card_actions,
section.products_popular .content_in .products_grid .product_card .card_actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	margin-top: auto;
}

section.products_start .content_in .products_grid .product_card .card_actions .btn,
section.products_popular .content_in .products_grid .product_card .card_actions .btn {
	width: 100%;
	height: 50px;
	font-size: 16px;
	border-radius: 8px;
}

section.products_start .content_in .products_grid .product_card .card_actions .btn_cart,
section.products_popular .content_in .products_grid .product_card .card_actions .btn_cart {
	background: var(--pink-color);
}

section.products_start .content_in .products_grid .product_card .card_actions .btn_cart:hover,
section.products_popular .content_in .products_grid .product_card .card_actions .btn_cart:hover {
	background: var(--pink-dark-color);
}

section.products_start .content_in .products_grid .product_card .card_actions .btn_more,
section.products_popular .content_in .products_grid .product_card .card_actions .btn_more {
	background: var(--grey-dark-color);
}

section.products_start .content_in .products_grid .product_card .card_actions .btn_more:hover,
section.products_popular .content_in .products_grid .product_card .card_actions .btn_more:hover {
	background: var(--white-color);
	border: 1px solid var(--blue-dark-color);
}

/* =========================================
   007 Begin Banner (Не знаете с чего начать?)
   ========================================= */

section.begin {
	padding: 100px 0;
}

section.begin .content_in .begin_banner {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	min-height: 694px;
	display: flex;
	align-items: flex-end;
	background-image: url('/assets/img/tmp/img-begin.jpg');
	background-size: cover;
	background-position: center;
	padding: 60px 60px;
	/*box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);*/
}

section.begin .content_in .begin_banner.v2 {
	background-image: url('/assets/img/tmp/img-begin-v2.jpg');
}

section.begin .content_in .begin_banner::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.1) 100%);
	z-index: 1;
}

section.begin .content_in .begin_banner .banner_content {
	max-width: 650px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	z-index: 2;
}

section.begin .content_in .begin_banner .banner_content h2 {
	color: var(--white-color);
	font-size: 56px;
	font-weight: 600;
	line-height: 100%;
	opacity: 1;
}

section.begin .content_in .begin_banner .banner_content p {
	color: var(--white-color);
	font-size: 16px;
	line-height: 22px;
}

section.begin .content_in .begin_banner .banner_content .action_row {
	display: flex;
	align-items: center;
	gap: 25px;
	flex-wrap: wrap;
}

section.begin .content_in .begin_banner .banner_content .time_info {
	color: var(--white-color);
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 16px;
	font-weight: 500;
}

/* =========================================
   008 Knowledge Center (Центр знаний)
   ========================================= */

section.knowledge_center {
	padding: 100px 0;
}

section.knowledge_center .content_in .articles_grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 50px;
}

section.knowledge_center .content_in .articles_grid .article_card {
	background: var(--grey-color);
	border-radius: 10px;
	padding: 30px 38px 30px 30px;
	display: flex;
	gap: 20px;
	align-items: stretch;
	transition: transform 0.3s, box-shadow 0.3s;
}

section.knowledge_center .content_in .articles_grid .article_card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
}

section.knowledge_center .content_in .articles_grid .article_card .article_img {
	width: 262px;
	height: 282px;
	border-radius: 8px;
	overflow: hidden;
}

section.knowledge_center .content_in .articles_grid .article_card .article_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.knowledge_center .content_in .articles_grid .article_card .article_info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	flex: 1;
}

section.knowledge_center .content_in .articles_grid .article_card .article_info h4 {
	font-size: 24px;
	font-weight: 600;
	line-height: 110%;
	opacity: 1;
}

section.knowledge_center .content_in .articles_grid .article_card .article_info .time_info {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: var(--text-color);
	font-size: 16px;
	font-weight: 500;
}

section.knowledge_center .content_in .articles_grid .article_card .article_info p {
	font-size: 14px;
	line-height: 19px;
	opacity: 0.5;
}

section.knowledge_center .content_in .articles_grid .article_card .article_info .btn_read {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 44px;
	background: var(--blue-ultralight-color);
	border-radius: 8px;
	color: var(--text-color);
	font-size: 16px;
	font-weight: 500;
	margin-top: auto;
	transition: background 0.3s;
}

section.knowledge_center .content_in .articles_grid .article_card .article_info .btn_read:hover {
	background: var(--blue-light-color);
}

/* =========================================
   009 They Choose Us (Почему ANATOMY выбирают...)
   ========================================= */

section.they_choose {
	background: #EAF3F8;
	padding: 100px 0;
}

section.they_choose .content_in .features_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	padding: 0 50px;
	/*margin-top: 50px;*/
}

section.they_choose .content_in .features_grid .feature_card {
	background: var(--white-color);
	border-radius: 12px;
	padding: 36px 28px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	min-height: 280px;
	transition: transform 0.3s, box-shadow 0.3s;
}

section.they_choose .content_in .features_grid .feature_card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(88, 149, 183, 0.15);
}

section.they_choose .content_in .features_grid .feature_card .icon_box {
	width: 50px;
	height: 50px;
	background: var(--blue-ultralight-color);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 28px;
}

section.they_choose .content_in .features_grid .feature_card .icon_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

section.they_choose .content_in .features_grid .feature_card h4 {
	font-size: 24px;
	font-weight: 600;
	line-height: 110%;
	margin-top: auto;
	margin-bottom: 10px;
	opacity: 1;
}

section.they_choose .content_in .features_grid .feature_card p {
	font-size: 14px;
	line-height: 140%;
	opacity: 0.6;
}

/* =========================================
   010 Reviews Section (Отзывы и тестирования)
   ========================================= */

section.reviews {
	padding: 80px 0;
}

section.reviews .content_in .reviews_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 40px;
}

section.reviews .content_in .reviews_grid .review_card {
	background: var(--pink-light-color);
	border-radius: 12px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	min-height: 320px;
	transition: transform 0.3s, box-shadow 0.3s;
}

section.reviews .content_in .reviews_grid .review_card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(248, 192, 183, 0.25);
}

section.reviews .content_in .reviews_grid .review_card .review_top {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	gap: 10px;
	margin-bottom: 24px;
}

section.reviews .content_in .reviews_grid .review_card .review_top .author {
	font-size: 16px;
	font-weight: 500;
	opacity: 0.7;
	color: var(--text-color);
}

section.reviews .content_in .reviews_grid .review_card .review_top .condition_badge {
	padding: 0px 10px;
	height: 28px;
	background: var(--white-color);
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
	color: var(--text-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

section.reviews .content_in .reviews_grid .review_card .review_top .rating {
	font-size: 16px;
	font-weight: 600;
	opacity: 0.7;
	color: var(--text-color);
}

section.reviews .content_in .reviews_grid .review_card .review_text {
	font-size: 24px;
	font-weight: 600;
	line-height: 110%;
	color: var(--text-color);
	opacity: 1;
	margin-bottom: 30px;
}

section.reviews .content_in .reviews_grid .review_card .btn_review {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 148px;
	height: 50px;
	background: var(--pink-color);
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--text-color);
	transition: background 0.3s;
}

section.reviews .content_in .reviews_grid .review_card .btn_review:hover {
	background: var(--pink-dark-color);
}

/* =========================================
   011 More Care Section (Больше чем уход...)
   ========================================= */

section.more_care {
	padding: 80px 0;
}

section.more_care .content_in .community_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	padding: 0 50px;
}

section.more_care .content_in .community_grid .community_card {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	height: 300px;
	display: flex;
	align-items: flex-start;
	padding: 32px;
	transition: transform 0.3s, box-shadow 0.3s;
}

section.more_care .content_in .community_grid .community_card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.15);
}

section.more_care .content_in .community_grid .community_card .card_content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
	height: 100%;
}

section.more_care .content_in .community_grid .community_card .card_content h4 {
	color: var(--white-color);
	font-size: 24px;
	font-weight: 600;
	opacity: 1;
}

section.more_care .content_in .community_grid .community_card .card_content p {
	color: var(--white-color);
	font-size: 14px;
	line-height: 145%;
	opacity: 0.9;
	margin-bottom: 10px;
}

section.more_care .content_in .community_grid .community_card .card_content .btn_glass {
	min-width: 210px;
	width: fit-content;
	height: 62px;
	font-size: 16px;
	margin-top: auto;
}

/* =========================================
   Footer
   ========================================= */

footer {
	background: var(--white-color);
	padding: 56px 0 40px 0;
	border-top: 1px solid rgba(59, 60, 56, 0.08);
}

footer .content_in {
	display: flex;
	flex-direction: column;
	gap: 60px;
	max-width: 1360px;
}

footer .content_in .top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
}

footer .content_in .top .brand_col {
	display: flex;
	flex-direction: column;
	gap: 28px;
	width: 322px;
	height: 218px;
}

footer .content_in .top .brand_col .logo img {
	height: 28px;
	width: auto;
}

footer .content_in .top .brand_col .contacts {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: auto;
}

footer .content_in .top .brand_col .contacts .btn_tg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 154px;
	height: 31px;
	border: 1px solid var(--blue-light-color);
	border-radius: 40px;
	color: var(--blue-dark-color);
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s;
}

footer .content_in .top .brand_col .contacts .btn_tg:hover {
	background: var(--blue-ultralight-color);
}

footer .content_in .top .brand_col .contacts .btn_tg img {
	width: 16px;
	height: 16px;
}

footer .content_in .top .brand_col .contacts .btn_phone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 173px;
	height: 31px;
	background: var(--blue-ultralight-color);
	border-radius: 40px;
	color: var(--blue-dark-color);
	font-size: 14px;
	font-weight: 600;
	transition: all 0.3s;
}

footer .content_in .top .brand_col .contacts .btn_phone:hover {
	background: var(--blue-light-color);
	color: var(--white-color);
}

footer .content_in .top .nav_cols {
	display: flex;
	gap: 24px;
}

footer .content_in .top .nav_cols .col {
	width: 322px;
}

footer .content_in .top .nav_cols .col h4 {
	font-size: 16px;
	font-weight: 600;
	color: var(--text-color);
	opacity: 0.6;
	margin-bottom: 32px;
	text-transform: uppercase;
}

footer .content_in .top .nav_cols .col ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

footer .content_in .top .nav_cols .col ul li a {
	font-size: 14px;
	line-height: 19px;
	font-weight: 500;
	color: var(--text-color);
	transition: opacity 0.3s, color 0.3s;
}

footer .content_in .top .nav_cols .col ul li a:hover {
	opacity: 1;
	color: var(--blue-dark-color);
}

footer .content_in .bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 30px;
	border-top: 1px solid rgba(59, 60, 56, 0.08);
	font-size: 16px;
	color: var(--text-color);
	opacity: 0.7;
}

/* Calculator page styles */
.calc_hero {
	padding: 50px 0;
}

.calc_hero .content_in {
	height: 680px;
}

.calc_hero .hero_block {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.calc_hero .hero_block img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.calc_hero .hero_overlay {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	width: 464px;
	text-align: center;
}

.calc_hero .hero_overlay h1 {
	color: var(--white-color);
}

.calc_hero .hero_overlay p {
	color: var(--white-color);
	font-size: 16px;
	line-height: 22px;
	opacity: 1;
}

.calc_hero .hero_overlay button {
	width: 189px;
	height: 70px;
	font-weight: 500;
	font-size: 16px;
	color: var(--text-color);
}

.calc_main {
	padding: 100px 41px;
}

.calc_main .content_in {
	padding: 0;
}

.calc_main .calc_hero {
	background: rgb(250, 250, 250);
	border-radius: 15px;
	display: flex;
	gap: 30px;
	padding: 30px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
}

.calc_hero .calc_steps_panel {
	width: 381px;
	background: rgb(255, 255, 255);
	border-radius: 10px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 26px;
	padding: 50px 40px;
}

.calc_hero .calc_steps_panel .step_item {
	display: flex;
	align-items: center;
	gap: 20px;
}

.calc_hero .calc_steps_panel .step_item.completed .text {
	font-weight: 600;
	font-size: 18px;
	line-height: 110%;
	color: var(--text-color);
}

.calc_hero .calc_steps_panel .step_item.active .text {
	font-weight: 600;
	font-size: 18px;
	line-height: 110%;
	color: var(--blue-light-color);
}

.calc_hero .calc_steps_panel .step_item.next .text {
	font-weight: 600;
	font-size: 18px;
	line-height: 110%;
	color: var(--text-color);
	opacity: 0.2;
}

.calc_hero .calc_steps_panel .step_item.other .text {
	font-weight: 600;
	font-size: 18px;
	line-height: 110%;
	color: var(--text-color);
	opacity: 0.2;
}

.calc_hero .calc_steps_panel .step_item.other_letter .text {
	font-weight: 400;
	font-size: 18px;
	line-height: 110%;
	color: var(--blue-light-color);
	opacity: 0.2;
}

.calc_hero .calc_steps_panel .step_icon {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.calc_hero .calc_steps_panel .step_item.completed .step_icon,
.calc_hero .calc_steps_panel .step_item.active .step_icon {
	border: 2px solid #AACADE;
	border-radius: 10px;
}

.calc_hero .calc_steps_panel .step_item.completed .step_icon {
	background: var(--blue-light-color);
}

/*
.calc_hero .calc_steps_panel .step_item .step_icon.completed {
	background: #AACADE;
	border: 2px solid #AACADE;
	border-radius: 10px;
}
*/

.calc_hero .calc_steps_panel .step_icon img {
	width: 26px;
	height: 26px;
	display: none;
}

.calc_hero .calc_steps_panel .step_item.active .icon_selected,
.calc_hero .calc_steps_panel .step_item.completed .icon_completed {
	display: block;
}

.calc_hero .calc_steps_panel .step_item:not(.active):not(.completed) .icon_no_active {
	display: block;
}

.calc_hero .calc_content_panel {
	width: 887px;
	min-height: 620px;
	background: rgb(255, 255, 255);
	border-radius: 10px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
	display: flex;
	flex-direction: column;
	padding: 45px 50px 30px 50px;
}

.calc_hero .calc_content_panel .progress_bar {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	margin-bottom: 75px;
}

.calc_hero .calc_content_panel .progress_bar .progress_bg {
	width: 100%;
	height: 7px;
	background: rgb(239, 239, 239);
	border-radius: 30px;
}

.calc_hero .calc_content_panel .progress_bar .progress_fill {
	width: 0px;
	height: 7px;
	background: var(--blue-light-color);
	border-radius: 30px;
	margin-top: -7px;
	margin-bottom: 7px;
	transition: width 1s ease;
}

.calc_hero .calc_content_panel .progress_bar .progress_fill[data-progress="1"] {
	width: calc(100% / 5 * 1);
}

.calc_hero .calc_content_panel .progress_bar .progress_fill[data-progress="2"] {
	width: calc(100% / 5 * 2);
}

.calc_hero .calc_content_panel .progress_bar .progress_fill[data-progress="3"] {
	width: calc(100% / 5 * 3);
}

.calc_hero .calc_content_panel .progress_bar .progress_fill[data-progress="4"] {
	width: calc(100% / 5 * 4);
}

.calc_hero .calc_content_panel .progress_bar .progress_fill[data-progress="5"] {
	width: calc(100% / 5 * 5);
}

.calc_hero .calc_content_panel .progress_bar .progress_text {
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 110%;
	color: var(--text-color);
	opacity: 0.5;
	margin-left: auto;
}

.calc_step {
	display: none;
}

.calc_step.active {
	display: block;
}

.calc_step h2 {
	font-family: "Manrope", sans-serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 110%;
	color: rgb(59, 60, 56);
	margin-bottom: 30px;
}

.calc_step .step_subtitle {
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 110%;
	color: rgb(59, 60, 56);
	margin-bottom: 20px;
}

.options_row {
	display: flex;
	gap: 10px;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.options_row .option_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white-color);
	border: 1px solid var(--blue-light-color);
	border-radius: 8px;
	padding: 0;
	width: calc((100% - 10px) / 2);
	height: 60px;
	font-family: "Manrope", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 110%;
	color: rgb(59, 60, 56);
	cursor: pointer;
	transition: all 0.3s;
}

.options_row .option_btn.selected {
	background: var(--blue-ultralight-color);
	border: 2px solid var(--blue-light-color);
}

.options_row .option_btn:hover {
	background: var(--blue-ultralight-color);
	border-color: var(--blue-light-color);
}

.options_grid {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.options_grid .option_card {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(170, 202, 222);
	border-radius: 8px;
	padding: 10px 21px;
	width: calc((100% - 10px) / 2);
	min-height: 66px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	cursor: pointer;
	transition: all 0.3s;
}

.options_grid .option_card.selected {
	background: var(--blue-ultralight-color);
	border: 2px solid var(--blue-light-color);
}

.options_grid .option_card:hover {
	background: var(--blue-ultralight-color);
	border-color: var(--blue-light-color);
}

.options_grid .option_card h4 {
	font-family: "Manrope", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 110%;
	color: rgb(59, 60, 56);
	margin: 0;
}

.options_grid .option_card p {
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 110%;
	color: rgb(59, 60, 56);
	margin: 0;
}

.options_grid .option_card .card_icon {
	width: 46px;
	height: 46px;
	background: rgb(255, 255, 255);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
}

.options_grid .option_card .card_icon svg {
	width: 28px;
	height: 28px;
}

.calc_result {
	display: none;
}

.calc_result.active {
	display: block;
}

.calc_result h2 {
	margin-bottom: 48px;
}

.result_list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 40px;
}

.result_card {
	display: flex;
	gap: 24px;
	padding: 24px;
	background: var(--grey-color);
	border-radius: 16px;
}

.result_card .res_pic {
	width: 120px;
	height: 120px;
	border-radius: 12px;
	overflow: hidden;
	flex-shrink: 0;
}

.result_card .res_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.result_card .res_data {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 1;
}

.result_card .res_data h4 {
	opacity: 1;
}

.result_card .res_data p {
	font-size: 16px;
	margin: 0;
}

.result_card .res_price {
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 110%;
	color: var(--text-color);
	margin-top: auto;
}

.result_summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 32px;
	background: var(--pink-light-color);
	border-radius: 16px;
	margin-bottom: 40px;
}

.result_summary .summary_label {
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 110%;
	color: var(--text-color);
}

.result_summary .summary_amount {
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 110%;
	color: var(--text-color);
}

.result_buttons {
	display: flex;
	gap: 20px;
	justify-content: center;
}

.calc_controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
}

.ctrl_btn {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 20px 40px;
	background: var(--grey-dark-color);
	border: none;
	border-radius: 12px;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 110%;
	color: var(--text-color);
	cursor: pointer;
	transition: all 0.3s;
}

.ctrl_btn:hover:not(:disabled) {
	background: var(--white-color);
}

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

.ctrl_btn.ctrl_next {
	background: var(--pink-color);
}

.ctrl_btn.ctrl_next:hover:not(:disabled) {
	background: var(--pink-dark-color);
}



section.page_404 {
	padding: 0px 0px 70px 0;
}

section.page_404 .content_in {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	padding: 50px 0px;
}

section.page_404 .content_in img {
	max-width: 826px;
	max-height: 435px;
}

section.page_404 .content_in h1 {
	font-weight: 500;
	font-size: 32px;
	line-height: 120%;
	text-align: center;
}

section.contacts {
	padding: 0 0 70px 0;
}

section.contacts .content_in {
	display: flex;
	flex-direction: row;
	gap: 30px;
}

section.contacts .contacts_info {
	display: flex;
	flex-direction: column;
	width: 420px;
	gap: 40px;
}

section.contacts .contacts_info .block {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

section.contacts .contacts_info .block span {
	font-size: 16px;
	color: var(--text-color)
}

section.contacts .contacts_info .block a {
	font-size: 24px;
	color: var(--blue-dark-color)
}

section.contacts .contacts_info .block a:hover {
	color: var(--blue-color)
}

section.contacts .organization {
	display: flex;
	flex-direction: column;
	gap: 19px;
}

section.contacts .organization .line {
	display: flex;
	gap: 30px;
}

section.contacts .organization .line span {
	font-size: 16px;
	color: var(--blue-dark-color)
}

section.contacts .organization .line span.name {
	width: 200px;
	font-size: 16px;
	color: var(--text-color)
}

section.enter {
	padding: 0 0 100px 0;
}

section.enter .content_in {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

section.enter .enter_block {
	width: 675px;
	background: var(--white-color);
	border-radius: 8px;
	box-shadow: 0 0 0 1px var(--blue-light-color);
	padding: 50px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

section.enter .enter_block h3 {}

section.enter .enter_block form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

section.enter .enter_block form label {
	font-size: 14px;
	line-height: 100%;
	color: var(--text-color);
	opacity: 0.5;
	margin-bottom: -10px;
}

section.enter .enter_block form input {
	padding: 0px 20px;
	width: 100%;
	height: 62px;
	box-shadow: 0 0 0 1px var(--blue-light-color);
	border: none;
	border-radius: 8px;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color: var(--text-color);
}

section.enter .enter_block form input:focus {
	outline: none;
}

section.enter .enter_block form .approval {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 20px;
}

section.enter .enter_block form .approval input {
	min-width: 24px;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	box-shadow: none;
	opacity: 0.5;
	cursor: pointer;
}

section.enter .enter_block form .approval p {
	font-size: 14px;
	line-height: 19px;
	color: var(--text-color);
	margin: 0;
	opacity: 0.5;
}

section.enter .enter_block form .bottom {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}

section.enter .enter_block form .bottom .btn {
	width: 142px;
	height: 50px;
}

section.enter .enter_block form .bottom .bottom_links {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	gap: 5px;
}

section.enter .enter_block form .bottom .bottom_links a {
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: var(--blue-dark-color);
	text-decoration: underline;
}

section.enter .enter_block form .bottom .bottom_links a:hover {
	color: var(--blue-color);
}


section#condition {
	height: 584px;
	padding: 50px 0;
	background: linear-gradient(360deg, #FFFFFF -30.42%, #FCEDEA 100%), #FAFAFA;
}

section#condition .content_in {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 50px;
}

section#condition h1 {}

section#condition p {
	width: 855px;
	opacity: 1;
}

section#condition .condition_tags {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 30px;
}

section#condition .condition_tags .title {
	font-size: 18px;
	line-height: 100%;
	color: var(--text-color);
}

section#condition .condition_tags .tags {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

section#condition .condition_tags .tags .tag {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	color: var(--text-color);
	padding: 0 25px;
	height: 40px;
	background: var(--white-color);
	border: 1px solid var(--blue-light-color);
	border-radius: 20px;
}

section#condition .condition_tags .tags .tag img {
	display: none;
	width: 7px;
	height: 7px;

}

section#condition .condition_tags .tags .tag.active {
	background: var(--blue-ultralight-color);

}

section#condition .condition_tags .tags .tag.active img {
	display: block;
}


section.service_hero {
	padding: 50px 0;
	background: var(--grey-color);
}

section.service_hero .content_in {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 60px;
}

section.service_hero .block_text {
	width: 550px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding-top: 50px;
	padding-bottom: 50px;
}

section.service_hero .block_text p {
	opacity: 1;
}

section.service_hero .block_text .warning {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 15px;
	margin-top: auto;
}

section.service_hero .block_text .warning p {
	opacity: 0.5;
	font-size: 14px;
}

section.service_hero .block_text .tiles {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
}

section.service_hero .block_text .tiles .item {
	width: calc((100% - 10px) / 2);
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 10px 0;
}

section.service_hero .block_text .tiles .item .ico {
	width: 49px;
	height: 49px;
	background: var(--pink-color);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

section.service_hero .block_text .tiles .item .ico img {
	width: 36px;
	height: 36px;
}

section.service_hero .block_text .tiles .item h5 {
	font-size: 18px;
	font-weight: 600;
}

section.service_hero .block_text .tiles .item p {
	font-size: 14px;
	line-height: 19px;
	opacity: 0.5;
}

section.service_hero .block_img {
	width: 662px;
	height: 662px;
	border-radius: 50%;
}

section.service_hero .block_img img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

section.service_hero .block_img .context {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 370px;
	height: 410px;
	padding: 30px;
	background: var(--white-color);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

section.service_hero .block_img .context ul {
	display: flex;
	flex-direction: column;
	gap: 15px;
	list-style: none;
}

section.service_hero .block_img .context ul li {
	color: var(--text-color);
	position: relative;
	padding-left: 35px;
}

section.service_hero .block_img .context ul li::before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(/assets/img/ico-service-circ.svg) center no-repeat;
}

section.service_hero .block_img .context ul li span {
	display: flex;
	font-size: 18px;
	opacity: 1;
	margin-bottom: 5px;
}

section.service_hero .block_img .context ul li span.opacity_text {
	font-size: 14px;
	opacity: 0.6;
}

section.what {
	padding: 200px 0 100px 0;
}

section.what .content_in {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

section.what .block_content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

section.what .block_content .block {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 20px;
	padding: 30px 10px 30px 20px;
	background: var(--grey-color);
	border-radius: 10px;
}

section.what .block_content .block .ico {
	width: 70px;
	min-width: 70px;
	height: 70px;
	background: var(--pink-light-color);
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

section.what .block_content .block .text {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

section.what .block_content .block p {
	font-size: 14px;
	line-height: 19px;
	opacity: 0.5;
}


section.care {
	padding: 100px 0;
}

section.care .content_in {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

section.care .block_content {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

section.care .block_content .morning,
section.care .block_content .evening {
	display: flex;
	flex-direction: column;
	gap: 36px;
	width: calc((100% - 20px) / 2);
	padding: 30px;
	border-radius: 10px;
}

section.care .block_content .morning {
	background: var(--grey-color);
}

section.care .block_content .evening {
	background: var(--pink-color);
}

section.care .block_content .block_ico {
	display: flex;
	flex-wrap: wrap;
	gap: 88px;
	width: 100%;
	height: 165px;
	padding: 30px 0 0 0;
	align-items: center;
	justify-content: center;
}

section.care .block_content .block_ico::before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 83px;
	background: var(--pink-dark-color);
	z-index: 1;
}

section.care .block_content .block_ico .item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100px;
	align-items: center;
	justify-content: flex-start;
	align-items: center;
	z-index: 2;
}

section.care .block_content .morning .block_ico .item .ico {
	background: var(--grey-color);
}

section.care .block_content .evening .block_ico .item .ico {
	background: var(--pink-color);
}

section.care .block_content .block_ico .item .ico {
	width: 106px;
	height: 106px;
	border: 1px solid var(--pink-dark-color);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

section.care .block_content .block_ico .item span {
	font-size: 12px;
	white-space: nowrap;
}

section.care .block_content .morning p,
section.care .block_content .evening p {
	font-size: 14px;
	line-height: 19px;
	opacity: 0.5;
}


section.textures {
	padding: 100px 0;
}

section.textures .content_in {
	display: flex;
	flex-direction: column;
	gap: 70px;
}

section.textures .blocks {
	display: flex;
	flex-direction: row;
	gap: 15px;
}

section.textures .blocks .block {
	display: flex;
	gap: 10px;
	width: calc((100% / 4) - 15px);
	border: 1px solid var(--pink-dark-color);
	border-radius: 10px;
	padding: 10px 10px 10px 20px;
	align-items: center;
}

section.textures .blocks .block .text {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

section.textures .blocks .block .text h3 {
	font-size: 20px;
}

section.textures .blocks .block .text p {
	font-size: 14px;
	opacity: 0.5;
}


section.begin {
	padding: 100px 0 200px 0;
}

section.begin .content_in {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

section.begin .content_in .blocks {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-radius: 10px;
	width: 100%;
	height: 120px;
	padding: 30px 50px;
	background: url(/assets/img/begin.jpg) center no-repeat;
	background-size: cover;
}

section.begin .content_in .blocks .text {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

section.begin .content_in .blocks .text p {
	font-size: 14px;
	opacity: 1;
}

section.begin .content_in .blocks .btn {
	width: 255px;
	height: 50px;
}


section.pt40 {
	padding-top: 40px;
}

section.pt0 {
	padding-top: 0px;
}


section.products_start .block_filters {
	margin: 50px 0 100px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 65px;
}

section.products_start .block_filters .filter {
	width: calc((100% / 3) - 65px);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

section.products_start .block_filters .filter .filter_title {
	font-size: 24px;
	color: var(--text-color);
	opacity: 0.5;
}

section.products_start .block_filters .filter .filter_options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

section.products_start .block_filters .filter .filter_options .filter_btn {
	font-size: 16px;
	height: 40px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--blue-light-color);
	border-radius: 20px;
	cursor: pointer;
}

section.products_start .block_filters .filter .filter_options .filter_btn.active {
	background: var(--blue-ultralight-color);
	border: 1px solid var(--blue-dark-color);
	opacity: 1;
}

/* product */
section.product_start {
	background: var(--grey-color);
}

section.product_start .product_wrapper {
	display: flex;
	flex-direction: row;
	gap: 15px;
}

section.product_start .product_images {
	width: 600px;
	height: 662px;
	display: flex;
	align-items: center;
	justify-content: center;
}

section.product_start .product_info {
	width: calc(100% - 600px);
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 45px 50px 45px 85px;
}

section.product_start .product_info .product_title {
	font-size: 56px;
}

section.product_start .product_info .product_sku {
	font-size: 18px;
	opacity: 0.5;
	margin-top: -24px;
}

section.product_start .product_info .product_desc {
	font-size: 16px;
	line-height: 22px;
}

section.product_start .product_info .volume {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

section.product_start .product_info .volume .btn_volume {
	font-size: 16px;
	height: 40px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--pink-color);
	border-radius: 20px;
	cursor: pointer;
}

section.product_start .product_info .volume .btn_volume.active {
	background: var(--pink-color);
	border: 1px solid var(--pink-color);
	opacity: 1;
}

section.product_start .product_info .price_wrap {
	display: flex;
	flex-direction: row;
	gap: 15px;
	align-items: center;
}

section.product_start .product_info .price_wrap .price {
	font-size: 32px;
}

section.product_start .product_info .price_wrap .price_old {
	font-size: 32px;
	opacity: 0.5;
}

section.product_start .product_info .delivery_info {
	display: flex;
	flex-direction: row;
	gap: 8px;
	font-size: 14px;
	margin-top: -8px;
}

section.product_start .product_info .delivery_info img {
	width: 18px;
	height: 18px;
}

section.product_start .product_info .buy_actions {
	display: flex;
	flex-direction: row;
	gap: 15px;
}

section.product_start .product_info .buy_actions .btn {
	width: calc((100% - 15px) / 2);
	height: 50px;
}

section.product_start .product_info .block_tags {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

section.product_start .product_info .block_tags .title {
	font-size: 18px;
	opacity: 1;
}

section.product_start .product_info .block_tags .tags {
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin-top: -9px;
}

section.product_start .product_info .block_tags .tags .tag {
	font-size: 14px;
	padding: 0 20px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--blue-light-color);
	border-radius: 20px;
	color: var(--text-color);
}

section.product_description .content_in {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

section.product_description h2 {
	font-size: 32px;
}

section.product_description h3 {
	font-size: 18px;
	margin-bottom: -10px;
}

section.product_description .warning_block {
	display: flex;
	flex-direction: column;
	gap: 20px;
	border-radius: 10px;
	background: var(--blue-ultralight-color);
	padding: 30px 50px;
	margin-top: 50px;
}

section.product_description .warning_block p {
	font-size: 14px;
	opacity: 1;
}

section.product_description .warning_block p span {
	color: var(--blue-color);
}

section.product_description .info_block {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 50px;
	border-radius: 10px;
	border: 1px solid var(--blue-color);
	padding: 30px 50px;
}

section.product_description .info_block h2 {
	color: var(--blue-light-color)
}

section.product_description .info_block .info_body {
	display: flex;
	flex-direction: row;
	gap: 30px;
}

section.product_description .info_block .info_body p {
	font-size: 14px;
	opacity: 1;
}

section.product_description .info_block .info_body p.active {
	color: var(--blue-light-color)
}

section.reviews.bg_white {}

section.reviews .block_tabs {
	display: flex;
	flex-direction: column;
	gap: 24px
}

section.reviews .block_tabs .tabs {
	display: flex;
	flex-direction: row;
	gap: 40px;
	align-items: center;
}

section.reviews .block_tabs .tabs .tab {
	font-size: 32px;
	color: var(--text-color);
	opacity: 0.6;
	cursor: pointer;
}

section.reviews .block_tabs .tabs .tab.active {
	opacity: 1;
}

section.reviews .block_tabs .btn {
	width: 216px;
	height: 50px;
	margin-left: auto;
}

section.reviews .block_tabs .tab_content {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

section.reviews .block_tabs .tab_content .photos {
	display: flex;
	flex-direction: row;
	gap: 19px;
}

section.reviews .block_tabs .tab_content .block_reviews {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item {
	padding-top: 24px;
	border-top: 1px solid var(--pink-color);
	display: flex;
	flex-direction: row;
	gap: 24px;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_header {
	display: flex;
	flex-direction: column;
	width: 434px;
	gap: 5px;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_header .review_date {
	font-size: 16px;
	opacity: 0.5;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_header .review_author {
	font-size: 16px;
	opacity: 0.5;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body {
	width: calc(100% - 458px);
	display: flex;
	flex-direction: column;
	gap: 16px;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body img.stars {
	width: 120px;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body p {
	font-size: 16px;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body .photos_review {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 8px;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body .photos_review a {
	width: 200px;
	height: 200px;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	justify-content: center;
	align-items: center;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body .photos_review a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body .answer_block {
	background: var(--grey-dark-color);
	border-radius: 10px;
	padding: 30px 50px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body .answer_block .answer_author {
	font-size: 18px;
}

section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body .answer_block p {
	font-size: 16px;
}

section.reviews .block_tabs .tab_content .info_review {
	display: flex;
	flex-direction: row;
	align-items: center;
	border-top: 1px solid var(--pink-color);
	padding-top: 24px;
}

section.reviews .block_tabs .tab_content .info_review .item {
	display: flex;
	flex-direction: column;
	width: 281px;
	margin-right: 24px;
}

section.reviews .block_tabs .tab_content .info_review .item .number {
	font-size: 32px;
	display: flex;
}

section.reviews .block_tabs .tab_content .info_review .sort {
	margin-left: auto;
}

section.reviews .block_tabs .tab_content .info_review .sort select {
	width: 280px;
	height: 54px;
	border-radius: 27px;
	padding: 0 24px;
	border: 1px solid var(--pink-color);
	background: var(--grey-dark-color);
	font-size: 16px;
}


section.basket .order_wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 46px;
}

section.basket .order_wrapper .order_list {
	width: 922px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 30px;
}

section.basket .order_wrapper .order_list .order_item {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	border-radius: 10px;
	border: 1px solid var(--blue-color);
	width: 100%;
	height: 120px;
	background: var(--white-color);
}

section.basket .order_wrapper .order_list .order_item_content {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-left: 20px;
}

section.basket .order_wrapper .order_list .order_item_content a {
	font-size: 18px;
}

section.basket .order_wrapper .order_list .order_item_content .order_item_line {
	font-size: 14px;
	opacity: 0.5;
}

section.basket .order_wrapper .order_list .order_item_content .order_item_value {
	font-size: 14px;
	opacity: 0.5;
}

section.basket .order_wrapper .order_list .order_item_controls {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	width: 150px;
	margin-left: 90px;
}

section.basket .order_wrapper .order_list .order_item_controls button {
	width: 50px;
	height: 50px;
	border-radius: 8px;
	background: var(--grey-dark-color);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
}

section.basket .order_wrapper .order_list .order_item_controls .order_item_controls_count {
	width: 150px;
	height: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

section.basket .order_wrapper .order_list .order_item_controls .order_item_controls_count_number {
	width: 50px;
	height: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 18px;
}

section.basket .order_wrapper .order_list .order_item_price {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 5px;
	margin-left: 90px;
}

section.basket .order_wrapper .order_list .order_item_price .total {
	font-size: 24px;
}

section.basket .order_wrapper .order_list .order_item_price .price {
	font-size: 14px;
	opacity: 0.5;
}

section.basket .order_wrapper .order_list .order_item_controls_delete {
	width: 30px;
	height: 30px;
	border-radius: 8px;
	background: var(--grey-dark-color);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
}

section.basket .order_wrapper .order_list .order_item_controls_delete img {
	width: 10px;
	height: 10px;
}

section.basket .order_wrapper .total_cost {
	position: sticky;
	top: 100px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: calc(100% - 922px - 46px);
	height: max-content;
	margin-top: 30px;
	background: var(--white-color);
	border-radius: 8px;
	padding: 20px 30px;
}

section.basket .order_wrapper .total_cost .total_cost_title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}

section.basket .order_wrapper .total_cost .total_cost_price {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
}

section.basket .order_wrapper .total_cost .total_cost_price_main {
	font-size: 18px;
	/*border-top: 1px solid var(--blue-color);*/
	padding-top: 20px;
	font-weight: 600;
}

section.basket .order_wrapper .total_cost .total_cost_price_main span {
	font-size: 24px;
}

section.basket .order_wrapper .total_cost .btn {
	width: 100%;
	height: 50px;
}

section.order .order_wrapper {
	width: 100%;
	height: auto;
	background: var(--white-color);
	border-radius: 8px;
	border: 1px solid var(--blue-color);
	padding: 50px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-top: 50px;
}

section.order .order_wrapper .btn {
	margin-left: auto;
	width: 230px;
	height: 50px;
}

section.order .order_wrapper .order_data {
	display: flex;
	flex-direction: row;
	gap: 30px;
	height: 313px;
}

section.order .order_wrapper .order_data .item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: calc((100% - 30px) / 2);
}

section.order .order_wrapper .order_data .item label {
	font-size: 14px;
	opacity: 0.5;
	margin-bottom: -10px;
}

section.order .order_wrapper .order_data .item input {
	width: 100%;
	height: 62px;
	border-radius: 8px;
	border: 1px solid var(--blue-color);
	padding: 0 20px;
	font-size: 16px;
}

section.center_start .content_in {
	display: flex;
	height: 500px;
	padding: 50px;
	border-radius: 10px;
	overflow: hidden;
}

section.center_start img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

section.center_start .text {
	z-index: 2;
	width: 490px;
	display: flex;
	flex-direction: column;
	gap: 50px;
	margin-top: auto;
}

section.center_start .text p {
	opacity: 1;
}


section.article_block .content_in {
	display: flex;
	flex-direction: column;
}

section.article_block .column {
	display: flex;
	flex-direction: row;
}

section.article_block .column h3 {
	opacity: 0.5;
}

section.article_block .column .item {
	display: flex;
	flex-direction: column;
}

section.article_block .article_row_wrap {
	width: 100%;
	height: 54px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin-top: 20px;
}

section.article_block .column .article_row_wrap {
	flex-wrap: wrap;
	height: max-content;
}

section.article_block .article_row_wrap button.section_btn {
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 10px;
	font-size: 16px;
	border-radius: 10px;
	padding: 5px 15px 5px 5px;
	background: var(--grey-dark-color);
}

section.article_block .article_row_wrap button.section_btn.active {
	background: var(--blue-color);
}

section.article_block .article_row_wrap button.tag_btn {
	height: 40px;
	padding: 0 25px;
	border-radius: 20px;
	border: 1px solid var(--blue-color);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

section.article_block .article_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 36px;
	margin-top: 50px;
}

section.article_block .article_wrap .article_row {
	width: calc((100% - 36px) / 2);
	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
	background: var(--grey-color);
	padding: 30px 40px;
	border-radius: 10px;
}

section.article_block .article_wrap .article_row.revers {
	flex-direction: row-reverse;
}

section.article_block .article_wrap .article_row .image {
	width: 262px;
	height: 282px;
}

section.article_block .article_wrap .article_row .text {
	width: calc(100% - 262px - 20px);
	display: flex;
	flex-direction: column;
	gap: 18px;
}

section.article_block .article_wrap .article_row .text .author {
	font-size: 18px;
	color: var(--blue-color);
}

section.article_block .article_wrap .article_row .text .name {
	font-size: 24px;
	font-weight: 600;
}

section.article_block .article_wrap .article_row .text .time {
	display: flex;
	flex-direction: row;
	gap: 9px;
	font-size: 16px;
	align-items: center;
}

section.article_block .article_wrap .article_row .text .tags {
	display: flex;
	gap: 9px;
}

section.article_block .article_wrap .article_row .text .tag {
	height: 26px;
	padding: 0 15px;
	background: var(--pink-color);
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}

section.article_block .article_wrap .article_row .text .desc {
	font-size: 14px;
	line-height: 19px;
	opacity: 0.5;
}

section.article_block .article_wrap .article_row .text .btn {
	margin-top: auto;
	width: 100%;
	height: 50px;
}

section.article .content_in {
	display: flex;
	flex-direction: row;
	gap: 16px;
	align-items: flex-start;
}

section.article .content_in .text {
	width: calc(100% - 420px - 16px);
	display: flex;
	flex-direction: column;
	gap: 50px;
}

section.article .content_in .text p {
	opacity: 1;
	font-size: 22px;
	line-height: 32px;
}

section.article .content_in .text p.subtitle {
	font-size: 16px;
	margin-top: -20px;
}

section.article .content_in .text p.author {
	font-size: 20px;
	color: var(--blue-color);
}

section.article .content_in .text p.info {
	display: flex;
	gap: 20px;
	font-size: 16px;
	margin-top: -20px;
}

section.article .content_in .text p.info span {
	display: flex;
	gap: 5px;
}

section.article .content_in .text p.info span img {
	width: 18px;
}

section.article .content_in .text .border {
	padding: 40px 60px;
	background: var(--pink-color) url(/assets/img/quotes.png) no-repeat bottom right;
	font-size: 22px;
	line-height: 32px;
}

section.article .content_in .article_menu {
	width: 420px;
	background: var(--blue-ultralight-color);
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	position: sticky;
	top: 100px;
}

section.article .content_in .article_menu p {
	font-size: 24px;
	opacity: 1;
}

section.article .content_in .article_menu ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
	list-style: none;
}

section.article .content_in .article_menu ul li a {
	font-size: 16px;
	line-height: 22px;
}

section.article .content_in .article_menu ul li.active a {
	color: var(--blue-color)
}


section.philosophy {
	padding: 50px 0;
}

section.philosophy .content_in {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

section.philosophy .content_in .blocks {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

section.philosophy .content_in .blocks .item {
	width: 224px;
	display: flex;
	flex-direction: column;
	gap: 25px;
}

section.philosophy .content_in .blocks .item .number {
	font-size: 56px;
	color: var(--pink-color);
}

section.philosophy .content_in .blocks .item h5 {
	font-size: 18px;
	line-height: 100%;
}

section.philosophy .content_in .blocks .item p {
	font-size: 14px;
	line-height: 19px;
	opacity: 0.5;
}

section.misson .content_in {
	display: flex;
	flex-direction: column;
}

section.misson .row {
	width: 946px;
	height: 330px;
	padding: 40px 60px;
	background: var(--pink-light-color);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 10px;
	margin: -61px 0 0 auto;
}

section.misson .row p {
	font-size: 24px;
	line-height: 110%;
	opacity: 1;
}

section.misson .row span {
	font-size: 16px;
	line-height: 100%;
	opacity: 0.5;
}

section.production .content_in {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

section.production .content_in h2 {
	margin: 0 auto;
}

section.production .content_in .row {
	display: flex;
	flex-direction: row;
	gap: 15px;
}

section.production .content_in .row .item {
	width: 475px;
	height: 330px;
	border-radius: 10px;
}

section.production .content_in .row .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.comfort .content_in {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

section.comfort .content_in .blocks {
	display: flex;
	flex-direction: row;
	gap: 15px;
	justify-content: space-between;
}

section.comfort .content_in .blocks .item {
	width: 436px;
	height: 104px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px;
	padding: 15px 20px;
	border-radius: 10px;
	border: 1px solid var(--pink-dark-color);
}

section.comfort .content_in .blocks .item .ico {
	min-width: 61px;
	height: 61px;
	background: var(--pink-color);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
}

section.comfort .content_in .blocks .item .ico img {
	width: 50px;
	height: 50px;
}

section.comfort .content_in .blocks .item .text {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

section.comfort .content_in .blocks .item .text p {
	font-size: 14px;
	opacity: 0.5;
}

section.testing .content_in {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

section.testing .section_header_row {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 40px;
	gap: 20px;
}

section.testing .content_in p.header_desc {
	text-align: right;
	font-size: 16px;
	line-height: 140%;
	opacity: 0.7;
	max-width: 440px;
}

section.testing .content_in .blocks {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 15px;
}

section.testing .content_in .blocks .item {
	width: 436px;
	height: 322px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 30px;
	border-radius: 10px;
	background: var(--pink-light-color);
}

section.testing .content_in .blocks .item .line {
	display: flex;
	gap: 10px;
	align-items: center;
}

section.testing .content_in .blocks .item .line .name {
	font-size: 16px;
	opacity: 0.7;
}

section.testing .content_in .blocks .item .line .tag {
	font-size: 12px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	background: var(--white-color);
	border-radius: 14px;
}

section.testing .content_in .blocks .item .line .num {
	font-size: 14px;
	opacity: 0.7;
}

section.testing .content_in .blocks .item h4 {
	font-size: 24px;
}

section.testing .content_in .blocks .item .btn {
	width: 148px;
	height: 50px;
}


footer .content_in .bottom .links {
	display: flex;
	gap: 30px;
}

footer .content_in .bottom .links a {
	color: var(--text-color);
	opacity: 0.8;
	font-size: 14px;
	transition: opacity 0.4s;
}

footer .content_in .bottom .links a:hover {
	opacity: 1;
	color: var(--blue-dark-color);
}

/* =========================================
   Mobile Navigation Menu
   ========================================= */

#burger {
	display: none;
	cursor: pointer;
	width: 24px;
	height: 24px;
}

#burger img {
	width: 100%;
	height: 100%;
}

.mobile_menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: var(--white-color);
	z-index: 1000;
	padding: 80px 24px 40px 24px;
	flex-direction: column;
	justify-content: space-between;
	overflow-y: auto;
}

.mobile_menu.active {
	display: flex;
}

.mobile_menu .close_menu {
	position: absolute;
	top: 24px;
	right: 24px;
	cursor: pointer;
	width: 28px;
	height: 28px;
}

.mobile_menu nav ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.mobile_menu nav ul li a {
	font-size: 20px;
	font-weight: 500;
	color: var(--text-color);
}

.mobile_menu_contacts {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 40px;
}

/* =========================================
   Responsive Design Breakpoints (Mobile & Tablet)
   ========================================= */

@media (max-width: 1360px) {
	.content_in {
		padding: 0 24px;
	}

	section.why .content_in .left {
		width: 48%;
		height: auto;
		min-height: 560px;
	}

	section.why .content_in .right {
		width: 52%;
	}

	footer .content_in {
		padding: 0 24px;
	}

	footer .content_in .top .nav_cols {
		gap: 16px;
	}

	footer .content_in .top .nav_cols .col {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.content_in {
		padding: 0 20px;
	}

	section {
		padding: 60px 0;
	}

	h1 {
		font-size: 40px;
		line-height: 110%;
	}

	h2 {
		font-size: 34px;
		line-height: 110%;
	}

	/* Header */
	header {
		height: 64px;
	}

	header .content_in {
		padding: 0 20px;
	}

	header .content_in nav,
	header .content_in .search {
		display: none;
	}

	#burger {
		display: flex;
	}

	/* Hero */
	section.hero {
		padding: 30px 0 50px 0;
	}

	section.hero .content_in {
		flex-direction: column;
		gap: 30px;
	}

	section.hero .content_in .block_text {
		width: 100%;
		height: auto;
		gap: 24px;
	}

	section.hero .content_in .block_text .block_btn {
		width: 100%;
		flex-direction: column;
		gap: 12px;
	}

	section.hero .content_in .block_text .block_btn .btn {
		width: 100%;
		height: 56px;
	}

	section.hero .content_in .block_img {
		width: 100%;
	}

	section.hero .content_in .block_img .context {
		position: static;
		width: 100%;
		height: auto;
		margin-top: 16px;
		background: var(--blue-ultralight-color);
		border: none;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	/* Condition */
	section.condition {
		padding: 60px 0;
	}

	section.condition .content_in .blocks {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	section.condition .content_in .blocks .block {
		height: auto;
		padding: 24px;
	}

	section.condition .content_in .block_btn {
		width: 100%;
		flex-direction: column;
		margin-left: 0;
		gap: 12px;
	}

	section.condition .content_in .block_btn .btn {
		width: 100%;
		height: 54px;
	}

	/* Why */
	section.why {
		padding: 60px 0;
	}

	section.why .content_in {
		flex-direction: column;
		gap: 16px;
	}

	section.why .content_in .left {
		width: 100%;
		height: 240px;
		min-height: 240px;
		padding: 30px;
	}

	section.why .content_in .left h2 {
		font-size: 32px;
	}

	section.why .content_in .right {
		width: 100%;
	}

	section.why .content_in .right .blocks {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	section.why .content_in .right .blocks .block {
		height: auto;
		min-height: 180px;
		padding: 24px;
	}

	section.why .content_in .right .blocks .block .number {
		font-size: 60px;
	}

	/* Slider products */
	section.slider_products {
		padding: 60px 0;
	}

	section.slider_products .content_in .slider_track .slide .product_grid_4x2 {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	section.slider_products .content_in .slider_track .slide .product_grid_4x2 .product {
		height: auto;
		padding: 24px;
	}

	/* Products Start & Popular */
	section.products_start,
	section.products_popular {
		padding: 60px 0;
	}

	section.products_start .content_in .products_grid,
	section.products_popular .content_in .products_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	/* Begin Banner */
	section.begin {
		padding: 60px 0;
	}

	section.begin .content_in .begin_banner {
		min-height: 440px;
		padding: 40px 30px;
	}

	section.begin .content_in .begin_banner .banner_content h2 {
		font-size: 36px;
	}

	/* Knowledge Center */
	section.knowledge_center {
		padding: 60px 0;
	}

	section.knowledge_center .content_in .articles_grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	/* They choose us */
	section.they_choose {
		padding: 60px 0;
	}

	section.they_choose .content_in .features_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
		padding: 0;
	}

	/* Reviews */
	section.reviews {
		padding: 60px 0;
	}

	section.reviews .content_in .reviews_grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	/* More care */
	section.more_care {
		padding: 60px 0;
	}

	section.more_care .content_in .community_grid {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 0;
	}

	section.more_care .content_in .community_grid .community_card {
		height: 280px;
	}

	/* Footer */
	footer {
		padding: 50px 0 30px 0;
	}

	footer .content_in {
		padding: 0 20px;
		gap: 40px;
	}

	footer .content_in .top {
		flex-direction: column;
		gap: 36px;
	}

	footer .content_in .top .brand_col {
		width: 100%;
		height: auto;
	}

	footer .content_in .top .nav_cols {
		flex-direction: column;
		gap: 28px;
		width: 100%;
	}

	footer .content_in .top .nav_cols .col {
		width: 100%;
	}

	footer .content_in .bottom {
		flex-direction: column-reverse;
		gap: 16px;
		align-items: flex-start;
	}

	footer .content_in .bottom .links {
		flex-direction: column;
		gap: 10px;
	}

	/* Breadcrumb & LK Menu (Tablet) */
	#breadcrumb {
		padding: 24px 0 40px 0;
	}

	.menu_lk {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	/* 404 Page (Tablet) */
	section.page_404 {
		padding: 20px 0 60px 0;
	}

	section.page_404 .content_in {
		padding: 30px 0;
		gap: 32px;
	}

	section.page_404 .content_in img {
		max-width: 500px;
		height: auto;
	}

	/* Contacts (Tablet) */
	section.contacts {
		padding: 0 0 60px 0;
	}

	section.contacts .content_in {
		flex-direction: column;
		gap: 40px;
	}

	section.contacts .contacts_info {
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 24px;
	}

	section.contacts .organization {
		width: 100%;
	}

	/* Enter & Registration (Tablet) */
	section.enter {
		padding: 0 0 60px 0;
	}

	section.enter .enter_block {
		width: 100%;
		max-width: 600px;
		padding: 40px;
	}

	/* Condition Page (Tablet) */
	section#condition {
		height: auto;
		padding: 50px 0;
	}

	section#condition .content_in {
		height: auto;
		gap: 30px;
	}

	section#condition p {
		width: 100%;
		max-width: 100%;
	}

	section#condition .condition_tags {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	section#condition .condition_tags .tags {
		flex-wrap: wrap;
		gap: 10px;
	}

	/* Service Hero (Tablet) */
	section.service_hero {
		padding: 40px 0;
	}

	section.service_hero .content_in {
		flex-direction: column-reverse;
		gap: 36px;
	}

	section.service_hero .block_text {
		width: 100%;
		padding: 0;
		gap: 24px;
	}

	section.service_hero .block_img {
		width: 100%;
		height: auto;
		border-radius: 12px;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	section.service_hero .block_img img {
		position: static;
		transform: none;
		width: 100%;
		max-height: 420px;
		object-fit: cover;
		border-radius: 12px;
	}

	section.service_hero .block_img .context {
		position: static;
		transform: none;
		width: 100%;
		height: auto;
		margin-top: 16px;
		padding: 24px;
		gap: 24px;
		background: var(--blue-ultralight-color);
		border-radius: 10px;
	}

	/* What / Causes (Tablet) */
	section.what {
		padding: 60px 0;
	}

	section.what .content_in {
		gap: 30px;
	}

	section.what .block_content {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	/* Care (Tablet) */
	section.care {
		padding: 60px 0;
	}

	section.care .content_in {
		gap: 30px;
	}

	section.care .block_content {
		flex-direction: column;
		gap: 20px;
	}

	section.care .block_content .morning,
	section.care .block_content .evening {
		width: 100%;
		padding: 24px;
		gap: 24px;
	}

	section.care .block_content .block_ico {
		gap: 30px;
		height: auto;
		padding: 10px 0;
		justify-content: space-around;
	}

	section.care .block_content .block_ico::before {
		display: none;
	}

	section.care .block_content .block_ico .item {
		width: auto;
		gap: 8px;
	}

	section.care .block_content .block_ico .item .ico {
		width: 76px;
		height: 76px;
	}

	section.care .block_content .block_ico .item .ico img {
		width: 34px;
		height: 34px;
	}

	section.care .block_content .block_ico .item span {
		font-size: 11px;
		white-space: normal;
		text-align: center;
		max-width: 100px;
	}

	/* Textures (Tablet) */
	section.textures {
		padding: 60px 0;
	}

	section.textures .content_in {
		gap: 30px;
	}

	section.textures .blocks {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	section.textures .blocks .block {
		width: 100%;
	}

	/* About Page Sections (Tablet) */
	section.philosophy {
		padding: 60px 0;
	}

	section.philosophy .content_in {
		gap: 30px;
	}

	section.philosophy .content_in .blocks {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	section.philosophy .content_in .blocks .item {
		width: 100%;
		gap: 16px;
	}

	section.misson {
		padding: 60px 0;
	}

	section.misson .row {
		width: 100%;
		height: auto;
		margin: 30px 0 0 0;
		padding: 30px;
		gap: 24px;
	}

	section.misson .row p {
		font-size: 20px;
	}

	section.production {
		padding: 60px 0;
	}

	section.production .content_in {
		gap: 30px;
	}

	section.production .content_in .row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	section.production .content_in .row .item {
		width: 100%;
		height: 240px;
	}

	section.comfort .content_in {
		gap: 30px;
	}

	section.comfort .content_in .blocks {
		display: grid;
		grid-template-columns: 1fr;
		gap: 12px;
	}

	section.comfort .content_in .blocks .item {
		width: 100%;
		height: auto;
	}

	section.testing {
		padding: 60px 0;
	}

	section.testing .content_in {
		gap: 30px;
	}

	section.testing .content_in .blocks {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	section.testing .content_in .blocks .item {
		width: 100%;
		height: auto;
		padding: 24px;
		gap: 24px;
	}

	/* Product Detail (Tablet) */
	section.product_start .product_wrapper {
		flex-direction: column;
		gap: 30px;
	}

	section.product_start .product_images {
		width: 100%;
		height: auto;
		max-height: 500px;
	}

	section.product_start .product_images img {
		max-height: 460px;
		margin: 0 auto;
		object-fit: contain;
	}

	section.product_start .product_info {
		width: 100%;
		padding: 20px 0;
		gap: 20px;
	}

	section.product_start .product_info .product_title {
		font-size: 36px;
	}

	section.product_description {
		padding: 50px 0;
	}

	section.product_description .warning_block,
	section.product_description .info_block {
		padding: 24px 30px;
		margin-top: 30px;
	}

	section.reviews.bg_white {
		padding: 50px 0;
	}

	section.reviews .block_tabs .tabs .tab {
		font-size: 24px;
	}

	section.reviews .block_tabs .tab_content .info_review {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	section.reviews .block_tabs .tab_content .info_review .item {
		width: 100%;
		margin-right: 0;
	}

	section.reviews .block_tabs .tab_content .info_review .sort {
		margin-left: 0;
		width: 100%;
	}

	section.reviews .block_tabs .tab_content .block_reviews .review_item {
		flex-direction: column;
		gap: 16px;
	}

	section.reviews .block_tabs .tab_content .block_reviews .review_item .review_header {
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
	}

	section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body {
		width: 100%;
	}

	/* Basket (Tablet) */
	section.basket {
		padding: 20px 0 60px 0;
	}

	section.basket .order_wrapper {
		flex-direction: column;
		gap: 30px;
	}

	section.basket .order_wrapper .order_list {
		width: 100%;
		margin-top: 10px;
	}

	section.basket .order_wrapper .total_cost {
		width: 100%;
		position: static;
		margin-top: 0;
	}

	/* Order (Tablet) */
	section.order {
		padding: 20px 0 60px 0;
	}

	section.order .order_wrapper {
		padding: 30px;
		margin-top: 30px;
	}

	/* Knowledge Center & Articles (Tablet) */
	section.center_start .content_in {
		height: auto;
		min-height: 380px;
		padding: 36px 30px;
	}

	section.center_start .text {
		width: 100%;
		max-width: 500px;
		gap: 24px;
	}

	section.article_block {
		padding: 50px 0;
	}

	section.article_block .column {
		flex-direction: column;
		gap: 24px;
	}

	section.article_block .article_row_wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		height: auto;
		padding-bottom: 6px;
		flex-wrap: nowrap;
	}

	section.article_block .article_wrap {
		gap: 20px;
		margin-top: 30px;
	}

	section.article_block .article_wrap .article_row {
		width: 100%;
		padding: 24px;
		gap: 20px;
	}

	section.article .content_in {
		flex-direction: column-reverse;
		gap: 30px;
	}

	section.article .content_in .text {
		width: 100%;
		gap: 30px;
	}

	section.article .content_in .article_menu {
		width: 100%;
		position: static;
		padding: 24px;
		gap: 20px;
	}

	/* Catalog Filters & Grid (Tablet) */
	section.products_start .block_filters {
		margin: 30px 0 40px 0;
		gap: 24px;
	}

	section.products_start .block_filters .filter {
		width: calc((100% - 24px) / 2);
		gap: 16px;
	}

	section.products_start.pt40 .content_in .products_grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 14px;
		overflow-x: visible;
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}

	section.products_start.pt40 .content_in .products_grid .product_card {
		width: 100%;
		min-width: 0;
	}

	/* Calculator (Tablet) */
	section.calc_hero {
		padding: 30px 0;
	}

	section.calc_hero .content_in {
		height: auto;
	}

	section.calc_hero .hero_block {
		height: 380px;
	}

	section.calc_hero .hero_overlay {
		width: 100%;
		max-width: 420px;
		padding: 20px;
		gap: 20px;
	}

	section.calc_hero .hero_overlay h1 {
		font-size: 36px;
	}

	section.calc_main {
		padding: 40px 0;
	}

	section.calc_main .calc_hero {
		flex-direction: column;
		padding: 24px;
		gap: 24px;
	}

	section.calc_main .calc_hero .calc_steps_panel {
		width: 100%;
		padding: 20px;
		flex-direction: row;
		justify-content: space-between;
		gap: 12px;
		overflow-x: auto;
	}

	section.calc_main .calc_hero .calc_content_panel {
		width: 100%;
		min-height: auto;
		padding: 30px 24px;
	}

	section.calc_main .options_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}

	section.calc_main .result_card {
		flex-direction: row;
	}

	section.calc_main .result_buttons {
		flex-direction: row;
		gap: 14px;
	}

	section.calc_main .result_buttons .btn {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.content_in {
		padding: 0 16px;
	}

	section {
		padding: 40px 0;
	}

	h1 {
		font-size: 28px;
		line-height: 110%;
	}

	h2 {
		font-size: 24px;
		line-height: 115%;
	}

	.section_header_row {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		margin-bottom: 20px;
	}

	.section_header_row .header_desc {
		text-align: left;
		font-size: 14px;
		line-height: 135%;
	}

	.section_header_row .header_link {
		text-align: left;
		font-size: 14px;
	}

	.section_title_center {
		font-size: 24px;
		line-height: 115%;
		text-align: left;
		margin-bottom: 24px;
	}

	/* Header */
	header {
		height: 60px;
	}

	header .content_in {
		padding: 0 16px;
		justify-content: space-between;
	}

	header .content_in .logo {
		margin: 0 auto;
		order: 2;
	}

	header .content_in .logo img {
		height: 18px;
	}

	#burger {
		display: flex;
		order: 1;
		margin: 0;
	}

	header .content_in .block_btn {
		display: flex;
		order: 3;
		margin-left: 0;
		gap: 14px;
	}

	header .content_in .block_btn a img {
		width: 20px;
		height: 20px;
	}

	/* Hero */
	section.hero {
		padding: 24px 0 36px 0;
	}

	section.hero .content_in {
		gap: 24px;
	}

	section.hero .content_in .block_text {
		width: 100%;
		gap: 16px;
	}

	section.hero .content_in .block_text h1 {
		font-size: 28px;
		line-height: 110%;
	}

	section.hero .content_in .block_text p {
		font-size: 14px;
		line-height: 140%;
	}

	section.hero .content_in .block_text .block_btn {
		width: 100%;
		flex-direction: column;
		gap: 10px;
	}

	section.hero .content_in .block_text .block_btn .btn {
		width: 100%;
		height: 50px;
		font-size: 15px;
	}

	section.hero .content_in .block_img {
		width: 100%;
	}

	section.hero .content_in .block_img>img {
		border-radius: 10px;
	}

	section.hero .content_in .block_img .context {
		position: static;
		width: 100%;
		height: auto;
		margin-top: 14px;
		padding: 20px;
		background: var(--blue-ultralight-color);
		border-radius: 10px;
		border: none;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	section.hero .content_in .block_img .context h4 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	section.hero .content_in .block_img .context ul {
		margin-left: 18px;
		gap: 6px;
		font-size: 13px;
		line-height: 140%;
	}

	/* Condition */
	section.condition {
		padding: 30px 0;
	}

	section.condition .content_in {
		gap: 20px;
	}

	section.condition .content_in .blocks {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	section.condition .content_in .blocks .block {
		width: 100%;
		height: auto;
		padding: 18px;
		gap: 10px;
	}

	section.condition .content_in .blocks .block img {
		width: 52px;
		height: 52px;
		margin-bottom: 10px;
	}

	section.condition .content_in .blocks .block h4 {
		font-size: 18px;
		line-height: 120%;
		margin-bottom: 6px;
	}

	section.condition .content_in .blocks .block p {
		font-size: 13px;
		line-height: 130%;
		opacity: 0.5;
	}

	section.condition .content_in .block_btn {
		flex-direction: column;
		width: 100%;
		margin-left: 0;
		gap: 10px;
	}

	section.condition .content_in .block_btn .btn {
		width: 100%;
		height: 50px;
		font-size: 15px;
	}

	/* Why */
	section.why {
		padding: 30px 0;
	}

	section.why .content_in {
		flex-direction: column;
		gap: 10px;
	}

	section.why .content_in .left {
		width: 100%;
		height: 180px;
		min-height: 180px;
		padding: 20px;
	}

	section.why .content_in .left h2 {
		font-size: 26px;
	}

	section.why .content_in .right {
		width: 100%;
	}

	section.why .content_in .right .blocks {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	section.why .content_in .right .blocks .block {
		width: 100%;
		height: auto;
		min-height: 120px;
		padding: 20px;
	}

	section.why .content_in .right .blocks .block .number {
		font-size: 50px;
		margin-bottom: 12px;
	}

	section.why .content_in .right .blocks .block h4 {
		font-size: 18px;
		line-height: 120%;
	}

	/* Slider products */
	section.slider_products {
		padding: 30px 0;
	}

	section.slider_products .content_in .section_header_row {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	section.slider_products .content_in .section_header_row h2 {
		font-size: 22px;
	}

	section.slider_products .content_in .btn_slide {
		display: none;
	}

	section.slider_products .content_in .slider_container {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		padding-bottom: 10px;
		width: calc(100% + 32px);
		margin-left: -16px;
		padding-left: 16px;
		padding-right: 16px;
	}

	section.slider_products .content_in .slider_container::-webkit-scrollbar {
		display: none;
	}

	section.slider_products .content_in .slider_track {
		display: flex;
		transform: none !important;
		width: max-content;
		gap: 10px;
	}

	section.slider_products .content_in .slider_track .slide {
		min-width: auto;
		width: auto;
		flex-shrink: 0;
	}

	section.slider_products .content_in .slider_track .slide .product_grid_4x2 {
		display: flex;
		gap: 10px;
	}

	section.slider_products .content_in .slider_track .slide .product_grid_4x2 .product {
		width: 200px;
		flex-shrink: 0;
		height: 310px;
		padding: 18px;
		scroll-snap-align: start;
	}

	section.slider_products .content_in .slider_track .slide .product_grid_4x2 .product .img {
		height: 140px;
		margin-bottom: 16px;
	}

	section.slider_products .content_in .slider_track .slide .product_grid_4x2 .product .title {
		font-size: 18px;
		margin-bottom: 6px;
	}

	section.slider_products .content_in .slider_track .slide .product_grid_4x2 .product p {
		font-size: 13px;
		line-height: 17px;
	}

	/* Products Start & Popular */
	section.products_start,
	section.products_popular {
		padding: 30px 0;
	}

	section.products_start .content_in h2,
	section.products_popular .content_in .section_header_row h2 {
		font-size: 22px;
		line-height: 115%;
	}

	section.products_start .content_in .products_grid,
	section.products_popular .content_in .products_grid {
		display: flex;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		gap: 12px;
		margin-top: 20px;
		padding-bottom: 10px;
		width: calc(100% + 32px);
		margin-left: -16px;
		padding-left: 16px;
		padding-right: 16px;
	}

	section.products_start .content_in .products_grid::-webkit-scrollbar,
	section.products_popular .content_in .products_grid::-webkit-scrollbar {
		display: none;
	}

	section.products_start .content_in .products_grid .product_card,
	section.products_popular .content_in .products_grid .product_card {
		width: 250px;
		min-width: 250px;
		flex-shrink: 0;
		padding: 18px;
		scroll-snap-align: start;
	}

	section.products_start .content_in .products_grid .product_card .img_wrap,
	section.products_popular .content_in .products_grid .product_card .img_wrap {
		height: 170px;
		margin-bottom: 12px;
	}

	section.products_start .content_in .products_grid .product_card .product_title,
	section.products_popular .content_in .products_grid .product_card .product_title {
		font-size: 18px;
	}

	section.products_start .content_in .products_grid .product_card .product_purpose,
	section.products_popular .content_in .products_grid .product_card .product_purpose {
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 10px;
	}

	section.products_start .content_in .products_grid .product_card .tags,
	section.products_popular .content_in .products_grid .product_card .tags {
		margin-bottom: 16px;
	}

	section.products_start .content_in .products_grid .product_card .card_actions .btn,
	section.products_popular .content_in .products_grid .product_card .card_actions .btn {
		height: 44px;
		font-size: 14px;
	}

	/* Begin Banner */
	section.begin {
		padding: 30px 0;
	}

	section.begin .content_in .begin_banner {
		min-height: 480px;
		padding: 36px 20px;
		border-radius: 12px;
		align-items: flex-end;
	}

	section.begin .content_in .begin_banner .banner_content {
		gap: 16px;
	}

	section.begin .content_in .begin_banner .banner_content h2 {
		font-size: 28px;
		line-height: 110%;
	}

	section.begin .content_in .begin_banner .banner_content p {
		font-size: 14px;
		line-height: 140%;
	}

	section.begin .content_in .begin_banner .banner_content .action_row {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	section.begin .content_in .begin_banner .banner_content .action_row .btn_glass {
		width: 100%;
		height: 48px;
		font-size: 15px;
	}

	/* Knowledge Center */
	section.knowledge_center {
		padding: 30px 0;
	}

	section.knowledge_center .content_in .section_header_row h2 {
		font-size: 22px;
	}

	section.knowledge_center .content_in .articles_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin-top: 20px;
	}

	section.knowledge_center .content_in .articles_grid .article_card {
		flex-direction: column;
		padding: 14px;
		gap: 10px;
	}

	section.knowledge_center .content_in .articles_grid .article_card .article_img {
		width: 100%;
		height: 110px;
	}

	section.knowledge_center .content_in .articles_grid .article_card .article_info {
		gap: 8px;
	}

	section.knowledge_center .content_in .articles_grid .article_card .article_info h4 {
		font-size: 13px;
		line-height: 120%;
	}

	section.knowledge_center .content_in .articles_grid .article_card .article_info .time_info {
		font-size: 11px;
		gap: 4px;
	}

	section.knowledge_center .content_in .articles_grid .article_card .article_info p {
		display: none;
	}

	section.knowledge_center .content_in .articles_grid .article_card .article_info .btn_read {
		height: 34px;
		font-size: 12px;
	}

	/* They choose us */
	section.they_choose {
		padding: 40px 0;
	}

	section.they_choose .content_in .section_title_center {
		font-size: 24px;
		line-height: 115%;
		text-align: left;
		margin-bottom: 20px;
	}

	section.they_choose .content_in .features_grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		padding: 0;
	}

	section.they_choose .content_in .features_grid .feature_card {
		width: 100%;
		min-height: auto;
		padding: 20px;
		gap: 12px;
	}

	section.they_choose .content_in .features_grid .feature_card .icon_box {
		width: 40px;
		height: 40px;
		margin-bottom: 8px;
	}

	section.they_choose .content_in .features_grid .feature_card h4 {
		font-size: 18px;
		line-height: 120%;
		margin-top: 0;
		margin-bottom: 4px;
	}

	section.they_choose .content_in .features_grid .feature_card p {
		font-size: 13px;
		line-height: 135%;
	}

	/* Reviews */
	section.reviews {
		padding: 30px 0;
	}

	section.reviews .content_in .section_header_row h2 {
		font-size: 22px;
	}

	section.reviews .content_in .reviews_grid {
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin-top: 20px;
	}

	section.reviews .content_in .reviews_grid .review_card {
		width: 100%;
		min-height: auto;
		padding: 20px;
		gap: 12px;
	}

	section.reviews .content_in .reviews_grid .review_card .review_top {
		margin-bottom: 8px;
	}

	section.reviews .content_in .reviews_grid .review_card .review_top .author {
		font-size: 14px;
	}

	section.reviews .content_in .reviews_grid .review_card .review_text {
		font-size: 16px;
		line-height: 125%;
		margin-bottom: 14px;
	}

	section.reviews .content_in .reviews_grid .review_card .btn_review {
		width: 120px;
		height: 38px;
		font-size: 13px;
	}

	/* More care */
	section.more_care {
		padding: 30px 0;
	}

	section.more_care .content_in .section_title_center {
		font-size: 24px;
		line-height: 115%;
		text-align: left;
		margin-bottom: 20px;
	}

	section.more_care .content_in .community_grid {
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding: 0;
	}

	section.more_care .content_in .community_grid .community_card {
		height: 240px;
		padding: 20px;
	}

	section.more_care .content_in .community_grid .community_card .card_content h4 {
		font-size: 18px;
	}

	section.more_care .content_in .community_grid .community_card .card_content p {
		font-size: 12px;
		line-height: 135%;
	}

	section.more_care .content_in .community_grid .community_card .btn_glass {
		height: 44px;
		font-size: 13px;
		min-width: 160px;
	}

	/* Footer */
	footer {
		padding: 36px 0 24px 0;
	}

	footer .content_in {
		padding: 0 16px;
		gap: 28px;
	}

	footer .content_in .top {
		flex-direction: column;
		gap: 28px;
	}

	footer .content_in .top .brand_col {
		width: 100%;
		height: auto;
		gap: 14px;
	}

	footer .content_in .top .brand_col .contacts {
		flex-direction: column;
		gap: 8px;
		margin-top: 0;
	}

	footer .content_in .top .nav_cols {
		flex-direction: column;
		gap: 20px;
		width: 100%;
	}

	footer .content_in .top .nav_cols .col {
		width: 100%;
	}

	footer .content_in .top .nav_cols .col h4 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	footer .content_in .top .nav_cols .col ul {
		gap: 8px;
	}

	footer .content_in .top .nav_cols .col ul li a {
		font-size: 13px;
	}

	footer .content_in .bottom {
		flex-direction: column-reverse;
		gap: 14px;
		align-items: flex-start;
		padding-top: 16px;
	}

	footer .content_in .bottom .links {
		flex-direction: column;
		gap: 8px;
	}

	footer .content_in .bottom .links a {
		font-size: 12px;
	}

	footer .content_in .bottom .copyright {
		font-size: 12px;
	}

	/* Breadcrumb & LK Menu (Mobile) */
	#breadcrumb {
		padding: 16px 0 24px 0;
	}

	#breadcrumb ul {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		flex-wrap: nowrap;
		gap: 8px;
		padding-bottom: 4px;
	}

	#breadcrumb ul::-webkit-scrollbar {
		display: none;
	}

	#breadcrumb ul li a,
	#breadcrumb ul li.active,
	#breadcrumb ul li.separator {
		font-size: 13px;
		line-height: 18px;
	}

	.menu_lk {
		margin-top: 16px;
		margin-bottom: 24px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 6px;
		width: calc(100% + 32px);
		margin-left: -16px;
		padding-left: 16px;
		padding-right: 16px;
	}

	.menu_lk::-webkit-scrollbar {
		display: none;
	}

	.menu_lk ul {
		gap: 10px;
		white-space: nowrap;
		flex-wrap: nowrap;
	}

	.menu_lk ul li a {
		width: max-content;
		font-size: 13px;
		padding: 8px 14px;
		background: var(--grey-dark-color);
		border-radius: 20px;
		white-space: nowrap;
	}

	.menu_lk ul li.active a {
		background: var(--blue-ultralight-color);
		color: var(--blue-dark-color);
		opacity: 1;
	}

	/* 404 Page (Mobile) */
	section.page_404 {
		padding: 10px 0 40px 0;
	}

	section.page_404 .content_in {
		padding: 20px 0;
		gap: 24px;
		text-align: center;
	}

	section.page_404 .content_in img {
		max-width: 280px;
		height: auto;
	}

	section.page_404 .content_in h1 {
		font-size: 22px;
		line-height: 125%;
	}

	section.page_404 .content_in .btn {
		width: 100%;
		max-width: 280px;
		height: 50px;
		font-size: 15px;
	}

	/* Contacts (Mobile) */
	section.contacts {
		padding: 0 0 40px 0;
	}

	section.contacts .content_in {
		gap: 32px;
	}

	section.contacts .contacts_info {
		flex-direction: column;
		gap: 24px;
	}

	section.contacts .contacts_info .block {
		gap: 8px;
	}

	section.contacts .contacts_info .block span {
		font-size: 14px;
		opacity: 0.6;
	}

	section.contacts .contacts_info .block a {
		font-size: 20px;
		line-height: 120%;
		word-break: break-all;
	}

	section.contacts .organization {
		gap: 14px;
	}

	section.contacts .organization .line {
		flex-direction: column;
		gap: 4px;
		padding-bottom: 12px;
		border-bottom: 1px solid var(--grey-dark-color);
	}

	section.contacts .organization .line span.name {
		width: 100%;
		font-size: 13px;
		opacity: 0.6;
	}

	section.contacts .organization .line span:not(.name) {
		font-size: 15px;
		word-break: break-word;
	}

	/* Enter & Registration (Mobile) */
	section.enter {
		padding: 0 0 40px 0;
	}

	section.enter .enter_block {
		width: 100%;
		padding: 24px 18px;
		gap: 22px;
		border-radius: 10px;
	}

	section.enter .enter_block h3 {
		font-size: 24px;
	}

	section.enter .enter_block form {
		gap: 16px;
	}

	section.enter .enter_block form label {
		font-size: 13px;
	}

	section.enter .enter_block form input {
		height: 52px;
		font-size: 15px;
		padding: 0 16px;
	}

	section.enter .enter_block form .approval {
		gap: 12px;
	}

	section.enter .enter_block form .approval input {
		min-width: 20px;
		width: 20px;
		height: 20px;
		margin-top: 2px;
	}

	section.enter .enter_block form .approval p {
		font-size: 12px;
		line-height: 16px;
	}

	section.enter .enter_block form .bottom {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		margin-top: 10px;
	}

	section.enter .enter_block form .bottom .btn {
		width: 100%;
		height: 50px;
		font-size: 15px;
	}

	section.enter .enter_block form .bottom .bottom_links {
		align-items: center;
		gap: 10px;
		width: 100%;
	}

	section.enter .enter_block form .bottom .bottom_links a {
		font-size: 13px;
		text-align: center;
	}

	/* Condition Page (Mobile) */
	section#condition {
		padding: 30px 0;
	}

	section#condition .content_in {
		gap: 20px;
	}

	section#condition h2 {
		font-size: 26px;
		line-height: 115%;
	}

	section#condition p {
		font-size: 14px;
		line-height: 140%;
	}

	section#condition .condition_tags .title {
		font-size: 15px;
	}

	section#condition .condition_tags .tags {
		gap: 8px;
	}

	section#condition .condition_tags .tags .tag {
		height: 36px;
		padding: 0 16px;
		font-size: 13px;
	}

	/* Service Hero (Mobile) */
	section.service_hero {
		padding: 24px 0 36px 0;
	}

	section.service_hero .block_text h1 {
		font-size: 28px;
		line-height: 110%;
	}

	section.service_hero .block_text p {
		font-size: 14px;
		line-height: 140%;
	}

	section.service_hero .block_text .block_btn {
		width: 100%;
	}

	section.service_hero .block_text .block_btn .btn {
		width: 100%;
		height: 50px;
		font-size: 15px;
	}

	section.service_hero .block_text .warning {
		align-items: flex-start;
		gap: 10px;
	}

	section.service_hero .block_text .warning p {
		font-size: 13px;
		line-height: 17px;
	}

	section.service_hero .block_text .tiles {
		gap: 12px;
	}

	section.service_hero .block_text .tiles .item {
		width: 100%;
		padding: 6px 0;
	}

	section.service_hero .block_img .context {
		padding: 18px;
		gap: 16px;
	}

	section.service_hero .block_img .context h4 {
		font-size: 18px;
	}

	section.service_hero .block_img .context ul {
		gap: 12px;
	}

	section.service_hero .block_img .context ul li {
		padding-left: 30px;
	}

	section.service_hero .block_img .context ul li span {
		font-size: 15px;
	}

	section.service_hero .block_img .context ul li span.opacity_text {
		font-size: 12px;
	}

	/* What / Causes (Mobile) */
	section.what {
		padding: 36px 0;
	}

	section.what .content_in {
		gap: 20px;
	}

	section.what .content_in h2 {
		font-size: 22px;
	}

	section.what .block_content {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	section.what .block_content .block {
		padding: 16px;
		gap: 14px;
		align-items: center;
	}

	section.what .block_content .block .ico {
		width: 52px;
		min-width: 52px;
		height: 52px;
	}

	section.what .block_content .block .ico img {
		width: 28px;
		height: 28px;
	}

	section.what .block_content .block h4 {
		font-size: 16px;
		line-height: 120%;
	}

	section.what .block_content .block p {
		font-size: 13px;
		line-height: 17px;
	}

	/* Care (Mobile) */
	section.care {
		padding: 36px 0;
	}

	section.care .content_in {
		gap: 20px;
	}

	section.care .content_in h2 {
		font-size: 22px;
	}

	section.care .block_content .morning,
	section.care .block_content .evening {
		padding: 20px 16px;
		gap: 18px;
	}

	section.care .block_content .morning h3,
	section.care .block_content .evening h3 {
		font-size: 20px;
	}

	section.care .block_content .block_ico {
		gap: 10px;
		justify-content: space-between;
		flex-direction: column;
	}

	section.care .block_content .block_ico .item .ico {
		width: 100px;
		height: 100px;
	}

	section.care .block_content .block_ico .item .ico img {
		width: 60px;
		height: 60px;
	}

	section.care .block_content .block_ico .item span {
		font-size: 16px;
		line-height: 19px;
		max-width: 100%;
	}

	section.care .block_content .morning p,
	section.care .block_content .evening p {
		font-size: 13px;
		line-height: 17px;
	}

	/* Textures (Mobile) */
	section.textures {
		padding: 36px 0;
	}

	section.textures .content_in {
		gap: 20px;
	}

	section.textures .content_in h2 {
		font-size: 22px;
	}

	section.textures .blocks {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	section.textures .blocks .block {
		padding: 14px 16px;
		border-radius: 8px;
	}

	section.textures .blocks .block .text h3 {
		font-size: 16px;
	}

	section.textures .blocks .block .text p {
		font-size: 12px;
	}

	/* About Brand (Mobile) */
	section.philosophy {
		padding: 36px 0;
	}

	section.philosophy .content_in {
		gap: 20px;
	}

	section.philosophy .content_in h2 {
		font-size: 22px;
	}

	section.philosophy .content_in .blocks {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	section.philosophy .content_in .blocks .item {
		gap: 10px;
	}

	section.philosophy .content_in .blocks .item .number {
		font-size: 40px;
	}

	section.philosophy .content_in .blocks .item h5 {
		font-size: 17px;
		line-height: 120%;
	}

	section.philosophy .content_in .blocks .item p {
		font-size: 13px;
		line-height: 18px;
	}

	section.misson {
		padding: 36px 0;
	}

	section.misson .row {
		margin: 20px 0 0 0;
		padding: 22px 18px;
		gap: 16px;
		border-radius: 8px;
	}

	section.misson .row p {
		font-size: 16px;
		line-height: 135%;
	}

	section.misson .row span {
		font-size: 13px;
	}

	section.production {
		padding: 36px 0;
	}

	section.production .content_in {
		gap: 20px;
	}

	section.production .content_in h2 {
		font-size: 22px;
	}

	section.production .content_in .row {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	section.production .content_in .row .item {
		height: 200px;
	}

	section.comfort .content_in {
		gap: 20px;
	}

	section.comfort .content_in h2 {
		font-size: 22px;
	}

	section.comfort .content_in .blocks {
		gap: 10px;
	}

	section.comfort .content_in .blocks .item {
		padding: 14px 16px;
		gap: 12px;
		border-radius: 8px;
	}

	section.comfort .content_in .blocks .item .ico {
		min-width: 46px;
		height: 46px;
	}

	section.comfort .content_in .blocks .item .ico img {
		width: 32px;
		height: 32px;
	}

	section.comfort .content_in .blocks .item .text h4 {
		font-size: 16px;
	}

	section.comfort .content_in .blocks .item .text p {
		font-size: 12px;
	}

	section.testing {
		padding: 36px 0;
	}

	section.testing .content_in {
		gap: 20px;
	}

	section.testing .content_in .blocks {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	section.testing .content_in .blocks .item {
		padding: 20px 16px;
		gap: 18px;
		border-radius: 8px;
	}

	section.testing .content_in .blocks .item h4 {
		font-size: 17px;
		line-height: 125%;
	}

	section.testing .content_in .blocks .item .btn {
		width: 100%;
		height: 44px;
	}

	/* Product Detail (Mobile) */
	section.product_start {
		padding: 16px 0 30px 0;
	}

	section.product_start .product_images {
		max-height: 340px;
	}

	section.product_start .product_images img {
		max-height: 320px;
	}

	section.product_start .product_info {
		padding: 10px 0 0 0;
		gap: 18px;
	}

	section.product_start .product_info .product_title {
		font-size: 26px;
		line-height: 115%;
	}

	section.product_start .product_info .product_sku {
		font-size: 14px;
		margin-top: -14px;
	}

	section.product_start .product_info .product_desc {
		font-size: 14px;
		line-height: 140%;
	}

	section.product_start .product_info .price_wrap .price {
		font-size: 26px;
	}

	section.product_start .product_info .price_wrap .price_old {
		font-size: 20px;
	}

	section.product_start .product_info .buy_actions {
		flex-direction: column;
		gap: 10px;
	}

	section.product_start .product_info .buy_actions .btn {
		width: 100%;
		height: 48px;
		font-size: 15px;
	}

	section.product_start .product_info .block_tags {
		gap: 16px;
	}

	section.product_start .product_info .block_tags .title {
		font-size: 15px;
	}

	section.product_start .product_info .block_tags .tags {
		flex-wrap: wrap;
		gap: 8px;
		margin-top: -6px;
	}

	section.product_start .product_info .block_tags .tags .tag {
		height: 34px;
		padding: 0 14px;
		font-size: 13px;
	}

	section.product_description {
		padding: 30px 0;
	}

	section.product_description h2 {
		font-size: 24px;
	}

	section.product_description h3 {
		font-size: 16px;
	}

	section.product_description p {
		font-size: 14px;
		line-height: 140%;
	}

	section.product_description .warning_block,
	section.product_description .info_block {
		padding: 18px 16px;
		margin-top: 20px;
		border-radius: 8px;
	}

	section.product_description .info_block .info_body {
		flex-wrap: wrap;
		gap: 12px;
	}

	section.reviews.bg_white {
		padding: 30px 0;
	}

	section.reviews .block_tabs .tabs {
		flex-wrap: wrap;
		gap: 14px;
	}

	section.reviews .block_tabs .tabs .tab {
		font-size: 18px;
	}

	section.reviews .block_tabs .tabs .btn {
		width: 100%;
		height: 44px;
		margin-left: 0;
		font-size: 14px;
		margin-top: 6px;
	}

	section.reviews .block_tabs .tab_content .photos {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		gap: 10px;
		width: calc(100% + 32px);
		margin-left: -16px;
		padding: 0 16px;
	}

	section.reviews .block_tabs .tab_content .photos a {
		flex-shrink: 0;
		width: 80px;
		height: 80px;
		border-radius: 8px;
		overflow: hidden;
	}

	section.reviews .block_tabs .tab_content .info_review .sort select {
		width: 100%;
		height: 46px;
		font-size: 14px;
	}

	section.reviews .block_tabs .tab_content .block_reviews {
		gap: 24px;
	}

	section.reviews .block_tabs .tab_content .block_reviews .review_item {
		padding-top: 18px;
	}

	section.reviews .block_tabs .tab_content .block_reviews .review_item .review_header .review_author {
		font-size: 15px;
	}

	section.reviews .block_tabs .tab_content .block_reviews .review_item .review_header .review_date {
		font-size: 13px;
	}

	section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body p {
		font-size: 14px;
		line-height: 140%;
	}

	section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body .photos_review a {
		width: 80px;
		height: 80px;
	}

	section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body .answer_block {
		padding: 16px;
		gap: 10px;
		border-radius: 8px;
	}

	section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body .answer_block .answer_author {
		font-size: 15px;
	}

	section.reviews .block_tabs .tab_content .block_reviews .review_item .review_body .answer_block p {
		font-size: 13px;
	}

	/* Basket (Mobile) */
	section.basket {
		padding: 10px 0 40px 0;
	}

	section.basket h1 {
		font-size: 26px;
	}

	section.basket .order_wrapper .order_list .order_item {
		height: auto;
		padding: 14px 12px;
		display: grid;
		grid-template-columns: 64px 1fr auto;
		gap: 12px;
		align-items: center;
	}

	section.basket .order_wrapper .order_list .order_item_img {
		width: 64px;
		height: 64px;
		border-radius: 8px;
		overflow: hidden;
		grid-row: span 2;
	}

	section.basket .order_wrapper .order_list .order_item_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	section.basket .order_wrapper .order_list .order_item_content {
		margin-left: 0;
		gap: 2px;
	}

	section.basket .order_wrapper .order_list .order_item_content a {
		font-size: 14px;
		line-height: 120%;
	}

	section.basket .order_wrapper .order_list .order_item_content .order_item_line,
	section.basket .order_wrapper .order_list .order_item_content .order_item_value {
		font-size: 12px;
	}

	section.basket .order_wrapper .order_list .order_item_controls_delete {
		position: absolute;
		top: 5px;
		right: 5px;
	}

	section.basket .order_wrapper .order_list .order_item_controls {
		margin-left: 0;
		width: auto;
	}

	section.basket .order_wrapper .order_list .order_item_controls .order_item_controls_count {
		width: auto;
		height: 36px;
		margin-top: 35px;
	}

	section.basket .order_wrapper .order_list .order_item_controls button {
		width: 32px;
		height: 32px;
		font-size: 18px;
	}

	section.basket .order_wrapper .order_list .order_item_controls .order_item_controls_count_number {
		width: 32px;
		height: 32px;
		font-size: 15px;
	}

	section.basket .order_wrapper .order_list .order_item_price {
		margin-left: auto;
		grid-column: 3;
		gap: 2px;
	}

	section.basket .order_wrapper .order_list .order_item_price .total {
		font-size: 18px;
	}

	section.basket .order_wrapper .order_list .order_item_price .price {
		font-size: 12px;
	}

	section.basket .order_wrapper .total_cost {
		padding: 20px 16px;
		gap: 14px;
	}

	section.basket .order_wrapper .total_cost .total_cost_title {
		font-size: 20px;
		margin-bottom: 10px;
	}

	section.basket .order_wrapper .total_cost .total_cost_price {
		font-size: 13px;
	}

	section.basket .order_wrapper .total_cost .total_cost_price_main {
		font-size: 16px;
		padding-top: 14px;
	}

	section.basket .order_wrapper .total_cost .total_cost_price_main span {
		font-size: 20px;
	}

	section.basket .order_wrapper .total_cost .btn {
		height: 48px;
		font-size: 15px;
	}

	/* Order (Mobile) */
	section.order {
		padding: 10px 0 40px 0;
	}

	section.order h1 {
		font-size: 26px;
	}

	section.order .order_wrapper {
		padding: 20px 16px;
		margin-top: 20px;
		gap: 20px;
	}

	section.order .order_wrapper h3 {
		font-size: 20px;
	}

	section.order .order_wrapper .order_data {
		flex-direction: column;
		height: auto;
		gap: 16px;
	}

	section.order .order_wrapper .order_data .item {
		width: 100%;
		gap: 14px;
	}

	section.order .order_wrapper .order_data .item input {
		height: 50px;
		font-size: 14px;
		padding: 0 16px;
	}

	section.order .order_wrapper .btn {
		width: 100%;
		height: 50px;
		margin-left: 0;
		font-size: 15px;
	}

	/* Knowledge Center & Articles (Mobile) */
	section.center_start {
		padding: 10px 0 20px 0;
	}

	section.center_start .content_in {
		min-height: auto;
		aspect-ratio: 16 / 7;
		padding: 24px 18px;
		border-radius: 8px;
	}

	section.center_start img {
		filter: brightness(0.75);
	}

	section.center_start .text {
		gap: 14px;
		color: var(--white-color);
	}

	section.center_start .text h1 {
		font-size: 26px;
		color: var(--white-color);
	}

	section.center_start .text p {
		font-size: 13px;
		line-height: 140%;
		color: var(--white-color);
		opacity: 0.9;
	}

	section.article_block {
		padding: 30px 0;
	}

	section.article_block .content_in h3 {
		font-size: 20px;
	}

	section.article_block .article_row_wrap {
		gap: 8px;
		width: calc(100% + 32px);
		margin-left: -16px;
		padding: 0 16px 8px 16px;
		margin-top: 14px;
	}

	section.article_block .article_row_wrap::-webkit-scrollbar {
		display: none;
	}

	section.article_block .article_row_wrap button.section_btn {
		height: 42px;
		font-size: 13px;
		padding: 4px 12px;
		flex-shrink: 0;
	}

	section.article_block .article_row_wrap button.tag_btn {
		height: 36px;
		font-size: 13px;
		padding: 0 16px;
		flex-shrink: 0;
	}

	section.article_block .article_wrap {
		gap: 14px;
		margin-top: 20px;
	}

	section.article_block .article_wrap .article_row {
		width: 100%;
		flex-direction: column !important;
		padding: 16px;
		gap: 14px;
		border-radius: 8px;
	}

	section.article_block .article_wrap .article_row .image {
		width: 100%;
		height: 180px;
	}

	section.article_block .article_wrap .article_row .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 6px;
	}

	section.article_block .article_wrap .article_row .text {
		width: 100%;
		gap: 12px;
	}

	section.article_block .article_wrap .article_row .text .author {
		font-size: 14px;
	}

	section.article_block .article_wrap .article_row .text .name {
		font-size: 18px;
		line-height: 125%;
	}

	section.article_block .article_wrap .article_row .text .time {
		font-size: 13px;
	}

	section.article_block .article_wrap .article_row .text .desc {
		font-size: 13px;
		line-height: 17px;
	}

	section.article_block .article_wrap .article_row .text .btn {
		width: 100%;
		height: 44px;
		font-size: 14px;
	}

	section.article {
		padding: 20px 0 40px 0;
	}

	section.article .content_in {
		gap: 24px;
	}

	section.article .content_in .text {
		gap: 20px;
	}

	section.article .content_in .text h1 {
		font-size: 24px;
		line-height: 115%;
	}

	section.article .content_in .text h2 {
		font-size: 20px;
		line-height: 120%;
	}

	section.article .content_in .text h3 {
		font-size: 18px;
		line-height: 125%;
	}

	section.article .content_in .text p {
		font-size: 15px;
		line-height: 145%;
	}

	section.article .content_in .text p.subtitle {
		font-size: 14px;
		margin-top: -10px;
	}

	section.article .content_in .text p.info {
		font-size: 13px;
		flex-wrap: wrap;
		gap: 12px;
		margin-top: -10px;
	}

	section.article .content_in .text img {
		border-radius: 8px;
		width: 100%;
		height: auto;
	}

	section.article .content_in .text .border {
		padding: 20px 16px;
		font-size: 15px;
		line-height: 145%;
		border-radius: 8px;
		background-size: 50px;
	}

	section.article .content_in .article_menu {
		padding: 20px 16px;
		gap: 16px;
		border-radius: 8px;
	}

	section.article .content_in .article_menu p {
		font-size: 18px;
	}

	section.article .content_in .article_menu ul li a {
		font-size: 14px;
	}

	/* Catalog Filters & Grid (Mobile) */
	section.products_start .block_filters {
		margin: 20px 0 30px 0;
		flex-direction: column;
		gap: 20px;
	}

	section.products_start .block_filters .filter {
		width: 100%;
		gap: 12px;
	}

	section.products_start .block_filters .filter .filter_title {
		font-size: 18px;
	}

	section.products_start .block_filters .filter .filter_options {
		gap: 8px;
	}

	section.products_start .block_filters .filter .filter_options .filter_btn {
		height: 36px;
		padding: 0 14px;
		font-size: 13px;
	}

	section.products_start.pt40 .content_in .products_grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		overflow-x: visible;
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}

	section.products_start.pt40 .content_in .products_grid .product_card {
		width: 100%;
		min-width: 0;
		padding: 14px;
	}

	section.products_start.pt40 .content_in .products_grid .product_card .img_wrap {
		height: 140px;
	}

	section.products_start.pt40 .content_in .products_grid .product_card .product_title {
		font-size: 16px;
	}

	section.products_start.pt40 .content_in .products_grid .product_card .card_actions .btn {
		height: 40px;
		font-size: 13px;
	}

	/* Calculator (Mobile) */
	section.calc_hero {
		padding: 16px 0;
	}

	section.calc_hero .hero_block {
		height: 320px;
		border-radius: 10px;
	}

	section.calc_hero .hero_overlay {
		max-width: 320px;
		gap: 16px;
	}

	section.calc_hero .hero_overlay h1 {
		font-size: 26px;
	}

	section.calc_hero .hero_overlay p {
		font-size: 14px;
		line-height: 140%;
	}

	section.calc_hero .hero_overlay button {
		width: 160px;
		height: 52px;
		font-size: 15px;
	}

	section.calc_main {
		padding: 24px 0;
	}

	section.calc_main .calc_hero {
		padding: 16px 14px;
		gap: 16px;
		border-radius: 10px;
	}

	section.calc_main .calc_hero .calc_steps_panel {
		padding: 14px 10px;
		gap: 8px;
		justify-content: space-between;
	}

	section.calc_main .calc_hero .calc_steps_panel .step_item {
		gap: 0;
	}

	section.calc_main .calc_hero .calc_steps_panel .step_item .text {
		display: none;
	}

	section.calc_main .calc_hero .calc_steps_panel .step_icon {
		width: 38px;
		height: 38px;
	}

	section.calc_main .calc_hero .calc_steps_panel .step_icon img {
		width: 22px;
		height: 22px;
	}

	section.calc_main .calc_hero .calc_content_panel {
		padding: 20px 14px;
		border-radius: 10px;
	}

	section.calc_main .calc_hero .calc_content_panel .progress_bar {
		margin-bottom: 24px;
	}

	section.calc_step h2 {
		font-size: 20px;
		margin-bottom: 20px;
		line-height: 120%;
	}

	section.calc_main .options_row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	section.calc_main .options_row .option_btn {
		width: 100%;
		height: 48px;
		font-size: 14px;
	}

	section.calc_main .options_grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	section.calc_main .options_grid .option_card {
		padding: 16px;
	}

	section.calc_main .options_grid .option_card h4 {
		font-size: 16px;
	}

	section.calc_main .options_grid .option_card p {
		font-size: 13px;
	}

	section.calc_main .result_list {
		gap: 12px;
	}

	section.calc_main .result_card {
		flex-direction: column;
		padding: 16px;
		gap: 12px;
	}

	section.calc_main .result_card .res_pic {
		width: 100%;
		height: 160px;
	}

	section.calc_main .result_card .res_pic img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 8px;
	}

	section.calc_main .result_buttons {
		flex-direction: column;
		gap: 10px;
	}

	section.calc_main .result_buttons .btn {
		width: 100%;
		height: 48px;
		font-size: 15px;
	}

	section.calc_main .calc_controls {
		margin-top: 24px;
		gap: 12px;
	}

	section.calc_main .ctrl_btn {
		height: 46px;
		font-size: 14px;
		padding: 0 16px;
	}
}

/* =========================================
   Small Mobile Screens (max-width: 480px)
   ========================================= */

@media (max-width: 480px) {
	section.products_start.pt40 .content_in .products_grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	section.condition .content_in .blocks {
		grid-template-columns: 1fr;
	}

	section.why .content_in .right .blocks {
		grid-template-columns: 1fr;
	}

	section.they_choose .content_in .features_grid {
		grid-template-columns: 1fr;
	}

	section.knowledge_center .content_in .articles_grid {
		grid-template-columns: 1fr;
	}

	section.calc_main .options_row {
		grid-template-columns: 1fr;
	}

	.btn.big,
	.btn.normal {
		width: 100%;
	}

	section.begin .content_in .blocks {
		padding: 10px;
	}

	section.begin .content_in .blocks .text h3 {
		font-size: 14px;
	}
}