/* HomeInterior wall-panels page local components only. Shared service typography/layout stay in their owner files. */
body.page-wall-panels .hi-panels-v02-text-mobile{display:none}
/* Value-card wording differs by one or two words between desktop and mobile. */
body.page-wall-panels#top #included .hi-panels-value-mobile-word{display:none;}
@media (max-width:900px){
  body.page-wall-panels#top #included .hi-panels-value-mobile-word{display:inline;}
  body.page-wall-panels#top #included .hi-panels-value-desktop-word{display:none;}
}
/* Homepage portfolio slideshow, copied to css/pages/stenovye-paneli-showcase.css. */
body.page-wall-panels #included .hi-panels-service-media{position:relative;min-width:0;}
/* Restore the exact original desktop service slider (host base 2026-10-10).
   The homepage portfolio engine is retained independently for mobile only. */
@media (min-width:901px){
  body.page-wall-panels#top #included .hi-panels-service-media > .hi-panels-mobile-showcase{display:none !important;}
body.page-wall-panels #included .hi-panels-slider{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:20px;background:#121212;}
body.page-wall-panels #included .hi-panels-slides{position:relative;width:100%;height:100%;}
body.page-wall-panels #included .hi-panels-slide{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease;}
body.page-wall-panels #included .hi-panels-slide.is-active{opacity:1;visibility:visible;z-index:1;}
/* This selector intentionally beats the shared author-page image rule that forces 16:9 + height:auto. */
body.page-wall-panels #included .design-project-core .hi-about-photo .hi-panels-slide img{display:block;width:100%;height:100% !important;max-width:none;max-height:none;aspect-ratio:auto !important;object-fit:cover;object-position:center;border-radius:0 !important;box-shadow:none;}
body.page-wall-panels #included .hi-panels-slide::after{position:absolute;content:'';inset:48% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.70));pointer-events:none;}
body.page-wall-panels #included .hi-panels-slide figcaption{position:absolute;z-index:1;bottom:23px;left:24px;right:118px;color:#fff;font-size:13px;line-height:1.4;font-weight:600;text-shadow:0 1px 5px #000;}
body.page-wall-panels #included .hi-panels-slider-controls{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;right:14px;bottom:14px;}
body.page-wall-panels #included .hi-panels-slider-arrow{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(12,12,12,.77);color:#fff;font-size:19px;line-height:1;cursor:pointer;}
body.page-wall-panels #included .hi-panels-slider-arrow:hover,body.page-wall-panels #included .hi-panels-slider-arrow:focus-visible{border-color:#bfa97a;color:#d4bc8a;outline-offset:3px;}
body.page-wall-panels #included .hi-panels-slider-count{color:#fff;min-width:47px;text-align:center;font:600 11px/1.3 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;}
}
@media (max-width:900px){
  body.page-wall-panels#top #included .hi-panels-service-media > .hi-panels-slider{display:none !important;}
}
@media (min-width:901px){
  body.page-wall-panels #included .hi-about-layout > .hi-about{order:-1;}
}
@media (max-width:900px){
  body.page-wall-panels #included .hi-about-layout{align-items:stretch;}
  body.page-wall-panels #included .hi-about-layout > .hi-about{order:0;}
  body.page-wall-panels#top #included .hi-about-layout > .hi-panels-service-media{order:0;align-self:stretch;flex:0 0 100vw;width:100vw !important;max-width:none !important;min-width:100vw;margin:0 0 0 calc(50% - 50vw) !important;}
}
@media (max-width:560px){
  body.page-wall-panels #included > .wrap > .section-title .hi-panels-h2-detail{display:none;}
}

/* Mobile H2 underlines follow the shared site-wide off rule; no local exception. */

/* Mobile introductory sentence follows the compact service list, leaving
   the original full description unchanged for desktop. */
body.page-wall-panels#top #included .hi-about > p .hi-panels-intro-mobile{display:none !important;}
@media (max-width:900px){
  body.page-wall-panels#top #included .hi-about > p .hi-panels-intro-desktop{display:none !important;}
  body.page-wall-panels#top #included .hi-about > p .hi-panels-intro-mobile{display:inline !important;}
}
/* On narrow phones the natural wrap prevents a three-line first clause. */
@media (max-width:414px){
  body.page-wall-panels#top #included .hi-panels-intro-mobile-break{display:none !important;}
}

/* Keep the approved full copy on desktop. The mobile wording is a concise
   alternative to prevent orphan words without changing type size or layout. */
body.page-wall-panels#top #included .design-project-core .hi-clean-list.hi-core-list li .hi-panels-copy-mobile{display:none !important;}
@media (max-width:900px){
  body.page-wall-panels#top #included .design-project-core .hi-clean-list.hi-core-list li .hi-panels-copy-desktop{display:none !important;}
  body.page-wall-panels#top #included .design-project-core .hi-clean-list.hi-core-list li .hi-panels-copy-mobile{display:block !important;}
}

/* Mobile "What we do": plain editorial list, not a second framed feature card.
   Shared service-card rules are owned by avtorskiy-nadzor-samara.css and
   used on other pages; this override is restricted to the panels service. */
