smart-card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  margin-bottom: 8px;
  padding: 12px 16px;
  display: flex; align-items: center; gap: 12px;
  box-shadow: var(--shadow-card);
  transition: border-color var(--transition);
}
.smart-card.active { border-color: var(--green); background: var(--green-light); }
.sm-icon { font-size: 20px; width: 28px; text-align: center; flex-shrink: 0; }
.sm-info { flex: 1; }
.sm-name { font-size: 14px; font-weight: 600; }
.sm-desc { font-size: 12px; color: var(--text2); margin-top: 1px; }
.sm-ctrl { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.sm-btn {
  width: 30px; height: 30px;
  background: white; border: 1.5px solid var(--border);
  color: var(--text2); border-radius: 8px; font-size: 17px;
  cursor: pointer; transition: all var(--transition);
  display: flex; align-items: center; justify-content: center; font-weight: 700;
}
.sm-btn:hover { background: var(--green); border-color: var(--green); color: white; }
.sm-qty { font-size: 16px; font-weight: 700; min-width: 16px; text-align: center; }

/* ── СПЕЦИАЛНИ ── */
.special-box {
  background: var(--card-bg); border: 1px solid var(--border);
  border-radius: var(--radius-card); padding: 16px;
  box-shadow: var(--shadow-card);
}
.special-box label { display: block; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--text2); margin-bottom: 8px; }
.special-box textarea {
  width: 100%; background: white;
  border: 1px solid var(--border); color: var(--text);
  padding: 12px; border-radius: 12px;
  font-family: 'Inter', sans-serif; font-size: 14px;
  resize: vertical; min-height: 64px; outline: none;
  transition: border-color var(--transition);
}
.special-box textarea:focus { border-color: var(--green); box-shadow: 0 0 0 2px rgba(0,195,137,0.1); }

