/*
 * Цени (page-ceni.php - ceni.html), За нас (page-za-nas.php - za-nas.html),
 * Контакти (page-kontakti.php - kontakti.html). Общите блокове са в sp-base.css.
 */

/* ========== Цени ========== */

.sp-ceni .sp-phero__in{padding-bottom:70px}
.sp-ceni .sp-phero__title{margin-bottom:16px}

.sp-cpk__in{padding-top:70px;padding-bottom:40px}
.sp-ceni .sp-pkg-card__name{font-size:22px}

/* Калкулатор. */
.sp-calc__in{padding-top:40px;padding-bottom:90px}
.sp-calc__box{display:flex;flex-wrap:wrap;gap:30px 50px;align-items:center;padding:40px;border-radius:var(--sp-radius-lg);background:var(--sp-tan-soft)}
.sp-calc__controls{flex:1 1 420px;min-width:0}
.sp-calc__title{margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.2}
.sp-calc__text{margin:0 0 22px;font-size:15px;line-height:1.6;color:#5A4A3E}
.sp-calc__pkgs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.sp-pkg{padding:11px 18px;border:1.5px solid #D9C7BA;border-radius:var(--sp-pill);background:#FFFFFF;color:var(--sp-navy);font:inherit;font-size:15px;font-weight:600;line-height:1.3;cursor:pointer}
.sp-pkg:hover{border-color:var(--sp-navy)}
.sp-pkg.is-on{border-color:var(--sp-navy);background:var(--sp-navy);color:#FFFFFF;font-weight:700}
.sp-calc__sqm{display:flex;gap:14px;align-items:center}
.sp-calc__step{display:inline-flex;flex:0 0 48px;align-items:center;justify-content:center;height:48px;padding:0;border:1.5px solid #D9C7BA;border-radius:var(--sp-pill);background:#FFFFFF;color:var(--sp-navy);font:inherit;font-size:22px;line-height:1;cursor:pointer}
.sp-calc__step:hover{border-color:var(--sp-navy)}
.sp-calc__value{min-width:120px;font-family:var(--sp-font-head);font-size:28px;font-weight:800;text-align:center}
.sp-calc__result{flex:0 1 340px;padding:28px;border-radius:18px;background:#FFFFFF;text-align:center}
.sp-calc__label{font-size:14px;color:var(--sp-muted)}
.sp-calc__total{font-family:var(--sp-font-head);font-size:56px;font-weight:800;line-height:1.1;color:var(--sp-navy)}
.sp-calc__break{margin-bottom:18px;font-size:14px;color:var(--sp-muted)}
.sp-calc__btn{display:block;padding:14px;border-radius:var(--sp-pill);background:var(--sp-tan);color:var(--sp-ink);font-size:15px;font-weight:700;text-decoration:none}
.sp-calc__btn:hover{background:#D8B6A1;color:var(--sp-ink)}

/* Допълнителни услуги. */
.sp-cextras__in{padding-top:90px;padding-bottom:90px}
.sp-cextras__title{margin:0 0 12px;font-size:clamp(28px,3vw,38px);line-height:1.2;font-weight:800}
.sp-cextras__lead{margin:0 0 34px;font-size:17px;color:var(--sp-text-2)}
.sp-cextras__list{overflow:hidden;border-radius:18px;background:#FFFFFF}
.sp-cextras__row{display:flex;flex-wrap:wrap;gap:8px 30px;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--sp-line)}
.sp-cextras__row:last-child{border-bottom:0}
.sp-cextras__name{flex:1 1 420px;min-width:0}
.sp-cextras__name b{font-size:17px}
.sp-cextras__desc{margin-top:4px;font-size:14.5px;color:var(--sp-text-3)}
.sp-cextras__price{font-family:var(--sp-font-head);font-size:22px;font-weight:800}
.sp-cextras__price span{font-size:14px;font-weight:600;color:var(--sp-muted)}

/* Как се формира цената. */
.sp-cfactors__in{padding-top:90px;padding-bottom:90px}
.sp-cfactors__head{display:grid;grid-template-columns:minmax(0,760px)}
.sp-cfactors__head h2{margin:0 0 14px;font-size:clamp(28px,3vw,38px);line-height:1.2;font-weight:800}
.sp-cfactors__head p{margin:0 0 34px;font-size:17px;line-height:1.7;color:var(--sp-text-2)}

/* Оферта. */
.sp-coffer__in{display:flex;flex-wrap:wrap;gap:40px 60px;align-items:center;padding-top:90px;padding-bottom:90px}
.sp-coffer__text{flex:1 1 460px;min-width:0}
.sp-coffer__text .sp-h2{margin:0 0 16px}
.sp-coffer__text p{margin:0 0 26px;font-size:17px;line-height:1.7;color:var(--sp-on-dark)}
.sp-coffer a.sp-coffer__tel{font-family:var(--sp-font-head);font-size:28px;font-weight:800;color:var(--sp-tan);text-decoration:none}
.sp-coffer a.sp-coffer__tel:hover{color:#FFFFFF}
.sp-coffer__form{flex:0 1 440px;min-width:0}

/* ========== За нас ========== */

.sp-zabout__in{display:flex;flex-wrap:wrap;gap:60px;align-items:center;padding-top:100px;padding-bottom:100px}
.sp-zabout__text{flex:1 1 460px;min-width:0}
.sp-zabout__text .sp-h2{margin:14px 0 22px}
.sp-zabout__text p{margin:0 0 16px;font-size:17px;line-height:1.75;color:var(--sp-text-2)}
.sp-zabout__text p:last-child{margin-bottom:0}
.sp-zabout__media{display:grid;flex:1 1 440px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.sp-zabout__img{grid-row:span 2;width:100%;height:100%;min-height:380px;object-fit:cover;border-radius:var(--sp-radius)}
.sp-zabout__img-small{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--sp-radius)}
.sp-zabout__badge{display:flex;flex-direction:column;justify-content:center;padding:22px;border-radius:var(--sp-radius);background:var(--sp-tan);color:var(--sp-ink)}
.sp-zabout__badge-num{font-family:var(--sp-font-head);font-size:44px;font-weight:800;line-height:1}
.sp-zabout__badge-label{margin-top:6px;font-size:14px;font-weight:700}

.sp-zstats__in{padding-top:70px;padding-bottom:70px}
.sp-zstats .sp-stat__value{font-size:46px}

.sp-zwhy__in{padding-top:100px;padding-bottom:100px}
.sp-zwhy__head{margin-bottom:48px}
.sp-zwhy__head .sp-h2{margin:14px 0 0}

.sp-zcta__in{padding-top:90px;padding-bottom:90px}
.sp-zcta__box{display:flex;flex-wrap:wrap;gap:24px 50px;align-items:center;justify-content:space-between;padding:48px;border-radius:var(--sp-radius-lg);background:var(--sp-tan-soft)}
.sp-zcta__text{flex:1 1 520px;min-width:0}
.sp-zcta__text h2{margin:0 0 10px;font-size:clamp(26px,2.8vw,34px);font-weight:800;line-height:1.2}
.sp-zcta__text p{margin:0;font-size:17px;color:#5A4A3E}
.sp-zcta__tel{padding:16px 26px}
.sp-zcta__btn{padding:15px 24px;font-weight:700}

/* ========== Контакти ========== */

.sp-kmain__in{display:flex;flex-wrap:wrap;gap:40px 50px;align-items:flex-start;padding-top:70px;padding-bottom:90px}
.sp-kmain__cards{display:flex;flex:1 1 380px;flex-direction:column;gap:14px;min-width:0}
.sp-kcard{display:flex;gap:18px;align-items:center;padding:24px;border:1.5px solid var(--sp-line);border-radius:18px;color:var(--sp-navy)}
.sp-kcard--phone{padding:26px;border:0;background:var(--sp-navy);color:#FFFFFF;text-decoration:none}
.sp-kcard--phone:hover{background:var(--sp-ink);color:#FFFFFF}
.sp-kcard__ico{display:inline-flex;flex:0 0 54px;align-items:center;justify-content:center;height:54px;border-radius:var(--sp-pill);background:var(--sp-tan-soft);color:var(--sp-tan-dark)}
.sp-kcard--phone .sp-kcard__ico{background:var(--sp-tan);color:var(--sp-ink)}
.sp-kcard__label{display:block;font-size:14px;color:var(--sp-on-dark-2)}
.sp-kcard__tel{font-family:var(--sp-font-head);font-size:26px;font-weight:800}
.sp-kcard__title{display:block;font-size:18px}
.sp-kcard__text{font-size:14.5px;color:var(--sp-text-3)}
/* content-box като в kontakti.html: 520px е без padding-а → на 1280 колоните са 471 / 711. */
.sp-kform{box-sizing:content-box;flex:1.3 1 520px;gap:16px;min-width:0;padding:36px;border-radius:var(--sp-radius-lg)}
.sp-kform .sp-formcard__title{font-size:26px}
.sp-kform .sp-formcard__text{font-size:15px}
/* Форма #3 в мрежата на kontakti.html (B5.1): Име, Фамилия, Телефон, Имейл - клетки по 200px+;
   Услуга, Съобщение, reCAPTCHA и бутонът - на цял ред. Обвивките на името (design/live/form3-dom.md)
   стават display:contents, за да са Име и Фамилия отделни клетки. Само тук - „Бърз оглед" не се пипа. */
.sp-kmain .sp-kform .fluentform fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;min-width:0;margin:0;padding:0;border:0}
.sp-kmain .sp-kform .fluentform .ff-name-field-wrapper,
.sp-kmain .sp-kform .fluentform .ff-t-container,
.sp-kmain .sp-kform .fluentform .ff-t-cell{display:contents}
.sp-kmain .sp-kform .fluentform fieldset .ff-el-group{margin:0}
.sp-kmain .sp-kform .fluentform fieldset>*{grid-column:1/-1;min-width:0}
.sp-kmain .sp-kform .fluentform fieldset>.ff-name-field-wrapper,
.sp-kmain .sp-kform .fluentform fieldset>.ff-el-group:has(input[type="tel"]),
.sp-kmain .sp-kform .fluentform fieldset>.ff-el-group:has(input[type="email"]){grid-column:auto}
.sp-kform .fluentform .ff_submit_btn_wrapper .ff-btn.ff-btn-submit,
.sp-kform .fluentform .ff-btn.ff-btn-submit.ff_btn_style{width:auto;padding:16px 34px}

.sp-knext__in{padding-top:80px;padding-bottom:80px}
.sp-knext__title{margin:0 0 30px;font-size:clamp(26px,2.6vw,34px);font-weight:800;line-height:1.2}