@media (max-width:900px){
  /* Tighten only the mobile rhythm of this section. */
  body.page-wall-panels.page-author-supervision#top #included.author-service-section .design-project-core .hi-about-title{
    margin-bottom:14px !important;
  }
  body.page-wall-panels#top #included .design-project-core .hi-about > p{
    margin:0 auto !important;
  }
  body.page-wall-panels#top #included .design-project-core .hi-clean-list.hi-core-list{
    list-style:none !important;
    gap:10px !important;
    margin:10px 0 16px !important;
    padding:0 2px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }
  body.page-wall-panels#top #included .design-project-core .hi-clean-list.hi-core-list li{
    padding:0 0 0 19px !important;
  }
  body.page-wall-panels#top #included .design-project-core .hi-clean-list.hi-core-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#BFA96A;
  }
  /* Exact mobile step divider from #design-steps: flat 1px border, no fade. */
  body.page-wall-panels#top #included .design-project-core .hi-clean-list.hi-core-list li:not(:last-child){
    padding-bottom:10px !important;
    border-bottom:1px solid rgba(191,169,122,.16) !important;
  }
  body.page-wall-panels#top #included .design-project-core .hi-clean-list.hi-core-list li:not(:last-child)::after{
    content:none !important;
    display:none !important;
    background:none !important;
    box-shadow:none !important;
  }
  body.page-wall-panels#top #included .design-project-core .hi-clean-list.hi-core-list strong{
    margin-bottom:5px !important;
    font-size:17.5px !important;
    font-weight:700 !important;
  }
}
/* Desktop list headings: increase the inherited copy size by roughly 1px (18px -> 19px at 1280+). Mobile remains 17.5px. */
@media (min-width:901px){
  body.page-wall-panels.page-author-supervision#top #included.author-service-section .design-project-core .hi-clean-list.hi-core-list li strong{
    font-size:calc(var(--hi-type-copy) + 1px) !important;
  }
}
/* Buttons are equal, centered and slightly narrower only on phones. */
@media (max-width:900px){
  body.page-wall-panels.page-author-supervision#top #included .svc-cta.hi-related-service-links{
    margin-top:26px !important;
  }
  /* Page-local mobile spacing: preserve desktop process rhythm and the last item’s outer gap. */
  body.page-wall-panels.page-author-supervision#top #design-steps.author-main-steps-clone .grid.cols-3{
    row-gap:24px;
  }
  body.page-wall-panels.page-author-supervision#top #design-steps.author-main-steps-clone .grid.cols-3 > div:not(:last-child){
    padding-bottom:20px;
  }
}
@media (max-width:560px){
  body.page-wall-panels.page-author-supervision#top #included .svc-cta.hi-related-service-links{
    width:calc(100% - 48px) !important;
    max-width:344px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

body.page-wall-panels .hi-panels-architecture-section .hi-panels-architecture-lead{max-width:980px;margin:0 auto 36px;text-align:center;}
body.page-wall-panels .hi-panels-solutions{width:100%;max-width:none;margin:0 auto;}
body.page-wall-panels .hi-panels-solutions-label{display:none;}
body.page-wall-panels .hi-panels-solution-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px;}
body.page-wall-panels .hi-panels-solution-tab{min-width:0;padding:14px 16px;border:1px solid rgba(191,169,122,.18);border-radius:14px;background:#0d0d0e;color:#bdbbb7;font:600 14px/1.25 Inter,Arial,sans-serif;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease;}
body.page-wall-panels .hi-panels-solution-tab:hover,body.page-wall-panels .hi-panels-solution-tab:focus-visible{border-color:rgba(191,169,122,.46);color:#f1efeb;outline:none;}
body.page-wall-panels .hi-panels-solution-tab.is-active{border-color:rgba(191,169,122,.60);background:rgba(191,169,122,.10);color:#e5d0a0;}
body.page-wall-panels .hi-panels-solution-stage{position:relative;overflow:hidden;border:1px solid rgba(191,169,122,.20);border-radius:24px;background:linear-gradient(145deg,#111112,#09090a);box-shadow:0 20px 55px rgba(0,0,0,.22);}
body.page-wall-panels .hi-panels-solution-slides{position:relative;min-height:430px;}
body.page-wall-panels .hi-panels-solution{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);min-height:430px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .34s ease,visibility .34s ease;}
body.page-wall-panels .hi-panels-solution.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;z-index:1;}
body.page-wall-panels .hi-panels-story-visual{position:relative;isolation:isolate;min-height:430px;overflow:hidden;background:#181512;}
body.page-wall-panels .hi-panels-story-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 42%,rgba(0,0,0,.18));pointer-events:none;z-index:5;}
body.page-wall-panels .hi-panels-story-visual::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(0,0,0,.56));z-index:6;pointer-events:none;}
body.page-wall-panels .hi-panels-story-image{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;}
body.page-wall-panels .hi-panels-surface{position:absolute;display:block;inset:0;}
body.page-wall-panels .hi-panels-surface--wood{background:linear-gradient(90deg,#5a4637 0 1px,transparent 1px 24%,rgba(236,205,166,.11) 24% 24.2%,transparent 24.2% 49%,rgba(236,205,166,.08) 49% 49.2%,transparent 49.2% 74%,rgba(236,205,166,.1) 74% 74.2%,transparent 74.2%),linear-gradient(105deg,#33261f,#6a4d39 52%,#3d2d25);}
body.page-wall-panels .hi-panels-surface--stone{left:auto;width:33%;background:linear-gradient(142deg,#d2ccc0 0%,#9e9b94 34%,#c9c4b8 62%,#807f7c 100%);clip-path:polygon(0 0,100% 0,100% 100%,15% 100%);}
body.page-wall-panels .hi-panels-surface--stone::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 35px,rgba(73,70,66,.2) 36px 38px,transparent 39px 72px);opacity:.42;}
body.page-wall-panels .hi-panels-surface--mirror{left:auto;width:24%;background:linear-gradient(120deg,#4b5356,#a8b4b4 43%,#6b7779 58%,#c8d0ce);box-shadow:-1px 0 rgba(255,255,255,.32),-18px 0 28px rgba(0,0,0,.16);}
body.page-wall-panels .hi-panels-surface--mirror::before{content:"";position:absolute;inset:10% 20%;background:linear-gradient(90deg,transparent 42%,rgba(243,239,221,.54) 43% 46%,transparent 47%);opacity:.72;}
body.page-wall-panels .hi-panels-surface--rock{left:auto;width:38%;background:radial-gradient(circle at 25% 18%,#b8aa95 0 7%,transparent 8%),radial-gradient(circle at 72% 36%,#7e7465 0 8%,transparent 9%),radial-gradient(circle at 44% 70%,#c7b9a5 0 10%,transparent 11%),radial-gradient(circle at 80% 82%,#8d816d 0 7%,transparent 8%),linear-gradient(135deg,#c2b6a2,#716757 52%,#a49782);filter:contrast(1.07);box-shadow:-14px 0 28px rgba(0,0,0,.24);}
body.page-wall-panels .hi-panels-surface--rock::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.11) 0 2px,transparent 2px 18px);mix-blend-mode:soft-light;}
body.page-wall-panels .hi-panels-surface--geometry{background:linear-gradient(112deg,#2f241e,#654b38 56%,#3d2d25);}
body.page-wall-panels .hi-panels-surface--geometry::after{content:"";position:absolute;inset:9% 8%;background:linear-gradient(30deg,transparent 24%,rgba(218,190,137,.22) 25% 26%,transparent 27% 74%,rgba(218,190,137,.22) 75% 76%,transparent 77%),linear-gradient(150deg,transparent 24%,rgba(218,190,137,.18) 25% 26%,transparent 27% 74%,rgba(218,190,137,.18) 75% 76%,transparent 77%);background-size:92px 54px;border:1px solid rgba(218,190,137,.14);opacity:.82;}
body.page-wall-panels .hi-panels-visual-tv{position:absolute;z-index:3;left:24%;top:27%;width:38%;height:34%;border:1px solid rgba(255,255,255,.08);background:#070707;box-shadow:0 14px 30px rgba(0,0,0,.36);}
body.page-wall-panels .hi-panels-visual-console{position:absolute;z-index:3;left:17%;right:11%;bottom:19%;height:9%;border-radius:2px;background:linear-gradient(90deg,#211915,#3c2c24);box-shadow:0 12px 26px rgba(0,0,0,.34);}
body.page-wall-panels .hi-panels-visual-window{position:absolute;z-index:3;right:7%;top:7%;width:17%;height:54%;border-left:1px solid rgba(255,255,255,.45);border-right:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(205,217,206,.55),rgba(90,101,91,.16));}
body.page-wall-panels .hi-panels-visual-bed{position:absolute;z-index:3;left:17%;right:21%;bottom:0;height:29%;border-radius:42px 42px 0 0;background:linear-gradient(#afa69a,#756d65);box-shadow:0 -14px 40px rgba(0,0,0,.16);}
body.page-wall-panels .hi-panels-visual-light{position:absolute;z-index:4;right:37%;top:0;width:4px;height:100%;background:linear-gradient(transparent 5%,#d8b66e 28%,#ffe7ad 55%,#c7994b 82%,transparent 98%);filter:blur(.35px);box-shadow:0 0 16px rgba(255,205,113,.58);}
body.page-wall-panels .hi-panels-visual-door{position:absolute;z-index:3;right:16%;top:8%;width:22%;height:72%;border-left:1px solid rgba(231,205,165,.24);border-right:1px solid rgba(0,0,0,.26);}
body.page-wall-panels .hi-panels-visual-door::after{content:"";position:absolute;right:9%;top:52%;width:22px;height:2px;background:#8f7b61;}
body.page-wall-panels .hi-panels-visual-lightline{position:absolute;z-index:4;left:10%;right:8%;top:7%;height:1px;background:rgba(235,199,124,.84);box-shadow:0 0 12px rgba(235,199,124,.45);}
body.page-wall-panels .hi-panels-visual-label{position:absolute;z-index:8;left:22px;bottom:18px;color:rgba(255,255,255,.88);font:600 12px/1.3 Inter,Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;}
body.page-wall-panels .hi-panels-story-copy{display:flex;flex-direction:column;justify-content:center;padding:46px 42px 62px;min-width:0;}
body.page-wall-panels .hi-panels-story-index{display:block;margin-bottom:24px;color:#bfa97a;font:600 12px/1.2 Inter,Arial,sans-serif;letter-spacing:.14em;}
body.page-wall-panels .hi-panels-story-eyebrow{margin:0 0 10px;color:#bfa97a;font:650 12px/1.35 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
body.page-wall-panels .hi-panels-solution h3{margin:0 0 16px;color:#f1efeb;font-size:clamp(24px,2vw,32px);line-height:1.13;font-weight:700;letter-spacing:-.02em;}
body.page-wall-panels .hi-panels-story-copy>p:not(.hi-panels-story-eyebrow):not(.hi-panels-story-note){margin:0;color:#d0cfcb;font-size:clamp(15px,1.08vw,17px);line-height:1.62;}
body.page-wall-panels .hi-panels-story-note{margin:20px 0 0;padding-top:16px;border-top:1px solid rgba(191,169,122,.22);color:#aeadab;font-size:13px;line-height:1.5;}
body.page-wall-panels .hi-panels-solution-controls{position:absolute;z-index:4;right:18px;bottom:16px;display:flex;align-items:center;gap:8px;}
body.page-wall-panels .hi-panels-solution-arrow{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(12,12,12,.82);color:#fff;font-size:18px;line-height:1;cursor:pointer;}
body.page-wall-panels .hi-panels-solution-arrow:hover,body.page-wall-panels .hi-panels-solution-arrow:focus-visible{border-color:#bfa97a;color:#d4bc8a;outline:none;}
body.page-wall-panels .hi-panels-solution-count{min-width:50px;color:#ddd8ce;text-align:center;font:600 11px/1.3 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;}
body.page-wall-panels .hi-panels-secondary-options{margin:28px 0 0;padding:24px 28px;border:1px solid rgba(191,169,122,.18);border-radius:18px;background:rgba(255,255,255,.018);}
body.page-wall-panels .hi-panels-secondary-options h3{margin:0 0 9px;color:#eee;font-size:19px;line-height:1.3;font-weight:650;}
body.page-wall-panels .hi-panels-secondary-options p{max-width:980px;margin:0;color:#c8c7c3;font-size:16px;line-height:1.55;}

@media(max-width:900px){
  body.page-wall-panels .hi-panels-solution{grid-template-columns:1fr;min-height:0;}
  body.page-wall-panels .hi-panels-solution-slides{min-height:0;}
  body.page-wall-panels .hi-panels-story-visual{min-height:56vw;max-height:520px;}
  body.page-wall-panels .hi-panels-story-copy{padding:32px 28px 58px;}
}
@media(max-width:560px){
  body.page-wall-panels .hi-panels-architecture-section .hi-panels-architecture-lead{text-align:left;margin-bottom:24px;}
  body.page-wall-panels .hi-panels-solution-stage{border-radius:20px;}
  body.page-wall-panels .hi-panels-story-visual{min-height:78vw;}
  body.page-wall-panels .hi-panels-story-copy{padding:26px 20px 62px;}
  body.page-wall-panels .hi-panels-story-index{margin-bottom:18px;}
  body.page-wall-panels .hi-panels-solution h3{font-size:23px;}
  body.page-wall-panels .hi-panels-story-copy>p:not(.hi-panels-story-eyebrow):not(.hi-panels-story-note){font-size:15px;}
  body.page-wall-panels .hi-panels-solution-controls{right:12px;bottom:12px;}
  body.page-wall-panels .hi-panels-secondary-options{padding:20px 18px;}
}
@media(prefers-reduced-motion:reduce){
  body.page-wall-panels .hi-panels-solution{transition:none;}
}

/* v21 — «Варианты композиции» / mobile tabs.
   HTML uses homepage .portfolio-tabs / .portfolio-tab classes.
   Values and interaction states are copied from the loaded homepage bundle
   css/bundles/index-20260927.css (mobile #portfolio) and scoped to this block.
   Five tabs in one capsule, no horizontal scrolling.
   Desktop page owner (min-width:901px) remains unchanged. */
@media (max-width:900px){
  /* H2 -> tabs: slightly larger optical gap to match the visible title-to-lead rhythm of "Что мы делаем". */
  body.page-wall-panels#top #materials-together.hi-panels-architecture-section > .wrap > h2.section-title{
    margin-bottom:0 !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-solution-tabs.portfolio-tabs{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:min(620px, calc(100vw - 44px)) !important;
    max-width:min(620px, calc(100vw - 44px)) !important;
    margin:20px auto 0 !important;
    padding:6px !important;
    gap:6px !important;
    border:1px solid rgba(191,169,122,.34) !important;
    border-radius:999px !important;
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26),inset 0 0 0 1px rgba(191,169,122,.045) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    box-sizing:border-box !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-solution-tab.portfolio-tab{
    appearance:none !important;
    flex:1 1 auto !important;
    min-width:max-content !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:0 4px !important;
    border:1px solid transparent !important;
    border-radius:999px !important;
    background:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
    font-family:var(--hi-font-sans) !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:650 !important;
    letter-spacing:-.006em !important;
    white-space:nowrap !important;
    transform:none !important;
    text-align:center !important;
    transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
    -webkit-tap-highlight-color:transparent;
  }
  body.page-wall-panels#top #materials-together .hi-panels-solution-tab.portfolio-tab:hover,
  body.page-wall-panels#top #materials-together .hi-panels-solution-tab.portfolio-tab:focus-visible,
  body.page-wall-panels#top #materials-together .hi-panels-solution-tab.portfolio-tab.is-active{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:none !important;
    outline:none !important;
    transform:none !important;
  }
  /* On homepage the gallery starts below the tabs; match this rhythm here. */
  body.page-wall-panels#top #materials-together .hi-panels-solution-stage{
    margin-top:28px;
  }
}
@media (max-width:900px) and (hover:none), (max-width:900px) and (pointer:coarse){
  body.page-wall-panels#top #materials-together .hi-panels-solution-tab.portfolio-tab:not(.is-active):hover,
  body.page-wall-panels#top #materials-together .hi-panels-solution-tab.portfolio-tab:not(.is-active):focus,
  body.page-wall-panels#top #materials-together .hi-panels-solution-tab.portfolio-tab:not(.is-active):active{
    background:transparent !important;
    color:#fff !important;
    border-color:transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }
}
@media (max-width:380px){
  body.page-wall-panels#top #materials-together .hi-panels-solution-tabs.portfolio-tabs{
    width:calc(100vw - 32px) !important;
    max-width:calc(100vw - 32px) !important;
    margin-top:20px !important;
    padding:6px !important;
    gap:4px !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-solution-tab.portfolio-tab{
    min-height:38px !important;
    padding-inline:6px !important;
    font-size:13.8px !important;
    font-weight:650 !important;
  }
}
/* Homepage's last compact-phone adjustment: same as the final bundle. */
@media (max-width:414px){
  body.page-wall-panels#top #materials-together .hi-panels-solution-tabs.portfolio-tabs{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
    padding:5px !important;
    gap:3px !important;
    box-sizing:border-box !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-solution-tab.portfolio-tab{
    min-height:35px !important;
    padding:0 4px !important;
    font-size:clamp(11.4px, 3.15vw, 12.8px) !important;
    line-height:1 !important;
    letter-spacing:-.035em !important;
    font-weight:650 !important;
    white-space:nowrap !important;
  }
}

/* v19: desktop-only vertical compaction for the architecture solutions section.
   Mobile/tablet rules below 900px remain unchanged. */
@media (min-width:901px){
  body.page-wall-panels .hi-panels-architecture-section > .wrap > .section-title{margin-bottom:50px;}
  /* Desktop: one continuous 1px frame line; black fill only outside the stage. */
  body.page-wall-panels #materials-together .hi-panels-solution-stage{
    border-radius:0;
    overflow:visible;
    border-top-color:#302c23;
    border-bottom-color:#302c23;
    border-right-color:#000;
  }
  body.page-wall-panels #materials-together .hi-panels-story-copy{
    background:#000;
  }
  body.page-wall-panels #materials-together .hi-panels-solution-stage::before,
  body.page-wall-panels #materials-together .hi-panels-solution-stage::after{
    content:"";
    position:absolute;
    top:-1px;
    bottom:-1px;
    width:calc((100vw - 100%) / 2 - 1px);
    box-sizing:border-box;
    background:#000;
    border-top:1px solid #302c23;
    border-bottom:1px solid #302c23;
    pointer-events:none;
    z-index:5;
  }
  body.page-wall-panels #materials-together .hi-panels-solution-stage::before{right:calc(100% + 1px);}
  body.page-wall-panels #materials-together .hi-panels-solution-stage::after{left:100%;}

  /* v30: desktop solution switcher copies the approved homepage portfolio tabs component.
     Frame values come from the final desktop #portfolio override; tab states come from .portfolio-tab. */
  body.page-wall-panels .hi-panels-solution-tabs{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:52px;
    padding:6px 8px;
    box-sizing:border-box;
    border:1px solid rgba(191,169,122,.34);
    border-radius:34px;
    background:#000;
    background-image:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:0 8px 18px rgba(0,0,0,.26),inset 0 0 0 1px rgba(191,169,122,.045);
    width:fit-content;
    max-width:calc(100% - 48px);
    margin:0 auto 24px;
    flex-wrap:nowrap;
  }
  body.page-wall-panels .hi-panels-solution-tab{
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:36px;
    min-height:36px;
    padding:0 16px;
    box-sizing:border-box;
    border:1px solid transparent;
    border-radius:999px;
    background:transparent;
    color:#fff;
    font-family:inherit;
    font-weight:600;
    font-size:14px;
    line-height:1;
    letter-spacing:.02em;
    cursor:pointer;
    transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
    -webkit-tap-highlight-color:transparent;
    white-space:nowrap;
    box-shadow:none;
  }
  body.page-wall-panels .hi-panels-solution-tab:hover,
  body.page-wall-panels .hi-panels-solution-tab:focus-visible{
    border-color:transparent;
    background:var(--hi-accent);
    color:#111;
    box-shadow:0 0 0 1px rgba(191,169,122,.18),0 0 18px rgba(191,169,122,.34),0 0 34px rgba(191,169,122,.18);
    transform:none;
  }
  body.page-wall-panels .hi-panels-solution-tab.is-active{
    border-color:transparent;
    background:var(--hi-accent);
    color:#111;
    box-shadow:none;
    transform:none;
  }

  body.page-wall-panels .hi-panels-solution-slides,
  body.page-wall-panels .hi-panels-solution,
  body.page-wall-panels .hi-panels-story-visual{min-height:460px;}
  body.page-wall-panels .hi-panels-story-copy{padding:38px 38px 54px;}
}

/* v32: desktop inter-section rhythm.
   Match the accepted homepage desktop section gap: 72px from the last visible
   element of the service block to the H2 of the next section. Mobile unchanged. */
@media (min-width:901px){
  body.page-wall-panels #materials-together.hi-panels-architecture-section{
    padding-top:72px !important;
  }
}
/* v33: desktop architecture media uses the native 16:9 ratio of the approved 1920x1080 artwork.
   The mobile/tablet composition remains unchanged for later dedicated work. */
@media (min-width:1200px){
  body.page-wall-panels .hi-panels-solution{
    grid-template-columns:minmax(0,2fr) minmax(340px,1fr);
    min-height:0;
  }
  body.page-wall-panels .hi-panels-solution-slides{min-height:0;}
  body.page-wall-panels .hi-panels-story-visual{
    min-height:0;
    aspect-ratio:16/9;
  }
}
/* v22: reduce desktop gallery artwork width by up to 53px (height ~30px)
   at wide widths while preserving its 16:9 ratio. Mobile unchanged. */
@media (min-width:1280px){
  body.page-wall-panels #materials-together .hi-panels-solution{
    grid-template-columns:minmax(0,1fr) minmax(370px,calc(33.333333% - 3px));
  }
}

/* v38: acoustic panels — unified desktop field aligned with the soundproofing architecture system.
   Owner: stenovye-paneli-na-zakaz-samara.html / #acoustic-panels. */
body.page-wall-panels #acoustic-panels .hi-acoustic-intro{max-width:1180px;margin:0 auto 28px;text-align:center}
body.page-wall-panels #acoustic-panels .hi-acoustic-lead-break{display:block}
body.page-wall-panels #acoustic-panels .hi-acoustic-shell{overflow:hidden;border:1px solid rgba(191,169,122,.22);border-radius:26px;background:radial-gradient(circle at 76% 48%,rgba(191,169,122,.065),transparent 38%),#0b0b0c;box-shadow:0 20px 55px rgba(0,0,0,.22)}
body.page-wall-panels #acoustic-panels .hi-acoustic-main{display:grid;grid-template-columns:minmax(0,.94fr) minmax(360px,1.06fr);grid-template-areas:"copy figure";gap:clamp(36px,4.2vw,72px);align-items:center;min-height:468px;padding:32px 48px 40px}
body.page-wall-panels #acoustic-panels .hi-acoustic-copy{grid-area:copy;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:0;border:0;background:none}
body.page-wall-panels #acoustic-panels .hi-acoustic-figure{grid-area:figure;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:0;background:none}
body.page-wall-panels #acoustic-panels .hi-acoustic-photo-wrap{position:relative;isolation:isolate;width:min(70%,390px);aspect-ratio:1204/1600;margin:auto;overflow:visible;background:transparent}
body.page-wall-panels #acoustic-panels .hi-acoustic-photo{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;filter:none}
body.page-wall-panels #acoustic-panels .hi-acoustic-photo-wrap{--hotspot-compensation:1}
body.page-wall-panels #acoustic-panels .hi-acoustic-hotspots{position:absolute;inset:0;z-index:2;pointer-events:none}
body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot{
  --x:50%;--y:50%;--halo-w:120px;--halo-h:90px;
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:calc(12px * var(--hotspot-compensation));
  height:calc(12px * var(--hotspot-compensation));
  border:calc(1.5px * var(--hotspot-compensation)) solid rgba(240,214,157,.98);
  border-radius:50%;
  background:#0a0a0b;
  box-shadow:0 0 0 calc(4px * var(--hotspot-compensation)) rgba(215,187,133,.08);
  opacity:0;
  transform:translate(-50%,-50%) scale(.72);
  transition:opacity .18s ease,transform .24s cubic-bezier(.2,.7,.2,1);
}
body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:calc(var(--halo-w) * var(--hotspot-compensation));
  height:calc(var(--halo-h) * var(--hotspot-compensation));
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center,rgba(215,187,133,.14) 0%,rgba(215,187,133,.065) 36%,rgba(215,187,133,0) 72%);
  filter:blur(calc(4px * var(--hotspot-compensation)));
}
body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:calc(4px * var(--hotspot-compensation));
  height:calc(4px * var(--hotspot-compensation));
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#f0d69d;
}
body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot-line{
  position:absolute;
  top:50%;
  width:calc(42px * var(--hotspot-compensation));
  height:calc(1px * var(--hotspot-compensation));
  background:linear-gradient(90deg,rgba(215,187,133,0),rgba(240,214,157,.9));
  transform:translateY(-50%);
  transform-origin:center;
}
body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot.is-left .hi-acoustic-hotspot-line{right:calc(10px * var(--hotspot-compensation))}
body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot.is-right .hi-acoustic-hotspot-line{left:calc(10px * var(--hotspot-compensation));transform:translateY(-50%) rotate(180deg)}
body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot.is-up .hi-acoustic-hotspot-line{top:auto;left:50%;bottom:calc(10px * var(--hotspot-compensation));width:calc(1px * var(--hotspot-compensation));height:calc(42px * var(--hotspot-compensation));background:linear-gradient(180deg,rgba(215,187,133,0),rgba(240,214,157,.9));transform:translateX(-50%)}
body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot.is-down .hi-acoustic-hotspot-line{top:calc(10px * var(--hotspot-compensation));left:50%;width:calc(1px * var(--hotspot-compensation));height:calc(42px * var(--hotspot-compensation));background:linear-gradient(180deg,rgba(240,214,157,.9),rgba(215,187,133,0));transform:translateX(-50%)}
body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot.is-active{opacity:1;transform:translate(-50%,-50%) scale(1)}
body.page-wall-panels #acoustic-panels .hi-acoustic-principles{display:grid;align-content:center;min-width:0}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:0;padding:16px 0;border-top:1px solid rgba(255,255,255,.09);outline:none;cursor:default;transition:opacity .2s ease,transform .2s ease,background-color .2s ease}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle:first-child{border-top:0}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle:last-child{border-bottom:1px solid rgba(255,255,255,.09)}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle::after{content:"";position:absolute;top:12px;bottom:12px;left:-14px;width:2px;border-radius:2px;background:#d7bb85;opacity:0;transform:scaleY(.55);transition:opacity .2s ease,transform .2s ease}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle:focus{outline:none}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle:focus-visible{outline:1px solid rgba(215,187,133,.42);outline-offset:7px}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle.is-active{transform:translateX(5px)}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle.is-active::after{opacity:.9;transform:scaleY(1)}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle-number{grid-column:1;grid-row:1;align-self:center;padding:0;color:#d7bb85;font-size:15px;font-weight:800;line-height:1;letter-spacing:.08em}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle>div{display:contents}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle h3{grid-column:2;grid-row:1;margin:0;color:#f1efeb;font-size:19px;line-height:1.25;font-weight:700}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle p{grid-column:2;grid-row:2;margin:7px 0 0;color:#bdbbb7;font-size:15px;line-height:1.55}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle.is-active .hi-acoustic-principle-number{color:#f0d69d;text-shadow:0 0 16px rgba(215,187,133,.22)}
body.page-wall-panels #acoustic-panels .hi-acoustic-principle.is-active h3{color:#fff}
body.page-wall-panels #acoustic-panels .hi-acoustic-noise-note{max-width:620px;margin:34px 0 0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.55}
body.page-wall-panels #acoustic-panels .hi-acoustic-noise-break{display:none}
body.page-wall-panels #acoustic-panels .hi-acoustic-actions{margin:14px 0 0;padding-top:0;border-top:0;justify-content:flex-start}
/* Same visual treatment as “Дизайн интерьера — подробнее” in #included.
   The caption is longer, so its width is allowed to fit the text. */
body.page-wall-panels#top #acoustic-panels .hi-acoustic-actions .hi-related-service-link{
  flex:0 0 auto;
  width:auto;
  min-width:0;
  min-height:48px;
  padding:16px 20px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(28,28,30,.86);
  color:rgba(255,255,255,.94) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26);
  font-size:14px;
  font-weight:600;
  line-height:1.25;
  white-space:nowrap;
}
body.page-wall-panels#top #acoustic-panels .hi-acoustic-actions .hi-related-service-link:hover,
body.page-wall-panels#top #acoustic-panels .hi-acoustic-actions .hi-related-service-link:focus-visible{
  background:#bfa97a;
  color:#000 !important;
  border-color:#bfa97a;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45);
  transform:translateY(-1px);
  outline:none;
}

@media (min-width:1101px){
  body.page-wall-panels #acoustic-panels{padding-top:28px;padding-bottom:74px}
  body.page-wall-panels #acoustic-panels .hi-repair-h2{margin-bottom:18px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-intro{margin-bottom:22px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-main{min-height:468px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-photo-wrap{width:min(78%,440px);transform:translate(-24px,8px)}
  body.page-wall-panels #acoustic-panels .hi-acoustic-noise-note{color:rgba(216,204,173,.82)}
  body.page-wall-panels #acoustic-panels .hi-acoustic-noise-break{display:block}
}
@media (max-width:1100px){
  body.page-wall-panels #acoustic-panels .hi-acoustic-shell{background:linear-gradient(145deg,#111112,#09090a)}
  body.page-wall-panels #acoustic-panels .hi-acoustic-main{grid-template-columns:1fr;grid-template-areas:"figure" "copy";gap:0;min-height:0;padding:0}
  body.page-wall-panels #acoustic-panels .hi-acoustic-copy{padding:26px 38px 28px 42px;border-right:0}
  body.page-wall-panels #acoustic-panels .hi-acoustic-figure{padding:22px 38px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 52% 46%,rgba(191,169,122,.13),transparent 48%),linear-gradient(145deg,#171513,#0b0b0c)}
  body.page-wall-panels #acoustic-panels .hi-acoustic-photo-wrap{width:min(58%,430px)}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principles{display:flex;flex-direction:column}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principle{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto;gap:18px;padding:18px 10px;border-top:0;border-bottom:1px solid rgba(255,255,255,.08);transition:background .18s ease,padding-left .18s ease,opacity .2s ease,transform .2s ease}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principle:first-child{padding-top:10px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principle::after{content:none}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principle>div{display:block}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principle.is-active,body.page-wall-panels #acoustic-panels .hi-acoustic-principle:hover,body.page-wall-panels #acoustic-panels .hi-acoustic-principle:focus-visible{padding-left:18px;background:linear-gradient(90deg,rgba(191,169,122,.08),transparent 78%);transform:none}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principle-number{grid-column:auto;grid-row:auto;padding-top:4px;font:700 12px/1.3 Inter,Arial,sans-serif}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principle h3{grid-column:auto;grid-row:auto;margin:0 0 7px;font-size:21px;line-height:1.28}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principle p{grid-column:auto;grid-row:auto;margin:0;font-size:16px;line-height:1.5}
  body.page-wall-panels #acoustic-panels .hi-acoustic-noise-note{margin:16px 10px 0;font-size:14px;line-height:1.45}
  body.page-wall-panels #acoustic-panels .hi-acoustic-actions{margin:12px 10px 0;justify-content:flex-start}
}
@media (max-width:900px){
  /* Mobile: same title-to-lead gap as "Что мы делаем"; desktop untouched. */
  body.page-wall-panels #acoustic-panels .hi-repair-h2{margin-bottom:14px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-lead-break{display:none}
  body.page-wall-panels #acoustic-panels .hi-acoustic-intro{display:block;margin-bottom:18px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-intro .section-lead{text-align:center}
  /* v02: alternate page-local copy only at mobile/tablet breakpoints. */
  body.page-wall-panels .hi-panels-v02-text-desktop{display:none}
  body.page-wall-panels .hi-panels-v02-text-mobile{display:inline}
  body.page-wall-panels #acoustic-panels .hi-acoustic-shell{border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
  body.page-wall-panels #acoustic-panels .hi-acoustic-figure{padding:0;border-bottom:0;background:none}
  body.page-wall-panels #acoustic-panels .hi-acoustic-copy{padding:12px 0 0}
  body.page-wall-panels #acoustic-panels .hi-acoustic-actions{justify-content:center;margin:8px 0 0}
  /* A centered 344px cap matches the cross-link in “Что мы делаем”. */
  body.page-wall-panels #acoustic-panels .hi-acoustic-actions{width:100%;max-width:344px;margin-left:auto;margin-right:auto}
  body.page-wall-panels#top #acoustic-panels .hi-acoustic-actions .hi-related-service-link{width:100%;justify-content:center;text-align:center}
  body.page-wall-panels #acoustic-panels .hi-acoustic-noise-note{display:none}
}
@media (max-width:560px){
  body.page-wall-panels #acoustic-panels .hi-acoustic-photo-wrap{width:min(82%,390px)}
  body.page-wall-panels #acoustic-panels .hi-acoustic-copy{padding:8px 0 0}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principle{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:20px 6px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principle h3{font-size:19px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-principle p{font-size:15px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-actions{margin:4px auto 0}
}
@media(prefers-reduced-motion:reduce){
  body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot,body.page-wall-panels #acoustic-panels .hi-acoustic-principle{transition:none}
}

/* v33 — mobile acoustic-panel map: approved “Шумоизоляция стены” guide.
   The same three-step control sequence and active-marker geometry. */
body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-guide{display:none}
@media(hover:hover) and (pointer:fine){
  body.page-wall-panels #acoustic-panels .hi-acoustic-shell.has-active .hi-acoustic-principle:not(.is-active){opacity:.72}
}
@media(max-width:560px){
  body.page-wall-panels #acoustic-panels .hi-acoustic-shell.has-mobile-guide .hi-acoustic-principles{display:none}
  body.page-wall-panels #acoustic-panels .hi-acoustic-figure{flex-direction:column;align-items:stretch}
  body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-guide{display:block;width:100%;margin:12px 0 10px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-tabs button{min-width:0;min-height:44px;padding:8px 4px;border:1px solid var(--smart-line,rgba(191,169,122,.24));border-radius:10px;background:var(--smart-surface,#151515);color:var(--hi-text-dim,#bdbbb7);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
  body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-tabs button[aria-selected="true"]{border-color:var(--hi-accent,#bfa97a);background:rgba(191,169,122,.14);color:#f0d69d}
  body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-tabs button:focus-visible,
  body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-panel:focus-visible{outline:2px solid var(--hi-accent,#bfa97a);outline-offset:-2px}
  body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-panels{display:grid}
  body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-panel{grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none}
  body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-panel[aria-hidden="false"]{visibility:visible;pointer-events:auto}
  body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-panel h3{margin:0 0 8px;font-size:18px;line-height:1.3;color:var(--hi-text,#f1efeb)}
  body.page-wall-panels #acoustic-panels .hi-acoustic-mobile-panel p{margin:0;font-size:15px;line-height:1.55;color:var(--hi-text-dim,#bdbbb7)}
  body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot{width:calc(11px * var(--hotspot-compensation));height:calc(11px * var(--hotspot-compensation))}
  body.page-wall-panels #acoustic-panels .hi-acoustic-hotspot-line{width:calc(30px * var(--hotspot-compensation))}
}

/* v08: soften upper transition of horizontal Hero shading; retain lower density.
   The separate scroll-dimming overlay remains unchanged. */
@media (min-width:1025px), (min-width:901px) and (orientation:landscape){
  body.page-wall-panels #hero .author-hero-shade{
    background:linear-gradient(0deg,rgba(2,2,2,.93) 0%,rgba(2,2,2,.04) 55%,rgba(2,2,2,0) 60%,rgba(2,2,2,0) 100%);
  }
  body.page-wall-panels #hero .author-hero-shade::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(2,2,2,.44) 0%,rgba(2,2,2,.14) 38%,rgba(2,2,2,0) 72%);
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 24%,rgba(0,0,0,.04) 34%,rgba(0,0,0,.14) 44%,rgba(0,0,0,.34) 55%,rgba(0,0,0,.62) 67%,rgba(0,0,0,.82) 76%,#000 86%);
    mask-image:linear-gradient(to bottom,transparent 0%,transparent 24%,rgba(0,0,0,.04) 34%,rgba(0,0,0,.14) 44%,rgba(0,0,0,.34) 55%,rgba(0,0,0,.62) 67%,rgba(0,0,0,.82) 76%,#000 86%);
  }
  /* Desktop-only semantic break for the Hero lead; mobile stays inline. */
  body.page-wall-panels #hero .author-hero-lead .hi-panels-hero-lead-next{
    display:block;
  }
  /* v10: a soft contrast halo anchored to the eyebrow, not the lower Hero. */
  body.page-wall-panels #hero .author-hero-eyebrow{
    position:relative;
    isolation:isolate;
  }
  body.page-wall-panels #hero .author-hero-eyebrow::before{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
    left:-62px;
    top:50%;
    width:min(600px,calc(100vw - 48px));
    height:142px;
    transform:translateY(-50%);
    background:radial-gradient(ellipse at 42% 50%,rgba(2,2,2,.29) 0%,rgba(2,2,2,.16) 42%,rgba(2,2,2,0) 76%);
    filter:blur(10px);
  }
}

/* === wall-panels-desktop-hero-header-v17 ===
   Desktop first screen: same accepted dark initial header state as the main page.
   Mobile is intentionally untouched. */
@media (min-width:901px){
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header{
    background:rgba(0,0,0,.65) !important;
    color:#fff !important;
    box-shadow:none !important;
    backdrop-filter:blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(14px) saturate(150%) !important;
  }
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-logo-black{
    display:none !important;
  }
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-logo-white{
    display:block !important;
  }
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-logo img{
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) !important;
  }
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-link,
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-nav .hi-link,
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-phone,
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon{
    color:#fff !important;
    text-shadow:none !important;
  }
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon{
    background:transparent !important;
    border-color:rgba(255,255,255,.34) !important;
    box-shadow:none !important;
  }
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-btn[data-hi-call="1"]{
    background:var(--hi-accent,#bfa97a) !important;
    color:#111 !important;
    border-color:var(--hi-accent,#bfa97a) !important;
    text-shadow:none !important;
    box-shadow:0 0 14px rgba(191,169,122,.22) !important;
  }
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-btn[data-hi-call="1"]:hover,
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-btn[data-hi-call="1"]:focus-visible,
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon:hover,
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon:focus-visible,
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-link:hover,
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-link:focus-visible,
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-phone:hover,
  body.page-wall-panels.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-phone:focus-visible{
    background:var(--hi-accent,#bfa97a) !important;
    color:#111 !important;
    border-color:var(--hi-accent,#bfa97a) !important;
    box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45) !important;
  }

  /* Hero copy: letter-bound shadows instead of the wide v16 background halo. */
  body.page-wall-panels #hero .author-hero-eyebrow,
  body.page-wall-panels #hero .author-hero-title,
  body.page-wall-panels #hero .author-hero-lead,
  body.page-wall-panels #hero .author-hero-price{
    opacity:1 !important;
  }
  body.page-wall-panels #hero .author-hero-eyebrow,
  body.page-wall-panels #hero .author-hero-price{
    text-shadow:0 2px 24px rgba(0,0,0,.58) !important;
  }
  body.page-wall-panels #hero .author-hero-title{
    letter-spacing:-.045em !important;
    word-spacing:.05em !important;
    text-shadow:0 2px 5px rgba(0,0,0,.60),0 3px 14px rgba(0,0,0,.42) !important;
  }
  body.page-wall-panels #hero .author-hero-lead{
    text-shadow:0 1px 3px rgba(0,0,0,.88),0 2px 10px rgba(0,0,0,.72) !important;
  }
}


/* v18: hero copy must remain selectable like the homepage hero.
   Shared author-service owner disables pointer events on the whole copy wrapper;
   wall panels restores normal interaction locally without touching other service pages. */
@media (min-width:901px){
  body.page-wall-panels #hero .author-hero-content{
    pointer-events:auto;
  }
}

/* === wall-panels-mobile-hero-parity-v75 ===
   Match the accepted mobile first-screen composition on the design service page.
   Page-local fixes only: secondary CTA specificity, line break, price/CTA row,
   and paragraph color. Desktop layout and the form trigger stay unchanged. */
@media (max-width:900px){
  /* Outrank shared .author-hero-actions .hi-hero-cta { display:inline-flex!important }. */
  body.page-wall-panels #hero .author-hero-actions .hi-hero-cta-secondary{
    display:none !important;
  }
  /* Match the reference page’s resolved lead color and retained 400 weight. */
  body.page-wall-panels #hero .author-hero-lead{
    color:#cfc8b5 !important;
  }
}
@media (max-width:560px){
  body.page-wall-panels #hero .author-hero-title .hi-panels-hero-title-next{
    display:block;
  }
  body.page-wall-panels #hero .author-hero-action-row{
    column-gap:12px !important;
    margin-top:14px !important;
  }
  body.page-wall-panels #hero .author-hero-actions .hi-hero-cta-primary{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:50px !important;
    min-height:50px !important;
    padding:11px 16px !important;
    font-size:15px !important;
    line-height:1 !important;
  }
}
@media (max-width:380px){
  body.page-wall-panels #hero .author-hero-lead{
    font-size:14.5px !important;
  }
  body.page-wall-panels #hero .author-hero-action-row{
    column-gap:9px !important;
  }
  body.page-wall-panels #hero .author-hero-actions .hi-hero-cta-primary{
    height:48px !important;
    min-height:48px !important;
    padding-inline:13px !important;
    font-size:14px !important;
  }
}

/* === wall-panels-process-separators-v20 ===
   Keep the accepted wall-panels process geometry intact.
   Only the desktop separator from the repair process component is added. */
@media (min-width:901px){
  body.page-wall-panels#top #design-steps.author-main-steps-clone .grid.cols-3 > div:nth-child(-n + 3){
    padding-bottom:30px;
    border-bottom:1px solid rgba(191,169,122,.16);
  }
}

/* === wall-panels-process-title-gap-v21 ===
   Desktop only: match the accepted repair-process title-to-steps rhythm.
   Keep the wider wall-panels grid geometry unchanged. */
@media (min-width:901px){
  body.page-wall-panels#top #design-steps.author-main-steps-clone > .wrap > .section-title{
    margin-bottom:46px;
  }
}


