/* Дополнения к теме для внутренних страниц laulita.ru. Цвета и шрифты — из переменных темы (custom.css). */
.ll-fa{position:relative;z-index:1;color:var(--white-color);font-size:20px;line-height:1;transition:all .4s ease-in-out}
.contact-info-item:hover .ll-fa,.why-choose-item:hover .ll-fa{color:var(--white-color)}
.ll-btns{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}
.ll-btns-center{justify-content:center}
.ll-center{text-align:center}
.ll-mt{margin-top:40px}
.btn-default.ll-btn-light{background:transparent;border:1px solid var(--accent-color)}
.dark-section .btn-default.ll-btn-light{color:var(--white-color)}
.ll-home-link .btn-default{margin:6px}
.about-us .about-us-btn,.what-we-do .about-us-btn{margin-top:30px}

/* шапка внутренней страницы и хлебные крошки */
.ll-page-header{padding:220px 0 110px}
.page-header-box ol.breadcrumb{background:none;margin-top:10px}
.page-header-box ol li.breadcrumb-item{text-transform:none;font-weight:500;opacity:.9}
.page-header-box ol li.breadcrumb-item a:hover{color:var(--accent-color)}
.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{content:"/"}

/* светлые блоки «текст + фото» на внутренних страницах: зеркальный вариант */
.about-us.ll-reverse .about-us-content{padding-left:30px}

/* блок преимуществ */
.why-choose-us.ll-section{padding:100px 0}
.why-choose-us .section-title p{max-width:640px;margin:15px auto 0}
.ll-round img,.ll-round figure{border-radius:30px}
.why-choose-image{margin-bottom:30px}

/* шаги работы */
.ll-step-icon{display:flex;align-items:center;justify-content:center;gap:12px}
.ll-step-icon i{width:60px;height:60px;border-radius:50%;background:var(--accent-color);color:var(--white-color);display:flex;align-items:center;justify-content:center;font-size:22px}
.ll-step-icon span{font-family:var(--accent-font);font-size:44px;font-weight:700;line-height:1;color:var(--accent-color);opacity:.4}

/* FAQ на светлом фоне */
.our-faqs.page-faqs .faq-accordion .accordion-item{background:var(--secondary-color)}
.our-faqs.page-faqs .faq-accordion .accordion-header{margin:0}
.our-faqs.page-faqs .faq-accordion .accordion-header .accordion-button{color:var(--primary-color);box-shadow:none}
.our-faqs.page-faqs .faq-accordion .accordion-header .accordion-button:not(.collapsed){color:var(--white-color)}
.faqs-content .ll-btns{margin-top:25px}

/* перелинковка «Смотрите также» */
.ll-related{padding:100px 0 70px;background:var(--secondary-color)}
.ll-rel{display:block;height:calc(100% - 30px);margin-bottom:30px;background:var(--white-color);border-radius:30px;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}
.ll-rel:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(3,32,12,.12)}
.ll-rel figure{display:block;margin:0}
.ll-rel img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ll-rel-body{display:block;padding:22px 24px 26px}
.ll-rel-title{display:block;font-family:var(--accent-font);font-size:20px;font-weight:600;line-height:1.3;color:var(--primary-color);margin-bottom:6px}
.ll-rel-text{display:block;color:var(--text-color);font-size:15px;line-height:1.5}
.ll-more{display:inline-block;margin-top:10px;color:var(--accent-color);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ll-more:hover{color:var(--white-color)}

/* призыв внизу внутренних страниц */
.ll-cta .section-title h2{max-width:900px;margin-left:auto;margin-right:auto}
.ll-cta .section-title{margin-bottom:0}

/* контакты и карта */
.page-contact-us .contact-info-box{padding-top:0}
.google-map-iframe,.google-map-iframe iframe{height:520px;border:0}

@media only screen and (max-width:991px){
  .ll-page-header{padding:170px 0 80px}
  .about-us.ll-reverse .about-us-content{padding-left:0}
  .why-choose-us.ll-section,.ll-related{padding:60px 0 40px}
  .ll-step-icon span{font-size:36px}
}
@media only screen and (max-width:767px){
  .ll-page-header{padding:140px 0 60px}
  .page-header-box h1{font-size:34px}
  .google-map-iframe,.google-map-iframe iframe{height:380px}
  .ll-btns .btn-default{width:100%;text-align:center}
}

/* активный пункт меню на тёмной шапке и регистр ссылок футера */
.main-menu ul li.active > a.nav-link,.main-menu ul li a.nav-link.active{color:var(--accent-color)}
.footer-links ul li,.footer-links ul li a{text-transform:none}
.why-choose-content h3,.how-it-work-body h3{text-transform:none}
.ll-rel img{height:auto!important;aspect-ratio:3/2!important}