<p class="">Unleash Your Child's Inner Rapper!</p>

<p class=""><span style="color: #FFFFFF" data-palette-key="backgroundColor">Ready to unleash your child's inner superstar? At Rap Kids, we're all about empowering young voices through the magic of music and lyrical expression. Our vibrant classes in Balham are designed to build confidence, spark creativity, and teach rhythm in the most fun way possible. Watch your child transform as they craft their own stories, connect with new friends, and discover a passion for performance. It's more than just rap; it's about finding their unique beat in life!</span></p>

<div id="turbologo-kitchen-calc"></div>

<script>
(function(){
  const mount = document.getElementById('turbologo-kitchen-calc');
  if (!mount) return;

  // ====== НАСТРОЙКИ ЦЕН (поменяйте под себя) ======
  const PRICES = {
    currency: "£", // символ валюты
    repairTypePerM2: {
      cosmetic: 180,  // косметический ремонт за м²
      capital: 420,   // капитальный ремонт за м²
      designer: 650   // дизайнерский/премиум за м²
    },
    wallsFinish: { paint: 9, tile: 45, panels: 25 },     // за м² стен
    floorFinish: { laminate: 28, tile: 55, vinyl: 32 },  // за м² пола
    ceiling: { paint: 12, stretch: 38, gypsum: 45 },     // за м² потолка
    plumbing: {
      none: 0,
      basic: 350,      // замена мойки/смесителя/сифона
      full: 1200       // перенос/новые точки + выводы
    },
    electrical: {
      none: 0,
      basic: 300,      // 2-3 розетки/свет
      full: 900        // новая линия/щиток/много точек
    },
    kitchenSet: {
      none: 0,
      economy: 1800,
      standard: 4200,
      premium: 8500
    },
    appliances: {
      none: 0,
      basic: 1200,     // плита+вытяжка+холодильник
      full: 3200       // + посудомойка + духовой + мелкая техника
    },
    complexityMultiplier: {
      low: 1.0,
      medium: 1.12,
      high: 1.28
    }
  };

  // ====== HTML + CSS (внутри контейнера для изоляции) ======
  mount.innerHTML = `
  <style>
    #turbologo-kitchen-calc * { box-sizing: border-box; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
    #turbologo-kitchen-calc { max-width: 860px; margin: 0 auto; }
    #turbologo-kitchen-calc .kc-card {
      background: #0b1020;
      color: #e6e9ef;
      border-radius: 16px;
      padding: 18px;
      box-shadow: 0 10px 30px rgba(0,0,0,.18);
    }
    #turbologo-kitchen-calc .kc-header{
      display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px;
    }
    #turbologo-kitchen-calc .kc-title{
      font-size: 20px; font-weight: 700; letter-spacing: .2px;
    }
    #turbologo-kitchen-calc .kc-sub{
      font-size: 13px; color:#aeb6c7;
    }
    #turbologo-kitchen-calc .kc-grid{
      display:grid; grid-template-columns: 1fr 1fr; gap:12px; margin-top:12px;
    }
    @media (max-width: 700px){
      #turbologo-kitchen-calc .kc-grid{ grid-template-columns: 1fr; }
    }
    #turbologo-kitchen-calc .kc-field{
      background:#121833; border:1px solid #1f2751; border-radius:12px; padding:12px;
    }
    #turbologo-kitchen-calc .kc-field label{
      display:block; font-size: 12px; color:#b8c0d4; margin-bottom:6px;
    }
    #turbologo-kitchen-calc input[type="number"],
    #turbologo-kitchen-calc select{
      width:100%; padding:9px 10px; border-radius:10px; border:1px solid #2a3367;
      background:#0e1430; color:#ecf0f6; outline:none;
    }
    #turbologo-kitchen-calc input[type="range"]{ width:100%; }
    #turbologo-kitchen-calc .kc-row{
      display:flex; align-items:center; justify-content:space-between; gap:8px;
      font-size:14px; padding:6px 0; border-bottom:1px dashed #242c59;
    }
    #turbologo-kitchen-calc .kc-row:last-child{ border-bottom:none; }
    #turbologo-kitchen-calc .kc-muted{ color:#aeb6c7; font-size:12px; }
    #turbologo-kitchen-calc .kc-total{
      background:#0e1738; border:1px solid #27306a; border-radius:12px; padding:12px; margin-top:12px;
      display:flex; align-items:center; justify-content:space-between; gap:10px;
    }
    #turbologo-kitchen-calc .kc-total .sum{
      font-size:22px; font-weight:800; color:#c7ffb2;
    }
    #turbologo-kitchen-calc .kc-actions{
      display:flex; gap:8px; flex-wrap:wrap; margin-top:10px;
    }
    #turbologo-kitchen-calc button{
      border:0; border-radius:10px; padding:9px 12px; cursor:pointer; font-weight:600;
    }
    #turbologo-kitchen-calc .kc-btn-primary{ background:#59d98e; color:#0b1020; }
    #turbologo-kitchen-calc .kc-btn-ghost{ background:transparent; color:#cdd5e5; border:1px solid #2a3367; }
    #turbologo-kitchen-calc .kc-note{
      margin-top:8px; font-size:12px; color:#9aa3b7;
    }
    #turbologo-kitchen-calc .kc-badge{
      display:inline-flex; align-items:center; gap:6px;
      font-size:12px; padding:4px 8px; border-radius:999px; background:#151b3b; border:1px solid #242c59;
      color:#b9c1d6;
    }
  </style>

  <div class="kc-card" role="region" aria-label="Kitchen Repair Calculator">
    <div class="kc-header">
      <div>
        <div class="kc-title">Калькулятор ремонта кухни</div>
        <div class="kc-sub">Приблизительная оценка. Вы можете менять тарифы в коде.</div>
      </div>
      <div class="kc-badge">Инлайн / без внешних зависимостей</div>
    </div>

    <div class="kc-grid">
      <div class="kc-field">
        <label>Площадь кухни (м²)</label>
        <input id="kc-area" type="number" min="3" max="60" step="0.5" value="10">
        <div class="kc-muted" style="margin-top:6px;">Обычно 6–18 м²</div>
      </div>

      <div class="kc-field">
        <label>Тип ремонта</label>
        <select id="kc-repair">
          <option value="cosmetic">Косметический</option>
          <option value="capital" selected>Капитальный</option>
          <option value="designer">Дизайнерский / премиум</option>
        </select>
      </div>

      <div class="kc-field">
        <label>Отделка стен</label>
        <select id="kc-walls">
          <option value="paint" selected>Покраска / обои</option>
          <option value="tile">Плитка фартук + стены</option>
          <option value="panels">Панели / комбинированно</option>
        </select>
        <div class="kc-muted" style="margin-top:6px;">Считаем стены как ~2.7× площади</div>
      </div>

      <div class="kc-field">
        <label>Отделка пола</label>
        <select id="kc-floor">
          <option value="laminate" selected>Ламинат / паркет</option>
          <option value="tile">Плитка</option>
          <option value="vinyl">Винил / кварц-винил</option>
        </select>
      </div>

      <div class="kc-field">
        <label>Потолок</label>
        <select id="kc-ceiling">
          <option value="paint" selected>Покраска</option>
          <option value="stretch">Натяжной</option>
          <option value="gypsum">ГКЛ / сложный</option>
        </select>
      </div>

      <div class="kc-field">
        <label>Сантехника</label>
        <select id="kc-plumbing">
          <option value="none" selected>Без работ</option>
          <option value="basic">Базовая замена</option>
          <option value="full">Перенос / новые точки</option>
        </select>
      </div>

      <div class="kc-field">
        <label>Электрика</label>
        <select id="kc-electrical">
          <option value="none" selected>Без работ</option>
          <option value="basic">Пара розеток/свет</option>
          <option value="full">Новая линия / много точек</option>
        </select>
      </div>

      <div class="kc-field">
        <label>Кухонный гарнитур</label>
        <select id="kc-set">
          <option value="none">Не нужен</option>
          <option value="economy" selected>Эконом</option>
          <option value="standard">Стандарт</option>
          <option value="premium">Премиум</option>
        </select>
      </div>

      <div class="kc-field">
        <label>Техника</label>
        <select id="kc-appliances">
          <option value="none">Не нужна</option>
          <option value="basic" selected>Базовая</option>
          <option value="full">Полный комплект</option>
        </select>
      </div>

      <div class="kc-field">
        <label>Сложность работ</label>
        <select id="kc-complexity">
          <option value="low" selected>Низкая (без переносов)</option>
          <option value="medium">Средняя (частичные переносы)</option>
          <option value="high">Высокая (перепланировка)</option>
        </select>
      </div>

      <div class="kc-field">
        <label>Непредвиденные расходы: <span id="kc-cont-label">8%</span></label>
        <input id="kc-contingency" type="range" min="0" max="25" step="1" value="8">
        <div class="kc-muted">Рекомендуем 7–12%</div>
      </div>

      <div class="kc-field">
        <label>Демонтаж старого (включить?)</label>
        <select id="kc-demolition">
          <option value="yes" selected>Да</option>
          <option value="no">Нет</option>
        </select>
        <div class="kc-muted" style="margin-top:6px;">+6% от базовой части</div>
      </div>
    </div>

    <div id="kc-breakdown" style="margin-top:14px;"></div>

    <div class="kc-total" aria-live="polite">
      <div>
        <div class="kc-muted">Итого ориентировочно</div>
        <div class="sum" id="kc-total-sum">—</div>
      </div>
      <div style="text-align:right;">
        <div class="kc-muted">За м²</div>
        <div style="font-weight:700;" id="kc-perm2">—</div>
      </div>
    </div>

    <div class="kc-actions">
      <button class="kc-btn-primary" id="kc-copy">Скопировать смету</button>
      <button class="kc-btn-ghost" id="kc-reset">Сбросить</button>
    </div>

    <div class="kc-note">
      Это примерный калькулятор. Итог зависит от состояния помещения, брендов и региона.
    </div>
  </div>
  `;

  // ====== ЛОГИКА ======
  const el = (id)=> mount.querySelector(id);

  const state = {
    area: el('#kc-area'),
    repair: el('#kc-repair'),
    walls: el('#kc-walls'),
    floor: el('#kc-floor'),
    ceiling: el('#kc-ceiling'),
    plumbing: el('#kc-plumbing'),
    electrical: el('#kc-electrical'),
    set: el('#kc-set'),
    appliances: el('#kc-appliances'),
    complexity: el('#kc-complexity'),
    contingency: el('#kc-contingency'),
    contLabel: el('#kc-cont-label'),
    demolition: el('#kc-demolition'),
    breakdown: el('#kc-breakdown'),
    totalSum: el('#kc-total-sum'),
    perM2: el('#kc-perm2'),
    copyBtn: el('#kc-copy'),
    resetBtn: el('#kc-reset')
  };

  function fmt(n){
    const cur = PRICES.currency || '';
    return cur + n.toLocaleString('en-GB', {maximumFractionDigits: 0});
  }

  function compute(){
    const area = Math.max(0, parseFloat(state.area.value) || 0);

    const repairType = state.repair.value;
    const wallsType = state.walls.value;
    const floorType = state.floor.value;
    const ceilingType = state.ceiling.value;

    const plumbingType = state.plumbing.value;
    const electricalType = state.electrical.value;
    const setType = state.set.value;
    const appliancesType = state.appliances.value;

    const complexity = state.complexity.value;
    const contingencyPct = parseFloat(state.contingency.value || 0);
    const demolitionYes = state.demolition.value === 'yes';

    // База по типу ремонта
    const baseRepair = area * PRICES.repairTypePerM2[repairType];

    // Площади отделки (простая модель)
    const wallsArea = area * 2.7;   // стены кухни условно
    const floorArea = area;
    const ceilingArea = area;

    const wallsCost = wallsArea * PRICES.wallsFinish[wallsType];
    const floorCost = floorArea * PRICES.floorFinish[floorType];
    const ceilingCost = ceilingArea * PRICES.ceiling[ceilingType];

    const plumbingCost = PRICES.plumbing[plumbingType];
    const electricalCost = PRICES.electrical[electricalType];
    const setCost = PRICES.kitchenSet[setType];
    const appliancesCost = PRICES.appliances[appliancesType];

    let subtotal = baseRepair + wallsCost + floorCost + ceilingCost + plumbingCost + electricalCost + setCost + appliancesCost;

    // Демонтаж: +6% от строительной части (без мебели/техники)
    const buildPart = baseRepair + wallsCost + floorCost + ceilingCost + plumbingCost + electricalCost;
    const demolitionCost = demolitionYes ? buildPart * 0.06 : 0;

    subtotal += demolitionCost;

    // Сложность
    const complexityMult = PRICES.complexityMultiplier[complexity];
    const afterComplexity = subtotal * complexityMult;

    // Непредвиденные
    const contingency = afterComplexity * (contingencyPct / 100);
    const total = afterComplexity + contingency;

    const breakdown = [
      ["Базовый ремонт (" + repairTypeLabel(repairType) + ")", baseRepair],
      ["Отделка стен (" + wallsLabel(wallsType) + ")", wallsCost],
      ["Отделка пола (" + floorLabel(floorType) + ")", floorCost],
      ["Потолок (" + ceilingLabel(ceilingType) + ")", ceilingCost],
      ["Сантехника (" + plumbingLabel(plumbingType) + ")", plumbingCost],
      ["Электрика (" + electricalLabel(electricalType) + ")", electricalCost],
      ["Гарнитур (" + setLabel(setType) + ")", setCost],
      ["Техника (" + appliancesLabel(appliancesType) + ")", appliancesCost],
      ["Демонтаж", demolitionCost],
      ["Множитель сложности ×" + complexityMult.toFixed(2), afterComplexity - (subtotal)],
      ["Непредвиденные " + contingencyPct + "%", contingency]
    ];

    renderBreakdown(breakdown, total, area);
  }

  function repairTypeLabel(v){ return ({cosmetic:"косметический", capital:"капитальный", designer:"премиум"})[v] || v; }
  function wallsLabel(v){ return ({paint:"покраска/обои", tile:"плитка", panels:"панели"})[v] || v; }
  function floorLabel(v){ return ({laminate:"ламинат", tile:"плитка", vinyl:"винил"})[v] || v; }
  function ceilingLabel(v){ return ({paint:"покраска", stretch:"натяжной", gypsum:"ГКЛ"})[v] || v; }
  function plumbingLabel(v){ return ({none:"нет", basic:"базовая", full:"полная"})[v] || v; }
  function electricalLabel(v){ return ({none:"нет", basic:"базовая", full:"полная"})[v] || v; }
  function setLabel(v){ return ({none:"нет", economy:"эконом", standard:"стандарт", premium:"премиум"})[v] || v; }
  function appliancesLabel(v){ return ({none:"нет", basic:"базовая", full:"полная"})[v] || v; }

  function renderBreakdown(items, total, area){
    state.breakdown.innerHTML = `
      <div class="kc-field" style="margin-top:0;">
        <div style="font-weight:700; margin-bottom:6px;">Смета</div>
        ${items.map(([name,val])=>`
          <div class="kc-row">
            <div>${name}</div>
            <div>${fmt(Math.max(0, Math.round(val)))}</div>
          </div>
        `).join("")}
      </div>
    `;
    state.totalSum.textContent = fmt(Math.round(total));
    state.perM2.textContent = area > 0 ? fmt(Math.round(total/area)) : "—";
  }

  function bind(){
    const inputs = mount.querySelectorAll('input, select');
    inputs.forEach(i => i.addEventListener('input', ()=>{
      if (i === state.contingency){
        state.contLabel.textContent = i.value + "%";
      }
      compute();
    }));

    state.copyBtn.addEventListener('click', ()=>{
      const text = mount.innerText
        .split('\n')
        .map(s=>s.trim())
        .filter(Boolean)
        .slice(0, 200)
        .join('\n');

      try{
        navigator.clipboard.writeText(text);
        state.copyBtn.textContent = "Скопировано!";
        setTimeout(()=> state.copyBtn.textContent = "Скопировать смету", 1200);
      }catch(e){
        alert("Не удалось скопировать автоматически. Выделите текст сметы и скопируйте вручную.");
      }
    });

    state.resetBtn.addEventListener('click', ()=>{
      state.area.value = 10;
      state.repair.value = 'capital';
      state.walls.value = 'paint';
      state.floor.value = 'laminate';
      state.ceiling.value = 'paint';
      state.plumbing.value = 'none';
      state.electrical.value = 'none';
      state.set.value = 'economy';
      state.appliances.value = 'basic';
      state.complexity.value = 'low';
      state.contingency.value = 8;
      state.contLabel.textContent = "8%";
      state.demolition.value = 'yes';
      compute();
    });
  }

  bind();
  compute();
})();
</script>