/* === wall-panels-order-two-formats-v22 ===
   Desktop: keep the accepted section styles, reduce the vertical gap from the process block,
   and present the order formats as a balanced 2-column row. Mobile remains untouched. */
@media (min-width:901px){
  body.page-wall-panels#top #design-steps.author-main-steps-clone{padding-bottom:24px}
  body.page-wall-panels#top #responsibility.hi-panels-order-section{padding-top:24px}
  body.page-wall-panels#top #responsibility.hi-panels-order-section .responsibility-role-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.page-wall-panels#top #responsibility.hi-panels-order-section .responsibility-role-card{
    padding-top:2px;
    padding-bottom:2px;
  }
  body.page-wall-panels#top #responsibility.hi-panels-order-section .responsibility-role-card:nth-child(2)::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:1px;
    height:auto;
    background:rgba(255,255,255,.10);
    pointer-events:none;
  }
  body.page-wall-panels#top #responsibility.hi-panels-order-section .responsibility-role-card::after{content:none}
}

/* Match both price/view heading-to-card gaps to #included; keep order-format spacing unchanged. */
@media (min-width:901px){
  body.page-wall-panels#top #responsibility.hi-panels-order-section > .wrap > .section-title{
    margin-bottom:46px;
  }
  body.page-wall-panels#top #prices.author-price-section > .wrap > .section-title{
    margin-bottom:38px;
  }
}
@media (max-width:900px){
  /* Mobile order-card gap matches the "Зачем нужны панели" title-to-card gap. */
  body.page-wall-panels#top #responsibility.hi-panels-order-section > .wrap > .section-title{
    margin-bottom:24px;
  }
  body.page-wall-panels#top #prices.author-price-section > .wrap > .section-title{
    margin-bottom:24px;
  }
}

