/* QWOP unified inner-page design v1.0.0
 * Derived from approved home-v4.css. Does not restyle homepage or replace its templates.
 * Apply only to body.qwop-design-inner. */
body.qwop-design-inner {
  --qwop-navy:#10233d;
  --qwop-orange:#f56b21;
  --qwop-ink:#10283b;
  --qwop-muted:#687788;
  --qwop-border:#e5eaf0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--qwop-ink);
}
/* All inner-page containers use approved maximum, without forcing the header width. */
body.qwop-design-inner .qi-main.q-container,
body.qwop-design-inner main.q-container {width:min(1320px,calc(100% - 48px));}

/* Shared rectangular rubric chips: legacy cards + editorial cards. */
body.qwop-design-inner .q-badge,
body.qwop-design-inner .qi-badge,
body.qwop-design-inner .qi-category-badge,
body.qwop-design-inner .qi-card-category,
body.qwop-design-inner .qv4-featured-badge,
body.qwop-design-inner .qv4-latest-category,
body.qwop-design-inner .qv4-collections8-badge,
body.qwop-design-inner .qv4-editor-badge {
  display:inline-flex;align-items:center;
  padding:7px 12px;border:0;border-radius:0!important;
  background:var(--qwop-orange)!important;color:#fff!important;
  font-family:inherit;font-size:12px!important;font-weight:700!important;
  line-height:1.2!important;box-shadow:none;
}

/* Editorial cards: uniform link / photo interaction with hover and keyboard focus. */
body.qwop-design-inner :is(.q-card,.q-direction,.qi-card,.qi-article-card,.qi-topic-card) {
  border-radius:0!important;
  border-color:var(--qwop-border);
  transition:border-color .2s ease,box-shadow .2s ease;
}
body.qwop-design-inner :is(.q-card,.q-direction,.qi-card,.qi-article-card,.qi-topic-card):is(:hover,:focus-within) {
  border-color:var(--qwop-orange)!important;
  box-shadow:0 5px 20px rgba(16,35,61,.10);
}
body.qwop-design-inner :is(.q-card,.q-direction,.qi-card,.qi-article-card,.qi-topic-card) :is(.q-card-visual,.qi-card-image,.qi-card-photo,.qi-image) {
  overflow:hidden;
}
body.qwop-design-inner :is(.q-card,.q-direction,.qi-card,.qi-article-card,.qi-topic-card) img {
  transition:transform .25s ease;
}
body.qwop-design-inner :is(.q-card,.q-direction,.qi-card,.qi-article-card,.qi-topic-card):is(:hover,:focus-within) img {
  transform:scale(1.05);
}
body.qwop-design-inner :is(.q-card,.q-direction,.qi-card,.qi-article-card,.qi-topic-card):is(:hover,:focus-within) :is(.q-arrow,.qi-arrow) {
  background:var(--qwop-orange);border-color:var(--qwop-orange);color:#fff!important;
}
body.qwop-design-inner :is(.qi-card,.qi-article-card,.qi-topic-card):is(:hover,:focus-within) :is(h2,h3,.qi-card-title) {
  color:var(--qwop-orange);
}
/* Generic internal navigation links keep approved interaction color. */
body.qwop-design-inner .qi-main a:is(:hover,:focus-visible) {color:var(--qwop-orange);}
body.qwop-design-inner .qi-main :is(a,button):focus-visible {
  outline:3px solid var(--qwop-orange);outline-offset:3px;
}
/* Active section nav underline, no font changes to shared V4 header. */
body.category-stroitelstvo .qv4-navigation a[href*="/stroitelstvo/"] {
  position:relative;color:#10283b!important;font-weight:700;
  background:none!important;
}
body.category-stroitelstvo .qv4-navigation a[href*="/stroitelstvo/"]::after {
  content:"";position:absolute;left:0;right:0;bottom:-9px;height:3px;background:#f56b21;
}
/* Anchor within the editorial column: keep heading visible after sticky headers. */
body.qwop-design-inner #qi-all-materials {scroll-margin-top:110px;}
@media(max-width:767px) {
 body.qwop-design-inner .qi-main.q-container,
 body.qwop-design-inner main.q-container {width:calc(100% - 32px);}
 body.category-stroitelstvo .qv4-navigation a[href*="/stroitelstvo/"]::after {bottom:-5px;}
}
@media(prefers-reduced-motion:reduce) {
 body.qwop-design-inner :is(.q-card,.q-direction,.qi-card,.qi-article-card,.qi-topic-card),
 body.qwop-design-inner :is(.q-card,.q-direction,.qi-card,.qi-article-card,.qi-topic-card) img {transition:none!important;}
}


