/* ==================================================
   1. СБРОС СТИЛЕЙ (RESET) И БАЗОВЫЕ НАСТРОЙКИ
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,embed, figure, figcaption, footer, header, menu, nav, output, ruby, section,summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
img {max-width: 100%; height: auto;}
a {text-decoration: underline;}
a:hover {cursor: pointer;}
*::placeholder {color: #a9a9a9; opacity: 1;}
* {margin: 0; padding: 0; box-sizing: border-box;}
button, input, select, a {outline: none; appearance: none;}
html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased !important;}
table { border-collapse: collapse; border-spacing: 0;}

html {
            scroll-behavior: smooth;
        }

body {
	min-width: 480px;
	background: #ddd;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	color: #222;
	cursor: default;
}
.main_wrapper {
	margin: 0 auto;
	width: 480px;
	background: #fff;
}
b { font-weight: 700; }
input::placeholder { color: #000!important; }
select, input { color: #000!important; }
section { padding: 30px 0; }

/* ==================================================
   2. ТИПОГРАФИКА И ЗАГОЛОВКИ
================================================== */
h2.title {
	margin: 0 0 30px;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	text-transform: uppercase;
}
h2.title:after {
	display: block;
	content: '';
	margin: 15px 0 0;
	width: 62px;
	height: 5px;
	background: url("separator_red6aee7.png") center no-repeat;
}
h2.title span { color: #000; white-space: nowrap; }
.section-title {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #333;
	margin: 40px 0 20px 0;
	text-transform: uppercase;
}

/* ==================================================
   3. КНОПКИ
================================================== */
.button {
	display: block;
	margin: 10px auto;
	width: 450px;
    max-width: 100%;
	height: 70px;
	border: none;
	border-radius: 0;
	background: #000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 23px;
	line-height: 70px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
    transition: box-shadow 0.1s;
}
.button:hover {
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0 10px 5px rgba(0, 0, 0, 0.4);
	color: #fff;
}

/* ==================================================
   4. ГЛАВНЫЙ БЛОК (OFFER) И ЦЕНЫ
================================================== */
.offer_section { padding: 0; }
.offer_section.offer3 .main_title {
	padding: 10px 20px;
	font-weight: 700;
	font-size: 33px;
	line-height: 44px;
	position: relative;
	text-align: left;
	color: #000;
	background: #fff;
}
.main_title1 {
	padding: 10px 20px;
	font-weight: 700;
	font-size: 33px;
	line-height: 14px;
	text-align: center;
}
.offer_section .main_title span {
	display: block;
	padding: 0;
	font-weight: 300;
	font-size: 13px;
	line-height: 16px;
    text-align: left;
}
.main_title-phone {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0, -50%);
	display: inline-block;
	padding: 5px 5px 5px 25px;
	font: 700 16px/1.2 "Montserrat", sans-serif;
	text-decoration: none;
	color: #000;
}
.main_title-phone:hover { color: #1598e3; }
.main_title-phone:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	width: 23px;
	height: 23px;
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='1792' viewBox='0 0 1792 1792' width='1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1600 1240q0 27-10 70.5t-21 68.5q-21 50-122 106-94 51-186 51-27 0-52.5-3.5t-57.5-12.5-47.5-14.5-55.5-20.5-49-18q-98-35-175-83-128-79-264.5-215.5t-215.5-264.5q-48-77-83-175-3-9-18-49t-20.5-55.5-14.5-47.5-12.5-57.5-3.5-52.5q0-92 51-186 56-101 106-122 25-11 68.5-21t70.5-10q14 0 21 3 18 6 53 76 11 19 30 54t35 63.5 31 53.5q3 4 17.5 25t21.5 35.5 7 28.5q0 20-28.5 50t-62 55-62 53-28.5 46q0 9 5 22.5t8.5 20.5 14 24 11.5 19q76 137 174 235t235 174q2 1 19 11.5t24 14 20.5 8.5 22.5 5q18 0 46-28.5t53-62 55-62 50-28.5q14 0 28.5 7t35.5 21.5 25 17.5q25 15 53.5 31t63.5 35 54 30q70 35 76 53 3 7 3 21z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.offer_section .info_block { position: relative; }
.offer_section .info_block img { display: block; }
.offer_section .info_block .discount {
	width: 113px;
	height: 110px;
	background: center no-repeat;
	font-weight: 700;
	font-size: 13px;
	line-height: 13px;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	background-image: url("offer3__discount_bgc9c21.png");
	top: 0;
    color: #fff;
}
.offer_section .info_block .discount b {
	display: block;
	width: 100px;
	transform: rotate(45deg);
	white-space: nowrap;
	position: absolute;
	top: 42px;
	left: 21px;
	color: #fff;
}
.offer_section.offer3 .price_block {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 75px;
	margin: -23px 0 25px;
	height: 80px;
}
.offer_section.offer3 .price_block:before {
	display: block;
	content: '';
	width: 75px;
	height: 34px;
	background: #000;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 0;
}
.offer_section.offer3 .price_block:after {
	display: block;
	content: '';
	width: 75px;
	border-top: 34px solid #000;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	right: 0;
}
.offer_section.offer3 .price_item { float: left; width: 50%; height: 80px; color: #000; position: relative; }
.offer_section.offer3 .price_item.old {
	padding: 17px 0 0 15px;
	background: #fafafa;
	border: 2px solid #374859;
	border-right: none;
	border-radius: 15px 0 0 15px;
	color: #6d6d6d;
}
.offer_section.offer3 .price_item.new {
	padding: 17px 0 0 40px;
	background: #fafafa;
	border: 2px solid #374859;
	border-left: none;
	border-radius: 0 15px 15px 0;
	color: #000;
}
.offer_section.offer3 .price_item .text { margin: 0 0 1px; font-size: 10px; line-height: 14px; position: relative; z-index: 99; }
.offer_section.offer3 .price_item .value { font-weight: 700; font-size: 23px; line-height: 26px; position: relative; z-index: 99; }
.offer_section.offer3 .price_item.old .value { text-decoration: line-through; }
.offer_section.offer3 .price_divider {
	position: absolute;
	left: 50%;
	top: 15px;
	transform: translateX(-50%);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #ff0000;
	color: #ffffff;
	font-family: sans-serif;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 2;
}
.offer_section.offer3 .price_divider .discount_text { font-size: 10px; line-height: 1; font-family: 'Montserrat', sans-serif; }
.offer_section.offer3 .price_divider .discount_percent { font-size: 20px; font-weight: bold; line-height: 1; font-family: 'Montserrat', sans-serif; }
.offer_section .products_count { padding: 25px; font-size: 16px; line-height: 24px; text-align: center; color: #222; }
.offer_section .products_count b { margin: 0 4px; padding: 3px 6px; background: #000; font-size: 18px; color: #fff; }

/* ==================================================
   5. ТОВАРЫ В КАТАЛОГЕ
================================================== */
.cat { padding: 0; }
.cat>img { display: block; margin: 0 auto; border-radius: 5px; }
.catitem { width: 420px; margin: 0 auto 0px; }
.catitem img { display: block; }
.catitem>div {
	width: 420px;
	margin: 0 auto 30px;
	padding: 1px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.catitem > div h3 {
	display: flex;
	font-size: 14px;
	padding: 0 0 0 15px;
	line-height: 26px;
	width: auto;
	margin: 0;
	align-items: center;
	gap: 10px;
	border-color: #000;
}
.fabric-icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; }
.catprice { display: flex; justify-content: space-between; align-items: center; width: 250px; text-align: center; }
.catprice::before { content: ''; display: block; width: 1px; height: 60px; background-color: #e0e0e0; margin: 0 10px; }
.cp-left { padding-top: 6px; }
.cp-left span { font-size: 14px; font-weight: 700; letter-spacing: .7px; background: #000; color: #fff; border-radius: 4px; padding: 0 5px; }
.cp-left p { font-size: 15px; font-weight: 700; line-height: 30px; text-decoration: line-through; margin: 0; }
.cp-right { padding-left: 15px; text-align: center; }
.cp-right span { font-size: 14px; }
.cp-right p { font-size: 29px; font-weight: 700; line-height: 30px; color: #c51b1b; }

.slider-wrapper { position: relative; }
.color-label-overlay {
	position: absolute;
	top: 15px;
	left: 10px;
	background-color: white;
	color: #222;
	font-size: 18px;
	padding: 6px 12px;
	border-radius: 3px;
	font-family: Arial, sans-serif;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	z-index: 10;
	pointer-events: none;
	border: 1px solid #ddd;
}
.color-label-overlay span { font-weight: bold; }

/* ==================================================
   6. ТАБЛИЦА РАЗМЕРОВ
================================================== */
.size-chart-container {
	width: 100%;
	margin: 20px auto;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
    text-align: center;
}
.size-chart-header {
	width: 100%;	
	background-color: #f5f5f5;
	padding: 10px 15px;
	cursor: pointer;
	user-select: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-text { font-size: 16px; color: #333; font-weight: normal; }
.header-icon { transition: transform 0.3s ease; }
.size-chart-container.active .header-icon { transform: rotate(180deg); }
.size-chart-table-wrapper { width: 100%; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out; }
.size-table, .size-chart-table { width: 100%; border-collapse: collapse; font-size: 14px; text-align: center; color: #444; margin: 0 auto; }
.size-table th, .size-table td, .size-chart-table th, .size-chart-table td { border: 1px solid #ddd; padding: 10px; vertical-align: middle; }
.size-table thead th, .size-chart-table thead th { background-color: #000; color: #fff; font-weight: bold; }
.size-table tbody tr:nth-child(even), .size-chart-table tbody tr:nth-child(odd) { background-color: #f9f9f9; }

/* ==================================================
   7. ХАРАКТЕРИСТИКИ
================================================== */
.characteristics_section { padding: 30px 0 0; }
.characteristics__list li {
	padding: 15px 30px 15px 52px;
	text-align: right;
	position: relative;
}
.h-pure { font-weight:bold; border-bottom: 1px solid #222; }
.characteristics__list li:nth-child(5) { border-bottom:none; }
.characteristics__list li:nth-child(odd) { background: #f4f4f4; }
.characteristics__list li:before {
	box-sizing: border-box;
	display: block;
	content: '';
	width: 15px;
	height: 15px;
	border: 1px solid #374859;
	background: #374859;
	box-shadow: 0 0 0 2px #fff inset;
	position: absolute;
	top: 20px;
	left: 30px;
	border-radius:25px;
}
.characteristics__list li:nth-child(odd):before { box-shadow: 0 0 0 2px #f4f4f4 inset; }
.characteristics__list li b { float: left; }

/* ==================================================
   8. ФОРМА ЗАКАЗА И ТАЙМЕРЫ
================================================== */
form { 
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	width: 100%; 
	padding: 0 15px;
    box-sizing: border-box;
}

.field {
	display: block;
	width: 100%;
    max-width: 380px; /* Ограничиваем ширину, чтобы не было слишком растянуто */
	height: 65px;
	margin: 0 auto 15px auto;
	padding: 0 20px 0 60px; /* Отступ слева 60px, чтобы иконке было место */
	border: 1px solid #dedede;
	border-radius: 8px; /* Аккуратное скругление углов */
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #222;
    background-color: #f4f4f4;
	box-sizing: border-box;
    line-height: 1.2;
}

/* Иконки для полей */
.field[name='name'] {
	background: #f4f4f4 url("field_name.png") 20px center no-repeat;
}
.field[name='phone'] {
	background: #f4f4f4 url("field_phone.png") 20px center no-repeat;
	margin-bottom: 25px;
}

/* Стили для выпадающих списков (Выбор цвета и размера) */
select.field {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
    /* Рисуем красивую стрелочку справа (чтобы было понятно, что это список) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
}
select::-ms-expand { display: none; }

/* Таймер */
.offer-timer {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-family: Arial, sans-serif;
	padding: 20px;
	background-color: #f3efee;
	border: 2px dashed #000;
	border-radius: 10px;
	margin: 10px;
}
.offer-timer-title {
	font-size: 16px;
	line-height: 1.2;
	font-style: italic;
	color: #000;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
.timer-wrapper { display: flex; justify-content: center; gap: 20px; width: 100%; }
.timer-part { display: flex; flex-direction: column; align-items: center; min-width: 80px; }
.timer-count {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	font-weight: 700;
	font-size: 36px;
	color: #000;
	border: 1px dashed #ccc;
	border-radius: 5px;
	padding: 10px 15px;
	width: 100%;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	transition: transform 0.3s ease;
}
.timer-text { font-size: 13px; color: #666; margin-top: 5px; text-transform: uppercase; }

@keyframes shake {
	0%, 100% { transform: translateX(0); }
	10%, 30%, 50%, 70%, 90% { transform: translateX(-3px); }
	20%, 40%, 60%, 80% { transform: translateX(3px); }
}
.timer-part.seconds .timer-count { animation: shake 2s infinite; }

/* Блок с гарантиями под формой */
.promo-info {
	padding: 20px 25px;
	background-color: #f4f4f4;
	border-radius: 10px;
	text-align: center;
	font-family: sans-serif;
	margin: 20px auto;
	max-width: 350px;
	color: #222;
}
.promo-item { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 8px 0; font-size: 15px; }
.promo-item svg { flex-shrink: 0; }
.highlighted-number { background-color: #374859; color: #fff; padding: 2px 8px; border-radius: 6px; font-size: 16px; margin: 0 4px; }

/* --- НОВЫЕ SVG-ИКОНКИ И ОТСТУПЫ ДЛЯ ФОРМЫ --- */

/* 1. Делаем правильные отступы внутри полей, чтобы текст не наезжал на картинки */
form .field {
    padding: 0 40px 0 50px !important; 
}

/* 2. Иконка Имя (Силуэт) */
.field[name='name'] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 20px !important;
}

/* 3. Иконка Телефон (Трубка) */
.field[name='phone'] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 20px !important;
}

/* 4. Иконка Размер (Линейка слева + Стрелочка справа) */
.field[name='size'] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='12' rx='2'/%3E%3Cpath d='M6 6v4M10 6v2M14 6v4M18 6v2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: 15px center, right 20px center !important;
    background-size: 22px, 12px !important;
}

/* 5. Иконка Цвет (Палитра слева + Стрелочка справа) */
.field[name='color'] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='6.5' r='.5'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5'/%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: 15px center, right 20px center !important;
    background-size: 22px, 12px !important;
}

/* ==================================================
   9. ВИДЕО
================================================== */
.video_wrapper {
	position: relative;
	width: 100%;
	padding-top: 177.78%; /* 16/9*100 */
	background: #000;
	overflow: hidden;
}
.video_wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

/* ==================================================
   10. КАК МЫ РАБОТАЕМ (.hw)
================================================== */
.hw {
	margin: 40px auto 33px;
	padding: 30px 0 0;
	max-width: 300px;
}
.hw__title {
	position: relative;
	margin: 0 0 20px;
	padding: 0 0 0 74px;
	font: 700 20px/1.2 "Montserrat", sans-serif;
}
.hw__title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	margin: -6px 0 0;
	width: 58px;
	height: 58px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ic' viewBox='0 0 39.78 43.61'%3E%3Cg%3E%3Ccircle cx='9.53' cy='7.39' r='0.53' fill='%23e2e2e2'/%3E%3Ccircle cx='15.92' cy='0.8' r='0.8' fill='%23e2e2e2'/%3E%3Ccircle cx='1.08' cy='3.45' r='1.08' fill='%23e2e2e2'/%3E%3Cpath d='M11.4,10.76H37.64a.6.6,0,0,1,.6.6v27a0,0,0,0,1,0,0H10.8a0,0,0,0,1,0,0v-27A.6.6,0,0,1,11.4,10.76Z' fill='%23f4f4f4'/%3E%3Cpolygon points='38.24 38.39 10.8 38.39 10.13 42.85 38.91 42.85 38.24 38.39' fill='%23ededed'/%3E%3Cpath d='M39,38.39h-1.5V11.51H11.55v1.1h-1.5V11.36A1.35,1.35,0,0,1,11.4,10H37.64A1.35,1.35,0,0,1,39,11.36Z' fill='%23d6d6d6'/%3E%3Cpolygon points='39.78 43.6 9.31 43.6 9.64 39.96 11.14 40.09 10.95 42.1 38.04 42.1 37.59 39.14 23.12 39.14 23.12 37.64 38.88 37.64 39.78 43.6' fill='%23d6d6d6'/%3E%3Ccircle cx='15.92' cy='15.26' r='1.51' fill='%23e2e2e2'/%3E%3Ccircle cx='33.13' cy='15.26' r='1.51' fill='%23e2e2e2'/%3E%3Cpath d='M33.88,15.93h-1.5V12a7.85,7.85,0,1,0-15.71,0h-1.5a9.35,9.35,0,1,1,18.71,0Z' fill='%23d6d6d6'/%3E%3Cpath d='M1.65,26.48A12.18,12.18,0,0,1,14.06,14.12a12.37,12.37,0,0,1-.26,24.73,12.29,12.29,0,0,1-6.33-1.76L2.23,42.75a.34.34,0,0,1-.58-.23Z' fill='%23fff'/%3E%3Cpath d='M2,43.61a1.09,1.09,0,0,1-.4-.08,1.08,1.08,0,0,1-.69-1v-16a13.43,13.43,0,0,1,1.58-6.34l1.32.71a11.93,11.93,0,0,0-1.4,5.63v15l4.93-5.33.52.31A11.61,11.61,0,0,0,25.4,25.87,11.79,11.79,0,0,0,14,14.87a11.11,11.11,0,0,0-5.32,1.18l-.67-1.34a12.65,12.65,0,0,1,6-1.34,13.12,13.12,0,0,1,9.23,22.15A13.08,13.08,0,0,1,7.62,38L2.78,43.26A1.08,1.08,0,0,1,2,43.61Z' fill='%23d6d6d6'/%3E%3Cpath d='M5.08,18.94,4,17.93c.31-.34,1.47-1.45,1.76-1.72l1,1.11C6.44,17.59,5.33,18.66,5.08,18.94Z' fill='%23d6d6d6'/%3E%3Ccircle cx='9.42' cy='25.99' r='1.58' fill='%23e2e2e2'/%3E%3Ccircle cx='14.4' cy='25.99' r='1.58' fill='%23e2e2e2'/%3E%3Ccircle cx='19.39' cy='25.99' r='1.58' fill='%23e2e2e2'/%3E%3Cpath d='M9.42,28.32A2.33,2.33,0,1,1,11.75,26,2.34,2.34,0,0,1,9.42,28.32Zm0-3.17a.83.83,0,1,0,.83.83A.83.83,0,0,0,9.42,25.15Z' fill='%23d6d6d6'/%3E%3Cpath d='M14.4,28.32A2.33,2.33,0,1,1,16.74,26,2.34,2.34,0,0,1,14.4,28.32Zm0-3.17a.83.83,0,1,0,.83.83A.83.83,0,0,0,14.4,25.15Z' fill='%23d6d6d6'/%3E%3Cpath d='M19.39,28.32A2.33,2.33,0,1,1,21.72,26,2.34,2.34,0,0,1,19.39,28.32Zm0-3.17a.83.83,0,1,0,.83.83A.83.83,0,0,0,19.39,25.15Z' fill='%23d6d6d6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.hw__items { margin: 0 auto; }
.hw__items > * { position: relative; padding: 27px 0; overflow: hidden; }
.hw__items > *:before, .hw__items > *:after {
	content: "";
	position: absolute;
	left: 27.5px;
	width: 2px;
	height: 100px;
	background: #1598e3;
}
.hw__items > *:before { bottom: calc(50% + 25px); }
.hw__items > *:after { top: calc(50% + 25px); }
.hw__items > *:first-child:before { display: none; }
.hw__items > *:last-child { padding: 14px 0; }
.hw__items > *:last-child:after { display: none; }
.hw-item { position: relative; display: flex; align-items: center; }
.hw-item__num { width: 55px; }
.hw-item__num > * {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 2px 0 0;
	width: 24px;
	height: 32px;
	font: 700 14px/1 "Montserrat", sans-serif;
	color: rgba(31, 32, 35, 0.5);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAACMklEQVRIS+1WO4gTURQ9d1LkD8H8qiSgosxMgpWCljY2FlpYq8VqJ24vimK/YqdbqK0WWtjYWCpYuWTmDYoKSar8JJB/kblyQ1jEnWQmkMIiD14z77xzzj1z4T6Cz3Ic5xQz32HmSwBKC3iNiD4Q0VNd17+voqBlh8xMtm3fI6IHAEIAOgCqC3wFQAbAjJkfmqb5mIjYi2upgGVZe0R0F8AvALuGYbwnIldImFlTSl0GsAfgODM/KZfLu4EFlFJXmPktgAMAF03T/O112bbtYwA+AjhDRFcNw3j3L86zAtu2FYCTruvqlUrl56qMq9XqCU3THAA/TNM0PAUcxznvuu7pRfkFInpERJ+Yed+vCeSciHaY+QIz3yeihnzTNO2bruufybKss0T0JQjRuhhmPiedcgPAi0wmg2g0in6/j16vh2w2i0gkEohzMpmg3W4jlUohmUxiPB6j05Gmw81DgUKhMD/sdrtoNpsolUqIx+OBBIbDIWq1GvL5PNLp9NxkozFP6qhAvV7HYDCYVyA7yBL3shOJBIrF4moBcS8OJDIpOciSSCUSSUCqWFmBELquK10QhPsQ8/cdX4G1mD3AWwHfBLcRbSPyTcAXsO2i/y+iWwCe5XI5xGIxX3dBAKPRCK1WS6C3SSn1nJl3glxcF0NE+yLwkpmvh0LyOtzcms1m8px5JUP/NYBrMn/XnWLL7Mh0kxkN4I0IfJWnXzgc3px9ANPpVPgORGAIYDN/96jF0R/tk4p9eNNdSgAAAABJRU5ErkJggg==) center/contain no-repeat;
}
.hw-item__text { margin: 0; width: calc(100% - 55px); font: 15px/1.5 "Montserrat", sans-serif; }

/* ==================================================
   11. ОТЗЫВЫ FACEBOOK (.reviews3_section)
================================================== */
.reviews3_section { padding: 30px; }
.list { max-height:500px; overflow:auto; }
.list .comment { display:none; padding:15px 0; }
.list .comment:last-child { display:block; }
.list .comment:first-child { display:block; }
.comment .icon { display:inline-block; width:18px; height:18px; position:relative; bottom:-3px; margin-left:5px; }
.comment .header { display:flex; margin-bottom:15px; }
.comment .header .img img { display:block; width:75px; border-radius:50%; }
.comment .header .text { padding-top:10px; padding-left:25px; }
.comment .header .text .name { color: #616770; font-size:18px; font-weight:600; }
.comment .header .text .date { color: #616770; font-size:16px; }
.comment .say { color: #000; font-size:16px; padding-bottom:10px; }
.comment .bottom { padding:10px 0; border-top:1px solid #DADDE1; border-bottom:1px solid #DADDE1; margin-bottom:10px; }
.comments .open {
	display: block;
	margin: 10px auto 25px;
	width: 450px;
    max-width: 100%;
	border: none;
	border-radius: 0;
	background: #000;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	cursor: pointer;
    transition: box-shadow 0.1s;
}
.comments .close-js { display:none; }

/* ==================================================
   12. ПОДВАЛ (FOOTER)
================================================== */
.footer_section { background-color: #000; color: #fff; padding: 40px 20px 20px; font-family: 'Montserrat', sans-serif; }
.footer_content { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px; max-width: 960px; margin: 0 auto; text-align: center; }
.footer_info, .footer_links, .footer_partner { flex: 1; min-width: 250px; margin-bottom: 20px; }
.footer_content h4 { border-bottom: 2px solid #FFC107; padding-bottom: 10px; margin-bottom: 20px; }
.footer_content a { color: #fff; text-decoration: none; transition: color 0.3s; }
.footer_content a:hover { color: #FFC107; }
.footer_links ul { list-style: none; padding: 0; }
.footer_links li { margin-bottom: 10px; }
.partner_logo {
	width: 150px;
	height: auto;
	background-color: #fff;
	padding: 10px;
	border-radius: 12px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.partner_logo:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
.footer_bottom { text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #444; }