/* === wall-panels-order-before-process-v24 ===
   Desktop: order formats now precede the work process.
   Preserve the accepted outer section rhythm while keeping the pair visually connected. */
@media (min-width:901px){
  body.page-wall-panels#top #responsibility.hi-panels-order-section{
    padding-top:36px;
    padding-bottom:24px;
  }
  body.page-wall-panels#top #design-steps.author-main-steps-clone{
    padding-top:24px;
    padding-bottom:36px;
  }
}

/* === wall-panels-desktop-section-rhythm-v41 ===
   Desktop only. One canonical outer gap between reviewed primary sections:
   110px from the last visible content/frame of one section to the H2 of the next.
   Implemented as 55px bottom + 55px top so each section owns half of the gap.
   Internal title/content spacing is intentionally unchanged. */
@media (min-width:901px){
  body.page-wall-panels#top #included.author-service-section{
    padding-bottom:55px !important;
  }
  body.page-wall-panels#top #materials-together.hi-panels-architecture-section,
  body.page-wall-panels#top #acoustic-panels.hi-acoustic-section,
  body.page-wall-panels#top #responsibility.hi-panels-order-section,
  body.page-wall-panels#top #design-steps.author-main-steps-clone{
    padding-top:55px !important;
    padding-bottom:55px !important;
  }
  body.page-wall-panels#top #portfolio.repair-portfolio{
    padding-top:55px !important;
  }
}

