Колодец дренажный D=315мм 2м (дно,люк,три отвода по 110 трубу)

Код товара: В0000108707

Вес: 18,0 кг

Объем: 0.06 м³

Подробнее

5 150 руб. /шт

Цена в ТЦ: 5 450 руб.

Есть в наличии (1)

- +

В корзину

Купить в 1 клик

Цена действительна только для интернет-магазина и может отличаться от цен в розничных магазинах

Описание

Размеры:
Внутренний/наружний диаметр колодца - 300/315 мм
Высота колодца - 2 м
Вес колодца - 10 кг.

Колодцы дренажные, канализационные, смотровые, бытовые используются для индивидуального и коммерческого строительства. Подземные колодцы используются для распределения ливневых стоков и бытовых стоков. Колодцы изготовлены из высококачественных компонентов и являются простым и быстрым решением для отвода воды. Для увеличения высоты дренажного колодца или высоты распределительного лотка, используются специальные удлиняющие пластиковые горловины.
Преимущества пластиковых дренажных колодцев
Они легче колодцев из железобетона.
Пластиковые дренажные колодцы компактней колец ЖБИ.
Срок их службы более 50 лет против 5 лет колодцев ЖБИ.
Они не выделяют в почву различные соли и щелочи.
Присоединение к ним дренажных труб существенно проще.
Дренажные колодцы применяются тремя различными способами. Во-первых это смотровые дренажные колодцы (инспекционные дренажные колодцы). Они предназначены для чистки дренажных труб, и осмотра полноценной работы системы. Во-вторых, это дренажные водоприемные колодцы, которые предназначены для сбора дождевой воды и последующего перенаправления её в канаву, водоем и т.д. В третьих, дренажные колодцы могут применяться для отведения грунтовых вод в более глубокие слои почвы.
Поглотительный или фильтрующий дренажный колодец устанавливают либо на участке дренажа либо за его пределами, когда его установка в нижней части дренажной системы невозможна. Параметры зависят от проекта и грунтовых вод. Засыпан такой колодец крупным кирпичем, щебнем или камнем и накрыт геотекстилем. Вода, поступающая в поглотительный дренажный колодец, уходит в нижние слои почвы. Водоприемный дренажный колодец. Вода, которую несут в себе дренажные трубы, сбрасывается в ближайший водоем (овраг, канаву, водоем). В большинстве случаев, когда нет доступа к таким источникам необходимо установить водоприемный колодец. Под таким типом дренажного колодца нужно вырыть яму, установить в нее бетонные кольца, заполняют битым кирпичом, камнем, щебнем. Чем меньше грунт впитывает воду, тем глубже должен быть такой колодец, а сверху получившегося сооружения устанавливают водоприемный колодец.

Отзывы

Оставить отзыв

У данного товара нет отзывов. Станьте первым, кто оставил отзыв об этом товаре!

Задать вопрос

Вы можете задать любой интересующий вас вопрос по товару или работе магазина.

Наши квалифицированные специалисты обязательно вам помогут.

Задать вопрос

Вопрос *

Ваше имя *

Телефон *

E-mail

Введите текст с картинки *

Я согласен на обработку персональных данных

С этим товаром покупают

- Быстрый просмотр
  
  Труба НПВХ 110*3,2*1000 SN4 (наружная канализация) ХЕМКОР, упак.50шт
  
  Есть в наличии (60)
  
  Подробнее
- Хит
  
  Новинка
  
  Быстрый просмотр
  
  Труба дренажная SN4 однослойная 110 мм с геофильтром (выписывать кратно 5м) (Бухта 50м.)
  
  Есть в наличии (340)
  
  Подробнее
- Быстрый просмотр
  
  Труба НПВХ 110*3,2*4000 SN4 (наружная канализация) ХЕМКОР, упак.50шт
  
  Есть в наличии (39)
  
  Подробнее
- Быстрый просмотр
  
  Труба НПВХ 110*3,2*3000 SN4 (наружная канализация) ХЕМКОР, упак.50шт
  
  Есть в наличии (87)
  
  Подробнее
- Быстрый просмотр
  
  Труба НПВХ 110*3,2*2000 SN4 (наружная канализация) ХЕМКОР, упак.50шт
  
  Есть в наличии (64)
  
  Подробнее
