/* QWOP / Stroitelstvo hero — v1. Scoped; main site header/footer untouched. */
.qsthero {position:relative;isolation:isolate;overflow:hidden;min-height:405px;margin:16px 0 40px;background:#0c243b;color:#fff;font-family:inherit;}
.qsthero *, .qsthero *::before, .qsthero *::after {box-sizing:border-box}
.qsthero__photo {position:absolute;inset:0 0 0 auto;width:62%;background:#234057 url('qwop-build-hero-v1.jpg') center 49% /cover no-repeat;z-index:-2;}
.qsthero__panel {position:absolute;inset:0 auto 0 0;width:59%;background:linear-gradient(110deg,#10233d 0%,#0a2a43 100%);clip-path:polygon(0 0,100% 0,85% 100%,0 100%);z-index:-1;}
.qsthero__body {position:relative;width:min(59%,790px);padding:39px 42px 39px 42px;}
.qsthero__accent {display:block;width:72px;height:6px;background:#f56b21;border-radius:3px;margin:0 0 16px;}
.qsthero h1 {margin:0 0 10px!important;font-size:clamp(34px,3.2vw,56px)!important;line-height:1.1!important;letter-spacing:-.025em;font-family:inherit!important;font-weight:800!important;color:#fff!important;}
.qsthero__lead {max-width:570px;margin:0 0 26px!important;font-size:clamp(15px,1.25vw,19px)!important;line-height:1.47!important;color:#e8f0f6!important;}
.qsthero__stats {display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0 0 25px!important;padding:0!important;}
.qsthero__stat {min-width:0;padding:0 17px 0 0;margin:0 17px 0 0;border-right:1px solid rgba(255,255,255,.45);}
.qsthero__stat:last-child {border-right:0;padding-right:0;margin-right:0;}
.qsthero__stat strong {display:block;font-size:24px;line-height:1.1;color:#fff;font-weight:800;font-family:inherit;}
.qsthero__stat span {display:block;margin-top:4px;font-size:12px;line-height:1.3;color:#e9f0f5;}
.qsthero__button {display:inline-flex;align-items:center;justify-content:center;min-height:49px;gap:14px;padding:0 22px;text-decoration:none!important;border-radius:0!important;background:#f56b21;color:#fff!important;font-family:inherit;font-size:15px;font-weight:700;transition:background-color .16s ease;}
.qsthero__button:hover,.qsthero__button:focus-visible {background:#e85b13;color:#fff!important;}
.qsthero__button:focus-visible {outline:2px solid white;outline-offset:4px;}
@media (max-width:1050px) {
  .qsthero__body{width:65%;padding:32px 28px}
  .qsthero__panel{width:68%}
  .qsthero__photo{width:56%}
  .qsthero__stat strong{font-size:21px}
}
@media (max-width:720px) {
  .qsthero{min-height:0;display:flex;flex-direction:column;margin:10px 0 26px}
  .qsthero__photo{position:relative;inset:auto;order:2;width:100%;height:235px;background-position:center 44%;z-index:0}
  .qsthero__panel{inset:0 0 auto 0;width:100%;height:calc(100% - 235px);clip-path:none;z-index:-1}
  .qsthero__body{order:1;width:100%;padding:26px 21px 24px}
  .qsthero h1{font-size:36px!important}
  .qsthero__lead{font-size:15px!important;margin-bottom:20px!important}
  .qsthero__stat{padding-right:10px;margin-right:10px;margin-bottom:8px}
  .qsthero__stat strong{font-size:20px}
}
@media (prefers-reduced-motion:reduce){.qsthero__button{transition:none}}


/* QSTHERO_VISUAL_FIX_V2_START */

/* Защита заголовка от стилей Reboot */
body .qi-main .qsthero #qsthero-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
    text-shadow: none !important;
    font-family: inherit !important;
    font-size: clamp(36px, 3.2vw, 56px) !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    margin: 0 0 14px !important;
}

/* Уплотняем вертикальные отступы */
body .qi-main .qsthero__body {
    padding-top: 34px;
    padding-bottom: 34px;
}

body .qi-main .qsthero__accent {
    margin-bottom: 17px;
}

body .qi-main .qsthero__lead {
    margin-bottom: 23px !important;
}

@media (max-width: 720px) {
    body .qi-main .qsthero__body {
        padding: 26px 21px !important;
    }
}

/* QSTHERO_VISUAL_FIX_V2_END */


/* QSTHERO_STATS_V3 */
.qsthero .qsthero__stats {
    display: flex !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}

.qsthero .qsthero__stat {
    min-width: 0 !important;
}

.qsthero .qsthero__metric {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #fff !important;
}

.qsthero .qsthero__metric svg {
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    color: #fff;
}

.qsthero .qsthero__metric strong {
    font-size: 24px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    color: #fff !important;
    font-variant-numeric: tabular-nums;
}

.qsthero .qsthero__stat > span:last-child {
    display: block;
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.35;
    color: #e9f0f5;
}


/* QWOP_ACTIVE_NAV_V1_START */

/* Активный раздел — оранжевая линия по макету */
body.category-stroitelstvo nav a[href*="/category/stroitelstvo/"],
body.category-stroitelstvo .qv3-nav a[href*="/category/stroitelstvo/"],
body.category-stroitelstvo .qv3-navigation a[href*="/category/stroitelstvo/"],
body.category-stroitelstvo .qv4-navigation a[href*="/category/stroitelstvo/"] {
    background-image: linear-gradient(#f56b21, #f56b21) !important;
    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    background-size: 100% 3px !important;
    color: #10283b !important;
    font-weight: 700 !important;
}

/* QWOP_ACTIVE_NAV_V1_END */