/* === wall-panels-desktop-section-rhythm-v42 ===
   Restore the approved compact connection of the two order/process sections:
   24px below the order cards and 24px above the process heading.
   Keep other desktop section spacing from the accepted current version. */
@media (min-width:901px){
  body.page-wall-panels#top #included.author-service-section{
    padding-bottom:0 !important;
  }
  body.page-wall-panels#top #materials-together.hi-panels-architecture-section{
    padding-top:110px !important;
  }
  body.page-wall-panels#top #responsibility.hi-panels-order-section{
    padding-bottom:24px !important;
  }
  body.page-wall-panels#top #design-steps.author-main-steps-clone{
    padding-top:24px !important;
  }
}

/* v31: mobile hero divider -> breadcrumbs, 18px -> 32px. */
@media (max-width:900px){
  body.page-wall-panels.hi-primary-video-page#top #home-intro.hi-service-intro-breadcrumbs{
    padding-top:32px !important;
  }
}

/* === wall-panels-desktop-opening-gap-v43 ===
   Desktop only: add 16px of breathing room from the hero divider to the breadcrumbs.
   Shared final owner resolves this opening gap to 38px; this page raises it to 54px.
   Breadcrumb -> first H2 spacing remains untouched. */
@media (min-width:901px){
  body.page-wall-panels.hi-primary-video-page#top #home-intro.hi-service-intro-breadcrumbs{
    padding-top:54px !important;
  }
}


/* === wall-panels-desktop-section-jump-nav-v48 ===
   Desktop only: one section navigator with two visual states.
   Hero: one animated down arrow. After hero: the same fixed capsule expands upward to prev/next.
   Position stays identical in both states; the legacy hero cue is hidden on desktop only. */
@media (min-width:1181px){
  body.page-wall-panels#top #hero .hero-scroll-cue{
    display:none !important;
  }
  body.page-wall-panels#top .hi-section-jump-nav{
    position:fixed;
    right:max(10px, calc((100vw - min(90vw, 1600px))/4 - 19px));
    top:auto;
    bottom:68px;
    z-index:8200;
    display:flex;
    flex-direction:column;
    width:38px;
    margin:0;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.34);
    border-radius:999px;
    background:rgba(10,10,11,.66);
    box-shadow:0 8px 26px rgba(0,0,0,.34),0 0 0 1px rgba(191,169,122,.05);
    backdrop-filter:blur(10px) saturate(125%);
    -webkit-backdrop-filter:blur(10px) saturate(125%);
    opacity:0;
    transform:translateX(10px);
    pointer-events:none;
    transition:opacity .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease;
  }
  body.page-wall-panels#top .hi-section-jump-nav.is-visible{
    opacity:1;
    transform:translateX(0);
    pointer-events:auto;
  }
  body.page-wall-panels#top .hi-section-jump-nav:hover{
    border-color:rgba(215,189,130,.72);
    box-shadow:0 8px 26px rgba(0,0,0,.34),0 0 20px rgba(191,169,122,.16);
  }
  body.page-wall-panels#top .hi-section-jump-button{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    width:100%;
    height:39px;
    min-height:0;
    margin:0;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:transparent;
    color:rgba(255,255,255,.92);
    cursor:pointer;
    opacity:1;
    transition:height .22s ease,opacity .16s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease;
    line-height:0;
    -webkit-tap-highlight-color:transparent;
  }
  body.page-wall-panels#top .hi-section-jump-button + .hi-section-jump-button::before{
    content:"";
    position:absolute;
    left:8px;
    right:8px;
    top:0;
    height:1px;
    background:rgba(255,255,255,.15);
    opacity:1;
    pointer-events:none;
    transition:opacity .16s ease;
  }
  body.page-wall-panels#top .hi-section-jump-button svg{
    display:block;
    width:18px;
    height:18px;
    margin:0;
    overflow:visible;
    transform:none;
    flex:0 0 18px;
  }
  body.page-wall-panels#top .hi-section-jump-button path{
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  body.page-wall-panels#top .hi-section-jump-button:hover,
  body.page-wall-panels#top .hi-section-jump-button:focus-visible,
  body.page-wall-panels#top .hi-section-jump-button:active{
    background:#bfa97a;
    color:#0a0a0a;
    box-shadow:0 0 16px rgba(191,169,122,.54),0 0 30px rgba(191,169,122,.24);
    outline:none;
  }
  body.page-wall-panels#top .hi-section-jump-button:disabled{
    opacity:.27;
    cursor:default;
    background:transparent;
    color:rgba(255,255,255,.74);
    box-shadow:none;
  }
  body.page-wall-panels#top .hi-section-jump-nav:not(.is-hero) .hi-section-jump-button--prev:not(:disabled) svg{
    animation:hi-section-jump-prev-arrow 2.05s ease-in-out infinite;
  }
  body.page-wall-panels#top .hi-section-jump-nav:not(.is-hero) .hi-section-jump-button--next:not(:disabled) svg{
    animation:hi-section-jump-next-arrow 2.05s ease-in-out infinite;
  }
  @keyframes hi-section-jump-prev-arrow{
    0%,100%{transform:translateY(1px);}
    50%{transform:translateY(-1px);}
  }
  @keyframes hi-section-jump-next-arrow{
    0%,100%{transform:translateY(-1px);}
    50%{transform:translateY(1px);}
  }
  body.page-wall-panels#top .hi-section-jump-nav.is-hero{
    border-color:rgba(10,10,10,.90);
    background:rgba(255,255,255,.30);
    box-shadow:0 0 0 1px rgba(0,0,0,.18),0 5px 18px rgba(0,0,0,.24);
  }
  body.page-wall-panels#top .hi-section-jump-nav.is-hero .hi-section-jump-button--prev{
    height:0;
    opacity:0;
    pointer-events:none;
  }
  body.page-wall-panels#top .hi-section-jump-nav.is-hero .hi-section-jump-button--next{
    height:48px;
    color:#000;
  }
  body.page-wall-panels#top .hi-section-jump-nav.is-hero .hi-section-jump-button--next::before{
    opacity:0;
  }
  body.page-wall-panels#top .hi-section-jump-nav.is-hero .hi-section-jump-button--next svg{
    animation:hi-section-jump-hero-arrow 1.75s ease-in-out infinite;
  }
  @keyframes hi-section-jump-hero-arrow{
    0%,100%{transform:translateY(-2px);}
    50%{transform:translateY(3px);}
  }
}
@media (max-width:1180px){
  body.page-wall-panels#top .hi-section-jump-nav{display:none !important;}
}
@media (prefers-reduced-motion:reduce){
  body.page-wall-panels#top .hi-section-jump-nav .hi-section-jump-button svg{
    animation:none !important;
  }
}

/* Wall panels: in-person materials and installation viewing; mirrors the home live-view block.
   All rules remain local to #panels-view. */
body.page-wall-panels#top #prices #panels-view > .section-title{margin-bottom:38px;}
/* Each viewing scenario is now its own framed card; no outer shell or divider. */
body.page-wall-panels#top #prices #panels-view .hi-panels-view-shell{
  overflow:visible;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-option,
