/*
 * Услуга (template-usluga.php - usluga.html), Услуги (page-uslugi.php - uslugi.html),
 * Циклене (page-ciklene.php - ciklene.html). Общите блокове са в sp-base.css.
 */

/* ========== Услуга ========== */

/* Хиро: разделен екран; лявата половина подравнена с контейнера. */
.sp-uhero{display:flex;flex-wrap:wrap;background:var(--sp-ink);color:#FFFFFF}
.sp-uhero__text{display:flex;flex:1 1 560px;flex-direction:column;justify-content:center;min-width:0;padding:64px 56px 72px max(24px,calc((100vw - 1240px) / 2 + 24px))}
/* Снимковата половина: min-height 420px - изключение (г) от т. 4. */
.sp-uhero__media{position:relative;flex:1 1 460px;min-height:420px}
.sp-uhero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.sp-uhero .sp-crumbs{margin-bottom:22px;color:var(--sp-on-dark-2)}
.sp-uhero .sp-crumbs a:hover{color:#FFFFFF}
.sp-uhero .sp-crumbs [aria-current]{color:var(--sp-tan);font-weight:400}
.sp-uhero__title{margin:0 0 18px;font-size:clamp(34px,3.8vw,52px);line-height:1.1;font-weight:800}
.sp-uhero__lead{margin:0 0 26px;font-size:18px;line-height:1.6;color:#D9D6DE}
.sp-uhero__bullets{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:30px;font-size:15px;font-weight:600}
.sp-uhero__bullets span{display:inline-flex;gap:8px;align-items:center}
.sp-uhero__bullets .sp-check{color:var(--sp-tan)}
@media (max-width:700px){
	.sp-uhero__text{padding-right:24px}
}

/* Как работи. */
.sp-utech__in{display:flex;flex-wrap:wrap;gap:50px 70px;align-items:center;padding-top:100px;padding-bottom:80px}
.sp-utech__text{flex:1 1 480px;min-width:0}
.sp-utech__text .sp-h2{margin:14px 0 22px}
.sp-utech__text p{margin:0 0 16px;font-size:17px;line-height:1.75;color:var(--sp-text-2)}
.sp-utech__text p:last-child{margin-bottom:0}
.sp-utech__media{flex:1 1 420px;min-width:0}
.sp-utech__img{display:block;width:100%;height:auto;aspect-ratio:4/3.2;object-fit:cover;border-radius:18px}

/* Предимства. */
.sp-uben__in{padding-top:90px;padding-bottom:90px}
.sp-uben__head{display:grid;grid-template-columns:minmax(0,760px);margin-bottom:40px}
.sp-uben__head .sp-h2{margin:0}
.sp-uben__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.sp-uben__card{padding:28px;border-radius:var(--sp-radius);background:#FFFFFF}
.sp-uben__card h3{margin:0 0 8px;font-size:18px;font-weight:800;line-height:1.3}
.sp-uben__card p{margin:0;font-size:15px;line-height:1.6;color:var(--sp-text-3)}

/* Цена + форма. */
.sp-uprice__in{display:flex;flex-wrap:wrap;gap:40px 60px;align-items:flex-start;padding-top:100px;padding-bottom:100px}
.sp-uprice--form .sp-uprice__in{justify-content:center}
.sp-uprice__text{flex:1 1 460px;min-width:0}
.sp-uprice__text .sp-h2{margin:14px 0 18px}
.sp-uprice__text .sp-lead{margin-bottom:26px}
.sp-uprice__rows{display:flex;flex-direction:column;gap:10px}
.sp-uprice__row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border:1.5px solid #E6E0DB;border-radius:14px;color:var(--sp-navy);text-decoration:none}
a.sp-uprice__row:hover{border-color:var(--sp-navy);color:var(--sp-navy)}
.sp-uprice__row b{display:block;font-size:17px}
.sp-uprice__short{font-size:14px;color:var(--sp-muted)}
.sp-uprice__num{flex:0 0 auto;font-family:var(--sp-font-head);font-size:26px;font-weight:800}
.sp-uprice__unit{font-size:14px;font-weight:600;color:var(--sp-muted)}
.sp-uprice__row--hl{border-color:var(--sp-navy);background:var(--sp-navy);color:#FFFFFF}
a.sp-uprice__row--hl:hover{color:#FFFFFF}
.sp-uprice__row--hl .sp-uprice__short,.sp-uprice__row--hl .sp-uprice__unit{color:var(--sp-on-dark-2)}
.sp-uprice__row--hl .sp-uprice__num{color:var(--sp-tan)}
.sp-uprice__form{flex:0 1 420px;min-width:0}
.sp-uprice__form .sp-formcard__title{margin:0;font-size:22px}

/* Свързани услуги. */
.sp-urel__in{padding-top:90px;padding-bottom:100px}
.sp-urel__head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:30px}
.sp-urel__title{margin:0;font-size:clamp(26px,2.6vw,34px);font-weight:800;line-height:1.2}
.sp-urel__all{font-size:15px;font-weight:700}

/* ========== Услуги ========== */

.sp-uadv__in{display:flex;flex-wrap:wrap;gap:30px 70px;align-items:flex-start;padding-top:90px;padding-bottom:40px}
.sp-uadv__head{flex:1 1 440px;min-width:0}
.sp-uadv__head .sp-h2{margin:14px 0 0}
.sp-uadv__body{flex:1 1 480px;min-width:0}
.sp-uadv__body .sp-lead{margin-bottom:24px}
.sp-uadv .sp-checks{gap:12px 26px}
@media (max-width:600px){
	.sp-uadv .sp-checks{flex-direction:column;align-items:flex-start}
}

.sp-ulist__in{padding-top:40px;padding-bottom:100px}

.sp-uwhy__in{padding-top:90px;padding-bottom:90px}
.sp-uwhy__top{display:flex;flex-wrap:wrap;gap:20px 60px;align-items:flex-end;justify-content:space-between;margin-bottom:44px}
.sp-uwhy__head{flex:1 1 520px;display:grid;grid-template-columns:minmax(0,700px)}
.sp-uwhy__head .sp-h2{margin:14px 0 0}
.sp-uwhy__link{color:var(--sp-tan);font-size:15px;font-weight:700}
.sp-uwhy__link:hover{color:#FFFFFF}

.sp-urev__in{padding-top:100px;padding-bottom:100px}
.sp-urev__head{margin-bottom:44px}
.sp-urev__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.sp-urev__card{display:flex;flex-direction:column;gap:22px;margin:0;padding:32px;border-radius:18px;background:#FFFFFF}
.sp-urev__q{color:var(--sp-tan)}
.sp-urev__card blockquote{flex-grow:1;margin:0;font-size:16.5px;line-height:1.7;color:#3A3B4C}
.sp-urev__card figcaption{display:flex;gap:12px;align-items:center}
.sp-urev__ava{display:inline-flex;flex:0 0 46px;align-items:center;justify-content:center;height:46px;border-radius:var(--sp-pill);background:var(--sp-navy);color:var(--sp-tan);font-weight:700}
.sp-urev__card b{display:block;font-size:15px}
.sp-urev__role{font-size:13px;color:var(--sp-muted)}

/* ========== Циклене ========== */

.sp-ciklene .sp-phero__shade{background:linear-gradient(90deg,rgba(10,11,20,.95) 0%,rgba(10,11,20,.82) 50%,rgba(10,11,20,.4) 100%)}
.sp-ciklene .sp-phero__bg{object-position:50% 60%}

.sp-cchoose__in{padding-top:90px;padding-bottom:90px}
.sp-cchoose__head{margin-bottom:40px}
.sp-cchoose__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}
.sp-cchoose__card{border-radius:18px}
.sp-cchoose__card--dark{border-color:var(--sp-navy);background:var(--sp-navy);color:#FFFFFF}
.sp-cchoose__card--dark:hover{color:#FFFFFF}
.sp-cchoose__img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.sp-cchoose__body{display:flex;flex-direction:column;flex-grow:1;gap:10px;padding:26px}
.sp-cchoose__tag{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-tan-dark)}
.sp-cchoose__body h3{margin:0;font-size:22px;font-weight:800;line-height:1.25}
.sp-cchoose__body p{flex-grow:1;margin:0;font-size:15px;line-height:1.6;color:var(--sp-text-3)}
.sp-cchoose__more{font-size:14px;font-weight:700;color:var(--sp-tan-dark)}
.sp-cchoose__card--dark .sp-cchoose__tag,.sp-cchoose__card--dark .sp-cchoose__more{color:var(--sp-tan)}
.sp-cchoose__card--dark p{color:var(--sp-on-dark)}

.sp-cfinish__in{padding-top:90px;padding-bottom:90px}
.sp-cfinish__title{margin:0 0 12px;font-size:clamp(26px,2.8vw,36px);line-height:1.2;font-weight:800}
.sp-cfinish__lead{margin:0 0 32px;font-size:17px;color:var(--sp-text-2)}
.sp-cfinish__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.sp-cfinish__link{display:flex;gap:14px;align-items:center;padding:14px;border-radius:14px;background:#FFFFFF;color:var(--sp-navy);text-decoration:none}
.sp-cfinish__link b{font-size:16px}
.sp-cfinish__img{display:block;flex:0 0 64px;width:64px;height:64px;object-fit:cover;border-radius:10px}

.sp-cprices__in{padding-top:90px;padding-bottom:90px}
.sp-cprices__box{display:flex;flex-wrap:wrap;gap:30px 50px;align-items:center;justify-content:space-between;padding:44px;border-radius:var(--sp-radius-lg);background:var(--sp-navy);color:#FFFFFF}
.sp-cprices__text{flex:1 1 380px;min-width:0}
.sp-cprices__text h2{margin:0 0 10px;font-size:30px;font-weight:800;line-height:1.2}
.sp-cprices__text p{margin:0;font-size:16px;color:var(--sp-on-dark)}
.sp-cprices__list{display:flex;flex-wrap:wrap;gap:14px}
.sp-cprices__item{flex:1 0 150px;padding:18px 22px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06)}
.sp-cprices__name{font-size:13px;color:var(--sp-on-dark-2)}
.sp-cprices__num{font-family:var(--sp-font-head);font-size:28px;font-weight:800}
.sp-cprices__item--hl{border-color:var(--sp-tan);background:var(--sp-tan);color:var(--sp-ink)}
.sp-cprices__item--hl .sp-cprices__name{font-weight:600;color:var(--sp-ink)}
.sp-cprices__all{color:var(--sp-tan);font-size:15px;font-weight:700}
.sp-cprices__all:hover{color:#FFFFFF}

.sp-creview__in{display:grid;grid-template-columns:minmax(0,852px);justify-content:center;justify-items:center;padding-top:90px;padding-bottom:90px;text-align:center}
.sp-creview__q{color:var(--sp-tan)}
.sp-creview blockquote{margin:18px 0 22px;font-family:var(--sp-font-head);font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.5}
.sp-creview__who{font-size:15px}
.sp-creview__who span{color:var(--sp-muted)}