<p class="">Ignite Creativity &amp; Confidence with Rap Kids!</p>

<p class="">At Rap Kids, we believe every child has a story to tell and a rhythm to share. Our engaging workshops go beyond just beats and rhymes; they're a journey of self-discovery. We provide a supportive and super fun environment where kids can confidently express themselves, develop crucial communication skills, and build lasting friendships. From mastering flow to writing their own lyrics, your child will gain confidence, creativity, and a whole lot of swagger! Come join our crew and let's make some noise!</p>

<p class="">More Than Music: It's About Growing Up Awesome!</p>

<p class="">What Makes Rap Kids So Cool?</p>

<p class="">We're not just teaching rap; we're building a community where every child shines! Check out some of the awesome things we focus on.</p>

Boost Confidence

<p class="">Through performance and self-expression, kids learn to own the stage and their ideas.</p>

<p class="">Shy no more!</p>

Spark Creativity

<p class="">From storytelling to beat-making, we unlock imaginative potential in every session.</p>

<p class="">Imagination Unleashed</p>

Develop Rhythm

<p class="">Get grooving with fun exercises that build a natural sense of timing and musicality.</p>

<p class="">Feel the Beat!</p>

<p class="">Your Child's Journey to Lyrical Awesomeness!</p>

<p class="">Joining Rap Kids is super easy! We've designed a simple process to get your child grooving and growing in no time.</p>