body.page-wall-panels#top #prices #panels-view .hi-panels-view-option + .hi-panels-view-option{
  min-width:0;
  padding:30px 34px;
  border:1px solid rgba(191,169,122,.25);
  border-radius:28px;
  background:#09090a;
  box-shadow:0 1px 0 rgba(255,255,255,.01),inset 0 0 0 1px rgba(255,255,255,.01);
}
@media(max-width:900px){
  body.page-wall-panels#top #prices #panels-view .hi-panels-view-options{
    grid-template-columns:minmax(0,1fr);
    gap:18px;
  }
  body.page-wall-panels#top #prices #panels-view .hi-panels-view-option,
  body.page-wall-panels#top #prices #panels-view .hi-panels-view-option + .hi-panels-view-option{
    padding:26px 24px;
    border-radius:24px;
  }
}
@media(max-width:560px){
  body.page-wall-panels#top #prices #panels-view .hi-panels-view-option,
  body.page-wall-panels#top #prices #panels-view .hi-panels-view-option + .hi-panels-view-option{
    padding:22px 18px;
    border-radius:22px;
  }
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-heading{
  display:flex;align-items:center;gap:24px;margin:0 0 16px;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-icon{
  display:flex;align-items:center;justify-content:center;flex:0 0 48px;
  width:48px;height:44px;color:#d7bb85;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-icon .hi-content-icon{
  display:block;width:auto;height:44px;max-width:100%;max-height:100%;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-option h3{
  margin:0;color:#f1efeb;font-size:clamp(21px,1.5vw,26px);line-height:1.18;font-weight:700;text-align:left;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-option p{
  margin:0 0 14px;color:#CFC8B5;opacity:.9;
  font-size:clamp(16px,1.08vw,18px);line-height:1.57;text-align:left;
}
/* Match price-card copy tone to the viewing-card list items; preserve type scale. */
body.page-wall-panels#top #prices .complectation-materials-grid article p{color:#c9c7c3;}

body.page-wall-panels#top #prices #panels-view .hi-panels-view-option ul{
  margin:0;padding:0 0 0 16px;list-style:disc;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-option li{
  margin:0 0 8px;padding:0;color:#c9c7c3;font-size:clamp(15px,1vw,17px);line-height:1.4;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-option li::marker{
  color:#BFA96A;font-size:var(--hi-type-copy,18px);
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-option li:last-child{margin-bottom:0;}
/* Pricing channel menu retains the homepage-style component. */
body.page-wall-panels#top #prices .complectation-materials-shell > .hi-panels-price-actions{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:100%;gap:16px;margin-top:30px;padding-top:26px;
  border-top:1px solid rgba(191,169,122,.15);
}
body.page-wall-panels#top #prices .complectation-materials-shell > .hi-panels-price-actions > .live-view-channel-actions{
  display:flex !important;position:relative !important;flex-direction:column !important;
  align-items:center !important;width:100% !important;
  margin-left:auto !important;margin-right:auto !important;
}
body.page-wall-panels#top #prices .hi-panels-price-actions .live-view-channel-toggle{
  width:min(100%,338px) !important;max-width:338px !important;
  min-height:52px !important;padding:0 28px !important;
  font-size:18px !important;font-weight:600 !important;line-height:1 !important;
}
body.page-wall-panels#top #prices .hi-panels-price-actions .live-view-channel-menu{
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;width:min(100%,620px) !important;max-width:620px !important;
  margin:12px auto 0 !important;padding:10px !important;
  border:1px solid rgba(191,169,122,.32) !important;border-radius:18px !important;
  background:#070708 !important;box-shadow:0 14px 34px rgba(0,0,0,.32) !important;
}
body.page-wall-panels#top #prices .hi-panels-price-actions .live-view-channel-menu[hidden]{display:none !important;}
@media(max-width:900px){
  body.page-wall-panels#top #prices .hi-panels-price-actions .live-view-channel-toggle{
    width:100% !important;max-width:none !important;
  }
  body.page-wall-panels#top #prices .hi-panels-price-actions .live-view-channel-menu{
    grid-template-columns:1fr !important;gap:8px !important;
    width:100% !important;max-width:none !important;margin-top:10px !important;
  }
}
/* Viewing cards: both real buttons align to the final list row on desktop. */
body.page-wall-panels#top #prices #panels-view .hi-panels-view-option{
  display:flex;flex-direction:column;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-list-with-action{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:14px;align-items:end;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-option + .hi-panels-view-option > .hi-panels-view-list-with-action{
  margin-top:auto;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-card-actions{
  display:flex;align-items:flex-end;justify-content:flex-end;
  flex:0 0 auto;margin:0;padding:0;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-card-actions .btn-outline{
  display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;flex:0 0 auto;
  width:252px;max-width:100%;min-width:0;min-height:46px;
  padding:0 13px;white-space:nowrap;
  font-size:14px;line-height:1.2;font-weight:500;
  text-align:center;text-decoration:none;
}
/* Same gold hover/focus response as the price CTA, without changing button geometry. */
body.page-wall-panels#top #prices #panels-view .hi-panels-view-card-actions .btn-outline{
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
}
body.page-wall-panels#top #prices #panels-view .hi-panels-view-card-actions .btn-outline:hover,
body.page-wall-panels#top #prices #panels-view .hi-panels-view-card-actions .btn-outline:focus-visible,
body.page-wall-panels#top #prices #panels-view .hi-panels-view-card-actions .btn-outline:active{
  background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  outline:none;
}
@media (min-width:1181px) and (max-width:1360px){
  body.page-wall-panels#top #prices #panels-view .hi-panels-view-option p{
    min-height:3.14em;
  }
}
@media(max-width:900px){
  body.page-wall-panels#top #prices #panels-view .hi-panels-view-option + .hi-panels-view-option .hi-panels-view-card-actions{
    margin-top:4px;
  }
}
@media(max-width:1180px){
  body.page-wall-panels#top #prices #panels-view .hi-panels-view-list-with-action{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  body.page-wall-panels#top #prices #panels-view .hi-panels-view-card-actions{
    justify-content:flex-end;
  }
}
@media(max-width:900px){
}
@media(max-width:560px){
  body.page-wall-panels#top #prices #panels-view .hi-panels-view-card-actions .btn-outline{
    width:100%;white-space:normal;
  }
  body.page-wall-panels#top #prices #panels-view .hi-panels-view-card-actions{width:100%;}
}
/* The viewing section remains below pricing in the single v03 navigator stop. */
body.page-wall-panels#top #prices #panels-view.hi-panels-view-section{padding:0;margin:18px 0 0;}
@media (min-width:1181px){
  body.page-wall-panels#top #prices.author-price-section{padding-top:26px!important;padding-bottom:74px!important;}
  body.page-wall-panels#top #prices .complectation-materials-shell{padding-top:20px;padding-bottom:30px;}
  body.page-wall-panels#top #prices .hi-related-service-links{margin-top:14px;padding-top:12px;}
  body.page-wall-panels#top #prices #panels-view.hi-panels-view-section{margin-top:42px;}
}
@media (min-width:901px) and (max-width:1180px){
  body.page-wall-panels#top #prices.author-price-section{padding-bottom:74px!important;}
}
@media (min-width:561px) and (max-width:1180px){
  body.page-wall-panels#top #prices #panels-view.hi-panels-view-section{margin-top:22px;}
}
@media (max-width:900px){
  /* Viewing options are a separate visual chapter below the price card. */
  body.page-wall-panels#top #prices #panels-view.hi-panels-view-section{margin-top:59px;}
  body.page-wall-panels#top #prices #panels-view > .section-title{margin-bottom:24px;}
}
@media (max-width:560px){
  body.page-wall-panels#top #prices #panels-view.hi-panels-view-section{margin-top:46px;}
  body.page-wall-panels#top #prices #panels-view > .section-title{margin-bottom:24px;}
}
@media (min-width:391px) and (max-width:560px){
  body.page-wall-panels#top #prices #panels-view.hi-panels-view-section{margin-top:49px;}
}

body.page-wall-panels#top #prices .complectation-materials-icon .wall-panels-price-icon-image{
  display:block;
  width:44px;
  height:44px;
  object-fit:contain;
}

/* Manual line breaks only for the desktop price description; mobile keeps natural wrapping. */
@media (max-width:1180px){
  body.page-wall-panels#top #prices .hi-panels-price-desktop-break{display:none;}
}

/* Wall panels team: match the accepted order section H2-to-frame spacing.
   The shared author-team 22/16px !important owner is not edited sitewide. */
body.page-wall-panels#top #team > .wrap > .section-title{margin-bottom:46px !important;}
@media(max-width:900px){
  body.page-wall-panels#top #team > .wrap > .section-title{margin-bottom:24px !important;}
}

/* Keep two complete introductory sentences on separate lines on wide screens. */
@media (max-width:1399px){
  body.page-wall-panels#top #included .hi-about > p .hi-panels-intro-desktop-break{display:none;}
}

/* Shared video-coverflow gap token is provided by the home page only.
   Define it on this instance so desktop spacing matches the existing shared component. */
body.page-wall-panels#top #hi-video-reviews{
  --hi-index-desktop-section-gap-v29:72px;
}

/* v32: The shared author-service rule leaves an extra 22px margin below
   the final “Что мы делаем” button (.hi-about). This is *in addition* to the
   section's bottom padding, so its real last-content → next-H2 gap was
   71px instead of 49px (mobile 440), and 132px instead of 110px (desktop).
   Fix only this page instance, without changing shared service pages. */
body.page-wall-panels#top #included .hi-about-layout.design-project-core > .hi-about{
  margin-bottom:0;
}

/* Match actual section-to-section rhythm, measured from the previous visible
   content bottom to the next H2. Reference: acoustic panels frame -> "Как можно заказать"
   H2 = 110px desktop / 59px tablet / 46px mobile.
   Avoid confusing this with the separate H2-to-inner-frame 46/38/34px spacing. */
@media (min-width:901px){
  /* Design process -> video H2: 55 + 55 = 110px; remove inherited video margin. */
  body.page-wall-panels#top #design-steps.author-main-steps-clone{padding-bottom:55px !important;}
  body.page-wall-panels#top main #hi-video-reviews.hi-video-reviews--compact{margin-top:0 !important;padding-top:55px !important;padding-bottom:55px !important;}
  /* Portfolio CTA -> price H2: 55 + 55 = 110px. */
  body.page-wall-panels#top #portfolio.repair-portfolio{padding-bottom:55px !important;}
  body.page-wall-panels#top main #prices.author-price-section{padding-top:55px !important;}
  /* Last team paragraph -> FAQ H2 and last FAQ row -> contact H2. */
  body.page-wall-panels#top main #team{padding-bottom:55px !important;}
  body.page-wall-panels#top #faq{padding-top:55px !important;padding-bottom:55px !important;}
  body.page-wall-panels#top #contacts.hi-contact-section{padding-top:55px !important;}
}
@media (min-width:561px) and (max-width:900px){
  /* Shared section end spacing = 24px; next section start = 35px. */
  body.page-wall-panels#top #hi-video-reviews.hi-video-reviews--compact{margin-top:0 !important;padding-top:35px !important;padding-bottom:24px !important;}
  body.page-wall-panels#top #included.author-service-section{padding-bottom:24px !important;}
  body.page-wall-panels#top #prices.author-price-section{padding-top:35px !important;}
  body.page-wall-panels#top #faq{padding-top:35px !important;}
  body.page-wall-panels#top #contacts.hi-contact-section{padding-top:35px !important;}
}
@media (max-width:560px){
  /* Shared section end spacing = 18px; next section start = 28px. */
  body.page-wall-panels#top #design-steps.author-main-steps-clone{padding-bottom:18px !important;}
  body.page-wall-panels#top #hi-video-reviews.hi-video-reviews--compact{margin-top:0 !important;padding-top:28px !important;padding-bottom:18px !important;}
  body.page-wall-panels#top #included.author-service-section{padding-bottom:18px !important;}
  body.page-wall-panels#top #portfolio.repair-portfolio{padding-bottom:18px !important;}
  body.page-wall-panels#top #prices.author-price-section{padding-top:28px !important;}
  body.page-wall-panels#top #team{padding-bottom:18px !important;}
  body.page-wall-panels#top #faq{padding-top:28px !important;padding-bottom:18px !important;}
  body.page-wall-panels#top #contacts.hi-contact-section{padding-top:28px !important;}
}
/* Acoustic-to-order reference is 49px at 391-560px and 46px at <=390px. */
@media (min-width:391px) and (max-width:560px){
  body.page-wall-panels#top #hi-video-reviews.hi-video-reviews--compact{padding-top:31px !important;padding-bottom:20px !important;}
  body.page-wall-panels#top #included.author-service-section{padding-bottom:20px !important;}
  body.page-wall-panels#top #prices.author-price-section{padding-top:31px !important;}
  body.page-wall-panels#top #faq{padding-top:31px !important;}
  body.page-wall-panels#top #contacts.hi-contact-section{padding-top:31px !important;}
}

/* Portfolio H2 -> image matches the approved order H2 -> frame gap (24px). */
@media (max-width:900px){
  body.page-wall-panels#top #portfolio > .wrap > .section-title{
    margin-bottom:14px !important;
  }
  body.page-wall-panels#top #portfolio.repair-portfolio > .gallery{
    margin-top:24px;
  }
}

/* Page-local portfolio: a second project view fades in once after the card enters the viewport. */
/* Position the secondary image relative to its own card, not the entire portfolio section. */
body.page-wall-panels#top #portfolio .gallery-item-inner{position:relative;}
body.page-wall-panels#top #portfolio .gallery-item-inner > img.hi-panels-project-second{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  pointer-events:none;
  transition:opacity 1.2s ease-in-out,transform .4s ease;
}
body.page-wall-panels#top #portfolio .gallery-item-inner.is-second-shown > img.hi-panels-project-second{
  opacity:1;
}

/* The shared <=768px rule forces transition-property on all elements.
   Keep the project dissolve scoped to its opacity/transform tracks. */
@media (max-width:768px){
  body.page-wall-panels#top #portfolio .gallery-item-inner > img.hi-panels-project-second{
    transition-property:opacity,transform !important;
  }
}


/* === v53: #reviews, exact homepage clone extracted from index bundle === */
#reviews.hi-index-reviews{padding:56px 0 72px !important;
  scroll-margin-top:120px !important;}
