/* InfoTruck – допълнителни стилове. Зарежда се след темата (tooplate-little-fashion.css). */

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}

/* връзки към секции (#fines, #info...) да не се скриват под менюто */
[id] { scroll-margin-top: 90px; }

/* видим фокус при навигация с клавиатура */
a:focus-visible,
button:focus-visible,
.btn:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}

/* страница "Услуги" */
.it-service { padding: 2.5rem 0; }
.it-service + .it-service { border-top: 1px solid rgba(0, 0, 0, .12); }
.it-service h3 { margin-bottom: 1rem; }
.it-service p { max-width: 60ch; }
.it-service.text-center p,
.it-service .text-center p { margin-left: auto; margin-right: auto; }
.it-service .product-thumb { margin-bottom: 0; }

/* списъци с връзки */
.it-service-list { padding-left: 0; }
.it-service-list li { margin-bottom: .6rem; }

/* Горна част на "Услуги": текстът остава в лявата половина, а снимката е вдясно */
.it-hero-title {
    font-size: clamp(2rem, 4.2vw, 3.5rem);
    line-height: 1.1;
    overflow-wrap: break-word;
}
.it-hero-text { font-size: 1.1rem; }
@media (min-width: 992px) {
    .it-hero { padding-right: 2rem; }
}