/* ===== qts.kz upgrade 2026-09 — новые блоки поверх оригинальной темы ===== */
:root{
  --qts-dark:#005059; --qts-light:#80A6AB; --qts-pale:#9BC9CF; --qts-navy:#00293C;
  --qts-bg:#EDEEF8; --qts-card:#F4F4F4; --qts-shadow:0px 4px 50px 0px rgba(0,0,0,.10);
}
/* hero */
.hero_tag{display:inline-block;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--qts-pale);border:1px solid rgba(155,201,207,.5);border-radius:999px;padding:.45rem 1rem;margin-bottom:1.4rem}
.hero_btns{display:flex;gap:.8rem;flex-wrap:wrap}
.hero_btns .btn.white{color:var(--qts-dark)}
/* directions */
#box-dir{padding-top:4.8rem}
.dir_row{margin:0 -5px}
.dir_row .mob_full{padding:0 5px}
.dir_item{background:#fff;border-radius:20px;box-shadow:var(--qts-shadow);padding:1.6rem 1.5rem;height:100%;
  display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.dir_item:after{content:"";position:absolute;right:-1rem;bottom:-1rem;width:5.5rem;height:5.5rem;opacity:.35;filter:blur(1px);
  background:url(../img/preim.png) center/100% 100% no-repeat;pointer-events:none}
.dir_item:hover{transform:translateY(-4px);box-shadow:0 12px 50px rgba(0,80,89,.18)}
.dir_icon{width:3.25rem;height:3.25rem;border-radius:12px;background:var(--qts-dark);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.dir_icon svg{width:1.6rem;height:1.6rem}
.dir_title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--qts-dark)}
.dir_text{font-weight:400;line-height:1.35;margin-bottom:.9rem}
.dir_brands{font-size:.8rem;color:var(--qts-light);line-height:1.4;margin-top:auto;margin-bottom:.9rem;position:relative;z-index:1}
.dir_link{color:var(--qts-dark);font-weight:600;font-size:.9rem;position:relative;z-index:1}
.dir_link:hover{color:var(--qts-light)}
/* brands */
#box-brands{padding-top:4.8rem}
.brand_grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:1.6rem}
.brand_card{background:#fff;border-radius:16px;box-shadow:var(--qts-shadow);height:5.2rem;display:flex;align-items:center;justify-content:center;
  font-family:"Unbounded",sans-serif;font-weight:500;font-size:1.05rem;color:var(--qts-dark);letter-spacing:-.02em;transition:all .3s}