#reviews.hi-index-reviews .wrap{width:min(90%,1320px) !important;
  max-width:1320px !important;}
#reviews .hi-proof-intro{max-width:900px !important;
  margin:0 auto 24px !important;
  text-align:center !important;}
#reviews .hi-proof-intro .section-title{margin-bottom:16px !important;}
#reviews .hi-proof-main,
#reviews .hi-proof-stat,
#reviews .hi-proof-review-card,
#reviews .hi-proof-reviews-note{position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.24) !important;}
#reviews .hi-proof-main,
#reviews .hi-proof-stat{border-radius:24px !important;}
#reviews .hi-proof-main::before,
#reviews .hi-proof-stat::before{content:"" !important;
  position:absolute !important;
  inset:0 0 auto !important;
  height:3px !important;
  background:linear-gradient(90deg,rgba(191,169,122,0),rgba(191,169,122,.95),rgba(191,169,122,0)) !important;
  opacity:.9 !important;}
#reviews.design-section-proof .hi-proof-main{display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  max-width:100% !important;
  gap:0 !important;
  margin-bottom:14px !important;
  padding:20px 26px !important;}
#reviews .hi-proof-main-title{margin:0 0 12px !important;
  font-size:var(--hi-type-h3) !important;
  line-height:var(--hi-type-h3-line) !important;
  color:var(--hi-text,#E8E3D4) !important;
  font-weight:700 !important;}
#reviews .hi-proof-main p:not(.hi-proof-main-title){margin:0 !important;}
#reviews .hi-proof-stats{display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:0 0 18px !important;}
#reviews .hi-proof-stat{min-height:148px !important;
  padding:22px !important;}
#reviews .hi-proof-stat small{display:block !important;
  margin-bottom:10px !important;
  font-size:12px !important;
  letter-spacing:.08em !important;
  line-height:1.35 !important;
  text-transform:uppercase !important;
  color:var(--hi-text-dim,#CFC8B5) !important;}
#reviews .hi-proof-stat strong{display:block !important;
  margin-bottom:6px !important;
  font-size:clamp(34px,4vw,46px) !important;
  line-height:1 !important;
  color:var(--hi-text,#E8E3D4) !important;}
#reviews .hi-proof-stat p{margin:0 !important;
  color:var(--hi-text-dim,#CFC8B5) !important;}
#reviews .hi-proof-reviews-block{margin-top:14px !important;}
#reviews .hi-proof-reviews-block .hi-proof-reviews{display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 !important;}
#reviews .hi-proof-reviews-block .hi-proof-review-card{display:flex !important;
  flex-direction:column !important;
  min-height:148px !important;
  padding:16px 18px !important;
  border-radius:16px !important;
  border:1px solid rgba(191,169,122,.22) !important;
  background:rgba(255,255,255,.03) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16) !important;}
#reviews .hi-proof-reviews-block .hi-proof-review-card::before{content:none !important;
  display:none !important;}
#reviews .hi-proof-reviews-block .hi-proof-review-top{display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-bottom:8px !important;}
#reviews .hi-proof-reviews-block .hi-proof-review-top strong{max-width:calc(100% - 92px) !important;
  color:var(--hi-text,#E8E3D4) !important;
  font-size:16px !important;
  line-height:1.16 !important;
  font-weight:780 !important;}
#reviews .hi-proof-reviews-block .hi-proof-review-top span{flex:0 0 auto !important;
  color:#d6bd7a !important;
  font-size:12.5px !important;
  line-height:1.1 !important;
  letter-spacing:1.2px !important;
  white-space:nowrap !important;
  text-shadow:0 0 10px rgba(214,189,122,.18) !important;}
#reviews .hi-proof-reviews-block .hi-proof-review-card p{margin:0 !important;
  color:var(--hi-text-dim,#CFC8B5) !important;
  font-size:14.6px !important;
  line-height:1.34 !important;}
#reviews .hi-proof-reviews-block .hi-proof-review-card small{display:block !important;
  margin-top:auto !important;
  padding-top:8px !important;
  color:rgba(207,200,181,.68) !important;
  font-size:12.5px !important;
  line-height:1.2 !important;
  letter-spacing:.01em !important;}
#reviews .hi-proof-reviews-note{display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:14px 0 0 !important;
  padding:14px 18px !important;
  border-radius:16px !important;
  border:1px solid rgba(191,169,122,.22) !important;
  background:rgba(255,255,255,.03) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16) !important;}
#reviews .hi-proof-reviews-note span{color:rgba(207,200,181,.88) !important;
  font-size:14.5px !important;
  line-height:1.38 !important;}
#reviews .hi-proof-reviews-note .btn-outline{display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:48px !important;
  height:48px !important;
  padding:0 22px !important;
  border-radius:12px !important;
  border:1px solid rgba(191,169,122,.55) !important;
  background:rgba(0,0,0,.08) !important;
  color:rgba(255,255,255,.94) !important;
  font-family:var(--hi-font-sans) !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:750 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03) !important;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease !important;}
#reviews .hi-proof-reviews-note .btn-outline:hover,
#reviews .hi-proof-reviews-note .btn-outline:focus-visible{background:linear-gradient(180deg,#d9c38a,#bfa66d) !important;
  color:#121212 !important;
  border-color:rgba(217,195,138,.95) !important;
  box-shadow:0 0 0 1px rgba(217,195,138,.22), 0 0 22px rgba(217,195,138,.32), 0 14px 32px rgba(0,0,0,.38) !important;
  transform:translateY(-1px) !important;}
@media (max-width:1180px){#reviews .hi-proof-stats,
#reviews .hi-proof-reviews-block .hi-proof-reviews{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:900px){#reviews.hi-index-reviews{padding:46px 0 60px !important;
    scroll-margin-top:var(--himob-h, 84px) !important;}}
@media (max-width:900px){#reviews .hi-proof-intro{text-align:center !important;}}
@media (max-width:768px){#reviews .hi-proof-stats,
#reviews .hi-proof-reviews-block .hi-proof-reviews{grid-template-columns:1fr !important;
    gap:14px !important;}}
@media (max-width:768px){#reviews.design-section-proof .hi-proof-main{padding:18px 20px !important;}}
@media (max-width:768px){#reviews .hi-proof-stat{min-height:0 !important;
    padding:20px !important;}}
@media (max-width:768px){#reviews .hi-proof-reviews-block .hi-proof-review-card{min-height:0 !important;
    padding:16px !important;}}
@media (max-width:768px){#reviews .hi-proof-reviews-block .hi-proof-review-card p{font-size:15px !important;
    line-height:1.42 !important;}}
@media (max-width:768px){#reviews .hi-proof-reviews-block .hi-proof-review-top strong{max-width:none !important;}}
@media (max-width:768px){#reviews .hi-proof-reviews-note{flex-direction:column !important;
    align-items:stretch !important;
    padding:16px !important;}}
@media (max-width:768px){#reviews .hi-proof-reviews-note .btn-outline{width:100% !important;}}
#reviews.hi-index-reviews{padding:64px 0 62px !important;}
@media (min-width:901px){#reviews.hi-index-reviews .wrap{width:min(90%,1600px) !important;
    max-width:1600px !important;
    padding-left:0 !important;
    padding-right:0 !important;}}
#reviews .hi-proof-intro{margin:0 auto 44px !important;}
#reviews .hi-proof-main,
#reviews .hi-proof-stat,
#reviews .hi-proof-review-card,
#reviews .hi-proof-reviews-note{border:1px solid rgba(191,169,122,.22) !important;
  background:rgba(255,255,255,.03) !important;
  background-image:none !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16) !important;}
#reviews .hi-proof-main,
#reviews .hi-proof-stat{border-radius:16px !important;}
#reviews .hi-proof-main::before,
#reviews .hi-proof-stat::before{content:none !important;
  display:none !important;}
#reviews .hi-proof-main-title{font-size:clamp(20px,1.55vw,24px) !important;
  line-height:1.28 !important;
  font-weight:750 !important;}
#reviews .hi-proof-main p:not(.hi-proof-main-title){max-width:980px !important;}
@media (max-width:900px){#reviews.hi-index-reviews{padding:54px 0 54px !important;}}
@media (max-width:900px){#reviews .hi-proof-intro{margin-bottom:36px !important;}}
@media (max-width:900px){
  /* This section inherited 90% width from the homepage clone; align its cards with
     the 92% mobile content grid used by other panels sections. Desktop untouched. */
  body.page-wall-panels.page-author-supervision#top #reviews.hi-index-reviews > .wrap{
    width:92% !important;
  }
  /* The review heading visually crowds the first frame on phones.
     Add air without reducing the inherited title-to-content margin. */
  body.page-wall-panels.page-author-supervision#top #reviews.hi-index-reviews .hi-proof-intro{
    padding-bottom:16px !important;
  }
}
#reviews .hi-proof-intro .section-title{position:relative !important;
  display:table !important;
  width:auto !important;
  margin:0 auto !important;
  text-align:center !important;
  text-wrap:balance;}
#reviews .hi-proof-intro .section-title::after{content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-10px !important;
  width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
  max-width:calc(100vw - 40px) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.62) 17%,
    rgba(191,169,122,.98) 50%,
    rgba(191,169,122,.62) 83%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 12px rgba(191,169,122,.46), 0 0 22px rgba(191,169,122,.16) !important;
  border-radius:2px !important;}
@media (max-width:768px){#reviews .hi-proof-intro .section-title::after{width:calc(100% + 30px) !important;
    max-width:calc(100vw - 28px) !important;}}
@media (hover:none) and (pointer:coarse) and (max-width:900px){#reviews .btn-outline:active{background:#BFA97A !important;
    color:#111 !important;
    border-color:#BFA97A !important;
    background-image:none !important;
    box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
    transform:none !important;
    opacity:1 !important;}}