/* ── БОНУСИ ── */
.bonus-box {
  display: none;
  border-radius: var(--radius-card);
  padding: 16px; text-align: center; margin-top: 16px;
  animation: pop-in 0.35s cubic-bezier(0.34,1.56,0.64,1);
}
.bonus-box.t1 { background: #EBF8FF; border: 2px solid #3AB0FF; }
.bonus-box.t2 { background: var(--green-light); border: 2px solid var(--green); }
@keyframes pop-in { 0%{transform:scale(0.88);opacity:0} 100%{transform:scale(1);opacity:1} }
.bonus-title { font-size: 16px; font-weight: 800; }
.bonus-box.t1 .bonus-title { color: #0077CC; }
.bonus-box.t2 .bonus-title { color: var(--green-active); }
.bonus-sub { font-size: 12px; color: var(--text2); margin-top: 4px; }

/* ── QUIZ ── */
#quiz-zone {
  display: none;
  background: #FFFBEB; border: 2px dashed var(--star);
  border-radius: var(--radius-card); padding: 16px; margin-top: 16px;
  animation: pop-in 0.35s cubic-bezier(0.34,1.56,0.64,1);
}
.quiz-title { font-size: 15px; font-weight: 800; color: #B45309; margin-bottom: 2px; }
.quiz-sub { font-size: 12px; color: var(--text2); margin-bottom: 12px; }
#quiz-question { font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.quiz-opts { display: flex; flex-direction: column; gap: 6px; }
.quiz-opt {
  background: white; border: 1.5px solid var(--border);
  border-radius: 10px; padding: 10px 14px;
  cursor: pointer; font-size: 13px; font-weight: 500;
  text-align: left; color: var(--text);
  transition: all var(--transition); font-family: 'Inter', sans-serif;
}
.quiz-opt:hover:not(:disabled) { border-color: var(--star); background: #FFFBEB; }
.quiz-opt.correct { background: var(--green-light); border-color: var(--green); color: var(--green-active); font-weight: 600; }
.quiz-opt.wrong { background: #FFF1F1; border-color: var(--red); color: var(--red); }
#quiz-result { margin-top: 10px; font-size: 13px; font-weight: 600; display: none; }

/* ── ФИНАЛ ── */
.footer {
  margin-top: 32px; background: var(--card-bg);
  border: 1px solid var(--border); border-radius: var(--radius-card);
  padding: 16px; box-shadow: var(--shadow-card);
}
.total-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.tl { font-size: 13px; color: var(--text2); }
.tv { font-size: 13px; font-weight: 600; color: var(--text); }
.total-main { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 8px; display: flex; justify-content: space-between; align-items: center; }
.total-main .tl { font-size: 15px; font-weight: 600; color: var(--text); }

/* СКРИТА СУМА */
.price-hidden {
  display: flex; align-items: center; gap: 8px;
}
.price-lock {
  font-size: 13px; font-weight: 600; color: var(--text2);
  background: var(--border); padding: 4px 10px; border-radius: 999px;
}
.price-reveal {
  font-size: 32px; font-weight: 800; color: var(--green);
  display: none;
  animation: reveal 0.5s cubic-bezier(0.34,1.56,0.64,1);
}
@keyframes reveal { 0%{transform:scale(0.7);opacity:0} 100%{transform:scale(1);opacity:1} }

/* LEAD */
#lead-form { display: none; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border); }
#lead-form p { font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--text2); margin-bottom: 10px; }
.lead-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lead-grid input {
  height: 48px; background: white;
  border: 1px solid var(--border); color: var(--text);
  padding: 0 12px; border-radius: 12px;
  font-family: 'Inter', sans-serif; font-size: 14px; outline: none; width: 100%;
  transition: border-color var(--transition);
}
.lead-grid input::placeholder { color: var(--placeholder); }
.lead-grid input:focus { border-color: var(--green); box-shadow: 0 0 0 2px rgba(0,195,137,0.1); }

/* ── НАВИГАЦИЯ ── */
.nav-section { margin-top: 32px; }
.nav-title { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--text2); text-align: center; margin-bottom: 12px; }
.nav-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
.nav-btn {
  background: var(--card-bg); border: 1px solid var(--border);
  border-radius: var(--radius-card); padding: 14px 8px;
  text-align: center; cursor: pointer; text-decoration: none;
  color: var(--text); transition: all var(--transition);
  box-shadow: var(--shadow-card); display: block;
}
.nav-btn:hover { border-color: var(--green); transform: translateY(-2px); box-shadow: var(--shadow-active); }
.nb-icon { font-size: 22px; margin-bottom: 6px; }
.nb-label { font-size: 12px; font-weight: 700; color: var(--text); }
.nb-sub { font-size: 10px; color: var(--text2); margin-top: 2px; }

/* ── STICKY BOTTOM CTA ── */
#sticky-cta {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 400;
  background: white;
  border-top: 1px solid var(--border);
  padding: 12px 16px;
}
.cta-inner { max-width: 420px; margin: 0 auto; }
.btn-main {
  width: 100%; height: 48px;
  background: var(--border); color: var(--placeholder);
  border: none; border-radius: var(--radius-btn);
  font-family: 'Inter', sans-serif;
  font-size: 15px; font-weight: 600;
  cursor: not-allowed; transition: all var(--transition);
  letter-spacing: 0.3px;
}
.btn-main.active {
  background: var(--green); color: white; cursor: pointer;
}
.btn-main.active:hover { background: var(--green-hover); transform: translateY(-1px); }
.btn-main.active:active { background: var(--green-active); transform: scale(0.99); }
.btn-sub {
  text-align: center; margin-top: 6px;
  font-size: 11px; color: var(--text2); line-height: 1.5;
}

@media (max-width: 390px) {
  .nav-grid { grid-template-columns: 1fr 1fr; }
  .lead-grid { grid-template-columns: 1fr; }
}
</style>
</head>
<body>

<!-- PROGRESS BAR -->
<div id="progress-top">
  <div class="pt-inner">
    <div class="pt-track"><div class="pt-fill" id="pt-fill"></div></div>
    <div class="pt-label" id="pt-label">Добави прозорци за да продължиш</div>
  </div>
</div>

<!-- HEADER -->
<div class="header">
  <h1>Чис100</h1>
  <p>Прозорци &amp; Дограма</p>
</div>

<!-- CHAT -->
<div id="chat-box">
  <div class="chat-bubble">
    <span class="ci">👋</span>
    <span id="chat-text">Здравей! Цъкни върху тип прозорец за да започнем.</span>
  </div>
</div>

<div class="wrap">

  <div class="section-title">Какви прозорци имаш?</div>
  <div id="window-list"></div>

  <div class="section-title">Добави към поръчката</div>
  <div id="smart-list"></div>

  <div class="section-title">Нещо специално?</div>
  <div class="special-box">
    <label>Допълнителни детайли</label>
    <textarea id="special-notes" placeholder="Напр. труден достъп, специални изисквания..."></textarea>
  </div>

  <div id="bonus-t1" class="bonus-box t1">
    <div class="bonus-title">🎉 -10% за теб!</div>
    <div class="bonus-sub">Над 20 кв.м — спечели отстъпка!</div>
  </div>
  <div id="bonus-t2" class="bonus-box t2">
    <div class="bonus-title">🏆 -20% Голям обект!</div>
    <div class="bonus-sub">Над 50 кв.м — максимална отстъпка!</div>
  </div>

  <div id="quiz-zone">
    <div class="quiz-title">🎯 Русенски Късметлия!</div>
    <div class="quiz-sub">Отговори правилно → -10% бонус!</div>
    <div id="quiz-question"></div>
    <div class="quiz-opts" id="quiz-opts"></div>
    <div id="quiz-result"></div>
  </div>

  <div class="footer">
    <div class="total-row"><span class="tl">Прозорци</span><span class="tv" id="sub-win">—</span></div>
    <div class="total-row"><span class="tl">Допълнителни</span><span class="tv" id="sub-smart">—</span></div>
    <div class="total-row"><span class="tl">Общо кв.м</span><span class="tv" id="sub-sqm">0.0 кв.м</span></div>
    <div class="total-main">
      <span class="tl">Обща сума</span>
      <div class="price-hidden">
        <span class="price-lock" id="price-lock">🔒 Добави повече</span>
        <span class="price-reveal" id="price-reveal">0.00 EUR</span>
      </div>
    </div>

    <div id="lead-form">
      <p>Твоите данни</p>
      <div class="lead-grid">
        <input type="text" id="lead-name" placeholder="Ime">
        <input type="tel" id="lead-phone" placeholder="Telefon">
      </div>
    </div>
  </div>

  <!-- НАВИГАЦИЯ -->
  <div class="nav-section">
    <div class="nav-title">Други услуги</div>
    <div class="nav-grid">
      <a class="nav-btn" href="#" onclick="goSection('laundry');return false;">
        <div class="nb-icon">🧺</div>
        <div class="nb-label">Пране</div>
        <div class="nb-sub">Мека мебел</div>
      </a>
      <a class="nav-btn" href="#" onclick="goSection('smart');return false;">
        <div class="nb-icon">🏠</div>
        <div class="nb-label">Смарт дом</div>
        <div class="nb-sub">Почистване</div>
      </a>
      <a class="nav-btn" href="#" onclick="goSection('airbnb');return false;">
        <div class="nb-icon">🛏️</div>
        <div class="nb-label">Airbnb</div>
        <div class="nb-sub">Booking</div>
      </a>
      <a class="nav-btn" href="#" onclick="goSection('imoti');return false;">
        <div class="nb-icon">🔑</div>
        <div class="nb-label">Имоти</div>
        <div class="nb-sub">След наематели</div>
      </a>
      <a class="nav-btn" href="#" onclick="goSection('offices');return false;">
        <div class="nb-icon">💼</div>
        <div class="nb-label">Офиси</div>
        <div class="nb-sub">Помещения</div>
      </a>
      <a class="nav-btn" href="#" onclick="goSection('sub');return false;">
        <div class="nb-icon">📅</div>
        <div class="nb-label">Абонамент</div>
        <div class="nb-sub">Редовно</div>
      </a>
    </div>
  </div>

</div><!-- /wrap -->

<!-- STICKY CTA -->
<div id="sticky-cta">
  <div class="cta-inner">
    <button class="btn-main" id="main-btn" disabled onclick="finalize()">ГОТОВО — ОБАДЕТЕ МИ СЕ</button>
    <div class="btn-sub">В момента работим &middot; Обаждане до 30 мин &middot; 08:00 — 20:00</div>
  </div>
</div>

<script>
// ═══════════════════════════════════════════════════════════
//  КОНФИГУРАЦИЯ — САМО ТУК РЕДАКТИРАШ ЦЕНИТЕ
// ═══════════════════════════════════════════════════════════
var CFG = {
  MIN_ORDER:      50,
  BONUS_T1_SQM:   20,   BONUS_T1_PCT: 0.10,
  BONUS_T2_SQM:   50,   BONUS_T2_PCT: 0.20,
  BONUS_QUIZ:     100,  BONUS_QUIZ_PCT: 0.10,

  K_STATE:  { smart:1.0, repair:1.5, tragedy:2.0 },
  K_HEIGHT: { low:1.0, high:1.3 },
  K_SCOPE:  { glass_only:1.0, one_side:1.3, full:1.8 },
  K_BATH:   1.10,

  STICKER_PROFILE: { old:1.50, new_lep:0.99 },
  STICKER_GLASS:   2.00,

  WINDOWS: [
    { id:'W1', name:'Еднокрилен',        sqm:1.5, lm:5,  base:15 },
    { id:'W2', name:'Двукрилен',          sqm:3.5, lm:10, base:30 },
    { id:'W3', name:'Трикрилен',          sqm:5.5, lm:15, base:45 },
    { id:'W4', name:'Врата',              sqm:2.5, lm:14, base:42 },
    { id:'W5', name:'Прозорец с врата',   sqm:4.5, lm:16, base:55 },
    { id:'W6', name:'Тераса (плъзгане)',  sqm:6.0, lm:18, base:60 },
    { id:'W7', name:'Френски прозорец',   sqm:4.0, lm:12, base:48 },
  ],

  ROOMS: ['Хол','Кухня','Всекидневна','Спалня','Коридор','Баня','Друго'],

  SMART: [
    { id:'KOM_STD', name:'Комарник обикновен',  icon:'🦟', price:7,  desc:'Стандартно почистване' },
    { id:'KOM_ROL', name:'Комарник ролетен',     icon:'🦟', price:10, desc:'Ролетна система' },
    { id:'SHT_AL',  name:'Щори алуминиеви',      icon:'🪟', price:6,  desc:'Алуминиеви щори' },
    { id:'SHT_VD',  name:'Щори верт./Ден-нощ',   icon:'🌗', price:10, desc:'Вертикални / Ден-нощ' },
    { id:'SHT_EXT', name:'Щори външни',          icon:'🌇', price:12, desc:'Външни ролетни щори' },
    { id:'DASKA_EX',name:'Подпрозоречна вън',    icon:'🌿', price:2,  desc:'Външна дъска' },
    { id:'DASKA_IN',name:'Подпрозоречна вътр.',  icon:'🪴', price:2,  desc:'С внимание към мебелите' },
  ],

  QUIZ: [
    { q:'Как наричат Русе?', opts:['Градът на Дунава','Малката Виена','Северна звезда'], correct:1 },
    { q:'Какво е гараш?', opts:['Гараж','Торта','Не знам'], correct:1 },
    { q:'Кой град е срещу Русе в румънска територия?', opts:['Гюргево','Букурещ','Не знам'], correct:0 },
  ],

  // ЛИНКОВЕ — добави URL когато секцията е готова
  URLS: { laundry:'#', smart:'#', airbnb:'#', imoti:'#', offices:'#', sub:'#' },

  SHEET_URL: 'https://script.google.com/macros/s/ТВОЯ_ID/exec',
};
// ═══════════════════════════════════════════════════════════

var CUR = ' EUR';

var SVG = {
  W1:'<svg viewBox="0 0 54 42" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="50" height="38" rx="1" stroke="#00C389" stroke-width="2.5"/><rect x="8" y="7" width="38" height="28" rx="1" stroke="#00A874" stroke-width="1.5"/><line x1="38" y1="19" x2="44" y2="19" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="38" y1="22" x2="44" y2="22" stroke="#00A874" stroke-width="2" stroke-linecap="round"/></svg>',
  W2:'<svg viewBox="0 0 54 42" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="50" height="38" rx="1" stroke="#00C389" stroke-width="2.5"/><rect x="5" y="6" width="20" height="30" rx="1" stroke="#00A874" stroke-width="1.5"/><rect x="29" y="6" width="20" height="30" rx="1" stroke="#00A874" stroke-width="1.5"/><line x1="22" y1="20" x2="18" y2="20" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="22" y1="23" x2="18" y2="23" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="32" y1="20" x2="36" y2="20" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="32" y1="23" x2="36" y2="23" stroke="#00A874" stroke-width="2" stroke-linecap="round"/></svg>',
  W3:'<svg viewBox="0 0 54 42" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="50" height="38" rx="1" stroke="#00C389" stroke-width="2.5"/><rect x="4" y="6" width="13" height="30" rx="1" stroke="#00A874" stroke-width="1.5"/><rect x="20" y="6" width="14" height="30" rx="1" stroke="#00A874" stroke-width="1.5"/><rect x="37" y="6" width="13" height="30" rx="1" stroke="#00A874" stroke-width="1.5"/><line x1="14" y1="20" x2="11" y2="20" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="14" y1="23" x2="11" y2="23" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="31" y1="20" x2="34" y2="20" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="31" y1="23" x2="34" y2="23" stroke="#00A874" stroke-width="2" stroke-linecap="round"/></svg>',
  W4:'<svg viewBox="0 0 36 44" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="32" height="40" rx="1" stroke="#00C389" stroke-width="2.5"/><rect x="5" y="5" width="26" height="34" rx="1" stroke="#00A874" stroke-width="1.5"/><circle cx="27" cy="22" r="2" stroke="#00A874" stroke-width="1.5"/><line x1="2" y1="40" x2="34" y2="40" stroke="#00C389" stroke-width="2"/></svg>',
  W5:'<svg viewBox="0 0 70 44" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="66" height="40" rx="1" stroke="#00C389" stroke-width="2.5"/><rect x="5" y="5" width="28" height="34" rx="1" stroke="#00A874" stroke-width="1.5"/><rect x="37" y="5" width="28" height="34" rx="1" stroke="#00C389" stroke-width="2"/><line x1="37" y1="5" x2="37" y2="39" stroke="#00C389" stroke-width="2.5"/><circle cx="61" cy="22" r="2" stroke="#00A874" stroke-width="1.5"/><line x1="5" y1="20" x2="9" y2="20" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="5" y1="23" x2="9" y2="23" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="37" y1="39" x2="65" y2="39" stroke="#00C389" stroke-width="2"/></svg>',
  W6:'<svg viewBox="0 0 70 42" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="66" height="38" rx="1" stroke="#00C389" stroke-width="2.5"/><line x1="35" y1="2" x2="35" y2="40" stroke="#00C389" stroke-width="2"/><rect x="5" y="5" width="27" height="32" rx="1" stroke="#00A874" stroke-width="1.5"/><rect x="38" y="5" width="27" height="32" rx="1" stroke="#00A874" stroke-width="1.5"/><line x1="10" y1="21" x2="30" y2="21" stroke="#00A874" stroke-width="1.5" stroke-dasharray="3 2"/><line x1="40" y1="21" x2="60" y2="21" stroke="#00A874" stroke-width="1.5" stroke-dasharray="3 2"/><line x1="29" y1="20" x2="25" y2="20" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="29" y1="23" x2="25" y2="23" stroke="#00A874" stroke-width="2" stroke-linecap="round"/></svg>',
  W7:'<svg viewBox="0 0 54 52" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="50" height="48" rx="1" stroke="#00C389" stroke-width="2.5"/><line x1="27" y1="2" x2="27" y2="50" stroke="#00C389" stroke-width="2"/><rect x="5" y="5" width="19" height="42" rx="1" stroke="#00A874" stroke-width="1.5"/><rect x="30" y="5" width="19" height="42" rx="1" stroke="#00A874" stroke-width="1.5"/><line x1="21" y1="25" x2="17" y2="25" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="21" y1="28" x2="17" y2="28" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="33" y1="25" x2="37" y2="25" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="33" y1="28" x2="37" y2="28" stroke="#00A874" stroke-width="2" stroke-linecap="round"/><line x1="2" y1="49" x2="52" y2="49" stroke="#00C389" stroke-width="2"/></svg>',
};

var state = JSON.parse(localStorage.getItem('cis100_v7') || 'null') || { windows:{}, smart:{}, laundryPart:0 };
CFG.WINDOWS.forEach(function(w) { if (!state.windows[w.id]) state.windows[w.id] = { qty:0, instances:[] }; });
CFG.SMART.forEach(function(s) { if (state.smart[s.id] === undefined) state.smart[s.id] = 0; });

function newInst() { return { state:'smart', height:'low', scope:'glass_only', stickerProfile:'none', stickerGlass:0, room:'Хол' }; }

var quizActive=false, quizBonus=false, quizIdx=-1;
var priceUnlocked = false;

var CHAT = {
  start:  'Здравей! Цъкни върху тип прозорец за да започнем.',
  added:  'Добре! Кажи ни повече за него по-долу.',
  more:   'Страхотно — добавяш още!',
  t1:     'Бонус отключен! -10% е твой.',
  t2:     'Невероятно! -20% за голям обект!',
  ready:  'Готово! Попълни данните и ние се обаждаме.',
  quiz:   'Изненада! Отговори правилно за още -10%.',
  unlock: 'Цената е отключена! Вижда се по-долу.',
};

function setChat(k) { document.getElementById('chat-text').textContent = CHAT[k]||CHAT.start; }

function render() { renderWindows(); renderSmart(); calculate(); }

function renderWindows() {
  var h = '';
  CFG.WINDOWS.forEach(function(w) {
    var ws = state.windows[w.id];
    var qty = ws.qty, active = qty > 0;
    var sub = 0;
    ws.instances.forEach(function(inst) { sub += calcInst(w,inst); });
    var psqm = active && w.sqm > 0 ? (sub/(w.sqm*qty)).toFixed(2)+CUR+'/кв.м' : '';

    h += '<div class="window-card'+(active?' active':'')+'" id="card-'+w.id+'" onclick="activateCard(\''+w.id+'\')">';
    h += '<div class="wc-main">';
    h += '<div class="wc-svg">'+(SVG[w.id]||'')+'</div>';
    h += '<div class="wc-info"><div class="wc-name">'+w.name+'</div>';
    h += '<div class="wc-meta"><b>'+w.sqm+'</b> кв.м &middot; <b>'+w.lm+'</b> лм</div>';
    h += '<div class="wc-price-sqm">'+psqm+'</div></div>';
    h += '<div class="wc-right">';
    h += '<div class="wc-sub">'+(active?sub.toFixed(2)+CUR:'')+'</div>';
    if (active) {
      h += '<div class="wc-counter">';
      h += '<button class="wc-btn" onclick="updWin(\''+w.id+'\',-1);event.stopPropagation()">&#8722;</button>';
      h += '<span class="wc-qty">'+qty+'</span>';
      h += '<button class="wc-btn" onclick="updWin(\''+w.id+'\',1);event.stopPropagation()">&#43;</button>';
      h += '</div>';
    }
    h += '</div></div>';
    if (!active) h += '<div class="wc-hint">Цъкни за да добавиш &#43;</div>';
    if (active) {
      h += '<div class="wc-instances">';
      ws.instances.forEach(function(inst,i) { h += renderInst(w,inst,i); });
      h += '</div>';
    }
    h += '</div>';
  });
  document.getElementById('window-list').innerHTML = h;
}

function chip(label, key, val, cur) {
  return '<span class="opt-chip'+(cur===val?' selected':'')+'" onclick="'+key+'(\''+val+'\')">'+label+'</span>';
}

function renderInst(w, inst, i) {
  var sub = calcInst(w,inst);
  var fn = 'setI_'+w.id+'_'+i;
  var h = '<div class="instance-card">';
  h += '<div class="inst-header"><span class="inst-num">'+w.name+' #'+(i+1)+'</span>';
  h += '<span class="inst-sub">'+sub.toFixed(2)+CUR+'</span></div>';

  // Стая
  h += '<div class="opt-group"><span class="opt-label">Стая</span><div class="opt-row">';
  CFG.ROOMS.forEach(function(r) {
    h += '<span class="opt-chip'+(inst.room===r?' selected':'')+'" onclick="setInst(\''+w.id+'\','+i+',\'room\',\''+r+'\')">'+r+'</span>';
  });
  h += '</div></div>';

  // Състояние
  h += '<div class="opt-group"><span class="opt-label">Състояние</span><div class="opt-row">';
  [['Нормално','smart'],['След ремонт','repair'],['Силно замърсен','tragedy']].forEach(function(o) {
    h += '<span class="opt-chip'+(inst.state===o[1]?' selected':'')+'" onclick="setInst(\''+w.id+'\','+i+',\'state\',\''+o[1]+'\')">'+o[0]+'</span>';
  });
  h += '</div></div>';

  // Височина
  h += '<div class="opt-group"><span class="opt-label">Височина</span><div class="opt-row">';
  [['До 3.5 м','low'],['Над 3.5 м','high']].forEach(function(o) {
    h += '<span class="opt-chip'+(inst.height===o[1]?' selected':'')+'" onclick="setInst(\''+w.id+'\','+i+',\'height\',\''+o[1]+'\')">'+o[0]+'</span>';
  });
  h += '</div></div>';

  // Почистване
  h += '<div class="opt-group"><span class="opt-label">Почистване</span><div class="opt-row">';
  [['Само стъкла','glass_only'],['Стъкла + дограма (1 стр.)','one_side'],['Стъкла + дограма (двете)','full']].forEach(function(o) {
    h += '<span class="opt-chip'+(inst.scope===o[1]?' selected':'')+'" onclick="setInst(\''+w.id+'\','+i+',\'scope\',\''+o[1]+'\')">'+o[0]+'</span>';
  });
  h += '</div></div>';

  // Лепенки
  h += '<div class="opt-group"><span class="opt-label">Лепенки профил</span><div class="opt-row">';
  [['Без','none'],['Стари/Запечени','old'],['Нови','new_lep']].forEach(function(o) {
    h += '<span class="opt-chip'+(inst.stickerProfile===o[1]?' selected':'')+'" onclick="setInst(\''+w.id+'\','+i+',\'stickerProfile\',\''+o[1]+'\')">'+o[0]+'</span>';
  });
  h += '</div></div>';

  // Стикери стъкла
  h += '<div class="opt-group"><span class="opt-label">Стикери стъкла (бр.)</span>';
  h += '<div class="glass-row">';
  h += '<button class="g-btn" onclick="setInst(\''+w.id+'\','+i+',\'stickerGlass\',Math.max(0,'+(inst.stickerGlass)+'-1))">&#8722;</button>';
  h += '<span class="g-qty">'+inst.stickerGlass+'</span>';
  h += '<button class="g-btn" onclick="setInst(\''+w.id+'\','+i+',\'stickerGlass\','+(inst.stickerGlass+1)+')">&#43;</button>';
  h += '</div></div>';

  h += '</div>';
  return h;
}

function renderSmart() {
  var h = '';
  CFG.SMART.forEach(function(s) {
    var qty = state.smart[s.id];
    h += '<div class="smart-card'+(qty>0?' active':'')+'"><div class="sm-icon">'+s.icon+'</div>';
    h += '<div class="sm-info"><div class="sm-name">'+s.name+'</div><div class="sm-desc">'+s.desc+'</div></div>';
    h += '<div class="sm-ctrl">';
    h += '<button class="sm-btn" onclick="updSmart(\''+s.id+'\',-1)">&#8722;</button>';
    h += '<span class="sm-qty">'+qty+'</span>';
    h += '<button class="sm-btn" onclick="updSmart(\''+s.id+'\',1)">&#43;</button>';
    h += '</div></div>';
  });
  document.getElementById('smart-list').innerHTML = h;
}

function calcInst(w, inst) {
  var kS = CFG.K_STATE[inst.state]||1;
  var kH = CFG.K_HEIGHT[inst.height]||1;
  var kSc = CFG.K_SCOPE[inst.scope]||1;
  var p = w.base * kS * kH * kSc;
  if (inst.room==='Баня') p *= CFG.K_BATH;
  if (inst.stickerProfile!=='none') p += (CFG.STICKER_PROFILE[inst.stickerProfile]||0)*w.lm;
  p += inst.stickerGlass * CFG.STICKER_GLASS;
  return p;
}

function calculate() {
  var winRaw=0, sqm=0;
  CFG.WINDOWS.forEach(function(w) {
    var ws=state.windows[w.id];
    ws.instances.forEach(function(inst){winRaw+=calcInst(w,inst);});
    sqm+=w.sqm*ws.qty;
  });
  var smartRaw=0;
  CFG.SMART.forEach(function(s){smartRaw+=s.price*state.smart[s.id];});

  var total=winRaw+smartRaw+(state.laundryPart||0);
  var hasTier2=sqm>=CFG.BONUS_T2_SQM;
  var hasTier1=!hasTier2&&sqm>=CFG.BONUS_T1_SQM;
  if (hasTier2)      total*=(1-CFG.BONUS_T2_PCT);
  else if (hasTier1) total*=(1-CFG.BONUS_T1_PCT);
  if (quizBonus&&!hasTier2) total*=(1-CFG.BONUS_QUIZ_PCT);
  if (total>0) total=Math.floor(total)+0.99;

  // Суми (скрити докато не е отключено)
  var showRaw = priceUnlocked || total >= CFG.MIN_ORDER;
  document.getElementById('sub-win').textContent   = showRaw ? winRaw.toFixed(2)+CUR : '—';
  document.getElementById('sub-smart').textContent = showRaw ? smartRaw.toFixed(2)+CUR : '—';
  document.getElementById('sub-sqm').textContent   = sqm.toFixed(1)+' кв.м';

  // Цена — скрита / разкрита
  var lock = document.getElementById('price-lock');
  var rev  = document.getElementById('price-reveal');
  if (total >= CFG.MIN_ORDER) {
    if (!priceUnlocked) {
      priceUnlocked = true;
      lock.style.display = 'none';
      rev.style.display = 'block';
      setChat('unlock');
    }
    rev.textContent = total.toFixed(2)+CUR;
    rev.style.display = 'block';
    lock.style.display = 'none';
  } else {
    var remain = (CFG.MIN_ORDER - total).toFixed(2);
    lock.textContent = 'Още '+remain+CUR+' за отключване';
    lock.style.display = '';
    rev.style.display = 'none';
  }

  // Прогрес бар — червено → оранжево → жълто → зелено
  var fill  = document.getElementById('pt-fill');
  var label = document.getElementById('pt-label');
  var pct, col;

  if (hasTier2) {
    pct=100; col='#00C389';
    label.textContent='🏆 Бонус -20% активен!';
    label.className='pt-label unlocked';
    setChat('t2');
  } else if (hasTier1) {
    pct=Math.min(99,Math.round((sqm/CFG.BONUS_T2_SQM)*100));
    col='#FFC107';
    label.textContent='-10% активен — Още '+(CFG.BONUS_T2_SQM-sqm).toFixed(1)+' кв.м до -20%';
    label.className='pt-label';
    setChat('t1');
  } else {
    pct=Math.min(99,Math.round((sqm/CFG.BONUS_T1_SQM)*100));
    col=pct>60?'#F57C00':pct>0?'#FF4D4D':'#FF4D4D';
    label.textContent=sqm>0?'Още '+(CFG.BONUS_T1_SQM-sqm).toFixed(1)+' кв.м до бонус -10%':'Добави прозорци за да продължиш';
    label.className='pt-label';
  }
  fill.style.width=pct+'%';
  fill.style.background=col;

  document.getElementById('bonus-t1').style.display=hasTier1?'block':'none';
  document.getElementById('bonus-t2').style.display=hasTier2?'block':'none';

  var qz=document.getElementById('quiz-zone');
  if (total>=CFG.BONUS_QUIZ&&!hasTier2&&!quizActive){quizActive=true;showQuiz();setChat('quiz');}
  qz.style.display=(total>=CFG.BONUS_QUIZ&&!hasTier2)?'block':'none';

  var btn=document.getElementById('main-btn');
  var lead=document.getElementById('lead-form');
  if (total>=CFG.MIN_ORDER) {
    lead.style.display='block';
    btn.disabled=false; btn.className='btn-main active';
    setChat('ready');
  } else {
    lead.style.display='none';
    btn.disabled=true; btn.className='btn-main';
  }

  save(); renderWindows(); renderSmart();
}

function activateCard(id) {
  var ws=state.windows[id];
  if (ws.qty===0) {
    ws.qty=1; ws.instances.push(newInst());
    var tot=0; CFG.WINDOWS.forEach(function(w){tot+=state.windows[w.id].qty;});
    setChat(tot>1?'more':'added');
    calculate();
  }
}
function updWin(id,delta) {
  var ws=state.windows[id];
  ws.qty=Math.max(0,ws.qty+delta);
  if (delta>0){ws.instances.push(newInst());setChat('more');}
  else if(delta<0&&ws.instances.length>0) ws.instances.pop();
  calculate();
}
function setInst(id,idx,key,val){state.windows[id].instances[idx][key]=val;calculate();}
function updSmart(id,delta){state.smart[id]=Math.max(0,state.smart[id]+delta);calculate();}

function showQuiz() {
  quizIdx=Math.floor(Math.random()*CFG.QUIZ.length);
  var q=CFG.QUIZ[quizIdx];
  document.getElementById('quiz-question').textContent=q.q;
  var h='';
  q.opts.forEach(function(o,i){h+='<button class="quiz-opt" onclick="answerQuiz('+i+')">'+o+'</button>';});
  document.getElementById('quiz-opts').innerHTML=h;
  document.getElementById('quiz-result').style.display='none';
}
function answerQuiz(idx) {
  var q=CFG.QUIZ[quizIdx];
  document.querySelectorAll('.quiz-opt').forEach(function(b){b.disabled=true;});
  document.querySelectorAll('.quiz-opt')[q.correct].classList.add('correct');
  if (idx!==q.correct) document.querySelectorAll('.quiz-opt')[idx].classList.add('wrong');
  var res=document.getElementById('quiz-result');
  res.style.display='block';
  if (idx===q.correct){quizBonus=true;res.style.color='#00C389';res.textContent='Правилно! -10% е приложено!';}
  else {res.style.color='#FF4D4D';res.textContent='Грешно. Без бонус този път.';}
  calculate();
}

function finalize() {
  var name=document.getElementById('lead-name').value.trim();
  var phone=document.getElementById('lead-phone').value.trim();
  if(!name||!phone){alert('Моля въведи Ime и Telefon.');return;}
  var total=document.getElementById('price-reveal').textContent;
  var notes=document.getElementById('special-notes').value.trim();
  sendToSheets({name:name,phone:phone,total:total,notes:notes,summary:buildSummary()});
  alert('Поръчката е изпратена!\n'+name+' - '+total);
}

function buildSummary() {
  var lines=[];
  CFG.WINDOWS.forEach(function(w){
    state.windows[w.id].instances.forEach(function(inst,i){
      var l=w.name+'#'+(i+1)+'['+inst.room+'|'+inst.state+'|'+inst.height+'|'+inst.scope+']';
      if(inst.stickerProfile!=='none') l+='[Леп:'+inst.stickerProfile+']';
      if(inst.stickerGlass>0) l+='[Стик:'+inst.stickerGlass+']';
      lines.push(l);
    });
  });
  CFG.SMART.forEach(function(s){if(state.smart[s.id]>0)lines.push(s.name+'x'+state.smart[s.id]);});
  return lines.join(' | ');
}

function sendToSheets(data) {
  fetch(CFG.SHEET_URL,{method:'POST',mode:'no-cors',headers:{'Content-Type':'application/json'},
    body:JSON.stringify({timestamp:new Date().toISOString(),name:data.name,phone:data.phone,total:data.total,notes:data.notes,summary:data.summary})
  }).catch(function(e){console.warn('Sheets:',e);});
}

function goSection(key) {
  var url=CFG.URLS[key];
  if(!url||url==='#'){alert('Тази секция предстои!');return;}
  localStorage.setItem('cis100_windows_total',document.getElementById('price-reveal').textContent);
  window.location.href=url;
}

function save(){localStorage.setItem('cis100_v7',JSON.stringify(state));}

render();
</script>
</body>
</html>