.brand_card:hover{background:var(--qts-dark);color:#fff}
.brand_marquee{overflow:hidden;padding:.35rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.brand_track{display:flex;gap:.6rem;width:max-content;animation:brand_scroll 70s linear infinite}
.brand_marquee.reverse .brand_track{animation-direction:reverse}
.brand_marquee:hover .brand_track{animation-play-state:paused}
@keyframes brand_scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.brand_chip{white-space:nowrap;background:#fff;border:1px solid rgba(0,80,89,.12);border-radius:999px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:500;color:var(--qts-navy)}
.brand_note{margin-top:1.6rem;background:var(--qts-card);border-radius:16px;box-shadow:var(--qts-shadow);padding:1.2rem 1.6rem;font-weight:400;line-height:1.4}
.brand_note a{display:inline-block;margin-left:.6rem;color:var(--qts-dark);font-weight:600}
.brand_note a:hover{color:var(--qts-light)}
/* how we work */
#box-how{padding-top:4.8rem}
.step_row{margin:0 -5px}
.step_row .mob_full{padding:0 5px}
.step_item{background:var(--qts-navy);color:#fff;border-radius:20px;padding:1.6rem 1.5rem;height:100%;position:relative;overflow:hidden}
.step_item:after{content:"";position:absolute;right:0;bottom:0;width:4.5rem;height:4.7rem;opacity:.35;filter:blur(1px);background:url(../img/preim.png) center/100% 100% no-repeat}
.step_num{font-family:"Unbounded",sans-serif;font-size:2.2rem;font-weight:500;color:var(--qts-pale);line-height:1;margin-bottom:.9rem}
.step_title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}
.step_text{font-weight:400;line-height:1.35;opacity:.9}
/* reviews: 6 карточек по 3 */
#box-6 .rev_item{box-shadow:var(--qts-shadow)}
/* responsive */
@media screen and (max-width:1100px){.brand_grid{grid-template-columns:repeat(4,1fr)}}
@media screen and (max-width:992px){
  .brand_grid{grid-template-columns:repeat(3,1fr)}
  .hero_btns .btn{min-width:unset;width:100%}
  .dir_item,.step_item{margin-bottom:10px}
}
@media screen and (max-width:550px){.brand_grid{grid-template-columns:repeat(2,1fr)}.brand_card{height:4.2rem;font-size:.9rem}}
/* шапка: 8 пунктов меню в одну строку */
@media screen and (min-width:992px){
  .menu{margin-left:2.4rem;font-size:.82rem}
  .menu a{margin-right:1.35rem}
  .header_right .btn{padding:0 1.5rem}
  .socials{margin-left:1.2rem}
  .socials a{margin-left:1rem}
}
/* ===== v3: логотипы брендов, клиенты-лента, отзывы ===== */
.brand_card img,.brand_logo img,.client_item img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.brand_card{padding:.9rem 1.4rem}
.brand_card img{height:3.2rem;width:auto;max-width:8.5rem}
.brand_card:hover{background:#fff}
.brand_logo{flex:0 0 auto;width:8.5rem;height:4.4rem;background:#fff;border:1px solid rgba(0,80,89,.10);border-radius:14px;
  display:flex;align-items:center;justify-content:center;padding:.6rem .9rem}
.brand_marquee{padding:.3rem 0}
.brand_track{gap:.7rem;animation-duration:90s}
.client_marquee{overflow:hidden;padding:.5rem 0 1rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.client_track{display:flex;gap:1rem;width:max-content;animation:brand_scroll 45s linear infinite}
.client_marquee:hover .client_track{animation-play-state:paused}
.client_item{flex:0 0 auto;width:15rem;height:9rem;background:#fff;border-radius:16px;box-shadow:var(--qts-shadow);padding:1.3rem;
  display:flex;align-items:center;justify-content:center;animation:client_float 6s ease-in-out infinite}
.client_item:nth-child(2n){animation-delay:-2s}.client_item:nth-child(3n){animation-delay:-4s}
@keyframes client_float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.brand_track,.client_track,.client_item{animation:none}}
/* отзывы: ровные карточки одной высоты */
.rev_slider_row{display:flex;flex-wrap:wrap;align-items:stretch}
.rev_slider_row .col-md-4{display:flex}
.rev_item{width:100%;display:flex;flex-direction:column;min-height:13rem}
.rev_title{min-height:2.6rem;display:flex;align-items:flex-end}
.rev_stars{margin-top:.4rem}
.rev_text{flex:1}
.rev_text.content p{line-height:1.35}
@media screen and (max-width:992px){.rev_item{min-height:unset}.client_item{width:11rem;height:7rem}.brand_logo{width:7rem;height:3.8rem}}
/* решения: широкая карточка «Поставка оборудования» */
.service_row .col-md-12{width:100%;padding:0 5px}
.service_item.service_wide{padding:2.4rem 2.6rem;min-height:unset}
.service_wide .service_title{text-align:left;font-size:2.2rem;line-height:1.2;margin-bottom:.8rem}
.service_wide_text{max-width:46rem;font-weight:400;line-height:1.4;margin-bottom:1.2rem;opacity:.95}
.service_wide .service_text ul{columns:2;column-gap:2.5rem}
.service_wide .service_text li{break-inside:avoid}
.service_wide .service_bottom{margin-top:1.5rem}
.service_wide .service_bottom .btn{width:auto;min-width:18rem;padding:0 2.3rem;margin:0}
@media screen and (max-width:992px){.service_wide .service_text ul{columns:1}.service_item.service_wide{padding:1.9rem 1.3rem}.service_wide .service_title{font-size:1.6rem}.service_wide .service_bottom .btn{width:100%}}
/* отзывы: стрелки слика не на заголовке */
#box-6 .slick-arrow{top:-3.2rem}