Утеплитель Хотрок Фасад Лайт базальтовый 130 пл. 120060050*4; 2,88м2 (0.144м3)

Утеплитель Хотрок Фасад Лайт базальтовый 130 пл. 1200*600*50*4; 2,88м2 (0.144м3)

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

Вес: 18,7 кг

Объем: 0.144 м³

Подробнее

2 400 руб. /упа

Цена в ТЦ: 2 400 руб.

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

- +

В корзину

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

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

Описание

Уникальный тепло-звукоизоляционный материал на основе 100% базальтового волокна.
Специальная серия в линейке Хотрок.
Негорючий. Экологичный. Формостабильный. Звукоизоляционный.
Применяется в системах наружного утепления стен с защитно-декоративным слоем из тонкослойной и толстослойной штукатурки.
— теплоизоляционный слой в фасадных теплоизоляционных композиционных системах с наружными штукатурными слоями или с облицовкой малоразмерными керамическими плитами.
— рассечки, в т.ч. противопожарные, а также полосы для обрамления оконных и дверных проемов в фасадных теплоизоляционных композиционных системах с наружным штукатурным слоем при применении горючих теплоизоляционных материалов, например, пенополистирола.

Отзывы

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

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

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

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

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

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

Вопрос *

Ваше имя *

Телефон *

E-mail

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

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

Похожие товары

- Быстрый просмотр
  
  Утеплитель Хотрок Фасад Лайт базальтовый 130 пл. 1200*600*100*2; 1,44м2 (0.144м3)
  
  Есть в наличии (5)
  
  Подробнее

	<!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>