/* QWOP_UNIFIED_HEADING_V2_START */

/* Заголовки основных секций — как на главной QWOP */
body.qwop-design-inner :is(
    .qstdir__title,
    .qi-editorial-section > h2,
    .qi-section > h2,
    .qi-section-heading > h2,
    .qi-section-title,
    .q-section-heading > h2,
    .q-section > h2
) {
    display: block !important;
    width: fit-content;
    max-width: 100%;
    border-left: 5px solid #f56b21 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    padding-left: 18px !important;
    color: #10233d !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(26px, 2.4vw, 34px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.5px !important;
}

/* Убираем ошибочную полоску справа */
body.qwop-design-inner .qstdir__title::after {
    content: none !important;
    display: none !important;
}

/* QWOP_UNIFIED_HEADING_V2_END */


/* QWOP_GLOBAL_CARD_ARROWS_V2_START */

/* Единые квадратные стрелки карточек QWOP */
body.qwop-design-inner
:is(.q-card,.q-direction,.qi-card,.qi-article-card,
    .qi-topic-card,.qstdir__card)
:is(a, :has(a))
:is(.q-arrow,.qi-arrow,.qstdir__arrow) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 37px !important;
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;
    min-height: 37px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    background: #fff !important;
    color: #f56b21 !important;
    box-shadow: none !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: background-color .2s, color .2s !important;
}

/* Наведение и управление клавиатурой */
body.qwop-design-inner
:is(.q-card,.q-direction,.qi-card,.qi-article-card,
    .qi-topic-card,.qstdir__card)
:is(a, :has(a)):is(:hover,:focus-within)
:is(.q-arrow,.qi-arrow,.qstdir__arrow) {
    background: #f56b21 !important;
    color: #fff !important;
    border-radius: 0 !important;
    transform: none !important;
}

/* Стрелка строительных направлений */
body.qwop-design-inner .qstdir__image-wrap {
    position: relative !important;
}

body.qwop-design-inner a.qstdir__card
.qstdir__image-wrap > .qstdir__arrow {
    position: absolute !important;
    right: 15px !important;
    bottom: 15px !important;
    z-index: 3;
}

/* Не показываем стрелку для недоступных карточек */
body.qwop-design-inner
.qstdir__card--unlinked .qstdir__arrow {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    body.qwop-design-inner
    :is(.q-arrow,.qi-arrow,.qstdir__arrow) {
        transition: none !important;
    }
}

/* QWOP_GLOBAL_CARD_ARROWS_V2_END */

/* Internal-page adapter. Visual values below inherit existing home tokens.
   Exact card/title declarations are appended from home-v4.css by PHP. */