- Быстрый просмотр
  
  Труба дренажная БЕЗ ПЕРФОРАЦИИ (без отверстий) однослойная 110 мм ЧЁРНАЯ (выписывать кратно 5м)
  
  Есть в наличии (235)
  
  Подробнее

	<!doctype html>
	<html lang="ru">
	<head>
	<meta />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Квиз — CopyTrading Team</title>
	<meta name="description" content="Квиз по копитрейдингу: 5–6 вопросов и заявка на консультацию" />
	<style>
	:root {
	--bg: #f8fafc;
	--panel: #ffffff;
	--text: #1e293b;
	--muted: #64748b;
	--brand: #0ea5e9;
	--accent: #8b5cf6;
	--radius: 14px;
	}

	* { box-sizing: border-box; }
	body {
	margin: 0;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	background: linear-gradient(180deg, #f1f5f9, #e2e8f0);
	color: var(--text);
	}

	.wrap { max-width: 1280px; margin: 0 auto; padding: 24px 20px; }
	.muted { color: var(--muted); }
	.hidden { display: none !important; }

	.card {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: var(--radius);
	padding: 20px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	}

	/* HERO */
	.hero { padding: 8px 0; }
	.hero .wrap { padding: 0 20px; }
	.grid-hero { display:grid; grid-template-columns: 1.6fr 0.8fr; gap: 28px; align-items:stretch; min-height: 96vh; }
	.hero-media {
	height: calc(100% - 16px);
	position: relative;
	overflow: hidden;
	border-radius: calc(var(--radius) + 2px);
	/* Замените URL ниже на вашу хостинговую ссылку на фон */
	background:
	linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.05)),
	url('https://s.iimg.su/s/02/gwxpKelxJiTD1750wq1BTdzwSpLECIeiCbXuWiNd.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: 0 20px 60px rgba(0,0,0,.15);
	}
	.hero-brand { position:absolute; top:16px; left:16px; font-weight:800; font-size:22px; color:#1e293b; padding:8px 12px; border-radius:10px; background: rgba(255,255,255,.9); backdrop-filter: blur(2px); box-shadow: 0 6px 18px rgba(0,0,0,.1); }
	.hero-overlay { position:absolute; inset:0; display:flex; align-items:flex-end; padding:24px; }
	.hero-overlay h2 { margin:0; font-size:36px; line-height:1.15; color:#1e293b; background: rgba(255,255,255,.9); padding:12px 14px; border-radius:12px; backdrop-filter: blur(2px); max-width:90%; }
	.hero-cta { display:flex; align-items:center; }
	.hero-panel { margin-top: 0; }
	.hero-claim { margin:0 0 8px; font-size:28px; line-height:1.2; }
	.hero-points { margin: 10px 0 14px; padding-left: 18px; color:#cbd5e1; }
	.hero-points li { margin: 4px 0; }
	.hero-cta h2 { margin: 0 0 10px; font-size: 32px; line-height:1.2; }
	.btn-lg { padding: 14px 18px; font-size: 16px; }
	.hero-panel { margin-top: 10px; }
	.hero-panel .btn { margin-top: 12px; }
	.company { margin-top: 6px; }

	/* Slide out animation */
	.hero { transition: transform .5s ease, opacity .5s ease; }
	.hero.hero--out { transform: translateY(-12px); opacity: 0; pointer-events: none; }

	/* QUIZ */
	.quiz { padding: 10px 0 60px; }
	.quiz-card {
	background: rgba(255,255,255,.9);
	border:1px solid rgba(0,0,0,.08);
	border-radius: var(--radius);
	padding: 22px;
	box-shadow: 0 12px 40px rgba(0,0,0,.1);
	max-width: 800px; /* Increase container width */
	margin: 0 auto;
	}
	.quiz-head { display:flex; align-items:center; justify-content:space-between; gap: 16px; margin-bottom: 10px; }
	.progress { flex: 1; height: 8px; background: rgba(0,0,0,.08); border-radius: 999px; overflow: hidden; }
	.progress__bar { height:100%; width:0%; background: linear-gradient(90deg, var(--brand), var(--accent)); transition: width .3s ease; }
	.quiz-step { font-size: 12px; color: var(--muted); }
	.question {
	margin: 8px 0 10px;
	font-size: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 600px; /* Ensure minimum width for text */
	}
	.hint {
	font-size: 12px;
	color: var(--muted);
	margin: -4px 0 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 600px; /* Ensure minimum width for text */
	}
	.multiple-hint {
	font-size: 13px;
	color: #7d8cff;
	margin: 8px 0 16px;
	padding: 8px 12px;
	background: rgba(125, 140, 255, 0.1);
	border-radius: 8px;
	border-left: 3px solid #7d8cff;
	display: none;
	}
	.multiple-hint.show {
	display: block;
	}
	.options { display:grid; grid-template-columns: 1fr; gap: 15px; }
	.option {
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 16px;
	border:1px solid #ddd;
	background:#f9f9f9;
	border-radius: 12px;
	cursor:pointer;
	width: 80%; /* Increased from 60% to 80% for wider blocks */
	min-width: 500px; /* Increased minimum width for better readability */
	font-size: 16px; /* Larger font size */
	line-height: 1.4; /* Better line height */
	transition: all 0.3s ease;
	position: relative;
	}
	.option:hover {
	background: #eef3ff;
	border-color: #7d8cff;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(0,0,0,0.06);
	}
	.option input {
	margin:0;
	appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid #7d8cff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	transition: background 0.3s ease, border-color 0.3s ease;
	}
	.option input:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(125,140,255,0.25);
	}
	/* Radio button style for single choice */
	.option input[type="radio"] {
	border-radius: 50%;
	}
	.option input[type="radio"]:checked::after {
	content: "";
	width: 8px;
	height: 8px;
	background: #4facfe;
	border-radius: 50%;
	position: absolute;
	animation: fadeIn 0.3s ease;
	}
	/* Checkbox style for multiple choice */
	.option input[type="checkbox"]:checked::after {
	content: "✔";
	color: #fff;
	font-size: 14px;
	position: absolute;
	animation: fadeIn 0.3s ease;
	}
	.option input:checked {
	background: #4facfe;
	border-color: #4facfe;
	}
	.option input:checked + span {
	color: #0f172a;
	font-weight: 600;
	}
	@keyframes fadeIn {
	from { opacity: 0; transform: scale(0.8); }
	to { opacity: 1; transform: scale(1); }
	}
	@keyframes bounce {
	0% { transform: scale(1); }
	30% { transform: scale(1.05); }
	60% { transform: scale(0.97); }
	100% { transform: scale(1); }
	}
	@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0.6; }
	}
	.option.selected {
	background: #e6f0ff;
	border-color: #4facfe;
	box-shadow: 0 0 10px rgba(79, 172, 254, 0.4);
	animation: bounce 0.4s ease;
	}
	.option.deselected {
	background: #f9f9f9;
	border-color: #ddd;
	box-shadow: none;
	animation: fadeOut 0.3s ease;
	}
	.option span { flex: 1; }
	.option:focus-within {
	border-color: #7d8cff;
	box-shadow: 0 0 0 3px rgba(125,140,255,0.18);
	}
	/* Option icons */
	.option-icon {
	margin-left: auto;
	opacity: 0.7;
	transition: opacity 0.3s ease;
	}

	.option:hover .option-icon {
	opacity: 1;
	}

	.option.selected .option-icon {
	opacity: 1;
	}

	/* Profile summary styling */
	.profile-summary {
	background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
	border: 1px solid #cbd5e1;
	border-radius: 12px;
	padding: 20px;
	margin: 20px 0;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	}

	.profile-summary h4 {
	margin: 0 0 16px 0;
	color: #1e293b;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	border-bottom: 2px solid #3b82f6;
	padding-bottom: 8px;
	}

	.profile-line {
	padding: 8px 0;
	margin: 4px 0;
	color: #475569;
	font-size: 15px;
	line-height: 1.5;
	border-left: 3px solid #e2e8f0;
	padding-left: 16px;
	transition: all 0.3s ease;
	}

	.profile-line:hover {
	border-left-color: #3b82f6;
	background: rgba(59, 130, 246, 0.05);
	padding-left: 20px;
	}

	.profile-line strong {
	color: #1e293b;
	font-weight: 600;
	}
	.contact { margin-top: 10px; }
	.quiz-nav { display:flex; gap:10px; margin-top: 12px; }

	/* Base form and button styles (restored) */
	label { display:block; margin: 10px 0 6px; font-size: 14px; color: var(--text); }
	input, select { width:100%; padding:12px; border-radius:12px; background:#f8fafc; border:1px solid rgba(0,0,0,.08); color:var(--text); }
	.q { margin-bottom: 12px; }

	.btn {
	width: 100%;
	margin-top: 10px;
	padding: 12px 14px;
	border: 0;
	border-radius: 12px;
	background: linear-gradient(135deg, var(--brand), var(--accent));
	color: #ffffff;
	font-weight: 800;
	cursor: pointer;
	}
	.btn-secondary {
	background: transparent;
	color: var(--text);
	border:1px solid rgba(0,0,0,.12);
	opacity: 0.5; /* 50% transparency */
	transition: opacity 0.3s ease;
	}
	.btn-secondary:hover {
	opacity: 0.8; /* Less transparent on hover */
	}
	.btn-secondary:disabled {
	opacity: 0.3; /* More transparent when disabled */
	}

	@media (max-width: 960px){
	.grid-hero { grid-template-columns: 1fr; min-height: auto; }
	.hero-media { height: 58vh; min-height: 58vh; }
	.options { grid-template-columns: 1fr; }
	.quiz-card {
	max-width: 100%;
	margin: 0 10px;
	padding: 16px;
	}
	.question {
	white-space: normal;
	min-width: auto;
	overflow: visible;
	text-overflow: clip;
	}
	.hint {
	white-space: normal;
	min-width: auto;
	overflow: visible;
	text-overflow: clip;
	}
	.option {
	width: 100%; /* Full width on mobile */
	min-width: auto; /* Remove min-width constraint on mobile */
	font-size: 15px; /* Slightly smaller font on mobile */
	padding: 14px; /* Slightly less padding on mobile */
	}
	}

	/* THANK YOU PAGE */
	.thank-you {
	padding: 0 0 40px;
	min-height: 100vh;
	display: flex;
	align-items: flex-start;
	}

	.thank-you-card {
	background: rgba(255,255,255,.95);
	border: 1px solid rgba(0,0,0,.08);
	border-radius: var(--radius);
	padding: 40px;
	box-shadow: 0 20px 60px rgba(0,0,0,.1);
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	}

	.thank-you-icon {
	margin-bottom: 24px;
	display: flex;
	justify-content: center;
	}

	.thank-you-title {
	margin: 0 0 16px;
	font-size: 32px;
	line-height: 1.2;
	color: var(--text);
	}

	.thank-you-subtitle {
	margin: 0 0 32px;
	font-size: 18px;
	line-height: 1.5;
	color: var(--muted);
	}

	.profile-summary-card {
	margin-bottom: 32px;
	text-align: left;
	background: rgba(248, 250, 252, 0.8);
	border: 1px solid rgba(0,0,0,.05);
	}

	.profile-summary-card h4 {
	margin: 0 0 16px;
	font-size: 18px;
	color: var(--text);
	border-bottom: 2px solid var(--brand);
	padding-bottom: 8px;
	}

	.profile-line {
	margin: 8px 0;
	font-size: 14px;
	line-height: 1.4;
	color: var(--text);
	}

	.contact-info {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(0,0,0,.1);
	}

	.thank-you-actions {
	display: flex;
	gap: 16px;
	justify-content: center;
	margin-bottom: 32px;
	}

	.thank-you-actions .btn {
	min-width: 140px;
	}

	.company-info {
	text-align: center;
	font-size: 14px;
	}

	.company-info p {
	margin: 4px 0;
	}

	/* Responsive adjustments */
	@media (max-width: 768px) {
	.thank-you-card {
	padding: 24px;
	margin: 20px;
	}

	.thank-you-title {
	font-size: 28px;
	}

	.thank-you-subtitle {
	font-size: 16px;
	}

	.thank-you-actions {
	flex-direction: column;
	align-items: center;
	}

	.thank-you-actions .btn {
	width: 100%;
	max-width: 280px;
	}
	}

	/* INLINE THANK YOU MESSAGE */
	.thank-you-inline {
	animation: fadeInUp 0.5s ease;
	}

	.thank-you-inline .card {
	background: rgba(255,255,255,.98);
	border: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 20px 60px rgba(0,0,0,.15);
	}

	@keyframes fadeInUp {
	from {
	opacity: 0;
	transform: translateY(20px);
	}
	to {
	opacity: 1;
	transform: translateY(0);
	}
	}
	</style>
	</head>
	<body>
	<main>
	<section class="hero">
	<div class="wrap grid-hero">
	<div class="hero-media">
	<div class="hero-brand">CopyTrading Team</div>
	<div class="hero-overlay">
	<h2>Хватит наблюдать — забирайте прибыль с рынков уже сегодня</h2>
	</div>
	</div>
	<div class="hero-cta">
	<div class="hero-panel card">
	<h3 class="hero-claim">Удвоим ваш капитал за 30 дней</h3>
	<p><strong>Не удвоим — вернём средства.</strong></p>
	<ul class="hero-points">
	<li>Личный риск‑менеджмент. Жёсткий контроль просадки</li>
	<li>Стратегии, проверенные на реальных деньгах</li>
	<li>Не демо — на вашей бирже заработаем деньги за 7 дней</li>
	</ul>
	<button id="startQuizBtn" class="btn btn-lg">Пройти тест</button>
	<div class="company small muted">Гарантия соблюдается по условиям договора: если мы не выполняем обязательства, средства возвращаются согласно договору.</div>
	</div>
	</div>
	</div>
	</section>

	<section id="quiz" class="quiz hidden">
	<div class="wrap">
	<div class="quiz-card">
	<div class="quiz-head">
	<div class="progress"><div class="progress__bar" id="progressBar"></div></div>
	<div class="quiz-step"><span id="stepNow">1</span>/<span id="stepTotal">6</span></div>
	</div>
	<h3 id="questionTitle" class="question">Вопрос</h3>
	<div id="questionHint" class="hint hidden">подсказка</div>
	<div id="multipleHint" class="multiple-hint hidden">можно выбрать несколько</div>
	<div id="options" class="options"></div>
	<div id="contactForm" class="contact hidden">
	<div id="summary" class="summary card muted" style="margin-bottom:10px;"></div>
	<label for="name">Имя</label>
	<input id="name" name="name" required />
	<label for="tel">Телефон</label>
	<input id="tel" name="tel" inputmode="tel" placeholder="+7" required />
	</div>
	<div class="quiz-nav">
	<button id="backBtn" class="btn btn-secondary" type="button">Назад</button>
	<button id="nextBtn" class="btn" type="button" disabled>Далее</button>
	</div>
	</div>
	</div>
	</section>

	<section id="thankYou" class="thank-you thank-you-inline hidden">
	<div class="wrap">
	<div class="thank-you-card">
	<div class="thank-you-icon">
	<svg width="80" height="80" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill="#10b981"/>
	</svg>
	</div>
	<h1 class="thank-you-title">Спасибо за заявку!</h1>
	<p class="thank-you-subtitle">Мы получили вашу заявку и свяжемся с вами в ближайшее время</p>
	<div id="profileSummary" class="profile-summary-card card"></div>
	<div class="thank-you-actions">
	<a href="#" id="restartBtn" class="btn btn-secondary">Вернуться на главную</a>
	</div>
	<div class="company-info muted">
	<p><strong>CopyTrading Team</strong></p>
	<p>Профессиональные стратегии копитрейдинга</p>
	</div>
	</div>
	</div>
	</section>
	</main>

	<script>
	document.addEventListener('DOMContentLoaded', function(){
	const startBtn = document.getElementById('startQuizBtn');
	const quizSection = document.getElementById('quiz');
	const titleEl = document.getElementById('questionTitle');
	const optionsEl = document.getElementById('options');
	const nextBtn = document.getElementById('nextBtn');
	const backBtn = document.getElementById('backBtn');
	const stepNowEl = document.getElementById('stepNow');
	const stepTotalEl = document.getElementById('stepTotal');
	const progressBar = document.getElementById('progressBar');
	const contactForm = document.getElementById('contactForm');
	const hintEl = document.getElementById('questionHint');
	const summaryEl = document.getElementById('summary');
	const qVisualEl = document.getElementById('qVisual');
	const multipleHintEl = document.getElementById('multipleHint');
	const thankYouSection = document.getElementById('thankYou');
	const restartBtn = document.getElementById('restartBtn');

	const questions = [
	{ id:'priority', title:'Что для вас сейчас важнее всего?', hint:'выберите один или несколько', type:'multi', options:['Сохранить накопления','Создать пассивный доход','Увеличить капитал'] },
	{ id:'budget', title:'С какой суммы вам комфортно начать инвестировать?', options:['от 10 000 ₽','от 100 000 ₽','от 300 000 ₽ и выше'] },
	{ id:'term', title:'На какой срок вы рассматриваете вложения?', options:['Краткосрочно (1–3 месяца)','Среднесрочно (6–12 месяцев)','Долгосрочно (1 год и более)','Нет ответа (поможет менеджер)'] },
	{ id:'experience', title:'Есть ли у вас опыт в инвестициях или трейдинге?', options:['Нет, я новичок','Есть небольшой опыт','Да, я активно инвестирую'] },
	{ id:'risk', title:'Как вы относитесь к риску?', options:['Главное — сохранить средства','Готов к умеренному риску ради доходности','Рассматриваю агрессивные стратегии'] }
	];

	const answers = {};
	let step = 0;
	stepTotalEl.textContent = String(questions.length);

	function render(){
	const isFinal = step >= questions.length;
	stepNowEl.textContent = String(Math.min(step+1, questions.length));
	progressBar.style.width = ((Math.min(step, questions.length) / questions.length) * 100) + '%';

	optionsEl.innerHTML = '';
	contactForm.classList.add('hidden');
	nextBtn.disabled = true;
	hintEl.classList.add('hidden');
	if(multipleHintEl){ multipleHintEl.classList.add('hidden'); }
	if(qVisualEl){ qVisualEl.classList.remove('show'); qVisualEl.innerHTML = ''; }

	if(!isFinal){
	const q = questions[step];
	titleEl.textContent = q.title;
	if(q.hint){ hintEl.textContent = q.hint; hintEl.classList.remove('hidden'); }
	if(q.type === 'multi' && multipleHintEl){
	multipleHintEl.classList.add('show');
	}
	const isMulti = q.type === 'multi';
	q.options.forEach((opt, idx)=>{
	const id = `opt-${step}-${idx}`;
	const row = document.createElement('label');
	row.className = 'option';
	row.innerHTML = `<input type="${isMulti ? 'checkbox' : 'radio'}" name="q${step}" id="${id}" value="${opt}"><span>${opt}</span>`;
	row.addEventListener('click', ()=>{
	if(isMulti){
	const selected = Array.from(optionsEl.querySelectorAll('input:checked')).map(i=>i.value);
	answers[q.id] = selected;
	nextBtn.disabled = selected.length === 0;
	} else {
	answers[q.id] = opt;
	nextBtn.disabled = false;
	}
	});
	optionsEl.appendChild(row);
	});
	backBtn.disabled = step === 0;
	nextBtn.textContent = 'Далее';
	} else {
	titleEl.textContent = 'Оставьте контакты — свяжемся сегодня и обсудим ваши цели';
	contactForm.classList.remove('hidden');
	try {
	const s1 = Array.isArray(answers.priority) ? answers.priority.join(', ') : (answers.priority\|\|'');
	const profileLines = [
	s1 && `🎯 <strong>Цель:</strong> ${s1}`,
	answers.budget && `💰 <strong>Старт:</strong> ${answers.budget}`,
	answers.term && `⏰ <strong>Срок:</strong> ${answers.term}`,
	answers.experience && `📚 <strong>Опыт:</strong> ${answers.experience}`,
	answers.risk && `🛡️ <strong>Риск:</strong> ${answers.risk}`
	].filter(Boolean);
	if (profileLines.length > 0) {
	summaryEl.innerHTML = `<div class="profile-summary">
	<h4>Ваш профиль:</h4>
	${profileLines.map(line => `<div class=\"profile-line\">${line}</div>`).join('')}
	</div>`;
	} else {
	summaryEl.textContent = '';
	}
	} catch(_) { summaryEl.textContent = ''; }
	backBtn.disabled = false;
	nextBtn.textContent = 'Отправить';
	nextBtn.disabled = false;
	}
	}

	startBtn.addEventListener('click', ()=>{
	const hero = document.querySelector('.hero');
	if(hero){ hero.classList.add('hero--out'); setTimeout(()=>hero.classList.add('hidden'), 400); }
	quizSection.classList.remove('hidden');
	step = 0;
	render();
	});

	backBtn.addEventListener('click', ()=>{
	if(step>0){ step -= 1; render(); }
	});

	nextBtn.addEventListener('click', async ()=>{
	const isFinal = step >= questions.length;
	if (!isFinal) {
	step += 1;
	render();
	return;
	}
	const name = (document.getElementById('name')\|\|{}).value\|\|'';
	const tel = (document.getElementById('tel')\|\|{}).value\|\|'';
	if (!name.trim() \|\| !tel.trim()) {
	alert('Пожалуйста, заполните все поля');
	return;
	}
	const payload = { ...answers, name, tel };
	showThankYou(payload);
	try {
	await sendToGoogleSheets(payload);
	} catch (e) {
	console.error('[GOOGLE SHEETS] Ошибка отправки:', e);
	}
	});

	if (restartBtn) {
	restartBtn.addEventListener('click', function(e){
	e.preventDefault();
	window.location.href = window.location.pathname;
	});
	}

	function showThankYou(data){
	// Сформировать профиль
	const profileSummary = document.getElementById('profileSummary');
	if (profileSummary) {
	const priority = Array.isArray(data.priority) ? data.priority.join(', ') : (data.priority\|\|'');
	const profileLines = [
	data.priority && `🎯 <strong>Цель:</strong> ${priority}`,
	data.budget && `💰 <strong>Старт:</strong> ${data.budget}`,
	data.term && `⏰ <strong>Срок:</strong> ${data.term}`,
	data.experience && `📚 <strong>Опыт:</strong> ${data.experience}`,
	data.risk && `🛡️ <strong>Риск:</strong> ${data.risk}`
	].filter(Boolean);
	profileSummary.innerHTML = `
	<h4>Ваш профиль:</h4>
	${profileLines.map(line => `<div class="profile-line">${line}</div>`).join('')}
	<div class="contact-info">
	<div class="profile-line">👤 <strong>Имя:</strong> ${data.name\|\|''}</div>
	<div class="profile-line">📱 <strong>Телефон:</strong> ${data.tel\|\|''}</div>
	</div>
	`;
	}
	// Показать секцию спасибо
	document.querySelector('.hero')?.classList.add('hidden');
	quizSection.classList.add('hidden');
	thankYouSection.classList.remove('hidden');
	window.scrollTo({ top: 0, behavior: 'smooth' });
	}

	// Функция отправки данных в Google Sheets
	async function sendToGoogleSheets(data) {
	try {
	const GOOGLE_SCRIPT_URL = 'https://script.google.com/macros/s/AKfycbwfFvZttrGZ_YuYG4PoGGjILzoii5R3BoPjFR5SJFpMK9CYV8KkNuoI-RCe2...;
	const sheetsData = {
	name: data.name \|\| '',
	tel: data.tel \|\| '',
	priority: Array.isArray(data.priority) ? data.priority.join('\|') : (data.priority \|\| ''),
	budget: data.budget \|\| '',
	term: data.term \|\| '',
	experience: data.experience \|\| '',
	risk: data.risk \|\| '',
	timestamp: new Date().toISOString(),
	page: window.location.href,
	subid: new URLSearchParams(window.location.search).get('subid') \|\| ''
	};
	console.log('[GOOGLE SHEETS] Отправляем данные:', sheetsData);
	const response = await fetch(GOOGLE_SCRIPT_URL, {
	method: 'POST',
	mode: 'no-cors',
	headers: { 'Content-Type': 'application/json' },
	body: JSON.stringify(sheetsData)
	});
	console.log('[GOOGLE SHEETS] Ответ получен:', response);
	const sentData = JSON.parse(localStorage.getItem('sheets_sent') \|\| '[]');
	sentData.push({ ...sheetsData, sentAt: new Date().toISOString() });
	localStorage.setItem('sheets_sent', JSON.stringify(sentData));
	} catch (error) {
	console.error('[GOOGLE SHEETS] Ошибка отправки:', error);
	const errors = JSON.parse(localStorage.getItem('quiz_errors') \|\| '[]');
	errors.push({
	type: 'google_sheets_error',
	message: String(error),
	timestamp: new Date().toISOString(),
	data: data
	});
	localStorage.setItem('quiz_errors', JSON.stringify(errors));
	}
	}

	function getCookie(name) {
	if (typeof window.getCookie === 'function') {
	return window.getCookie(name);
	}
	const value = `; ${document.cookie}`;
	const parts = value.split(`; ${name}=`);
	if (parts.length === 2) return parts.pop().split(';').shift();
	return null;
	}
	});
	</script>
	</body>
	</html>