<p class="">Explore Programs</p>

<p class="">Check out our exciting range of workshops and find the perfect fit for your child's age and interest.</p>

<p class="">Sign Up &amp; Enroll</p>

<p class="">Complete our quick and easy online registration. We'll handle the rest and welcome you to the family!</p>

<p class="">Simple Steps to Join the Rap Kids Crew</p>

<p class="">Proud Parent of a Rap Kid</p>

<p class="">"Rap Kids has been a game-changer for my daughter! She used to be so shy, but now she's bursting with confidence and loves performing. The instructors are amazing, making learning rap fun and engaging. It's truly helped her find her voice and connect with other creative kids."</p>

<p class="">Your Questions, Answered!</p>

<p class="">Got questions about our programs, schedule, or anything else? We've got answers! Check out our most frequently asked questions below.</p>

Everything You Need to Know About Rap Kids

<p class="">Name</p>

name

<p class="">Email</p>

email

<p class="">Phone</p>

phone

<p class="">Message</p>

message

Thanks for reaching out! We'll get back to you faster than a fresh beat drops.

Awesome! We got your message.

<p class="">Ready to Get Your Kid Rapping?</p>

<p class="">Drop us a line and let's chat about how your child can join the Rap Kids family. We're excited to hear from you!</p>

<p class="">47 Bedford Hill, Balham, London SW12 9EY</p>

<p class="">Let's Connect &amp; Create!</p>

Nurture confidence & lyrical skills at Rap Kids London! Fun rap classes for children. Explore music, build self-esteem. Join us today!