body.qwop-design-inner #q-main{font-family:var(--qwop-site-font,Arial,Helvetica,sans-serif)!important}
body.qwop-design-inner{font-family:var(--qwop-site-font,Arial,Helvetica,sans-serif);color:var(--qwop-text,#10233d);background:var(--qwop-bg,#fff)}
body.qwop-design-inner :is(#q-main,#content,.qwop-platform) :is(strong,small,summary,a,span,time){font-family:inherit}
body.qwop-design-inner :is(#q-main,#content,.qwop-platform) :is(.q-card,.qstpost,.qstfresh__card,.qstdir__card,.qstservice,.qi-subcategory,.qi-box,.qi-topics,.qwop-page-card,.qwop-directory-card,.qwop-list-card){border-radius:0!important;border-color:var(--qwop-line,#dce3ea)!important;text-decoration:none!important;overflow:hidden}
body.qwop-design-inner #q-main :is(.q-card,.qstpost,.qstfresh__card){background:#fff;color:var(--qwop-text,#10233d)!important}
body.qwop-design-inner #q-main :is(.q-card-copy,.qstpost__body){display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:23px 24px 24px!important;gap:12px;min-width:0;flex:1}
body.qwop-design-inner #q-main :is(.q-card-copy>strong,.qstpost h3,.qstfresh__card h3){display:block;margin:0!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
body.qwop-design-inner #q-main :is(.q-description,.qstpost p){display:block;margin:0!important}
body.qwop-design-inner #q-main :is(.q-arrow,.qstpost__arrow,.qstdir__arrow,.qstfresh__card>b,.qstservice>b,.qi-subcategory>b){display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;border:0!important;border-radius:0!important;background:#fff!important;color:var(--qwop-orange,#f56b21)!important;font:20px/1 Arial,sans-serif!important;flex:none;padding:0!important}
body.qwop-design-inner #q-main :is(a.q-card,a.qstpost,a.qstfresh__card,a.qstdir__card,a.qstservice):is(:hover,:focus-visible){border-color:var(--qwop-orange,#f56b21)!important}
body.qwop-design-inner #q-main :is(a.q-card,a.qstpost,a.qstfresh__card,a.qstdir__card,a.qstservice):is(:hover,:focus-visible) :is(.q-arrow,.qstpost__arrow,.qstdir__arrow,.qstfresh__card>b,.qstservice>b){background:var(--qwop-orange,#f56b21)!important;color:#fff!important}
body.qwop-design-inner #q-main :is(.q-arrow,.qstpost__arrow){position:static!important;align-self:flex-end;margin-top:auto}
body.qwop-design-inner #q-main .q-card{display:flex;flex-direction:column;min-width:0}
body.qwop-design-inner #q-main :is(.q-card-visual,.q-card-visual img){display:block;width:100%}
body.qwop-design-inner #q-main :is(.q-card-visual img,.qstpost__image){object-fit:cover;aspect-ratio:16/9}
body.qwop-design-inner #q-main :is(.qstdir__content,.qi-subcategory>span){font-family:var(--qwop-site-font,Arial,Helvetica,sans-serif)!important}
body.qwop-design-inner #q-main .qstdir__name{font-weight:700!important}
body.qwop-design-inner #q-main .qstfresh__card{display:grid;grid-template-columns:35% minmax(0,1fr) 38px;gap:16px;align-items:center;padding-right:16px}
body.qwop-design-inner #q-main .qstfresh__card img{width:100%;height:100%;min-height:150px;object-fit:cover}
body.qwop-design-inner #q-main .qstfresh__card>span{padding:18px 0}
body.qwop-design-inner #q-main .qstfresh__card time{display:block;margin-top:12px;color:var(--qwop-text-2,#627489);font:12px/1.5 Arial,sans-serif}
body.qwop-design-inner #q-main :is(.qi-tools,.qi-choice){background:var(--qwop-bg-alt,#f5f7fa);border-radius:0}
body.qwop-design-inner #q-main .qi-subcategory{background:var(--qwop-text,#10233d)!important}
body.qwop-design-inner #q-main .qi-subcategory :is(strong,small){color:#fff!important}
body.qwop-design-inner #q-main .qi-subcategory>span{background:linear-gradient(transparent,rgba(16,35,61,.95))}
body.qwop-design-inner #q-main .qi-subcategory:not(:has(img))>span{background:transparent}
body.qwop-design-inner #q-main .qi-box :is(h2,strong){color:var(--qwop-text,#10233d)!important}
body.qwop-design-inner #q-main .qi-box>small{background:var(--qwop-bg-alt,#f5f7fa);color:var(--qwop-text-2,#627489);border-radius:0}
body.qwop-design-inner #q-main .qi-tools-box>a:before{border-radius:0;color:var(--qwop-orange,#f56b21);background:var(--qwop-bg-alt,#f5f7fa)}
body.qwop-design-inner .qv4-footer-v4 a[aria-current]{color:#fff!important;background:transparent!important;border:0!important}
@media(max-width:700px){body.qwop-design-inner #q-main .qstpopular{grid-template-columns:1fr!important}body.qwop-design-inner #q-main .qstpost{display:flex!important;grid-row:auto!important;grid-column:auto!important}body.qwop-design-inner #q-main .qstpost__image{width:100%;height:auto!important;min-height:0!important;flex:none!important}body.qwop-design-inner #q-main .qstfresh{grid-template-columns:1fr}body.qwop-design-inner #q-main .qstfresh__card{grid-template-columns:1fr;padding:0!important;gap:0;position:relative;width:100%!important}body.qwop-design-inner #q-main .qstfresh__card img{aspect-ratio:16/9;height:auto;min-height:0}body.qwop-design-inner #q-main .qstfresh__card>span{padding:23px 65px 24px 24px}body.qwop-design-inner #q-main .qstfresh__card>b{position:absolute;right:16px;bottom:16px}}

/* The photo-card layout of the home page, not stretched white panels. */
body.qwop-design-inner #q-main .qstpopular{grid-template-columns:1.45fr 1fr 1fr;grid-auto-rows:245px;align-items:stretch}
body.qwop-design-inner #q-main .qstpopular .qstpost{position:relative;display:block!important;min-height:0;background:#10233d!important}
body.qwop-design-inner #q-main .qstpopular .qstpost__image{position:absolute;inset:0;width:100%;height:100%!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover}
body.qwop-design-inner #q-main .qstpopular .qstpost__body{position:absolute;inset:auto 0 0;display:flex;padding:24px!important;gap:12px;background:linear-gradient(transparent,rgba(7,24,40,.96));padding-top:68px!important;z-index:1}
body.qwop-design-inner #q-main .qstpopular .qstpost h3{color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;line-height:1.25!important}
body.qwop-design-inner #q-main .qstpopular .qstpost p{display:none!important}
body.qwop-design-inner #q-main .qstpopular .qstpost__arrow{position:static!important;margin:0;align-self:flex-end}
body.qwop-design-inner #q-main .qstdir__card{position:relative;min-height:285px;background:#10233d!important}
body.qwop-design-inner #q-main .qstdir__image-wrap{position:absolute!important;inset:0}
body.qwop-design-inner #q-main .qstdir__image{height:100%;aspect-ratio:auto;object-fit:cover}
body.qwop-design-inner #q-main .qstdir__content{position:absolute;inset:auto 0 0;min-height:0;padding:55px 64px 22px 20px!important;background:linear-gradient(transparent,rgba(7,24,40,.96));pointer-events:none}
body.qwop-design-inner #q-main .qstdir__name{color:#fff!important;font-family:Arial,Helvetica,sans-serif!important}
body.qwop-design-inner #q-main .qstdir__desc{color:#e1e8ef!important;font-family:Arial,Helvetica,sans-serif!important}
body.qwop-design-inner #q-main .qstdir .qstdir__desc{color:#e1e8ef!important}
body.qwop-design-inner #q-main :is(.q-description,.qstservice small){color:var(--qwop-text-2,#627489)!important;font-family:Arial,Helvetica,sans-serif!important}
body.qwop-design-inner #q-main :is(.qstsection>h2,.qstsection__head>h2){display:block!important;border-left:5px solid var(--qwop-orange,#f56b21)!important;padding-left:18px!important;letter-spacing:-.5px!important}
body.qwop-design-inner #q-main :is(.qstsection>h2,.qstsection__head>h2)::after{content:none!important;display:none!important}
body.qwop-design-inner .qv4-footer-v4 .qv4-footer-nav a{color:#dce6f0!important;font:13px/1.4 Arial,Helvetica,sans-serif!important;background:transparent!important;border:0!important}
body.qwop-design-inner .qv4-footer-v4 .qv4-footer-nav a:hover{color:#f56b21!important}
@media(max-width:1100px) and (min-width:701px){body.qwop-design-inner #q-main .qstpopular{grid-template-columns:1fr 1fr}body.qwop-design-inner #q-main .qstpost--feature{grid-row:span 2;grid-column:1/-1}}
@media(max-width:700px){body.qwop-design-inner #q-main .qstpopular{grid-auto-rows:280px}body.qwop-design-inner #q-main .qstpopular .qstpost__image{height:100%!important}body.qwop-design-inner #q-main .qstdir__card{min-height:300px}}


/* Bounded category preview + separate URL-based archive. */
body.qwop-design-inner #q-main .qstfresh--preview>.qstfresh__card:last-child:nth-child(odd),body.qwop-design-inner #q-main .qstcatalog__grid>.qstfresh__card:last-child:nth-child(odd){grid-column:auto;width:100%;justify-self:stretch}
.qstpaths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 28px}
.qstpaths a{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid #dce3ea;text-decoration:none;color:#10233d;background:#f5f7fa}
.qstpaths strong{font:700 19px/1.3 Arial,Helvetica,sans-serif}.qstpaths span{font:14px/1.45 Arial,Helvetica,sans-serif;color:#627489}.qstpaths a:hover{border-color:#f56b21}
.qsttopicnav__links{display:flex;flex-wrap:wrap;gap:12px}.qsttopicnav__links a{display:flex;align-items:center;gap:18px;padding:13px 18px;border:1px solid #dce3ea;text-decoration:none;color:#10233d;font:700 15px/1.4 Arial,sans-serif}.qsttopicnav__links span{color:#f56b21}
.qstlimit{font:13px/1.5 Arial,sans-serif;color:#627489}.qstcatalogcta{text-align:center;margin:28px 0}.qstcatalogcta a{display:inline-flex;align-items:center;gap:20px;padding:15px 25px;background:#f56b21;color:#fff!important;text-decoration:none;font:700 16px/1.4 Arial,sans-serif}.qstcatalogcta p{font:14px/1.5 Arial,sans-serif;color:#627489;margin:12px 0}
.qstservice-note{padding:20px 0;border-top:1px solid #dce3ea;display:flex;flex-wrap:wrap;gap:12px 30px;align-items:center;font:14px/1.5 Arial,sans-serif}.qstservice-note a{font-weight:700}.qstservice-note>span{color:#627489}
.qstcatalog{padding:12px 0 32px}.qstback{display:inline-block;margin:0 0 22px;font:14px/1.5 Arial,sans-serif}.qstcatalog h1{margin:0 0 16px}.qstcatalog__lead{color:#627489;margin:0 0 24px}
.qstfilters{display:grid;grid-template-columns:2fr 1.25fr 1.1fr auto;gap:16px;align-items:end;padding:22px;background:#f5f7fa;border:1px solid #dce3ea;margin:24px 0}
.qstfilters label{display:flex;flex-direction:column;gap:8px;font:700 13px/1.4 Arial,sans-serif;min-width:0}.qstfilters :is(input,select){width:100%;min-width:0;height:46px;box-sizing:border-box;padding:10px 12px;font:14px/1.4 Arial,sans-serif!important}.qstfilters button{height:46px;padding:10px 22px;font:700 15px/1.4 Arial,sans-serif;cursor:pointer}.qstfilters__reset{font:14px/1.4 Arial,sans-serif;grid-column:1/-1;justify-self:start}
.qstcatalog__count{font:14px/1.5 Arial,sans-serif;margin:20px 0;color:#627489}.qstpagination{margin:30px 0}.qstpagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0}.qstpagination .page-numbers:not(ul){display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;box-sizing:border-box;border:1px solid #dce3ea;text-decoration:none}.qstpagination .current{background:#10233d;color:#fff}.qstempty{padding:32px;border:1px solid #dce3ea;background:#f5f7fa}.qstempty p{color:#627489}
.qstdir__pending{display:inline-block;margin-top:10px;color:#fff;background:#10233d;padding:5px 8px;font:12px/1.4 Arial,sans-serif}
.qstcatalog__ad{grid-column:1/-1;min-width:0}
@media(max-width:1000px){.qstfilters{grid-template-columns:1fr 1fr}.qstfilters__search{grid-column:1/-1}.qstfilters button{justify-self:start}.qstfilters__reset{grid-column:auto}}
@media(max-width:700px){.qstpaths{grid-template-columns:1fr;gap:12px}.qstpaths a{padding:16px}.qstfilters{grid-template-columns:1fr;padding:16px}.qstfilters__search,.qstfilters__reset{grid-column:auto}.qstfilters button{width:100%}.qstsection__head .qstlimit{display:block;margin:0 0 16px}.qsttopicnav__links a{width:100%;justify-content:space-between;box-sizing:border-box}.qstcatalogcta a{width:100%;justify-content:center;box-sizing:border-box;padding:15px}.qstcatalog h1{overflow-wrap:break-word}}