@media (max-width: 900px){#reviews.hi-index-reviews{padding-top:var(--hi-mobile-section-gap-v19) !important;}}
@media (max-width: 900px){#reviews.hi-index-reviews{padding-bottom:0 !important;}}
@media (max-width: 900px){body.project-hero-fullscreen-page#top #reviews.hi-index-reviews{padding-top:var(--hi-index-mobile-section-gap-v17) !important;}}
@media (max-width: 900px){body.project-hero-fullscreen-page#top #reviews.hi-index-reviews{padding-bottom:0 !important;}}
@media (max-width:900px){body.project-hero-fullscreen-page#top #reviews.hi-index-reviews{padding-top:var(--hi-index-mobile-section-gap-v18) !important;}}
@media (max-width:900px){body.project-hero-fullscreen-page#top #reviews .hi-proof-intro{margin-bottom:var(--hi-index-mobile-title-to-content-v24) !important;}}
@media (max-width:900px){body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title{margin-bottom:0 !important;}}
@media (max-width:900px){body.project-hero-fullscreen-page#top #reviews .hi-proof-main p:not(.hi-proof-main-title){color:rgba(255,255,255,.78) !important;}}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline{background:#202020 !important;
  border-color:rgba(255,255,255,.14) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.04) !important;}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline:hover,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline:focus-visible{background:#262626 !important;
  border-color:rgba(191,169,122,.30) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(255,255,255,.05), 0 0 16px rgba(191,169,122,.08) !important;
  transform:translateY(-1px) !important;}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline{background:rgba(28,28,30,.86) !important;
  background-image:none !important;
  color:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  backdrop-filter:blur(16px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
  opacity:1 !important;}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline:hover,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline:focus-visible{background:rgba(34,34,36,.90) !important;
  background-image:none !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  transform:none !important;
  opacity:1 !important;
  outline:none !important;}
@media (max-width:900px){body.project-hero-fullscreen-page#top #reviews .btn-outline:active,
body.project-hero-fullscreen-page#top #reviews .btn-outline:focus-visible{background:var(--hi-index-mobile-cta-gold-v21) !important;
    background-image:none !important;
    color:#000 !important;
    border-color:var(--hi-index-mobile-cta-gold-v21) !important;
    box-shadow:var(--hi-index-mobile-cta-gold-shadow-v21) !important;
    filter:none !important;
    transform:translateY(-1px) !important;
    outline:none !important;
    opacity:1 !important;
    -webkit-tap-highlight-color:rgba(191,169,122,.24) !important;}}
@media (min-width:901px){body.project-hero-fullscreen-page#top #reviews.hi-index-reviews{margin-top:0 !important;
    padding-top:56px !important;
    padding-bottom:0 !important;}}
@media (min-width:901px){body.project-hero-fullscreen-page#top #reviews .hi-proof-main p:not(.hi-proof-main-title){color:rgba(255,255,255,.78) !important;}}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline:hover,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline:focus-visible{background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  filter:none !important;
  outline:none !important;}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-main,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-stat,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note{border:1px solid rgba(191,169,122,.24) !important;
  border-radius:28px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-main::before,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-stat::before,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card::before,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note::before{content:none !important;
  display:none !important;}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-main,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-stat,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note{background:rgba(12,12,14,.96) !important;
  background-image:none !important;}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-main,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-stat,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note{border-radius:16px !important;}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-main,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-stat,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note{background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 100%), linear-gradient(135deg, rgba(191,169,122,.10), rgba(12,12,14,.96) 28%, rgba(4,4,4,.98) 100%) !important;}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline{display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  padding:15px 24px !important;
  border-radius:12px !important;
  border:1px solid rgba(191,169,122,.65) !important;
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, transform .25s ease !important;
  opacity:1 !important;}
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline:hover,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline:focus-visible{background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  outline:none !important;}
body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title{position:relative !important;
  display:table !important;
  width:auto !important;
  max-width:calc(100vw - 40px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;}
body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title::after{content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-10px !important;
  display:block !important;
  width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
  max-width:calc(100vw - 40px) !important;
  height:1px !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.40) 18%,
    rgba(191,169,122,.70) 50%,
    rgba(191,169,122,.40) 82%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 5px rgba(191,169,122,.22), 0 0 10px rgba(191,169,122,.08) !important;
  opacity:.94 !important;
  border-radius:2px !important;}
@media (max-width:900px){body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title::after{bottom:-10px !important;
    width:calc(100% + 72px) !important;
    max-width:calc(100vw - 24px) !important;
    height:1px !important;}}
@media (max-width:900px){body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title::after{content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    background:none !important;
    box-shadow:none !important;}}

/* Page-only clone of the homepage's #reviews component. HTML text and card contents
   copied verbatim from index.html; review styles above come from its actual index bundle. */
body.page-wall-panels#top #reviews.hi-index-reviews .hi-proof-intro > .section-title .hi-title-mobile{display:none !important;}
body.page-wall-panels#top #reviews.hi-index-reviews .hi-proof-intro > .section-title .hi-title-full{display:inline !important;}
body.page-wall-panels#top #reviews.hi-index-reviews .hi-proof-main p:not(.hi-proof-main-title){
  font-size:var(--hi-type-body,16px) !important;
  line-height:var(--hi-type-body-line,1.65) !important;
  color:var(--hi-text-dim,#cfc8b5) !important;
}
/* Hero typography is shared, not redefined here; preserve the section's natural padding rhythm. */
@media (min-width:901px){
  body.page-wall-panels.page-author-supervision#top main #reviews.hi-index-reviews{padding:55px 0 !important;}
}
@media (min-width:561px) and (max-width:900px){
  body.page-wall-panels#top #reviews.hi-index-reviews{padding:35px 0 24px !important;}
}
@media (max-width:560px){
  body.page-wall-panels#top #reviews.hi-index-reviews{padding:28px 0 18px !important;}
}
@media (min-width:391px) and (max-width:560px){
  body.page-wall-panels#top #reviews.hi-index-reviews{padding-top:31px !important;}
}
@media (max-width:900px){
  body.page-wall-panels#top #reviews.hi-index-reviews .hi-proof-intro > .section-title .hi-title-full{display:none !important;}
  body.page-wall-panels#top #reviews.hi-index-reviews .hi-proof-intro > .section-title .hi-title-mobile{display:inline !important;}
}
/* Identical 24px vector arrow from the main-page project CTA; caption/glow/rotation
   remain owned by the existing common portfolio CSS (page-author-supervision). */
body.page-wall-panels#top #portfolio .project-cta-circle .hi-card-arrow-icon{
  display:block;width:24px;height:24px;flex:0 0 24px;overflow:visible;
}


/* v23 — mobile 4:5 test layout for «Варианты композиции».
   Keep desktop intact. On mobile remove the heavy card shell,
   make the image edge-to-edge with 4:5 proportion,
   merge index + eyebrow into one row and keep current switching logic. */
body.page-wall-panels .hi-panels-story-meta{display:block;}
body.page-wall-panels .hi-panels-story-image--mobile-sample{display:none;}

@media (max-width:900px){
  body.page-wall-panels#top #materials-together .hi-panels-solution-stage{
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-solution{
    display:block !important;
    min-height:0 !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-visual{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    aspect-ratio:4 / 5 !important;
    min-height:0 !important;
    max-height:none !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#0b0b0b !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-copy{
    padding:18px 0 0 !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-meta{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    margin:0 0 10px !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-index,
  body.page-wall-panels#top #materials-together .hi-panels-story-eyebrow{
    margin:0 !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-index{
    display:inline-block !important;
    margin-bottom:0 !important;
    color:#bfa97a !important;
    font:600 12px/1.2 Inter,Arial,sans-serif !important;
    letter-spacing:.14em !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-eyebrow{
    color:#bfa97a !important;
    font:650 12px/1.35 Inter,Arial,sans-serif !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-solution h3{
    margin:0 0 12px !important;
    font-size:clamp(23px,4.8vw,30px) !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-copy>p:not(.hi-panels-story-eyebrow):not(.hi-panels-story-note){
    font-size:16px !important;
    line-height:1.58 !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-note{
    margin-top:16px !important;
    padding-top:14px !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-solution-controls{
    position:static !important;
    justify-content:flex-end !important;
    margin-top:16px !important;
    gap:10px !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-solution-arrow{
    width:40px !important;
    height:40px !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-solution-count{
    min-width:58px !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-visual.has-mobile-photo .hi-panels-surface,
  body.page-wall-panels#top #materials-together .hi-panels-story-visual.has-mobile-photo .hi-panels-visual-tv,
  body.page-wall-panels#top #materials-together .hi-panels-story-visual.has-mobile-photo .hi-panels-visual-console,
  body.page-wall-panels#top #materials-together .hi-panels-story-visual.has-mobile-photo .hi-panels-visual-window,
  body.page-wall-panels#top #materials-together .hi-panels-story-visual.has-mobile-photo .hi-panels-visual-bed,
  body.page-wall-panels#top #materials-together .hi-panels-story-visual.has-mobile-photo .hi-panels-visual-light,
  body.page-wall-panels#top #materials-together .hi-panels-story-visual.has-mobile-photo .hi-panels-visual-door,
  body.page-wall-panels#top #materials-together .hi-panels-story-visual.has-mobile-photo .hi-panels-visual-lightline,
  body.page-wall-panels#top #materials-together .hi-panels-story-visual.has-mobile-photo .hi-panels-visual-label{
    display:none !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-image--mobile-sample{
    display:block !important;
  }
}

@media (max-width:560px){
  body.page-wall-panels#top #materials-together .hi-panels-solution-tabs.portfolio-tabs{
    width:calc(100vw - 28px) !important;
    max-width:calc(100vw - 28px) !important;
    margin-top:20px !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-copy{
    padding-top:16px !important;
  }
  body.page-wall-panels#top #materials-together .hi-panels-story-copy>p:not(.hi-panels-story-eyebrow):not(.hi-panels-story-note){
    font-size:15px !important;
  }
}

/* v38: more breathing room only between the four “Зачем нужны панели” items.
   Shared rules are owned by avtorskiy-nadzor-samara.css; keep other service pages intact. */
@media (max-width:900px){
  body.page-wall-panels.page-author-supervision#top #included .hi-value-grid{
    gap:26px !important; /* was 18px */
  }
  body.page-wall-panels.page-author-supervision#top #included .hi-value-card:not(:last-child)::after{
    bottom:-13px !important; /* centered inside the new 26px gap; was -9px */
  }
}

/* v26 — nested gallery inside each composition category.
   Tabs switch categories; arrows switch images inside the active category.
   Keep the old bottom section arrows hidden to avoid double navigation. */
body.page-wall-panels .hi-panels-gallery-source{display:none !important;}
body.page-wall-panels .hi-panels-solution-controls{display:none !important;}
body.page-wall-panels .hi-panels-story-meta{
  display:block;
}
body.page-wall-panels .hi-panels-story-gallery-nav{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
@media (min-width:901px){
  body.page-wall-panels #materials-together .hi-panels-story-copy{position:relative;}
  body.page-wall-panels #materials-together .hi-panels-story-meta{
    display:block;
    padding:0 0 10px;
    margin-bottom:12px;
    border-top:0;
    border-bottom:1px solid rgba(191,169,122,.22);
  }
  body.page-wall-panels #materials-together .hi-panels-story-eyebrow{
    display:block;
    margin:0;
  }
  body.page-wall-panels #materials-together .hi-panels-story-gallery-footer{
    position:absolute;
    left:38px;
    right:38px;
    bottom:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
  }
  body.page-wall-panels #materials-together .hi-panels-story-gallery-nav{
    margin:0;
  }
  body.page-wall-panels #portfolio .repair-portfolio-lead{
    display:block;
    max-width:900px;
    margin:12px auto 26px;
    text-align:center;
  }
}
@media (max-width:900px){
  body.page-wall-panels #portfolio .repair-portfolio-lead{display:none !important;}
}
body.page-wall-panels .hi-panels-story-gallery-nav[hidden]{display:none !important;}
body.page-wall-panels .hi-panels-story-gallery-btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(12,12,12,.58);
  color:#f1efeb;
  cursor:pointer;
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
body.page-wall-panels .hi-panels-story-gallery-btn span{
  font:300 28px/1 Arial,sans-serif;
  transform:translateY(-1px);
}
body.page-wall-panels .hi-panels-story-gallery-btn:hover,
body.page-wall-panels .hi-panels-story-gallery-btn:focus-visible{
  border-color:#d1ba8d;
  color:#d1ba8d;
  outline:none;
}
body.page-wall-panels .hi-panels-story-gallery-btn:disabled{
  opacity:.4;
  cursor:default;
}
@media (min-width:901px){
  /* v17: counter returns to the top of the right-hand column.
     Its left edge is aligned to the arrow group below. */
  body.page-wall-panels #materials-together .hi-panels-story-copy > .hi-panels-story-gallery-count{
    position:absolute;
    z-index:9;
    top:22px;
    left:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    margin:0;
    padding:4px 8px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    background:var(--hi-bg);
    color:#fff;
    text-align:center;
    font:600 11px/1.2 Inter,Arial,sans-serif;
    letter-spacing:0;
    font-variant-numeric:tabular-nums;
    pointer-events:none;
  }
}

@media (max-width:900px){
  body.page-wall-panels .hi-panels-composition-copy__arrows.is-hidden{
    visibility:hidden;
    pointer-events:none;
  }
}

@media (max-width:560px){
  body.page-wall-panels .hi-panels-story-gallery-btn{
    width:36px;
    height:36px;
  }
}

/* v28: compact counter in the image; navigation stays alongside the caption. */
body.page-wall-panels #materials-together .hi-panels-story-gallery-count[hidden]{display:none !important;}

/* v31 — only numbered gallery folders are valid media sources.
   Neutral placeholders replace the deleted mock TV, mirror and geometry art. */
body.page-wall-panels #materials-together .hi-panels-gallery-empty{
  position:absolute;
  inset:0;
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:#111113;
  color:#a9a39a;
  text-align:center;
  font:400 15px/1.5 Inter,Arial,sans-serif;
}
body.page-wall-panels #materials-together .hi-panels-gallery-empty[hidden]{display:none !important;}
body.page-wall-panels #materials-together .hi-panels-photo-counter--mobile[hidden],
body.page-wall-panels #materials-together .hi-panels-composition-copy__index[hidden]{display:none !important;}
/* Switching materials must never crossfade two photos over each other. */
body.page-wall-panels #materials-together .hi-panels-solution{transition:none;}