/* === extracted from remont-pod-klyuch-samara.html: repair-page-cleanup-v9 === */
.page-repair-refit{
  --repair-bg:#030303;
  --repair-panel:#0d0e11;
  --repair-panel-soft:rgba(255,255,255,.025);
  --repair-border:rgba(191,169,122,.16);
  --repair-divider:rgba(255,255,255,.08);
  --repair-text:#ece6d8;
  --repair-muted:#c9c2b3;
  --repair-gold:#bfa97a;
  --repair-shadow:0 24px 60px rgba(0,0,0,.34);
  background:var(--repair-bg) !important;
  color:var(--repair-text) !important;
}
html,
body,
body.page-repair-refit,
body.page-repair-refit .hi-main{
  background:var(--repair-bg) !important;
  color:var(--repair-text) !important;
}
body.page-repair-refit a{ color:inherit; }

body.page-repair-refit h1,
body.page-repair-refit h2,
body.page-repair-refit h3,
body.page-repair-refit strong,
body.page-repair-refit summary,
body.page-repair-refit .project-caption-title,
body.page-repair-refit .repair-proof-title,
body.page-repair-refit .repair-step-num,
body.page-repair-refit .repair-highlight-lead{
  color:var(--repair-text) !important;
}
body.page-repair-refit section,
body.page-repair-refit .home-intro,
body.page-repair-refit .repair-section,
body.page-repair-refit .repair-highlight-section,
body.page-repair-refit .repair-portfolio,
body.page-repair-refit .repair-budget,
body.page-repair-refit .repair-faq-section,
body.page-repair-refit .repair-team{
  background:transparent !important;
  border-top:0 !important;
}
body.page-repair-refit #hero.repair-hero{
  height:100vh !important;
  min-height:100vh !important;
  padding:0 !important;
  margin:0 !important;
  border-top:0 !important;
  background:#030303 !important;
}
@supports (height: 100svh){
  body.page-repair-refit #hero.repair-hero{
    height:100svh !important;
    min-height:100svh !important;
  }
}
/* repair-hero-mobile-height-sync-v06
   Match the accepted mobile hero height on the homepage and design page.
   A 100svh media-only first screen leaves Lighthouse without a stable LCP
   candidate; 90svh also reveals the start of the content below the video. */
@media (max-width:768px), (max-width:1024px) and (orientation:portrait){
  body.page-repair-refit #hero.repair-hero{
    height:90vh !important;
    min-height:90vh !important;
  }
  @supports (height:100svh){
    body.page-repair-refit #hero.repair-hero{
      height:90svh !important;
      min-height:90svh !important;
    }
  }
}
body.page-repair-refit #hero.repair-hero .hero-bg{
  opacity:1 !important;
  transition:opacity .24s ease !important;
  background-position:center center;
}
/* === repair-hero-dim-match-index-v03 ===
   Owner: remont-pod-klyuch-samara.html / #hero.repair-hero.
   Цель: привести логику и силу затемнения hero-видео к главной странице:
   затемнять только при активном свечении шапки/скролле, не держать тёмный слой после остановки. */
body.project-hero-fullscreen-page.page-repair-refit #hero.repair-hero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:2 !important;
  background:linear-gradient(to bottom, rgba(0,0,0,.66) 0%, rgba(0,0,0,.92) 100%) !important;
  opacity:0 !important;
  transition:opacity .35s ease !important;
}
body.page-repair-refit #hero.repair-hero::after{
  display:none !important;
}

body.project-hero-fullscreen-page.page-repair-refit.header-glow-suppressed #hero.repair-hero::before{
  opacity:0 !important;
}
body.page-repair-refit #hero.repair-hero .content,
body.page-repair-refit #hero.repair-hero .hero-nav,
body.page-repair-refit #hero.repair-hero .hero-counter,
body.page-repair-refit #hero.repair-hero .hero-subtitle,
body.page-repair-refit #hero.repair-hero .hero-title,
body.page-repair-refit #hero.repair-hero .hero-subline,
body.page-repair-refit #hero.repair-hero .cta{ display:none !important; }

body.page-repair-refit .home-intro{
  padding:68px 0 22px !important;
  background:radial-gradient(980px 340px at 50% 0%, rgba(255,255,255,.04), rgba(255,255,255,0) 60%) !important;
}
body.page-repair-refit .home-intro .wrap,
body.page-repair-refit .repair-section .wrap,
body.page-repair-refit .repair-highlight-section .wrap,
body.page-repair-refit #contacts .wrap{
  width:min(90%,1600px);
  max-width:none;
  margin-inline:auto;
  padding:0;
}
body.page-repair-refit .home-intro .wrap{
  text-align:center;
}
body.page-repair-refit .home-h1{
  max-width:1360px;
  margin:0 auto;
}

body.page-repair-refit .home-lead{
  width:min(75%,1180px);
  max-width:1180px;
  margin:22px auto 0;
  text-align:center;
}
body.page-repair-refit .home-intro .cta,
body.page-repair-refit .repair-highlight-actions,
body.page-repair-refit .repair-center-cta{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}
body.page-repair-refit .btn,
body.page-repair-refit .btn-outline{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:52px;
  min-width:220px;
  padding:15px 24px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:#000 !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:none !important;
  font-size:16px !important;
  line-height:1.2 !important;
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, transform .25s ease !important;
}
body.page-repair-refit .btn{
  border-color:rgba(191,169,122,.65) !important;
}
body.page-repair-refit .btn-outline{
  background:transparent !important;
  border-color:rgba(255,255,255,.22) !important;
}
body.page-repair-refit .btn:hover,
body.page-repair-refit .btn:focus-visible,
body.page-repair-refit .btn-outline:hover,
body.page-repair-refit .btn-outline:focus-visible{
  background:#bfa97a !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);
  opacity:1 !important;
}

body.page-repair-refit .repair-proof-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:36px auto 0;
  padding:34px 36px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 100%), linear-gradient(135deg, rgba(191,169,122,.08), rgba(13,14,17,.96) 24%, rgba(6,6,7,.98) 100%) !important;
  border:1px solid var(--repair-border) !important;
  border-radius:28px !important;
  box-shadow:var(--repair-shadow) !important;
}
body.page-repair-refit .repair-proof-strip::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(560px 220px at 50% 0%, rgba(191,169,122,.12), rgba(191,169,122,0) 70%);
  pointer-events:none;
}
body.page-repair-refit .repair-proof-item{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:152px;
  padding:22px 26px;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.page-repair-refit .repair-proof-item:nth-child(-n/**/+2){
  border-bottom:1px solid var(--repair-divider) !important;
  padding-top:0;
  padding-bottom:24px;
}
body.page-repair-refit .repair-proof-item:nth-child(n/**/+3){
  padding-top:24px;
  padding-bottom:0;
}
body.page-repair-refit .repair-proof-item:nth-child(2n){
  border-left:1px solid var(--repair-divider) !important;
}
body.page-repair-refit .repair-proof-item:nth-child(odd){
  padding-left:0;
}
body.page-repair-refit .repair-proof-item:nth-child(even){
  padding-right:0;
}


body.page-repair-refit .repair-section{
  padding:78px 0 0 !important;
}
body.page-repair-refit .repair-section h2,
body.page-repair-refit .repair-highlight-section h2,
body.page-repair-refit #contacts h2,
body.page-repair-refit #portfolio h2,
body.page-repair-refit #prices h2,
body.page-repair-refit #design-steps h2,
body.page-repair-refit #team h2{
  display:block !important;
  max-width:none;
  margin:0 0 14px;


text-align:left;
  text-wrap:balance;
}
body.page-repair-refit .repair-section h2::after,
body.page-repair-refit .repair-highlight-section h2::after,
body.page-repair-refit #contacts h2::after,
body.page-repair-refit #portfolio h2::after,
body.page-repair-refit #prices h2::after,
body.page-repair-refit #design-steps h2::after,
body.page-repair-refit #team h2::after{
  display:none !important;
}
body.page-repair-refit .repair-section-lead{
  max-width:1200px;
  margin:0;
  text-align:left;
}
body.page-repair-refit .repair-section-copy{
  max-width:1100px;
  margin:0 auto 26px;
  text-align:center;
}
body.page-repair-refit .repair-section-copy h2{
  margin:0 0 14px !important;
  text-align:center !important;
}
body.page-repair-refit .repair-section-copy .repair-section-lead{
  max-width:980px;
  margin:0 auto;
  text-align:center !important;
}
body.page-repair-refit .repair-section-intro-box{
  position:relative;
  overflow:hidden;
  width:100%;
  max-width:none;
  margin:0 0 30px;
  padding:34px 32px;
  background:#09090a;
  border:1px solid rgba(191,169,122,0.24);
  border-radius:28px;
  box-shadow:0 1px 0 rgba(255,255,255,0.01), inset 0 0 0 1px rgba(255,255,255,0.01);
}
body.page-repair-refit .repair-control-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin-top:0;
  text-align:left;
}
body.page-repair-refit .repair-control-point{
  min-width:0;
  padding:22px 26px;
  min-height:152px;
}
body.page-repair-refit .repair-control-point:nth-child(-n/**/+4){
  border-bottom:1px solid var(--repair-divider) !important;
}
body.page-repair-refit .repair-control-point:nth-child(-n/**/+2),
body.page-repair-refit .repair-control-point:nth-child(3),
body.page-repair-refit .repair-control-point:nth-child(4){
  padding-top:0;
  padding-bottom:24px;
}
body.page-repair-refit .repair-control-point:nth-child(n/**/+5){
  padding-top:24px;
  padding-bottom:0;
}
body.page-repair-refit .repair-control-point:nth-child(2n){
  border-left:1px solid var(--repair-divider) !important;
  padding-right:0;
}
body.page-repair-refit .repair-control-point:nth-child(odd){
  padding-left:0;
}
body.page-repair-refit .repair-control-point h3{
  margin:0 0 10px;


}
body.page-repair-refit .repair-control-point p{
  margin:0;


}

body.page-repair-refit #view-object h2,
body.page-repair-refit #proof h2{
  text-align:center;
}
body.page-repair-refit .repair-grid{
  display:grid;
  gap:32px 28px;
  margin-top:30px;
}
body.page-repair-refit .repair-grid-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
body.page-repair-refit .repair-grid-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
body.page-repair-refit .repair-card,
body.page-repair-refit .partner-card,
body.page-repair-refit .repair-step,
body.page-repair-refit .hi-faq details{
  background:transparent !important;
  border:0 !important;
  border-top:1px solid var(--repair-border) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:22px 0 0 !important;
}
body.page-repair-refit .repair-card h3,
body.page-repair-refit .partner-card h3,
body.page-repair-refit .repair-step h3{
  margin:0 0 10px;


}
body.page-repair-refit .repair-highlight{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:28px;
  padding:32px;
  margin-top:30px;
  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%);
  border:1px solid rgba(191,169,122,.24);
  border-radius:28px;
  box-shadow:var(--repair-shadow);
}
body.page-repair-refit .repair-highlight-lead{

margin:0;
}
body.page-repair-refit .repair-list{
  margin:20px 0 0;
  padding-left:18px;
}
body.page-repair-refit .repair-list li{ margin:0 0 10px; }
body.page-repair-refit .repair-highlight-actions{
  justify-content:flex-start;
  align-content:flex-start;
  margin-top:0;
}
body.page-repair-refit .repair-note{

margin:6px 0 0;
}
body.page-repair-refit .repair-step-num{
  display:inline-block;
  margin-bottom:16px;
  font-size:13px;
  letter-spacing:.2em;
  color:var(--repair-gold) !important;
}
body.page-repair-refit .repair-portfolio .gallery{
  width:min(90%,1600px) !important;
  padding-inline:0 !important;
  margin:34px auto 0 !important;
}
body.page-repair-refit .repair-portfolio .gallery-item img,
body.page-repair-refit #team img{
  width:100%;
  height:auto;
  display:block;
}
body.page-repair-refit .repair-budget-note{
  max-width:1120px;
  margin:22px 0 0;
  text-align:left;
}
body.page-repair-refit .repair-team-grid{
  align-items:start;
}
body.page-repair-refit .repair-team-photo img{
  border-radius:24px;
  border:1px solid var(--repair-border);
  box-shadow:var(--repair-shadow);
}
body.page-repair-refit .hi-faq{
  max-width:1120px !important;
  margin:18px 0 0 !important;
}
body.page-repair-refit .hi-faq details + details{
  margin-top:16px;
}
body.page-repair-refit .hi-faq summary{
  font-size:17px !important;
  line-height:1.45;
  font-weight:700;
}
body.page-repair-refit .faq-body{ margin-top:10px; }
body.page-repair-refit #contacts .contact-info,
body.page-repair-refit #contacts .nap p,
body.page-repair-refit #contacts p,
body.page-repair-refit #contacts a[href^="tel:"],
body.page-repair-refit #contacts a[href^="mailto:"],
body.page-repair-refit #contacts strong,
body.page-repair-refit #contacts #ymaps-open{
  color:var(--repair-text) !important;
}
body.page-repair-refit .contact-map{
  overflow:hidden;
  background:linear-gradient(180deg, rgba(18,19,22,.96) 0%, rgba(10,11,12,.96) 100%) !important;
  border:1px solid var(--repair-border) !important;
  border-radius:24px !important;
  box-shadow:var(--repair-shadow) !important;
}
body.page-repair-refit .map-placeholder{
  background:radial-gradient(circle at center, rgba(191,169,122,.08), rgba(10,10,10,.94));
}
body.page-repair-refit .map-placeholder span{
  background:rgba(12,12,14,.82);
  border:1px solid rgba(191,169,122,.26);
}

@media (min-width: 1360px){
  body.page-repair-refit #proof h2,
  body.page-repair-refit #systems h2,
  body.page-repair-refit #portfolio h2{
    white-space:nowrap;
  }
}
@media (max-width: 1180px){
  body.page-repair-refit .repair-grid-3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.page-repair-refit .repair-highlight{ grid-template-columns:1fr; }
  body.page-repair-refit .home-lead{
 width:min(88%,980px);
}
}
@media (max-width: 900px){
  body.page-repair-refit .home-intro .wrap,
  body.page-repair-refit .repair-section .wrap,
  body.page-repair-refit .repair-highlight-section .wrap,
  body.page-repair-refit #contacts .wrap,
  body.page-repair-refit .repair-portfolio .gallery{
    width:92% !important;
    padding:0 !important;
  }
  body.page-repair-refit .repair-grid-2,
  body.page-repair-refit .repair-grid-3,
  body.page-repair-refit .repair-proof-strip{ grid-template-columns:1fr; }
  body.page-repair-refit .home-intro{ padding-top:50px !important; }
  body.page-repair-refit .home-h1{
    max-width:none;
}
  body.page-repair-refit .home-lead,
  body.page-repair-refit .repair-section-lead{
    width:100%;
    max-width:none;
}


  body.page-repair-refit .repair-section{
    padding:58px 0 0 !important;
  }
  body.page-repair-refit .home-intro .cta a,
  body.page-repair-refit .repair-highlight-actions a,
  body.page-repair-refit .repair-center-cta a,
  body.page-repair-refit #team .svc-cta a{
    width:100%;
    max-width:none !important;
  }
  body.page-repair-refit .repair-proof-strip{
    padding:26px 24px;
    border-radius:24px !important;
  }
  
  body.page-repair-refit .repair-control-point{
    min-height:0;
    padding:20px 0 !important;
  }
  body.page-repair-refit .repair-control-point:nth-child(-n/**/+2),
  body.page-repair-refit .repair-control-point:nth-child(n/**/+3){
    padding:20px 0 !important;
  }
  body.page-repair-refit .repair-control-point:nth-child(2n){
    border-left:0 !important;
    padding-right:0 !important;
  }
  body.page-repair-refit .repair-control-point:not(:last-child){
    border-bottom:1px solid var(--repair-divider) !important;
  }
  body.page-repair-refit .repair-proof-item{
    min-height:0;
    padding:20px 0 !important;
  }
  body.page-repair-refit .repair-proof-item:nth-child(-n/**/+2),
  body.page-repair-refit .repair-proof-item:nth-child(n/**/+3){
    padding:20px 0 !important;
  }
  body.page-repair-refit .repair-proof-item:nth-child(2n){
    border-left:0 !important;
  }
  body.page-repair-refit .repair-proof-item:not(:last-child){
    border-bottom:1px solid var(--repair-divider) !important;
  }

  body.page-repair-refit .repair-highlight{
    border-radius:24px !important;
    padding:26px;
  }
}
@media (max-width: 560px){
  body.page-repair-refit #hero.repair-hero{
    height:90svh !important;
    min-height:90svh !important;
  }


  body.page-repair-refit .repair-section h2,
  body.page-repair-refit .repair-highlight-section h2,
  body.page-repair-refit #contacts h2,
  body.page-repair-refit #portfolio h2,
  body.page-repair-refit #prices h2,
  body.page-repair-refit #design-steps h2,
  body.page-repair-refit #team h2{

white-space:normal !important;
  }

}


/* === extracted from remont-pod-klyuch-samara.html: repair-collector-proof-v12 === */
body.page-repair-refit .repair-case-block{
  margin-top:34px;
  padding:32px;
  background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 100%), linear-gradient(135deg, rgba(191,169,122,.09), rgba(12,12,14,.95) 28%, rgba(4,4,4,.98) 100%);
  border:1px solid rgba(191,169,122,.22);
  border-radius:28px;
  box-shadow:var(--repair-shadow);
}
body.page-repair-refit .repair-case-kicker{
  margin:0 0 10px;
  color:var(--repair-gold) !important;
  font-size:12px !important;
  letter-spacing:.22em;
  text-transform:uppercase;
}
body.page-repair-refit .repair-case-title{
  margin:0 0 12px;


}
body.page-repair-refit .repair-case-lead{
  max-width:1180px;
  margin:0;
}
body.page-repair-refit .repair-case-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:22px 0 24px;
}
body.page-repair-refit .repair-case-point{
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
}
body.page-repair-refit .repair-case-point strong{
  display:block;
  margin:0 0 8px;

}
body.page-repair-refit .repair-case-point span{
  display:block;


}
body.page-repair-refit .repair-case-hint{
  margin:0 0 16px;
  color:rgba(232,227,212,.72) !important;
  font-size:14px !important;
  line-height:1.5 !important;
}
body.page-repair-refit .repair-case-gallery{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,.72fr));
  grid-template-rows:repeat(2,minmax(230px,1fr));
  gap:16px;
}
body.page-repair-refit .repair-case-shot{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:#0c0c0d;
  box-shadow:0 22px 44px rgba(0,0,0,.28);
}
body.page-repair-refit .repair-case-shot::after{
  content:"Открыть";
  position:absolute;
  right:14px;
  bottom:14px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,0,0,.56);
  border:1px solid rgba(191,169,122,.28);
  color:#fff;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .25s ease, transform .25s ease, box-shadow .25s ease;
}
body.page-repair-refit .repair-case-shot:hover::after,
body.page-repair-refit .repair-case-shot:focus-visible::after{
  opacity:1;
  transform:translateY(0);
  box-shadow:0 0 16px rgba(191,169,122,.35);
}
body.page-repair-refit .repair-case-shot img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .45s ease;
}
body.page-repair-refit .repair-case-shot:hover img,
body.page-repair-refit .repair-case-shot:focus-visible img{
  transform:scale(1.035);
}
body.page-repair-refit .repair-case-shot-main{
  grid-row:1 / span 2;
  min-height:100%;
}
body.page-repair-refit .repair-case-shot-main img{
  object-position:center 38%;
}
body.page-repair-refit .repair-case-shot-detail-top img{ object-position:center 24%; }
body.page-repair-refit .repair-case-shot-detail-mid img{ object-position:center 44%; }
body.page-repair-refit .repair-case-shot-detail-side img{ object-position:center 34%; }
body.page-repair-refit .repair-case-shot-context img{ object-position:center 40%; }
body.page-repair-refit .repair-lightbox{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px;
  background:rgba(0,0,0,.88);
  z-index:10060;
}
body.page-repair-refit .repair-lightbox[hidden]{ display:none !important; }
body.page-repair-refit .repair-lightbox-inner{
  position:relative;
  width:min(96vw,1320px);
}
body.page-repair-refit .repair-lightbox-img{
  display:block;
  width:100%;
  max-height:88vh;
  object-fit:contain;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:#080808;
}
body.page-repair-refit .repair-lightbox-close{
  position:absolute;
  top:-12px;
  right:-12px;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.72);
  color:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
body.page-repair-refit .repair-lightbox-close:hover,
body.page-repair-refit .repair-lightbox-close:focus-visible{
  background:#bfa97a;
  color:#000;
  border-color:#bfa97a;
  box-shadow:0 0 18px rgba(191,169,122,.55);
}
@media (max-width: 1180px){
  body.page-repair-refit .repair-case-points{ grid-template-columns:1fr; }
}
@media (max-width: 900px){
  body.page-repair-refit .repair-case-block{
    margin-top:28px;
    padding:24px;
    border-radius:24px;
  }
  body.page-repair-refit .repair-case-gallery{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
  body.page-repair-refit .repair-case-shot-main{
    grid-column:1 / -1;
    grid-row:auto;
    aspect-ratio:4 / 5;
  }
  body.page-repair-refit .repair-case-shot{ aspect-ratio: 4 / 5; }
  body.page-repair-refit .repair-case-shot::after{
    opacity:1;
    transform:none;
    font-size:11px;
    padding:7px 10px;
  }
  body.page-repair-refit .repair-lightbox{ padding:16px; }
  body.page-repair-refit .repair-lightbox-inner{ width:100%; }
  body.page-repair-refit .repair-lightbox-close{ top:-8px; right:-4px; }
}
@media (max-width: 560px){
  body.page-repair-refit .repair-case-gallery{ grid-template-columns:1fr; }
  body.page-repair-refit .repair-case-shot,
  body.page-repair-refit .repair-case-shot-main{ aspect-ratio:4 / 5; }
}


/* === extracted from remont-pod-klyuch-samara.html: repair-mockup-v14-option-b === */
body.page-repair-refit .repair-mock-kicker{
  margin:0 0 10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  color:rgba(191,169,122,.82);
}
body.page-repair-refit .repair-mock-title{
  margin:0;
  font-size:clamp(28px,3.2vw,42px);
  line-height:1.15;
}
body.page-repair-refit .repair-mock-lead{
  max-width:980px;
  margin:16px 0 0;
  font-size:17px;
  line-height:1.75;
  color:rgba(255,255,255,.78);
}
body.page-repair-refit .repair-mock-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.page-repair-refit .repair-mock-card{
  border:1px solid rgba(255,255,255,.10);
  padding:20px 22px;
  background:rgba(255,255,255,.02);
}
body.page-repair-refit .repair-mock-card h3{
  margin:0 0 8px;
  font-size:18px;
}
body.page-repair-refit .repair-mock-card p{
  margin:0;
  color:rgba(255,255,255,.74);
  line-height:1.65;
}
body.page-repair-refit .repair-mock-proof-photo,
body.page-repair-refit .repair-mock-a-photo{
  margin:0;
}
body.page-repair-refit .repair-mock-proof-photo img,
body.page-repair-refit .repair-mock-a-photo img{
  width:100%;
  display:block;
  height:auto;
}
body.page-repair-refit .repair-mock-collage{
  display:grid;
  gap:10px;
}
body.page-repair-refit .repair-mock-collage .shot{
  display:block;
  overflow:hidden;
  background:#0b0b0b;
}
body.page-repair-refit .repair-mock-collage .shot img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
body.page-repair-refit .repair-mock-collage .shot:hover img,
body.page-repair-refit .repair-mock-collage .shot:focus-visible img{
  transform:scale(1.03);
}
body.page-repair-refit .repair-mock-caption{
  margin:0 0 16px;
  font-size:14px;
  color:rgba(255,255,255,.62);
}
body.page-repair-refit .repair-mock-proof-b .repair-mock-proof-photo,
body.page-repair-refit .repair-mock-proof-c .repair-mock-proof-photo{
  margin:28px 0 0;
}
body.page-repair-refit .repair-mock-proof-b .repair-mock-card-grid,
body.page-repair-refit .repair-mock-proof-c .repair-mock-card-grid{
  margin-top:14px;
}
@media (max-width: 1024px){
  body.page-repair-refit .repair-mock-card-grid{grid-template-columns:1fr;}
}
@media (max-width: 767px){
  body.page-repair-refit .repair-mock-title{font-size:30px;}
  body.page-repair-refit .repair-mock-lead{font-size:16px; line-height:1.7;}
  body.page-repair-refit .repair-mock-card{padding:18px 18px;}
}

body.page-repair-refit .repair-mock-proof-b .repair-mock-card{border-color:rgba(191,169,122,.22);}
body.page-repair-refit .repair-mock-proof-b .repair-mock-proof-photo img{aspect-ratio:16/8.7; object-fit:cover; border-radius:28px;}
body.page-repair-refit .repair-mock-proof-b .repair-proof-strip{margin-top:24px;}
body.page-repair-refit .repair-mock-proof-b .repair-proof-item{align-items:center; text-align:center;}
body.page-repair-refit .repair-mock-proof-b .repair-proof-text{max-width:none;}
@media (max-width: 767px){
  body.page-repair-refit .repair-mock-proof-b .repair-proof-text{max-width:34ch; text-wrap:balance;}
}
body.page-repair-refit .repair-mock-case-b{margin-top:44px;}
body.page-repair-refit .repair-mock-case-b .repair-case-title{
  margin:0 0 24px;
  text-align:center;
}
body.page-repair-refit .repair-mock-case-b .repair-case-lead{
  margin:0 auto;
  text-align:center;
}
body.page-repair-refit .repair-mock-collage-b{
  margin-top:24px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
body.page-repair-refit .repair-mock-collage-b .shot{
  aspect-ratio:1115 / 1800;
  border-radius:0;
  border:none;
  box-shadow:none;
  background:#0b0b0b;
}
body.page-repair-refit .repair-mock-collage-b .shot::after{display:none;}
body.page-repair-refit .repair-mock-collage-b .shot img{
  border-radius:0;
  object-fit:contain;
  object-position:center center;
}
@media (max-width: 767px){
  body.page-repair-refit .repair-mock-proof-b .repair-mock-proof-photo img{aspect-ratio:16/11;}
  body.page-repair-refit .repair-mock-collage-b{grid-template-columns:1fr;}
  body.page-repair-refit .repair-mock-collage-b .shot,
  body.page-repair-refit .repair-mock-collage-b .shot-right{aspect-ratio:1115 / 1800;}
}
@media (max-width: 900px){
  body.page-repair-refit .repair-control-points{
    grid-template-columns:1fr;
    gap:24px;
  }
}


/* === extracted from remont-pod-klyuch-samara.html: repair-systems-spacing-v35 === */
@media (min-width: 901px){
  body.page-repair-refit .repair-section-intro-box{
    padding: 24px 28px;
  }
  body.page-repair-refit .repair-control-point{
    min-height: 0;
    padding: 30px 34px !important;
  }
  body.page-repair-refit .repair-control-point:nth-child(-n/**/+2),
  body.page-repair-refit .repair-control-point:nth-child(3),
  body.page-repair-refit .repair-control-point:nth-child(4),
  body.page-repair-refit .repair-control-point:nth-child(n/**/+5),
  body.page-repair-refit .repair-control-point:nth-child(odd),
  body.page-repair-refit .repair-control-point:nth-child(even){
    padding: 30px 34px !important;
  }
  body.page-repair-refit .repair-control-point h3{
    margin: 0 0 14px;
  }
  body.page-repair-refit .repair-control-point p{
    line-height: 1.68 !important;
  }
}


/* === extracted from remont-pod-klyuch-samara.html: repair-portfolio-index-transfer-v1 === */
body.page-repair-refit #portfolio .gallery{padding-inline:0!important;column-gap:0!important;row-gap:0!important;width:100%!important;max-width:none!important;margin:40px 0 0!important;}
@media (min-width:901px){body.page-repair-refit #portfolio .gallery{grid-template-columns:1fr 1fr!important;column-gap:6px!important;row-gap:0!important;}}
@media (max-width:900px){body.page-repair-refit #portfolio .gallery{grid-template-columns:1fr!important;column-gap:0!important;row-gap:0!important;}}
body.page-repair-refit #portfolio .gallery-item{border-right:none!important;box-sizing:border-box;overflow:hidden!important;display:flex;flex-direction:column;border-radius:0!important;}
body.page-repair-refit #portfolio .gallery-item,body.page-repair-refit #portfolio .gallery-item-inner,body.page-repair-refit #portfolio .gallery-item img,body.page-repair-refit #portfolio .gallery img{border-radius:0!important;}
body.page-repair-refit #portfolio .gallery-item-inner{height:auto!important;flex:0 0 auto;overflow:hidden;display:block;aspect-ratio:16/9;}
body.page-repair-refit #portfolio .gallery-item-inner img{display:block;width:100%!important;height:100%!important;object-fit:cover;}
body.page-repair-refit #portfolio .project-caption-link{display:block;text-decoration:none;color:inherit;cursor:pointer;position:relative;z-index:3;}
body.page-repair-refit #portfolio .project-caption{position:relative;padding:26px 32px 48px;}
body.page-repair-refit #portfolio .project-caption-row{display:flex;align-items:center;justify-content:space-between;gap:16px;}
body.page-repair-refit #portfolio .project-cta-circle.cta-in-caption{position:relative;right:auto;bottom:auto;background:transparent!important;border:0!important;box-shadow:none;}
body.page-repair-refit #portfolio .project-cta-circle.cta-in-caption.cta-abs{position:absolute;right:52px;top:26px;bottom:auto;transform:translateY(20px)!important;pointer-events:none;}
body.page-repair-refit #portfolio{--cta-halo-1:0 0 30px rgba(212,184,115,.85);--cta-halo-2:0 0 66px rgba(212,184,115,.32);--cta-halo-3:0 0 110px rgba(212,184,115,.14);position:relative;z-index:2;}
body.page-repair-refit #portfolio .gallery-item:hover .project-cta-circle.cta-in-caption,body.page-repair-refit #portfolio .project-caption-link:hover .project-cta-circle.cta-in-caption,body.page-repair-refit #portfolio .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle.cta-in-caption{background:transparent!important;box-shadow:var(--cta-halo-1),var(--cta-halo-2),var(--cta-halo-3);}
body.page-repair-refit #portfolio .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle.cta-in-caption.cta-abs{background:radial-gradient(circle at 50% 50%, rgba(212,184,115,0.95) 0%, rgba(212,184,115,0.55) 55%, rgba(212,184,115,0.0) 76%)!important;box-shadow:0 0 18px rgba(212,184,115,0.55),0 0 38px rgba(212,184,115,0.22);transform:translateY(20px) rotate(-45deg) scale(1.02)!important;}
body.page-repair-refit #portfolio .project-cta-circle{--cta-arrow-shift:-1px;--cta-arrow-active-y:0.8px;}
body.page-repair-refit #portfolio .project-cta-circle span{display:flex!important;align-items:center;justify-content:center;width:1em;height:1em;line-height:1;transform-origin:50% 50%;transform:translateX(var(--cta-arrow-shift)) rotate(180deg);}
body.page-repair-refit #portfolio .gallery-item:hover .project-cta-circle span,body.page-repair-refit #portfolio .project-caption-link:hover .project-cta-circle span,body.page-repair-refit #portfolio .gallery-item-inner.is-touching .project-cta-circle span,body.page-repair-refit #portfolio .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle span{transform:translateX(var(--cta-arrow-shift)) translateY(var(--cta-arrow-active-y)) rotate(270deg);}
body.page-repair-refit #portfolio .project-caption-title{font-size:28px;line-height:1.05;font-weight:700;letter-spacing:.02em;text-transform:uppercase;}
body.page-repair-refit #portfolio .project-caption-sub{margin-top:10px;font-size:16px;line-height:1.35;opacity:.65;}
@media (max-width:900px){body.page-repair-refit #portfolio .gallery,body.page-repair-refit .repair-portfolio .gallery{width:100%!important;padding:0!important;margin-top:40px!important;}body.page-repair-refit #portfolio .project-caption{padding:22px 18px 30px;}body.page-repair-refit #portfolio .project-caption-title{font-size:18px!important;line-height:1.06!important;}body.page-repair-refit #portfolio .project-caption-sub{font-size:15px;}body.page-repair-refit #portfolio .project-cta-circle.cta-in-caption.cta-abs{right:18px;top:22px;transform:translateY(0)!important;}body.page-repair-refit #portfolio .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle.cta-in-caption.cta-abs{transform:translateY(0) rotate(-45deg) scale(1.02)!important;}body.page-repair-refit #portfolio .project-cta-circle{--cta-arrow-center-y:.5px;--cta-arrow-nudge-x:2px;}body.page-repair-refit #portfolio .project-cta-circle span{font-size:34px!important;width:1.25em!important;height:1.25em!important;transform:translateX(calc(var(--cta-arrow-shift) + var(--cta-arrow-nudge-x))) translateY(var(--cta-arrow-center-y)) rotate(180deg)!important;}body.page-repair-refit #portfolio .gallery-item:hover .project-cta-circle span,body.page-repair-refit #portfolio .project-caption-link:hover .project-cta-circle span,body.page-repair-refit #portfolio .gallery-item-inner.is-touching .project-cta-circle span,body.page-repair-refit #portfolio .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle span{transform:translateX(calc(var(--cta-arrow-shift) + var(--cta-arrow-nudge-x))) translateY(calc(var(--cta-arrow-center-y) + var(--cta-arrow-active-y))) rotate(270deg)!important;}body.page-repair-refit #portfolio .project-caption-link,body.page-repair-refit #portfolio .gallery-item-inner{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}body.page-repair-refit #portfolio .project-caption-link:active,body.page-repair-refit #portfolio .gallery-item-inner:active{-webkit-tap-highlight-color:transparent;}body.page-repair-refit #portfolio .project-cta-circle,body.page-repair-refit #portfolio .project-caption-link:active .project-cta-circle,body.page-repair-refit #portfolio .project-caption-link:focus .project-cta-circle{background:transparent!important;}}


/* Typography: common H1/H2/H3/copy scale is owned by /css/hi-typography-system.css. */

/* === extracted from remont-pod-klyuch-samara.html: repair-secondary-buttons-tone-v09 === */
/* Owner: remont-pod-klyuch-samara.html. Коррекция после v08:
   вторичные CTA затемнены до единого спокойного тона. */
body.page-repair-refit .btn-outline,
body.page-repair-refit .portfolio-more-btn,
body.page-repair-refit .home-intro .cta .btn-outline,
body.page-repair-refit .repair-highlight-actions .btn-outline,
body.page-repair-refit .repair-center-cta .btn-outline,
body.page-repair-refit #team .svc-cta .btn-outline{
  background:#202020 !important;
  color:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,.14) !important;
  background-image:none !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;
  opacity:1 !important;
}
body.page-repair-refit .btn-outline:hover,
body.page-repair-refit .btn-outline:focus-visible,
body.page-repair-refit .portfolio-more-btn:hover,
body.page-repair-refit .portfolio-more-btn:focus-visible,
body.page-repair-refit .home-intro .cta .btn-outline:hover,
body.page-repair-refit .home-intro .cta .btn-outline:focus-visible,
body.page-repair-refit .repair-highlight-actions .btn-outline:hover,
body.page-repair-refit .repair-highlight-actions .btn-outline:focus-visible,
body.page-repair-refit .repair-center-cta .btn-outline:hover,
body.page-repair-refit .repair-center-cta .btn-outline:focus-visible,
body.page-repair-refit #team .svc-cta .btn-outline:hover,
body.page-repair-refit #team .svc-cta .btn-outline:focus-visible{
  background:#262626 !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.30) !important;
  background-image:none !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;
  opacity:1 !important;
}


/* === extracted from remont-pod-klyuch-samara.html: repair-contact-from-main-v5 === */
/* v5: контактный блок расширен до ширины главной страницы. */
/* === index_v48_contacts_full_cta_form === */
/* v48: turn footer-like contacts into a full final CTA section with inline form and contact details. */
body.page-repair-refit #contacts.hi-contact-section{
  padding-top:52px !important;
  padding-bottom:86px !important;
  scroll-margin-top:104px !important;
}

body.page-repair-refit #contacts .hi-contact-panel{
  display:grid;
  grid-template-columns:minmax(0,0.92fr) minmax(420px,1.08fr);
  gap:28px;
  align-items:stretch;
  margin-top:48px;
}

body.page-repair-refit #contacts .hi-contact-form-card,
body.page-repair-refit #contacts .hi-contact-info-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  border:1px solid rgba(191,169,122,0.22);
  border-radius:30px;
  background:
    radial-gradient(circle at 18% 0%, rgba(191,169,122,0.13), rgba(191,169,122,0) 34%),
    linear-gradient(135deg, rgba(255,255,255,0.045), rgba(255,255,255,0.012) 44%, rgba(0,0,0,0.24));
  box-shadow:0 22px 58px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07);
}

body.page-repair-refit #contacts .hi-contact-form-card{
  padding:38px 40px 34px;
  text-align:left;
}

body.page-repair-refit #contacts .hi-contact-info-card{
  padding:30px;
}

body.page-repair-refit #contacts .hi-contact-info-head{
  text-align:left;
}

body.page-repair-refit #contacts .hi-contact-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  margin:0 0 18px;
  padding:0 13px;
  border:1px solid rgba(191,169,122,0.36);
  border-radius:999px;
  background:rgba(191,169,122,0.10);
  color:rgba(191,169,122,0.96);
  font-size:13px !important;
  line-height:1 !important;
  font-weight:700;
  letter-spacing:0.02em;
}

body.page-repair-refit #contacts .hi-contact-form-card h3,
body.page-repair-refit #contacts .hi-contact-info-head h3{
  margin:0 0 14px;
  text-align:left;


}


body.page-repair-refit #contacts .hi-contact-text,
body.page-repair-refit #contacts .hi-contact-info-head p{
  max-width:680px;
  margin:0;
  text-align:left;


}

body.page-repair-refit #contacts .hi-contact-form{
  display:grid;
  gap:14px;
  margin-top:34px;
}

body.page-repair-refit #contacts .hi-contact-form input[name="company"]{
  position:absolute !important;
  left:-9999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body.page-repair-refit #contacts .hi-contact-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:0;
}

body.page-repair-refit #contacts .hi-contact-field span{
  color:rgba(255,255,255,0.62);
  font-size:13px;
  line-height:1.2;
}

body.page-repair-refit #contacts .hi-contact-field input{
  width:100%;
  min-height:54px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,0.16);
  border-radius:14px;
  background:rgba(0,0,0,0.32);
  color:#fff;
  font-family:inherit;
  font-size:16px;
  outline:none;
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

body.page-repair-refit #contacts .hi-contact-field input::placeholder{
  color:rgba(255,255,255,0.42);
}

body.page-repair-refit #contacts .hi-contact-field input:focus,
body.page-repair-refit #contacts .hi-contact-field input:focus-visible{
  border-color:rgba(191,169,122,0.55);
  background:rgba(0,0,0,0.32);
  box-shadow:0 0 18px rgba(191,169,122,0.18);
}

body.page-repair-refit #contacts .hi-contact-submit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:min(100%, 420px) !important;
  justify-self:center !important;
  min-height:54px !important;
  margin-top:26px !important;
  padding:0 24px !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  border-radius:999px !important;
  background:#262626 !important;
  color:rgba(255,255,255,0.95) !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 10px 24px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.04), inset 0 -1px 0 rgba(255,255,255,0.06) !important;
  transition:background .25s ease, color .25s ease, border-color .25s ease, box-shadow .35s ease, transform .25s ease, opacity .25s ease !important;
}

body.page-repair-refit #contacts .hi-contact-submit:hover,
body.page-repair-refit #contacts .hi-contact-submit:focus-visible{
  background:#BFA97A !important;
  color:#111 !important;
  border-color:#BFA97A !important;
  box-shadow:0 0 18px rgba(191,169,122,0.70), 0 0 36px rgba(191,169,122,0.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
}

body.page-repair-refit #contacts .hi-contact-submit:disabled{
  cursor:wait !important;
  opacity:.68 !important;
  transform:none !important;
}

body.page-repair-refit #contacts .hi-contact-consent{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  justify-self:center;
  width:min(100%, 420px);
  gap:10px;
  margin:2px 0 0;
  color:rgba(255,255,255,0.66);
  font-size:13px;
  line-height:1.45;
}

body.page-repair-refit #contacts .hi-contact-consent input{
  flex:0 0 auto;
  width:15px;
  height:15px;
  margin-top:2px;
  accent-color:#BFA97A;
}

body.page-repair-refit #contacts .hi-contact-consent a{
  color:rgba(255,255,255,0.86);
  text-decoration:underline;
  text-underline-offset:3px;
}

body.page-repair-refit #contacts .hi-contact-form-status{
  min-height:22px;
  color:rgba(255,255,255,0.70);
  font-size:14px;
  line-height:1.45;
}

body.page-repair-refit #contacts .hi-contact-form-status.is-success{
  color:#BFA97A;
}

body.page-repair-refit #contacts .hi-contact-form-status.is-error{
  color:#ffb4a8;
}

body.page-repair-refit #contacts .hi-contact-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:24px;
}

body.page-repair-refit #contacts .hi-contact-link,
body.page-repair-refit #contacts .hi-contact-address{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  background:transparent;
  color:inherit;
  text-decoration:none;
  transition:border-color .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease;
}

body.page-repair-refit #contacts .hi-contact-link:hover,
body.page-repair-refit #contacts .hi-contact-link:focus-visible,
body.page-repair-refit #contacts .hi-contact-map-link:hover,
body.page-repair-refit #contacts .hi-contact-map-link:focus-visible{
  border-color:rgba(191,169,122,0.55);
  background:rgba(191,169,122,0.08);
  box-shadow:0 0 18px rgba(191,169,122,0.18);
  transform:translateY(-1px);
}

body.page-repair-refit #contacts .hi-contact-link span,
body.page-repair-refit #contacts .hi-contact-address span{
  color:rgba(255,255,255,0.52);
  font-size:13px;
  line-height:1.2;
}

body.page-repair-refit #contacts .hi-contact-link strong,
body.page-repair-refit #contacts .hi-contact-address strong{
  overflow-wrap:anywhere;
  color:rgba(255,255,255,0.92);
  font-size:16px;
  line-height:1.35;
}

body.page-repair-refit #contacts .hi-contact-address{
  margin-top:12px;
}

body.page-repair-refit #contacts .hi-contact-map-link{
  display:inline-flex;
  align-self:flex-start;
  margin-top:6px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:999px;
  color:rgba(255,255,255,0.86);
  font-size:13px;
  font-weight:700;
  line-height:1;
}

body.page-repair-refit #contacts .hi-contact-map{
  min-height:230px;
  margin-top:16px;
  border-radius:22px;
  border-color:rgba(191,169,122,0.20);
}

body.page-repair-refit #contacts .map-placeholder span{
  font-weight:700;
}

@media (max-width: 1100px){
  body.page-repair-refit #contacts .hi-contact-panel{
    grid-template-columns:1fr;
    gap:20px;
  }
  body.page-repair-refit #contacts .hi-contact-form-card,
  body.page-repair-refit #contacts .hi-contact-info-card{
    border-radius:26px;
  }
}

@media (max-width: 900px){
  body.page-repair-refit #contacts.hi-contact-section{
    padding-top:72px !important;
    padding-bottom:58px !important;
    scroll-margin-top:96px !important;
  }
  body.page-repair-refit #contacts .hi-contact-panel{
    margin-top:34px;
  }
  body.page-repair-refit #contacts .hi-contact-form-card,
  body.page-repair-refit #contacts .hi-contact-info-card{
    padding:24px;
    border-radius:24px;
  }


}

@media (max-width: 640px){
  body.page-repair-refit #contacts .hi-contact-form-card,
  body.page-repair-refit #contacts .hi-contact-info-card{
    padding:22px 18px;
  }
  body.page-repair-refit #contacts .hi-contact-links{
    grid-template-columns:1fr;
  }
  body.page-repair-refit #contacts .hi-contact-submit{
    max-width:none !important;
  }
  body.page-repair-refit #contacts .hi-contact-map{
    min-height:210px;
  }
}

/* === index_v52_yandex_biz_widget === */
body.page-repair-refit #contacts .map-canvas{
  width:100%;
  min-height:230px;
  border-radius:inherit;
  overflow:hidden;
}
body.page-repair-refit #contacts .map-canvas iframe{
  display:block;
  width:100%;
  min-height:230px;
  height:100%;
  border:0;
}
@media (max-width: 640px){
  body.page-repair-refit #contacts .map-canvas,
  body.page-repair-refit #contacts .map-canvas iframe{
    min-height:210px;
  }
}

body.page-repair-refit #contacts.hi-contact-section > .wrap{width:min(90%,1600px) !important;margin:0 auto !important;padding:0 !important;}
body.page-repair-refit #contacts.hi-contact-section > .wrap > h2.section-title{text-align:center !important;color:var(--hi-text,#E8E3D4) !important;}
body.page-repair-refit #contacts .hi-contact-map{position:relative !important;background:linear-gradient(180deg, rgba(18,19,22,.96) 0%, rgba(10,11,12,.96) 100%) !important;box-shadow:var(--repair-shadow,0 22px 58px rgba(0,0,0,.34)) !important;}
body.page-repair-refit #contacts .map-placeholder{position:absolute !important;inset:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;background:radial-gradient(circle at center, rgba(191,169,122,.08), rgba(10,10,10,.94)) !important;cursor:pointer !important;}
body.page-repair-refit #contacts .map-placeholder span{padding:10px 14px !important;border:1px solid rgba(191,169,122,.26) !important;border-radius:999px !important;background:rgba(12,12,14,.82) !important;color:#fff !important;box-shadow:0 0 16px rgba(191,169,122,.5), 0 0 36px rgba(191,169,122,.35) !important;}


/* === extracted from remont-pod-klyuch-samara.html: service-hero-video-v02 === */
#hero{isolation:isolate;}
#hero .hero-bg{z-index:0;}
#hero.hero-video-fallback .hero-video-wrap{opacity:1 !important;}
#hero.hero-video-fallback .hero-video{opacity:1;visibility:visible;}
#hero.hero-video-fallback .hero-bg.active{opacity:0 !important;}
#hero.hero-video-on .hero-video{opacity:1;visibility:visible;}
#hero .hero-video-wrap{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .35s ease;background:#000;}
#hero .hero-video-wrap.is-ready{opacity:1;}
#hero .hero-video{display:block;position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center center;}
#hero::before{z-index:2 !important;}
#hero::after{z-index:3 !important;}
#hero .content,
#hero .hero-title,
#hero .hero-subtitle,
#hero .hero-subline,
#hero .cta,
#hero .hero-nav,
#hero .hero-dots,
#hero .hero-counter{position:relative;z-index:5;}


/* === repair-v02 copied trust blocks from index.html === */
/* === hi-video-coverflow-css-v9 === */
/* Видеообзоры: лёгкий coverflow без библиотек */
#hi-video-reviews{padding:120px 0 8px;scroll-margin-top:120px;z-index:0;overflow-x:hidden;}
#hi-video-reviews .hi-videos-head{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;margin-bottom:22px;text-align:center;}

#hi-video-reviews .hi-coverflow{position:relative;max-width:100vw;margin:0 auto;padding:22px 0 0;overflow:visible;--hi-card-w: clamp(260px, 72vw, 420px);--hi-gap: clamp(18px, 4vw, 26px);--hi-gutter: var(--hi-gap);}
#hi-video-reviews .hi-coverflow-track{
  display:flex;
  gap: var(--hi-gap);
  overflow-x:auto;
  
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding: 44px calc(50% - (var(--hi-card-w) * 0.5)) 64px;
  scroll-padding-left: calc(50% - (var(--hi-card-w) * 0.5));
  scroll-padding-right: calc(50% - (var(--hi-card-w) * 0.5));
}
#hi-video-reviews .hi-coverflow-track::-webkit-scrollbar{height:10px;}
#hi-video-reviews .hi-coverflow-track::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:999px;}
#hi-video-reviews .hi-coverflow-track::-webkit-scrollbar-corner{background:transparent;}
#hi-video-reviews .hi-coverflow-track::-webkit-resizer{background:transparent;}
#hi-video-reviews .hi-coverflow-track.is-dragging{scroll-snap-type:none;cursor:grabbing;}

#hi-video-reviews .hi-video-card{flex:0 0 var(--hi-card-w);scroll-snap-align:center;}
/* ВАЖНО: трансформы — только на внутреннем слое, иначе ломается расчёт центра (особенно на iOS) */
#hi-video-reviews .hi-video-card-btn{
  all:unset;
  display:block;
  cursor:pointer;
  transform-style:preserve-3d;
  will-change:transform,opacity,filter;
  transform: perspective(900px) translateX(var(--hi-x, 0px)) rotateY(var(--hi-rotate, 0deg)) scale(var(--hi-scale, 1));
  opacity: var(--hi-opacity, 1);
  filter: brightness(var(--hi-bright, 1));
  transition: transform .18s ease, opacity .18s ease, filter .18s ease;
}
#hi-video-reviews .hi-video-card-btn:focus-visible{outline:2px solid rgba(191,169,122,.7);outline-offset:6px;border-radius:18px;}
#hi-video-reviews .hi-coverflow-track.is-dragging .hi-video-card-btn{transition:none;}
#hi-video-reviews .hi-video-card-btn,
#hi-video-reviews .hi-video-card-btn:hover,
#hi-video-reviews .hi-video-card-btn:active{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}
#hi-video-reviews .hi-video-poster{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#0b0b0b;box-shadow:0 16px 48px rgba(0,0,0,.18);}
#hi-video-reviews .hi-video-poster img{width:100%;height:100%;object-fit:cover;display:block;}
#hi-video-reviews .hi-video-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:74px;height:74px;border-radius:999px;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
#hi-video-reviews .hi-video-play::before{
  content:"";
  position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);
  width:0;height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:18px solid rgba(255,255,255,.95);
}
#hi-video-reviews .hi-video-caption{margin-top:10px;text-align:center;}
#hi-video-reviews .hi-video-caption-title{font-weight:700;letter-spacing:.02em;font-size:clamp(13px, .9vw + 10px, 16px);line-height:1.08;}
#hi-video-reviews .hi-video-caption-sub{margin-top:6px;font-size:clamp(12px, .75vw + 8px, 14px);line-height:1.35;opacity:.65;}

#hi-video-reviews .hi-video-card.is-active .hi-video-poster{box-shadow:0 22px 64px rgba(0,0,0,.26);}

@media (min-width: 920px){
  #hi-video-reviews{padding:120px 0 8px;scroll-margin-top:120px;position:relative;z-index:0;}
  #hi-video-reviews .hi-coverflow{--hi-gap: clamp(18px, 1.6vw, 26px);--hi-gutter: var(--hi-gap);}
  #hi-video-reviews .hi-coverflow-track{--hi-card-w: clamp(255px, 21vw, 340px);}
}

/* Мобилка: показываем «ушки» соседних карточек, чтобы было понятно, что это карусель */
@media (max-width: 560px){
  #hi-video-reviews .hi-coverflow{
    /* синхронизировано с главной/страницей дизайна: центральная карточка крупнее */
    --hi-card-w: clamp(210px, 72vw, 300px);
    /* зазор оставлен компактным, чтобы боковые карточки читались по краям */
    --hi-gap: clamp(12px, 3vw, 16px);
  }
  /* запас по низу под подписи + чуть меньше верхний отступ */
  #hi-video-reviews .hi-coverflow-track{
    padding-top: 38px;
    padding-bottom: 70px;
  }
}

/* Модалка (фолбэк, если full-screen не сработал/для закрытия) */
#hi-video-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.78);}
#hi-video-modal.is-open{display:flex;}
#hi-video-modal .hi-video-modal-inner{width:min(92vw,430px);max-height:86vh;display:flex;flex-direction:column;gap:10px;}
#hi-video-modal .hi-video-modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;}
#hi-video-modal .hi-video-modal-title{font-size:14px;letter-spacing:.02em;opacity:.9;}
#hi-video-modal .hi-video-close{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);color:#fff;cursor:pointer;}
#hi-video-modal video{width:100%;height:auto;max-height:78vh;background:#000;}


/* hi-video-modal-mobile-fullscreen-v1: только мобильная версия.
   ПК оставляем прежним: мобильная модалка занимает весь экран сайта,
   без принудительного системного fullscreen. */
@media (max-width: 768px){
  html.hi-video-modal-open,
  body.hi-video-modal-open{
    overflow:hidden !important;
    overscroll-behavior:none;
  }

  #hi-video-modal{
    padding:0;
    align-items:stretch;
    justify-content:center;
    background:#000;
  }

  #hi-video-modal .hi-video-modal-inner{
    width:100%;
    height:100%;
    max-height:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
  }

  #hi-video-modal .hi-video-modal-top{
    position:absolute;
    z-index:2;
    top:calc(env(safe-area-inset-top, 0px) + 10px);
    left:12px;
    right:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    pointer-events:none;
  }

  #hi-video-modal .hi-video-modal-title{
    max-width:calc(100vw - 82px);
    padding:7px 11px;
    border-radius:999px;
    background:rgba(0,0,0,.42);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    color:#fff;
    font-size:12px;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    pointer-events:none;
  }

  #hi-video-modal .hi-video-close{
    width:44px;
    height:44px;
    border-radius:14px;
    background:rgba(0,0,0,.44);
    border:1px solid rgba(255,255,255,.24);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    pointer-events:auto;
  }

  #hi-video-modal video{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:contain;
    background:#000;
  }
}

#hi-video-reviews .hi-coverflow-arrows{
  
  
  
  
  
  
  z-index:500;
}
#hi-video-reviews .hi-coverflow-arrow{
  pointer-events:auto;
  
  
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  color:rgba(255,255,255,.92);
  
  line-height:1;
  cursor:pointer;
  opacity:.72;
  transition:opacity .2s ease, text-shadow .2s ease;
  -webkit-tap-highlight-color: transparent;
}
#hi-video-reviews .hi-coverflow-arrow span{pointer-events:none;}
#hi-video-reviews .hi-coverflow-arrow:hover{text-shadow:0 0 18px rgba(191,169,122,.35);}
#hi-video-reviews .hi-coverflow-arrow:disabled{opacity:.22;cursor:default;text-shadow:none;}

#hi-video-reviews .hi-video-card-btn:hover{background:transparent!important;}

/* === hi-video-coverflow-fix-v1 ===
   1) Убираем вертикальный микроскролл/подрезание: трек не должен скроллиться по Y.
   2) Стрелки на десктопе — как на мобиле: под заголовком, без боковых «рамок».
*/
#hi-video-reviews .hi-coverflow{padding-left:0; padding-right:0;}
#hi-video-reviews .hi-coverflow-track{
  overflow-y:hidden;
  touch-action: auto;
  padding-bottom: 86px;
  scrollbar-gutter: stable;
}
#hi-video-reviews .hi-coverflow-arrows{
  position:static;
  inset:auto;
  display:flex;
  justify-content:center;
  gap:18px;
  margin:6px 0 14px;
  pointer-events:auto;
}
#hi-video-reviews .hi-coverflow-arrow{
  position:static;
  top:auto; bottom:auto; left:auto; right:auto;
  width:52px;
  height:52px;
  font-size:56px;
  opacity:.85;
  text-shadow:none;
}
#hi-video-reviews .hi-coverflow-arrow:hover{
  opacity:1;
  transform:none;
  text-shadow:none;
}

/* hi-fix: portfolio 'more projects' hover glow should not be covered by next section */
#portfolio{position:relative;z-index:2;}
#hi-video-reviews{position:relative;z-index:1;}

#hi-video-reviews .hi-coverflow-track.hi-loop-jump{scroll-behavior:auto !important; scroll-snap-type:none !important;}


/* === hi-video-coverflow-virtual-loop-v14 ===
   Круговая карусель без scrollLeft-переноса.
   v14 возвращает прежнюю плотность coverflow и убирает двойной translateX. */
#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
  position:relative;
  display:block;
  overflow:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  touch-action:pan-y;
  cursor:grab;
  scrollbar-width:none;
  padding:0 !important;
  height:clamp(660px, calc(var(--hi-card-w) * 2.28), 810px);
  perspective:1000px;
}
#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual::-webkit-scrollbar{
  display:none;
}
#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual.is-dragging{
  cursor:grabbing;
}
#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual .hi-video-card{
  position:absolute !important;
  left:50%;
  top:44px;
  width:var(--hi-card-w);
  flex:0 0 var(--hi-card-w);
  transform:translate3d(calc(-50% + var(--hi-x, 0px)), 0, 0);
  transform-origin:center center;
  transition:transform .34s ease, opacity .24s ease;
}
#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual .hi-video-card-btn{
  transform-origin:center center;
  transform:perspective(900px) rotateY(var(--hi-rotate, 0deg)) scale(var(--hi-scale, 1));
  transition:transform .34s ease, opacity .24s ease, filter .24s ease;
}
#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual.is-dragging .hi-video-card,
#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual.is-dragging .hi-video-card-btn{
  transition:none;
}
@media (max-width: 560px){
  #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    height:clamp(500px, calc(var(--hi-card-w) * 2.34), 640px);
  }
  #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual .hi-video-card{
    top:34px;
  }
}


/* === hi-video-reviews-compact-head-v1 ===
   Убран подзаголовок блока видеообзоров: подтягиваем стрелки и карусель выше, не меняя механику coverflow. */
#hi-video-reviews.hi-video-reviews--compact .hi-videos-head{
  gap:0;
  margin-bottom:8px;
}
#hi-video-reviews.hi-video-reviews--compact .hi-coverflow{
  padding-top:8px;
}
#hi-video-reviews.hi-video-reviews--compact .hi-coverflow-arrows{
  margin:0 0 8px;
}
@media (max-width: 560px){
  #hi-video-reviews.hi-video-reviews--compact .hi-videos-head{
    margin-bottom:6px;
  }
  #hi-video-reviews.hi-video-reviews--compact .hi-coverflow{
    padding-top:6px;
  }
}

/* === hi-video-coverflow-arrow-circle-hover-v2 ===
   Локальная правка стрелок видеообзоров: круглая hover-заливка и центрированный chevron вместо общей квадратной заливки button:hover. */
#hi-video-reviews .hi-coverflow-arrow{
  position:relative !important;
  border-radius:50% !important;
  background:transparent !important;
  border:0 !important;
  color:rgba(255,255,255,.92) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible;
  font-size:0 !important;
  line-height:1 !important;
  text-align:center !important;
  transition:color .25s ease, opacity .2s ease !important;
}
#hi-video-reviews .hi-coverflow-arrow::after{
  content:"";
  position:absolute;
  inset:0;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(3,3,3,.18);
  box-shadow:none;
  transform:translateX(0);
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
  pointer-events:none;
  z-index:0;
}
#hi-video-reviews .hi-coverflow-arrow::before{
  content:"";
  position:relative;
  z-index:1;
  display:block;
  width:15px;
  height:15px;
  border-top:1.8px solid currentColor;
  border-right:1.8px solid currentColor;
}
#hi-video-reviews .hi-coverflow-arrow--prev::before{
  transform:rotate(-135deg) translate(-1px,-1px);
}
#hi-video-reviews .hi-coverflow-arrow--next::before{
  transform:rotate(45deg) translate(-1px,1px);
}
#hi-video-reviews .hi-coverflow-arrow--prev::after{
  transform:translateX(-3px);
}
#hi-video-reviews .hi-coverflow-arrow--next::after{
  transform:translateX(3px);
}
#hi-video-reviews .hi-coverflow-arrow.is-pointer-hover,
#hi-video-reviews .hi-coverflow-arrow.is-key-active{
  background:transparent !important;
  color:#080808 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  text-shadow:none !important;
  outline:none !important;
  opacity:1 !important;
}
#hi-video-reviews .hi-coverflow-arrow.is-pointer-hover::after,
#hi-video-reviews .hi-coverflow-arrow.is-key-active::after{
  border-color:rgba(191,169,122,.96);
  background:var(--hi-accent, #bfa97a);
  box-shadow:0 0 18px rgba(191,169,122,.34);
}
#hi-video-reviews .hi-coverflow-arrow:focus-visible{
  outline:2px solid rgba(191,169,122,.72) !important;
  outline-offset:4px !important;
}
#hi-video-reviews .hi-coverflow-arrow:disabled,
#hi-video-reviews .hi-coverflow-arrow:disabled:hover,
#hi-video-reviews .hi-coverflow-arrow:disabled:focus-visible,
#hi-video-reviews .hi-coverflow-arrow:disabled.is-pointer-hover,
#hi-video-reviews .hi-coverflow-arrow:disabled.is-key-active{
  background:transparent !important;
  color:rgba(255,255,255,.92) !important;
  box-shadow:none !important;
  opacity:.22 !important;
  cursor:default !important;
}
#hi-video-reviews .hi-coverflow-arrow:disabled::after,
#hi-video-reviews .hi-coverflow-arrow:disabled:hover::after,
#hi-video-reviews .hi-coverflow-arrow:disabled:focus-visible::after,
#hi-video-reviews .hi-coverflow-arrow:disabled.is-pointer-hover::after,
#hi-video-reviews .hi-coverflow-arrow:disabled.is-key-active::after{
  border-color:rgba(255,255,255,.10);
  background:transparent;
  box-shadow:none;
}


/* Repair page spacing for video/reviews trust block */
body.page-repair-refit #hi-video-reviews{
  padding-top:84px !important;
  padding-bottom:18px !important;
}
body.page-repair-refit #hi-video-reviews .section-title,
body.page-repair-refit #realized-view .section-title,
body.page-repair-refit #reviews .section-title{
  color:var(--hi-text,#E8E3D4) !important;
}
body.page-repair-refit #hi-video-reviews .hi-video-caption-title{
  color:var(--hi-text,#E8E3D4) !important;
}
body.page-repair-refit #hi-video-reviews .hi-video-caption-sub{
  color:var(--hi-text-dim,#CFC8B5) !important;
  opacity:.82 !important;
}
/* === hi-v40-realized-view === */
#realized-view{
  padding:56px 0 18px;
  scroll-margin-top:120px;
}
#realized-view > .wrap > .section-title{
  margin-bottom:var(--hi-section-title-gap);
}
#realized-view .realized-view-intro{
  max-width:900px;
  margin:0 auto 30px;
  text-align:center;
  font-size:17px !important;
  line-height:1.62 !important;
  color:var(--hi-text-dim) !important;
}
#realized-view .realized-view-shell{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
  gap:34px;
  padding:28px 32px;
  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%);
  border:1px solid rgba(191,169,122,.24);
  border-radius:28px;
  box-shadow:0 18px 46px rgba(0,0,0,.22);
}
#realized-view .realized-view-copy{
  min-width:0;
}
#realized-view .realized-view-list{
  margin:0;
  padding-left:18px;
}
#realized-view .realized-view-list li{
  margin:0 0 12px;


}
#realized-view .realized-view-list li:last-child{
  margin-bottom:0;
}
#realized-view .realized-view-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:14px;
  min-width:0;
}
#realized-view .realized-view-actions .btn,
#realized-view .realized-view-actions .btn-outline{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:52px;
  min-width:0;
  width:100%;
  max-width:350px;
  padding:15px 24px !important;
  border-radius:12px !important;
  text-decoration:none !important;
  box-shadow:none !important;
  font-size:16px !important;
  line-height:1.2 !important;
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, transform .25s ease !important;
}
#realized-view .realized-view-actions .btn{
  background:#000 !important;
  color:#fff !important;
  border:1px solid rgba(191,169,122,.65) !important;
}
#realized-view .realized-view-actions .btn-outline{
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
#realized-view .realized-view-actions .btn:hover,
#realized-view .realized-view-actions .btn:focus-visible,
#realized-view .realized-view-actions .btn-outline:hover,
#realized-view .realized-view-actions .btn-outline:focus-visible{
  background:#bfa97a !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);
  opacity:1 !important;
}
#realized-view .realized-view-note{
  display:none !important;
}
@media (max-width: 980px){
  #realized-view{
    padding:42px 0 10px;
  }
  #realized-view .realized-view-intro{
    margin-bottom:24px;
    font-size:16px !important;
    line-height:1.58 !important;
  }
  #realized-view .realized-view-shell{
    grid-template-columns:minmax(0,1fr);
    gap:24px;
    padding:24px;
    border-radius:24px;
  }
  #realized-view .realized-view-actions{
    justify-content:flex-start;
  }
}
@media (max-width: 640px){
  #realized-view .realized-view-intro{
    font-size:16px !important;
    line-height:1.56 !important;
  }

  #realized-view .realized-view-actions .btn,
  #realized-view .realized-view-actions .btn-outline{
    max-width:none;
  }
}


body.page-repair-refit #realized-view{
  padding-top:34px !important;
  padding-bottom:54px !important;
}
body.page-repair-refit #realized-view .realized-view-shell{
  margin-top:48px !important;
}
/* === hi-index-reviews-from-design-v01 ===
   Owner: index.html, блок #reviews.
   Источник: раздел отзывов со страницы design-interiera-samara.html. */
#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;
}
#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;
  }
  #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;
  }
  #reviews.design-section-proof .hi-proof-main{
    padding:18px 20px !important;
  }
  #reviews .hi-proof-stat{
    min-height:0 !important;
    padding:20px !important;
  }
  #reviews .hi-proof-reviews-block .hi-proof-review-card{
    min-height:0 !important;
    padding:16px !important;
  }
  #reviews .hi-proof-reviews-block .hi-proof-review-card p{
    font-size:15px !important;
    line-height:1.42 !important;
  }
  #reviews .hi-proof-reviews-block .hi-proof-review-top strong{
    max-width:none !important;
  }
  #reviews .hi-proof-reviews-note{
    flex-direction:column !important;
    align-items:stretch !important;
    padding:16px !important;
  }
  #reviews .hi-proof-reviews-note .btn-outline{
    width:100% !important;
  }
}


/* === hi-index-reviews-align-design-v03 === */
/* Owner: index.html, блок #reviews.
   Цель: привести ширину и рамки отзывов на главной к виду страницы design-interiera-samara. */
#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;
  }
  #reviews .hi-proof-intro{
    margin-bottom:36px !important;
  }
}


/* === hi-index-reviews-title-v04 ===
   Owner: index.html, блок #reviews.
   Цель: развести заголовок отзывов на главной и добавить такое же подчёркивание, как на странице design-interiera-samara. */
#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;
  }
}


body.page-repair-refit #reviews.hi-index-reviews{
  padding-top:54px !important;
  padding-bottom:64px !important;
}
body.page-repair-refit .repair-budget-seo-note{
  margin-top:-2px !important;
  max-width:1060px !important;
}
body.page-repair-refit #team.repair-team{
  scroll-margin-top:40px;
}
body.page-repair-refit #team .svc-cta{
  margin-top:18px;
}


/* === repair-v02 realized secondary button tone === */
body.page-repair-refit #realized-view .realized-view-actions .btn-outline{
  background:#202020 !important;
  color:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,.14) !important;
  background-image: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.page-repair-refit #realized-view .realized-view-actions .btn-outline:hover,
body.page-repair-refit #realized-view .realized-view-actions .btn-outline:focus-visible{
  background:#262626 !important;
  color:#fff !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;
}

/* === repair-v02 inline attribute cleanup === */
body.page-repair-refit #portfolio.repair-portfolio{scroll-margin-top:40px;}
body.page-repair-refit #portfolio .repair-portfolio-lead{max-width:820px;margin:10px auto 0;text-align:center;}
body.page-repair-refit #portfolio .portfolio-more-wrap{margin-top:18px;}
body.page-repair-refit #design-steps .hi-faq{max-width:980px;margin:18px auto 0;}

/* v03: center realized interior viewing title on repair page */
body.page-repair-refit #realized-view > .wrap > .section-title{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* === repair-v05-section-titles-hard-fix ===
   Owner: remont-pod-klyuch-samara.html.
   Задача: реально центрировать все секционные H2 на странице ремонта,
   привести размер к заголовку блока показа интерьеров и дать единую золотую линию.
   Правка локальная: только page-repair-refit, шапка/бургер/формы/карточки не затрагиваются. */
body.page-repair-refit main h2{
  position:relative !important;
  display:block !important;
  box-sizing:border-box !important;
  width:fit-content !important;
  width:-moz-fit-content !important;
  max-width:calc(100vw - 48px) !important;
  margin-top:0 !important;
  margin-right:auto !important;
  margin-bottom:42px !important;
  margin-left:auto !important;
  padding:0 !important;
  float:none !important;
  clear:both !important;
  text-align:center !important;


text-wrap:balance;
}
body.page-repair-refit main h2::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-12px !important;
  display:block !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;
}
/* Первый H2 страницы лежит не прямо в .wrap, а внутри .repair-section-copy — фиксируем отдельно для надёжности. */
body.page-repair-refit #systems .repair-section-copy > h2{
  margin-right:auto !important;
  margin-left:auto !important;
  text-align:center !important;
}
/* Убираем конфликт старых локальных правил, которые могли визуально держать заголовок блока показа слева. */
body.page-repair-refit #realized-view > .wrap > h2.section-title{
  display:block !important;
  width:fit-content !important;
  width:-moz-fit-content !important;
  max-width:calc(100vw - 48px) !important;
  margin-right:auto !important;
  margin-left:auto !important;
  text-align:center !important;
}
@media (max-width:768px){
  body.page-repair-refit main h2{
    max-width:calc(100vw - 28px) !important;
    margin-bottom:36px !important;

}
  body.page-repair-refit main h2::after{
    width:calc(100% + 30px) !important;
    max-width:calc(100vw - 28px) !important;
  }
}

/* === repair-v06-section-h2-final-fix ===
   Owner: remont-pod-klyuch-samara.html.
   Причина: в документе нет тега <main>, поэтому старый селектор body.page-repair-refit main h2 из v05
   не мог примениться к секционным заголовкам. Ниже — рабочий локальный селектор по прямым section страницы. */
body.page-repair-refit > section:not(#hero):not(#services) h2{
  position:relative !important;
  display:block !important;
  box-sizing:border-box !important;
  width:fit-content !important;
  width:-moz-fit-content !important;
  max-width:calc(100vw - 48px) !important;
  margin-top:0 !important;
  margin-right:auto !important;
  margin-bottom:42px !important;
  margin-left:auto !important;
  padding:0 !important;
  float:none !important;
  clear:both !important;
  text-align:center !important;


text-wrap:balance;
  hyphens:none;
  word-break:normal;
  overflow-wrap:normal;
}
body.page-repair-refit > section:not(#hero):not(#services) h2::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-12px !important;
  display:block !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){
  body.page-repair-refit > section:not(#hero):not(#services) h2{
    max-width:calc(100vw - 28px) !important;
    margin-bottom:36px !important;

}
  body.page-repair-refit > section:not(#hero):not(#services) h2::after{
    width:calc(100% + 30px) !important;
    max-width:calc(100vw - 28px) !important;
  }
}


/* === repair-v07-exact-h2-unification ===
   Owner: remont-pod-klyuch-samara.html.
   Причина: общие селекторы v05/v06 не дали результата на хосте.
   Решение: каждому секционному H2 добавлен класс hi-repair-h2, ниже — точные ID-селекторы по реальным секциям страницы.
   Правка локальная: только заголовки H2 страницы ремонта. */

/* === repair-v08-hero-responsive-contract ===
   Owner: remont-pod-klyuch-samara.html / #home-intro first screen.
   Цель: убрать растянутые на всю ширину hero-кнопки на мобильных и планшетах, ПК не трогать. */
@media (max-width:390px){
  body.page-repair-refit #home-intro .cta{
    gap:12px !important;
    margin-top:10px !important;
  }
  body.page-repair-refit #home-intro .cta a{
    flex:0 1 300px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:300px !important;
    min-height:52px !important;
    padding:12px 18px !important;
    font-size:16px !important;
    line-height:1.2 !important;
  }
}
@media (min-width:391px) and (max-width:560px){
  body.page-repair-refit #home-intro .cta{
    gap:12px !important;
    margin-top:10px !important;
  }
  body.page-repair-refit #home-intro .cta a{
    flex:0 1 320px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:320px !important;
    min-height:52px !important;
    padding:12px 18px !important;
    font-size:16px !important;
    line-height:1.2 !important;
  }
}
@media (min-width:561px) and (max-width:900px){
  body.page-repair-refit #home-intro .cta{
    gap:18px !important;
    margin-top:10px !important;
  }
  body.page-repair-refit #home-intro .cta a{
    flex:0 1 300px !important;
    width:300px !important;
    min-width:0 !important;
    max-width:300px !important;
    min-height:52px !important;
    padding:12px 18px !important;
    font-size:16px !important;
    line-height:1.2 !important;
  }
}

/* === repair-v09-contacts-cards-flat-all-devices-v26 ===
   Owner: remont-pod-klyuch-samara.html / #contacts.hi-contact-section.
   Задача: привести карточки формы и контактов к единому виду без декоративного градиента
   на ПК и мобильной, как на главной и странице «Дизайн интерьера».
   Не меняет поля, карту, тексты, кнопку, отступы и соседние секции. */
body.page-repair-refit#top #contacts.hi-contact-section .hi-contact-form-card,
body.page-repair-refit#top #contacts.hi-contact-section .hi-contact-info-card{
  background:#09090a !important;
  background-image:none !important;
  border:1px solid rgba(191,169,122,.25) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.24) !important;
  background-clip:padding-box !important;
  -webkit-background-clip:padding-box !important;
}

body.page-repair-refit#top #contacts.hi-contact-section .hi-contact-form-card::before,
body.page-repair-refit#top #contacts.hi-contact-section .hi-contact-info-card::before,
body.page-repair-refit#top #contacts.hi-contact-section .hi-contact-form-card::after,
body.page-repair-refit#top #contacts.hi-contact-section .hi-contact-info-card::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
}

/* === repair-v10-section-underlines-match-main-v28 ===
   Owner: remont-pod-klyuch-samara.html / section H2 underlines.
   Задача: подтянуть страницу «Ремонт под ключ» к принятому стилю главной и страницы «Дизайн интерьера»:
   единая линия под всеми секционными H2, одинаковая толщина, насыщенность, тень, вылет и отступ линии от текста.
   Scope: только H2-подчеркивания и title-to-content rhythm; тексты, SEO, карточки, кнопки, порядок блоков и H1 не меняются. */
body.page-repair-refit#top #systems h2.hi-repair-h2,
body.page-repair-refit#top #view-object h2.hi-repair-h2,
body.page-repair-refit#top #process h2.hi-repair-h2,
body.page-repair-refit#top #portfolio h2.hi-repair-h2,
body.page-repair-refit#top #hi-video-reviews h2.hi-repair-h2,
body.page-repair-refit#top #realized-view h2.hi-repair-h2,
body.page-repair-refit#top #proof h2.hi-repair-h2,
body.page-repair-refit#top #prices h2.hi-repair-h2,
body.page-repair-refit#top #reviews h2.hi-repair-h2,
body.page-repair-refit#top #design-steps h2.hi-repair-h2,
body.page-repair-refit#top #team h2.hi-repair-h2,
body.page-repair-refit#top #contacts h2.hi-repair-h2{
  position:relative !important;
  display:table !important;
  width:auto !important;
  max-width:calc(100vw - 40px) !important;
  margin-top:0 !important;
  margin-right:auto !important;
  margin-bottom:46px !important;
  margin-left:auto !important;
  padding:0 !important;
  float:none !important;
  clear:both !important;
  text-align:center !important;
  text-wrap:balance !important;
  hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

body.page-repair-refit#top #systems h2.hi-repair-h2::after,
body.page-repair-refit#top #view-object h2.hi-repair-h2::after,
body.page-repair-refit#top #process h2.hi-repair-h2::after,
body.page-repair-refit#top #portfolio h2.hi-repair-h2::after,
body.page-repair-refit#top #hi-video-reviews h2.hi-repair-h2::after,
body.page-repair-refit#top #realized-view h2.hi-repair-h2::after,
body.page-repair-refit#top #proof h2.hi-repair-h2::after,
body.page-repair-refit#top #prices h2.hi-repair-h2::after,
body.page-repair-refit#top #reviews h2.hi-repair-h2::after,
body.page-repair-refit#top #design-steps h2.hi-repair-h2::after,
body.page-repair-refit#top #team h2.hi-repair-h2::after,
body.page-repair-refit#top #contacts h2.hi-repair-h2::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.page-repair-refit#top #systems h2.hi-repair-h2,
  body.page-repair-refit#top #view-object h2.hi-repair-h2,
  body.page-repair-refit#top #process h2.hi-repair-h2,
  body.page-repair-refit#top #portfolio h2.hi-repair-h2,
  body.page-repair-refit#top #hi-video-reviews h2.hi-repair-h2,
  body.page-repair-refit#top #realized-view h2.hi-repair-h2,
  body.page-repair-refit#top #proof h2.hi-repair-h2,
  body.page-repair-refit#top #prices h2.hi-repair-h2,
  body.page-repair-refit#top #reviews h2.hi-repair-h2,
  body.page-repair-refit#top #design-steps h2.hi-repair-h2,
  body.page-repair-refit#top #team h2.hi-repair-h2,
  body.page-repair-refit#top #contacts h2.hi-repair-h2{
    max-width:calc(100vw - 28px) !important;
    margin-bottom:38px !important;
  }

  body.page-repair-refit#top #systems h2.hi-repair-h2::after,
  body.page-repair-refit#top #view-object h2.hi-repair-h2::after,
  body.page-repair-refit#top #process h2.hi-repair-h2::after,
  body.page-repair-refit#top #portfolio h2.hi-repair-h2::after,
  body.page-repair-refit#top #hi-video-reviews h2.hi-repair-h2::after,
  body.page-repair-refit#top #realized-view h2.hi-repair-h2::after,
  body.page-repair-refit#top #proof h2.hi-repair-h2::after,
  body.page-repair-refit#top #prices h2.hi-repair-h2::after,
  body.page-repair-refit#top #reviews h2.hi-repair-h2::after,
  body.page-repair-refit#top #design-steps h2.hi-repair-h2::after,
  body.page-repair-refit#top #team h2.hi-repair-h2::after,
  body.page-repair-refit#top #contacts h2.hi-repair-h2::after{
    bottom:-10px !important;
    width:calc(100% + 72px) !important;
    max-width:calc(100vw - 24px) !important;
    height:1px !important;
  }
}


/* === repair-v11-case-title-and-faq-match-design-v29 ===
   Owner: remont-pod-klyuch-samara.html / #systems .repair-mock-case-b + #design-steps.repair-faq-section.
   Задача: добить пропущенное подчеркивание у заголовка кейса коллекторного узла
   и привести FAQ ремонта к стилю FAQ страницы «Дизайн интерьера» с тоном карточек как у отзывов.
   Scope: только заголовок кейса и карточки FAQ; тексты, SEO, Schema, порядок секций, формы и кнопки не меняются. */
body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-title{
  
  
  
  max-width:calc(100vw - 40px) !important;
  margin:0 auto 42px !important;
  
  
  
  
  
  
}
body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-title::after{
  
  
  
  
  
  
  
  max-width:calc(100vw - 40px) !important;
  
  
  
  
  
  
  
}
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq{
  max-width:1120px !important;
  margin:0 auto !important;
}
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq details,
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq .faq-item{
  position:relative !important;
  background:rgba(255,255,255,.03) !important;
  background-image:none !important;
  border:1px solid rgba(191,169,122,.22) !important;
  border-radius:16px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16) !important;
  padding:0 !important;
  overflow:hidden !important;
  transition:border-color .22s ease, background-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq details + details,
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq .faq-item + .faq-item{
  margin-top:12px !important;
}
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq details:hover,
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq details[open]{
  border-color:rgba(191,169,122,.46) !important;
  background:rgba(191,169,122,.045) !important;
  background-image:none !important;
  box-shadow:0 0 20px rgba(191,169,122,.08), 0 14px 34px rgba(0,0,0,.22) !important;
}
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq summary{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-height:66px !important;
  padding:20px 58px 20px 24px !important;
  cursor:pointer !important;
  list-style:none !important;
  font-family:var(--hi-font-sans) !important;
  font-size:clamp(17px,1.05vw,20px) !important;
  line-height:1.35 !important;
  font-weight:750 !important;
  color:var(--hi-text,#E8E3D4) !important;
  text-align:left !important;
}
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq summary::-webkit-details-marker{
  display:none !important;
}
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq summary::after{
  content:"+" !important;
  position:absolute !important;
  right:22px !important;
  top:50% !important;
  width:28px !important;
  height:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:translateY(-50%) !important;
  border-radius:50% !important;
  border:1px solid rgba(191,169,122,.42) !important;
  color:rgba(232,227,212,.92) !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:400 !important;
  transition:background-color .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq details:hover summary::after,
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq details[open] summary::after{
  background:linear-gradient(180deg,#d9c38a,#bfa66d) !important;
  border-color:rgba(217,195,138,.95) !important;
  color:#111 !important;
  box-shadow:0 0 18px rgba(217,195,138,.22) !important;
}
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq details[open] summary::after{
  content:"−" !important;
}
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq .faq-body{
  margin:0 !important;
  padding:0 24px 22px !important;
  color:var(--hi-text-dim,#CFC8B5) !important;
  border-top:1px solid rgba(191,169,122,.14) !important;
}
body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq .faq-body p{
  max-width:880px !important;
  margin:16px 0 0 !important;
}
@media (max-width:900px){
  body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-title{
    
    margin-bottom:36px !important;
  }
  body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-title::after{
    bottom:-10px !important;
    width:calc(100% + 72px) !important;
    
    height:1px !important;
  }
  body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq{
    max-width:1120px !important;
    margin:0 auto !important;
  }
  body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq summary{
    min-height:60px !important;
    padding:17px 52px 17px 18px !important;
    font-size:16px !important;
  }
  body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq summary::after{
    right:16px !important;
    width:26px !important;
    height:26px !important;
    font-size:19px !important;
  }
  body.page-repair-refit#top #design-steps.repair-faq-section .hi-faq .faq-body{
    padding:0 18px 18px !important;
  }
}

/* === repair-v12-hero-cta-match-index-v30 ===
   Owner: remont-pod-klyuch-samara.html / #home-intro .cta.
   Задача: привести две hero-кнопки страницы ремонта к стилю главной:
   первичная — золотая, вторичная — спокойная тёмно-серая; одинаковые размеры, тон и hover
   на ПК и мобильной.
   Scope: только кнопки "Записаться на осмотр объекта" и "Обсудить проект в Telegram";
   тексты, href, порядок блоков, SEO, Schema и соседние CTA не меняются. */

body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary{
  
  
  
  
  min-height:52px !important;
  min-width:220px !important;
  width:auto !important;
  max-width:none !important;
  padding:15px 24px !important;
  border-radius:12px !important;
  
  
  
  
  
  
  
  
  
}

body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary{
  background:#202020 !important;
  
  border:1px solid rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.14) !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;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary:hover,
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary:focus-visible,
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary:hover,
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary:focus-visible{
  background:#BFA97A !important;
  
  border-color:#BFA97A !important;
  color:#111 !important;
  
  
  
}
@media (max-width:900px){
  body.page-repair-refit#top #home-intro .cta{
    gap:12px !important;
    margin-top:10px !important;
  }
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary{
    flex:0 1 320px !important;
    width:100% !important;
    max-width:320px !important;
    min-width:0 !important;
    min-height:52px !important;
    padding:12px 18px !important;
    font-size:19px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    white-space:normal !important;
  }
}
@media (min-width:561px) and (max-width:900px){
  
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary{
    flex:0 1 320px !important;
    width:320px !important;
  }
}
@media (max-width:360px){
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary{
    max-width:300px !important;
    font-size:18px !important;
  }
}



/* === repair-v13-hero-cta-exact-index-v31 ===
   Owner: remont-pod-klyuch-samara.html / #home-intro .cta.
   Задача: не приблизить, а выровнять две hero-кнопки страницы ремонта
   с фактическими hero-кнопками главной после последних правок:
   размеры, форма-капсула, тон, hover/focus и мобильные breakpoints.
   Scope: только "Записаться на осмотр объекта" и "Обсудить проект в Telegram". */
body.page-repair-refit#top #home-intro .cta{
  
  align-items:center !important;
  
  
  
  
  
  
}
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 224px !important;
  width:224px !important;
  min-width:224px !important;
  max-width:224px !important;
  min-height:60px !important;
  box-sizing:border-box !important;
  padding:20px !important;
  border-radius:999px !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  white-space:normal !important;
  text-decoration:none !important;
  text-indent:0 !important;
  opacity:1 !important;
  transform:none !important;
  transition:background .25s ease, color .25s ease, border-color .25s ease, box-shadow .35s ease, transform .25s ease !important;
}

body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary{
  background:rgba(28,28,30,.86) !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.09) !important;
  color:rgba(255,255,255,.94) !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;
}
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary:hover,
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary:focus-visible,
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary:hover,
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary:focus-visible{
  background:#bfa97a !important;
  background-image:none !important;
  border-color:#bfa97a !important;
  color:#000 !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;
}
@media (max-width:390px){
  
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary{
    flex:0 1 280px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:280px !important;
    min-height:54px !important;
    padding:12px 18px !important;
    font-size:18px !important;
    line-height:1.12 !important;
    font-weight:800 !important;
  }
}
@media (min-width:391px) and (max-width:560px){
  
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary{
    flex:0 1 290px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:290px !important;
    min-height:56px !important;
    padding:13px 18px !important;
    font-size:18px !important;
    line-height:1.12 !important;
    font-weight:800 !important;
  }
}
@media (min-width:561px) and (max-width:900px){
  
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-secondary{
    flex:0 0 280px !important;
    width:280px !important;
    min-width:280px !important;
    max-width:280px !important;
    min-height:56px !important;
    padding:13px 18px !important;
    font-size:18px !important;
    line-height:1.12 !important;
    font-weight:800 !important;
  }
}


/* === repair-v14-hero-cta-short-channel-v32 ===
   Owner: remont-pod-klyuch-samara.html / #home-intro .cta.
   Задача: убрать двухстрочные тексты hero-кнопок, оставить геометрию как на главной,
   а правую кнопку сделать раскрывающейся: MAX / Telegram / На почту.
   Scope: только первый экран страницы ремонта; ссылки секций, SEO, Schema, формы и соседние CTA не меняются. */
body.page-repair-refit#top #home-intro .cta{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
  margin:14px auto 0 !important;
}
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-actions{
  flex:0 0 224px !important;
  width:224px !important;
  min-width:224px !important;
  max-width:224px !important;
}
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-actions{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  z-index:30 !important;
}
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:224px !important;
  min-width:224px !important;
  max-width:224px !important;
  min-height:60px !important;
  box-sizing:border-box !important;
  padding:20px !important;
  border-radius:999px !important;
  font-family:inherit !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  text-indent:0 !important;
  opacity:1 !important;
  transform:none !important;
  appearance:none !important;
  cursor:pointer !important;
  transition:background .25s ease, color .25s ease, border-color .25s ease, box-shadow .35s ease, transform .25s ease !important;
}
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary{
  background:var(--hi-accent,#BFA97A) !important;
  background-image:none !important;
  border:1px solid var(--hi-accent,#BFA97A) !important;
  border-color:var(--hi-accent,#BFA97A) !important;
  color:#111 !important;
  box-shadow:0 0 14px rgba(191,169,122,.22) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle{
  background:rgba(28,28,30,.86) !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.09) !important;
  color:rgba(255,255,255,.94) !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;
}
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary:hover,
body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary:focus-visible,
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle:hover,
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle:focus-visible{
  background:#bfa97a !important;
  background-image:none !important;
  border-color:#bfa97a !important;
  color:#000 !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.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu{
  position:absolute !important;
  left:50% !important;
  top:calc(100% + 12px) !important;
  transform:translateX(-50%) !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  width:360px !important;
  max-width:min(360px, calc(100vw - 32px)) !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,.42) !important;
  z-index:60 !important;
}
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu[hidden]{
  display:none !important;
}
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu a,
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:11px 14px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:13px !important;
  color:#fff !important;
  background:rgba(255,255,255,.035) !important;
  text-decoration:none !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  appearance:none !important;
}
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu a:hover,
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu a:focus-visible,
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu a:active,
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu button:hover,
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu button:focus-visible,
body.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu button: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:none !important;
  opacity:1 !important;
  outline:none !important;
}
@media (max-width:390px){
  body.page-repair-refit#top #home-intro .cta{
    gap:12px !important;
    
  }
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-actions,
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle{
    flex:0 1 280px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:280px !important;
  }
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle{
    min-height:54px !important;
    padding:12px 18px !important;
    font-size:18px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
  }
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu{
    grid-template-columns:1fr !important;
    width:280px !important;
    max-width:280px !important;
    top:calc(100% + 10px) !important;
    gap:8px !important;
  }
}
@media (min-width:391px) and (max-width:560px){
  body.page-repair-refit#top #home-intro .cta{
    gap:12px !important;
    
  }
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-actions,
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle{
    flex:0 1 290px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:290px !important;
  }
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle{
    min-height:56px !important;
    padding:13px 18px !important;
    font-size:18px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
  }
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-menu{
    grid-template-columns:1fr !important;
    width:290px !important;
    max-width:290px !important;
    top:calc(100% + 10px) !important;
    gap:8px !important;
  }
}
@media (min-width:561px) and (max-width:900px){
  body.page-repair-refit#top #home-intro .cta{
    gap:18px !important;
    
  }
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-actions,
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle{
    flex:0 0 280px !important;
    width:280px !important;
    min-width:280px !important;
    max-width:280px !important;
  }
  body.page-repair-refit#top #home-intro .cta > a.repair-hero-cta-primary,
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle{
    min-height:56px !important;
    padding:13px 18px !important;
    font-size:18px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
  }
}

/* === repair-v15-section-rhythm-match-main-design-v33 ===
   Owner: remont-pod-klyuch-samara.html / section vertical rhythm.
   Задача: подтянуть страницу «Ремонт под ключ» к принятому ритму главной и страницы «Дизайн интерьера».
   Scope: только верхние отступы между секциями на ПК и мобильной; тексты, SEO, Schema, порядок блоков, карточки, кнопки и H1 не меняются. */
@media (min-width:901px){
  body.page-repair-refit#top #systems.repair-section{
    padding-top:42px !important;
  }

  body.page-repair-refit#top #view-object.index-live-view,
  body.page-repair-refit#top #process.repair-section,
  body.page-repair-refit#top #proof.repair-section,
  body.page-repair-refit#top #prices.repair-section{
    padding-top:56px !important;
  }

  body.page-repair-refit#top #portfolio.repair-portfolio{
    padding-top:64px !important;
  }

  body.page-repair-refit#top #hi-video-reviews{
    padding-top:72px !important;
  }

  body.page-repair-refit#top #realized-view{
    padding-top:56px !important;
  }

  body.page-repair-refit#top #reviews.design-section-proof{
    padding-top:54px !important;
    padding-bottom:62px !important;
  }

  body.page-repair-refit#top #design-steps.repair-faq-section{
    padding-top:46px !important;
  }

  body.page-repair-refit#top #team.repair-team{
    padding-top:42px !important;
  }

  body.page-repair-refit#top #contacts.hi-contact-section{
    padding-top:62px !important;
  }
}

@media (max-width:900px){
  body.page-repair-refit#top #systems.repair-section{
    padding-top:30px !important;
  }

  body.page-repair-refit#top #view-object.index-live-view,
  body.page-repair-refit#top #process.repair-section,
  body.page-repair-refit#top #proof.repair-section,
  body.page-repair-refit#top #prices.repair-section{
    padding-top:44px !important;
  }

  body.page-repair-refit#top #portfolio.repair-portfolio{
    padding-top:48px !important;
  }

  body.page-repair-refit#top #hi-video-reviews{
    padding-top:44px !important;
  }

  body.page-repair-refit#top #realized-view{
    padding-top:36px !important;
  }

  body.page-repair-refit#top #reviews.design-section-proof{
    padding-top:46px !important;
    padding-bottom:54px !important;
  }

  body.page-repair-refit#top #design-steps.repair-faq-section{
    padding-top:42px !important;
  }

  body.page-repair-refit#top #team.repair-team{
    padding-top:34px !important;
  }

  body.page-repair-refit#top #contacts.hi-contact-section{
    padding-top:52px !important;
  }
}

/* === repair-v16-section-rhythm-main-reference-v34 ===
   Owner: remont-pod-klyuch-samara.html / межсекционный ритм страницы ремонта.
   Эталон: главная страница после принятых правок:
   1) нижняя грань hero CTA -> H2 первого блока = 72px на desktop;
   2) нижняя рамка смыслового блока -> H2 следующего раздела = 72px на desktop;
   3) CTA портфолио -> «Все проекты» = 72px на desktop.
   Задача: убрать разношерстные 42/46/54/56/64px из v33 и задать один принцип.
   Scope: только вертикальные зазоры между секциями на странице «Ремонт под ключ».
   Тексты, SEO, Schema, порядок блоков, карточки, кнопки и внутренние отступы карточек не меняются. */
@media (min-width:901px){
  body.page-repair-refit#top{
    --hi-repair-section-gap-v34:72px;
    --hi-repair-section-prev-bottom-v34:12px;
    --hi-repair-section-next-top-v34:60px;
    --hi-repair-first-bottom-v34:42px;
    --hi-repair-first-top-v34:30px;
    --hi-repair-hero-intro-top-v35:48px;
  }

  /* Первый экран -> «Основа качественного ремонта»: как на главной CTA -> «О студии HomeInterior». */
  body.page-repair-refit#top #home-intro.repair-page-intro,
  body.page-repair-refit#top #home-intro.home-intro{
    padding-top:var(--hi-repair-hero-intro-top-v35) !important;
    padding-bottom:var(--hi-repair-first-bottom-v34) !important;
  }
  body.page-repair-refit#top #systems.repair-section{
    padding-top:var(--hi-repair-first-top-v34) !important;
  }

  /* Единый desktop-переход между следующими разделами:
     12px снизу у предыдущего блока + 60px сверху у следующего = 72px. */
  body.page-repair-refit#top #systems.repair-section,
  body.page-repair-refit#top #view-object.index-live-view,
  body.page-repair-refit#top #process.repair-section,
  body.page-repair-refit#top #portfolio.repair-portfolio,
  body.page-repair-refit#top #hi-video-reviews,
  body.page-repair-refit#top #realized-view,
  body.page-repair-refit#top #proof.repair-section,
  body.page-repair-refit#top #prices.repair-section,
  body.page-repair-refit#top #reviews.design-section-proof,
  body.page-repair-refit#top #design-steps.repair-faq-section,
  body.page-repair-refit#top #team.repair-team{
    padding-bottom:var(--hi-repair-section-prev-bottom-v34) !important;
    margin-bottom:0 !important;
  }

  body.page-repair-refit#top #view-object.index-live-view,
  body.page-repair-refit#top #process.repair-section,
  body.page-repair-refit#top #portfolio.repair-portfolio,
  body.page-repair-refit#top #hi-video-reviews,
  body.page-repair-refit#top #realized-view,
  body.page-repair-refit#top #proof.repair-section,
  body.page-repair-refit#top #prices.repair-section,
  body.page-repair-refit#top #reviews.design-section-proof,
  body.page-repair-refit#top #design-steps.repair-faq-section,
  body.page-repair-refit#top #team.repair-team,
  body.page-repair-refit#top #contacts.hi-contact-section{
    margin-top:0 !important;
    padding-top:var(--hi-repair-section-next-top-v34) !important;
  }

  /* Контакты — последний блок: верхний эталонный, нижний футерный отступ оставляем как в системе контактов. */
  body.page-repair-refit#top #contacts.hi-contact-section{
    padding-bottom:86px !important;
  }
}

@media (max-width:900px){
  body.page-repair-refit#top{
    --hi-repair-mobile-section-gap-v34:58px;
    --hi-repair-mobile-first-bottom-v34:28px;
    --hi-repair-mobile-first-top-v34:14px;
    --hi-repair-mobile-video-to-realized-v34:60px;
    --hi-repair-mobile-hero-intro-top-v35:34px;
  }

  /* Мобильный первый переход берём из эталона главной/дизайна. */
  body.page-repair-refit#top #home-intro.repair-page-intro,
  body.page-repair-refit#top #home-intro.home-intro{
    padding-top:var(--hi-repair-mobile-hero-intro-top-v35) !important;
    padding-bottom:var(--hi-repair-mobile-first-bottom-v34) !important;
  }
  body.page-repair-refit#top #systems.repair-section{
    padding-top:var(--hi-repair-mobile-first-top-v34) !important;
  }

  /* На mobile эталон держится верхним padding следующего раздела, без добавочного низа у предыдущего. */
  body.page-repair-refit#top #systems.repair-section,
  body.page-repair-refit#top #view-object.index-live-view,
  body.page-repair-refit#top #process.repair-section,
  body.page-repair-refit#top #portfolio.repair-portfolio,
  body.page-repair-refit#top #hi-video-reviews,
  body.page-repair-refit#top #realized-view,
  body.page-repair-refit#top #proof.repair-section,
  body.page-repair-refit#top #prices.repair-section,
  body.page-repair-refit#top #reviews.design-section-proof,
  body.page-repair-refit#top #design-steps.repair-faq-section,
  body.page-repair-refit#top #team.repair-team{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }

  body.page-repair-refit#top #view-object.index-live-view,
  body.page-repair-refit#top #process.repair-section,
  body.page-repair-refit#top #portfolio.repair-portfolio,
  body.page-repair-refit#top #hi-video-reviews,
  body.page-repair-refit#top #proof.repair-section,
  body.page-repair-refit#top #prices.repair-section,
  body.page-repair-refit#top #reviews.design-section-proof,
  body.page-repair-refit#top #design-steps.repair-faq-section,
  body.page-repair-refit#top #team.repair-team,
  body.page-repair-refit#top #contacts.hi-contact-section{
    margin-top:0 !important;
    padding-top:var(--hi-repair-mobile-section-gap-v34) !important;
  }

  /* Видео -> «Показ готового интерьера» на mobile в эталоне имеет отдельный зазор. */
  body.page-repair-refit#top #realized-view{
    margin-top:0 !important;
    padding-top:var(--hi-repair-mobile-video-to-realized-v34) !important;
  }

  body.page-repair-refit#top #contacts.hi-contact-section{
    padding-bottom:78px !important;
  }
}

@media (max-width:380px){
  body.page-repair-refit#top{
    --hi-repair-mobile-section-gap-v34:54px;
    --hi-repair-mobile-first-bottom-v34:28px;
    --hi-repair-mobile-first-top-v34:14px;
    --hi-repair-mobile-video-to-realized-v34:56px;
  }
}



/* === repair-v17-targeted-reference-gaps-v35 ===
   Owner: remont-pod-klyuch-samara.html / точечные стыки, отмеченные на проверке.
   Эталон: видимые переходы главной страницы: нижняя грань/последний видимый элемент предыдущего блока -> следующий H2.
   Задача: не менять всю страницу заново, а исправить оставшиеся неэталонные места:
   1) карточка «Основа качественного ремонта» -> «Коллекторный узел воды и фильтрации»;
   2) конец кейса коллекторного узла -> «Показ объекта в процессе ремонта»;
   3) конец шагов «Как проходит проект» -> «Проекты дизайна и ремонта под ключ»;
   4) видеообзоры -> «Показ готового интерьера».
   Scope: только вертикальный ритм этих стыков на странице ремонта; тексты, SEO, порядок блоков, карточки и кнопки не меняются. */
@media (min-width:901px){
  body.page-repair-refit#top{
    --hi-repair-reference-gap-v35:72px;
  }

  /* 1. Внутренний стык в #systems: нижняя рамка первого блока -> заголовок кейса. */
  body.page-repair-refit#top #systems .repair-mock-case-b{
    margin-top:var(--hi-repair-reference-gap-v35) !important;
  }

  /* 2. Конец кейса коллекторного узла -> следующий H2.
     Убираем лишний низ у самой сетки и секции, чтобы видимый зазор не складывался из 24+12+60. */
  body.page-repair-refit#top #systems{
    padding-bottom:0 !important;
  }
  body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-points{
    margin-bottom:0 !important;
  }
  

  /* 3. Конец шагов -> портфолио.
     У .repair-step видимый текст заканчивается выше сеточной строки, поэтому общий стык нужен короче,
     чтобы визуальный зазор соответствовал эталону 72px. */
  body.page-repair-refit#top #process.repair-section{
    padding-bottom:0 !important;
  }
  body.page-repair-refit#top #portfolio.repair-portfolio{
    padding-top:43px !important;
  }

  /* 4. Видеообзоры -> «Показ готового интерьера».
     Основной лишний зазор давал внутренний padding-bottom трека coverflow. */
  
  body.page-repair-refit#top #hi-video-reviews .hi-coverflow,
  body.page-repair-refit#top #hi-video-reviews .hi-coverflow-track,
  body.page-repair-refit#top #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }
  body.page-repair-refit#top #realized-view{
    padding-top:72px !important;
  }
}

@media (max-width:900px){
  /* На mobile те же четыре стыка, но с мобильным эталонным ритмом без desktop-перераздувания. */
  body.page-repair-refit#top #systems .repair-mock-case-b{
    margin-top:58px !important;
  }
  body.page-repair-refit#top #systems{
    padding-bottom:0 !important;
  }
  body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-points{
    margin-bottom:0 !important;
  }
  
  body.page-repair-refit#top #process.repair-section{
    padding-bottom:0 !important;
  }
  body.page-repair-refit#top #portfolio.repair-portfolio{
    padding-top:44px !important;
  }
  
  body.page-repair-refit#top #hi-video-reviews .hi-coverflow,
  body.page-repair-refit#top #hi-video-reviews .hi-coverflow-track,
  body.page-repair-refit#top #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }
  body.page-repair-refit#top #realized-view{
    padding-top:58px !important;
  }
}

@media (max-width:380px){
  body.page-repair-refit#top #systems .repair-mock-case-b{
    margin-top:54px !important;
  }
  
  body.page-repair-refit#top #portfolio.repair-portfolio{
    padding-top:40px !important;
  }
  body.page-repair-refit#top #realized-view{
    padding-top:54px !important;
  }
}

/* === repair-v18-view-object-live-view-copy-v36 ===
   Owner: remont-pod-klyuch-samara.html / #view-object.
   Задача: заменить содержимое «Показ объекта в процессе ремонта» на блок главной
   «Показ объекта вживую» и дать ему такую же карточную механику на ПК и мобиле.
   Scope: только #view-object; соседние секции, SEO, порядок блоков, hero и контакты не меняются. */
body.page-repair-refit#top #view-object.index-live-view .live-view-intro{
  max-width:860px !important;
  margin:34px auto 0 !important;
  
  color:rgba(224,216,196,.88) !important;
  font-size:clamp(18px,1.42vw,23px) !important;
  line-height:1.5 !important;
  font-weight:500 !important;
}

body.page-repair-refit#top #view-object.index-live-view .live-view-shell{
  
  
  background:
    linear-gradient(180deg, rgba(255,255,255,.025) 0%, rgba(255,255,255,0) 100%),
    radial-gradient(circle at 18% 0%, rgba(191,169,122,.13), rgba(191,169,122,0) 38%),
    linear-gradient(135deg, rgba(191,169,122,.08), rgba(12,12,14,.96) 30%, rgba(4,4,4,.98) 100%) !important;
  
  
  
}







body.page-repair-refit#top #view-object.index-live-view .live-view-option h3{
  margin:0 0 14px !important;
  color:rgba(242,237,223,.96) !important;
  font-size:clamp(22px,1.5vw,28px) !important;
  line-height:1.16 !important;
  
}

body.page-repair-refit#top #view-object.index-live-view .live-view-copy{
  margin:0 0 16px !important;
  
  font-size:17px !important;
  line-height:1.52 !important;
}

body.page-repair-refit#top #view-object.index-live-view .live-view-list{
  margin:0 !important;
  
}

body.page-repair-refit#top #view-object.index-live-view .live-view-list li{
  margin:0 0 12px !important;
  color:rgba(255,255,255,.76) !important;
  font-size:16px !important;
  line-height:1.45 !important;
}







body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:360px !important;
  min-height:52px !important;
  margin:0 !important;
  padding:15px 24px !important;
  appearance:none !important;
  cursor:pointer !important;
  border-radius:12px !important;
  border:1px solid rgba(191,169,122,.65) !important;
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:none !important;
  text-decoration:none !important;
  font-family:inherit !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, transform .25s ease !important;
}







body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu a:hover,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu a:focus-visible,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu a:active,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu button:hover,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu button:focus-visible,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu button: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:none !important;
  opacity:1 !important;
  outline:none !important;
}

@media (max-width:900px){
  body.page-repair-refit#top #view-object.index-live-view .live-view-intro{
    margin-top:30px !important;
    font-size:17px !important;
    line-height:1.45 !important;
  }

  body.page-repair-refit#top #view-object.index-live-view .live-view-shell{
    
    padding:24px 22px 24px !important;
    
  }

  

  body.page-repair-refit#top #view-object.index-live-view .live-view-option{
    padding:0 0 22px !important;
  }

  body.page-repair-refit#top #view-object.index-live-view .live-view-option + .live-view-option{
    padding:22px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(191,169,122,.18) !important;
  }

  body.page-repair-refit#top #view-object.index-live-view .live-view-option h3{
    font-size:22px !important;
  }

  body.page-repair-refit#top #view-object.index-live-view .live-view-copy{
    font-size:16px !important;
  }

  body.page-repair-refit#top #view-object.index-live-view .live-view-list li{
    font-size:15px !important;
    line-height:1.45 !important;
    white-space:nowrap !important;
  }

  body.page-repair-refit#top #view-object.index-live-view .live-view-actions{
    margin-top:24px !important;
    padding-top:22px !important;
  }

  

  body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-toggle{
    
    min-height:48px !important;
    
    
  }

  
}

@media (max-width:380px){
  

  body.page-repair-refit#top #view-object.index-live-view .live-view-list li{
    font-size:14px !important;
  }
}

/* === repair-v19-view-object-exact-live-view-copy-v37 ===
   Owner: remont-pod-klyuch-samara.html / #view-object.index-live-view.
   Задача: фактически привести перенесённый блок «Показ объекта вживую» к эталону главной/дизайна:
   одинаковый H2→подзаголовок, размер подзаголовка, фон карточки без градиента, цвет маркеров и CTA.
   Scope: только #view-object; соседние секции, SEO, порядок блоков, hero, цены и контакты не меняются. */
body.page-repair-refit#top #view-object.index-live-view{
  font-size:var(--hi-type-copy) !important;
  line-height:var(--hi-type-copy-line) !important;
}
body.page-repair-refit#top #view-object.index-live-view > .wrap > .section-title{
  position:relative !important;
  display:table !important;
  width:auto !important;
  max-width:calc(100vw - 40px) !important;
  margin:0 auto var(--hi-section-title-gap, 22px) !important;
  padding:0 !important;
  text-align:center !important;
  text-wrap:balance !important;
  hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}
body.page-repair-refit#top #view-object.index-live-view > .wrap > .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;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-intro{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  text-align:center !important;
  text-wrap:auto !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:var(--hi-section-subtitle-size) !important;
  line-height:var(--hi-section-subtitle-line) !important;
  font-weight:400 !important;
  letter-spacing:-0.01em !important;
  color:#D8CCAD !important;
  opacity:1 !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-intro span{ display:block !important; }
body.page-repair-refit#top #view-object.index-live-view .live-view-intro span + span{ margin-top:4px !important; }
body.page-repair-refit#top #view-object.index-live-view .live-view-shell{
  margin-top:30px !important;
  padding:34px 38px 30px !important;
  background:#09090a !important;
  background-image:none !important;
  border:1px solid rgba(191,169,122,.25) !important;
  border-radius:28px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.24) !important;
  background-clip:padding-box !important;
  -webkit-background-clip:padding-box !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-shell::before,
body.page-repair-refit#top #view-object.index-live-view .live-view-shell::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-options{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:0 !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-option{
  min-width:0 !important;
  padding:2px 34px 2px 0 !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-option + .live-view-option{
  padding:2px 0 2px 34px !important;
  border-left:1px solid rgba(191,169,122,.18) !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-option h3{
  margin:0 0 8px !important;
  text-align:left !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-weight:800 !important;
  font-size:var(--hi-type-h3, clamp(20px, 1.25vw, 24px)) !important;
  line-height:var(--hi-type-h3-line, 1.20) !important;
  letter-spacing:var(--hi-type-track-h3, -0.014em) !important;
  color:var(--hi-text, #E8E3D4) !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-copy{
  max-width:none !important;
  margin:0 0 14px !important;
  text-align:left !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:var(--hi-type-copy) !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  letter-spacing:-0.01em !important;
  color:rgba(255,255,255,.78) !important;
  opacity:1 !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-list{
  list-style:disc !important;
  padding-left:18px !important;
  margin:10px 0 0 !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-list li{
  display:list-item !important;
  margin:5px 0 !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:var(--hi-type-copy) !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  letter-spacing:-0.01em !important;
  color:rgba(255,255,255,.78) !important;
  opacity:1 !important;
  white-space:normal !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-list li::marker{ color:#BFA96A !important; }
body.page-repair-refit#top #view-object.index-live-view .live-view-list li:last-child{ margin-bottom:0 !important; }
body.page-repair-refit#top #view-object.index-live-view .live-view-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:16px !important;
  margin-top:30px !important;
  padding-top:26px !important;
  border-top:1px solid rgba(191,169,122,.15) !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-actions .btn,
body.page-repair-refit#top #view-object.index-live-view .live-view-actions .btn-outline,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:360px !important;
  min-height:52px !important;
  margin:0 !important;
  padding:15px 24px !important;
  appearance:none !important;
  cursor:pointer !important;
  border-radius:12px !important;
  border:1px solid rgba(191,169,122,.65) !important;
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-decoration:none !important;
  font-family:inherit !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, transform .25s ease !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions{
  display:flex !important;
  position:relative !important;
  align-items:center !important;
  flex-direction:column !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  width:100% !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-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu[hidden]{ display:none !important; }
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu a,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  padding:12px 16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:13px !important;
  color:#fff !important;
  background:rgba(255,255,255,.035) !important;
  text-decoration:none !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  cursor:pointer !important;
}

body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu a,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu button{
  gap:8px !important;
}

body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu .live-view-channel-icon{
  display:block !important;
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  color:inherit !important;
  opacity:1 !important;
  transform:none !important;
}

body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu .live-view-channel-icon--telegram{
  width:17px !important;
  height:17px !important;
  flex-basis:17px !important;
  fill:currentColor !important;
}

body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu .live-view-channel-icon--max{
  fill:currentColor !important;
}

body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu .live-view-channel-icon--phone{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu a > span,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu button > span{
  color:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
}

body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-toggle:hover,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-toggle:focus-visible,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu a:hover,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu a:focus-visible,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu a:active,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu button:hover,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu button:focus-visible,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu button: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;
  opacity:1 !important;
  outline:none !important;
}
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:hover,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus-visible,
body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:active{
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.65) !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  outline:none !important;
}
@media (max-width:900px){
  body.page-repair-refit#top #view-object.index-live-view{ font-size:16px !important; line-height:1.58 !important; }
  body.page-repair-refit#top #view-object.index-live-view > .wrap > .section-title{ max-width:calc(100vw - 28px) !important; margin-bottom:20px !important; }
  body.page-repair-refit#top #view-object.index-live-view > .wrap > .section-title::after{ bottom:-10px !important; width:calc(100% + 72px) !important; max-width:calc(100vw - 24px) !important; height:1px !important; }
  body.page-repair-refit#top #view-object.index-live-view .live-view-intro{
    width:100% !important;
    max-width:680px !important;
    margin:0 auto !important;
    text-align:center !important;
    font-size:var(--hi-type-copy) !important;
    line-height:1.5 !important;
    letter-spacing:-0.01em !important;
  }
  body.page-repair-refit#top #view-object.index-live-view .live-view-shell{ margin-top:28px !important; padding:28px 24px 24px !important; border-radius:24px !important; }
  body.page-repair-refit#top #view-object.index-live-view .live-view-options{ grid-template-columns:minmax(0,1fr) !important; gap:26px !important; }
  body.page-repair-refit#top #view-object.index-live-view .live-view-option,
  body.page-repair-refit#top #view-object.index-live-view .live-view-option + .live-view-option{ padding:0 !important; border-left:0 !important; }
  body.page-repair-refit#top #view-object.index-live-view .live-view-option + .live-view-option{ padding-top:24px !important; border-top:1px solid rgba(191,169,122,.16) !important; }
  body.page-repair-refit#top #view-object.index-live-view .live-view-option h3{ margin:2px 0 8px !important; text-align:left !important; }
  body.page-repair-refit#top #view-object.index-live-view .live-view-actions{ align-items:stretch !important; flex-direction:column !important; gap:12px !important; margin-top:26px !important; padding-top:24px !important; }
  body.page-repair-refit#top #view-object.index-live-view .live-view-actions .btn,
  body.page-repair-refit#top #view-object.index-live-view .live-view-actions .btn-outline,
  body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-toggle{ max-width:none !important; }
  body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions{ align-items:stretch !important; }
  body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-toggle{ max-width:none !important; font-size:18px !important; font-weight:600 !important; }
  body.page-repair-refit#top #view-object.index-live-view .live-view-channel-actions .live-view-channel-menu{ grid-template-columns:1fr !important; max-width:none !important; gap:8px !important; margin-top:10px !important; }
}
@media (max-width:560px){
  body.page-repair-refit#top #view-object.index-live-view .live-view-shell{ padding:24px 20px !important; }
}
@media (max-width:380px){
  body.page-repair-refit#top #view-object.index-live-view .live-view-shell{ padding:22px 18px !important; }
}

/* === repair-v21-collector-subtitle-and-underline-fix-v39 ===
   Owner: remont-pod-klyuch-samara.html / #systems .repair-mock-case-b.
   Задача: исправить последствия v38: вернуть подчеркивание заголовка по центру
   и не сжимать длинный подзаголовок «Самое сложное в таком узле…» в узкую колонку.
   Scope: только заголовок/подзаголовок кейса коллекторного узла; SEO, тексты, изображения,
   карточки, порядок блоков и кнопки не меняются. */
body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-title{
  position:relative !important;
  display:table !important;
  width:auto !important;
  max-width:calc(100vw - 48px) !important;
  margin:0 auto 36px !important;
  padding:0 !important;
  text-align:center !important;
  text-wrap:balance !important;
  hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}
body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-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 - 48px) !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;
}
body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-lead{
  width:auto !important;
  max-width:min(1160px, calc(100vw - 64px)) !important;
  margin:0 auto !important;
  text-align:center !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:var(--hi-section-subtitle-size) !important;
  line-height:var(--hi-section-subtitle-line) !important;
  font-weight:400 !important;
  letter-spacing:-0.01em !important;
  color:#D8CCAD !important;
  opacity:1 !important;
  text-wrap:normal !important;
  hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}
@media (max-width:900px){
  body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-title{
    max-width:calc(100vw - 28px) !important;
    margin-bottom:30px !important;
  }
  body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-title::after{
    width:calc(100% + 56px) !important;
    max-width:calc(100vw - 24px) !important;
  }
  body.page-repair-refit#top #systems .repair-mock-case-b .repair-case-lead{
    width:100% !important;
    max-width:min(680px, calc(100vw - 28px)) !important;
    font-size:var(--hi-type-copy) !important;
    line-height:1.5 !important;
    text-wrap:normal !important;
  }
}

/* === repair-v40-mobile-hero-channel-toggle-flex-bug ===
   Owner: remont-pod-klyuch-samara.html / #home-intro .cta .repair-hero-channel-toggle.
   Задача: исправить мобильный баг v32/v31, где правая hero-кнопка «Обсудить проект»
   превращалась в большой круг. Причина: в mobile media ей задавался flex:0 1 280/290px;
   внутри column-flex контейнера это становилось высотой кнопки. Фиксируем высоту кнопки,
   flex оставляем только родительскому контейнеру.
   Scope: только мобильная hero-кнопка «Обсудить проект» на странице ремонта; ПК не меняется. */
@media (max-width:900px){
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle{
    flex:0 0 auto !important;
    height:auto !important;
    min-height:56px !important;
    max-height:56px !important;
    width:100% !important;
    max-width:290px !important;
    aspect-ratio:auto !important;
    border-radius:999px !important;
    padding:13px 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}
@media (max-width:390px){
  body.page-repair-refit#top #home-intro .cta .repair-hero-channel-toggle{
    min-height:54px !important;
    max-height:54px !important;
    max-width:280px !important;
    padding:12px 18px !important;
  }
}

/* === repair-v22-patch01-live-view-stabilization-v41 ===
   Owner: remont-pod-klyuch-samara.html / #view-object.index-live-view + соседний ритм.
   Задача: первый стабилизирующий патч страницы ремонта — оставить один блок показа объекта,
   направить правила на реальный DOM-узел #view-object.index-live-view и сохранить эталонный
   переход после видеообзоров уже без дублирующего #realized-view.
   Scope: только страница ремонта; шапка, футер, Schema, sitemap, OG и глобальная типографика не меняются. */
@media (min-width:901px){
  body.page-repair-refit#top #view-object.index-live-view{
    padding-top:60px !important;
    padding-bottom:12px !important;
  }

  body.page-repair-refit#top #hi-video-reviews{
    padding-bottom:0 !important;
  }

  body.page-repair-refit#top #proof.repair-section{
    padding-top:72px !important;
  }
}

@media (max-width:900px){
  body.page-repair-refit#top #view-object.index-live-view{
    padding-top:52px !important;
    padding-bottom:0 !important;
  }

  body.page-repair-refit#top #hi-video-reviews{
    padding-bottom:0 !important;
  }

  body.page-repair-refit#top #proof.repair-section{
    padding-top:58px !important;
  }
}

@media (max-width:380px){
  body.page-repair-refit#top #view-object.index-live-view{
    padding-top:48px !important;
  }

  body.page-repair-refit#top #proof.repair-section{
    padding-top:54px !important;
  }
}

/* === repair-v21-hero-h1-lead-gap-match-index-v45 ===
   Owner: remont-pod-klyuch-samara.html / #home-intro hero H1-lead rhythm.
   Задача: привести расстояние H1 -> подзаголовок к главной странице;
   без изменения текста, кнопок, JS, SEO и глобальной типографики. */
body.page-repair-refit#top #home-intro .home-h1{
  margin:0 auto 14px !important;
}
body.page-repair-refit#top #home-intro .home-lead{
  margin-top:0 !important;
}
@media (max-width:414px){
  body.page-repair-refit#top #home-intro .home-h1{
    margin-bottom:12px !important;
  }
}


/* === repair-v22-systems-title-and-frame-rhythm-v46 ===
   Owner: remont-pod-klyuch-samara.html / #systems .repair-section-intro-box.
   Задача: сократить H2 «Основа качественного ремонта» до «Качественный ремонт»
   и привести верхний зазор внутри рамки первого ряда к эталону главной страницы.
   Scope: только #systems; тексты карточек, порядок блоков, JS, SEO и глобальная типографика не меняются. */
@media (min-width:901px){
  body.page-repair-refit#top #systems .repair-section-intro-box{
    padding-top:20px !important;
    padding-bottom:20px !important;
  }

  

  

  
}

@media (max-width:900px){
  body.page-repair-refit#top #systems .repair-section-intro-box{
    padding:18px 20px !important;
  }

  body.page-repair-refit#top #systems .repair-control-points{
    gap:0 !important;
  }

  

  

  
}

/* === repair-v23-systems-frame-edge-rhythm-v47 ===
   Owner: remont-pod-klyuch-samara.html / #systems .repair-section-intro-box.
   Задача: выровнять крайние вертикальные отступы рамки с ритмом строк таблицы;
   без изменения текста, порядка блоков, JS, SEO и глобальной типографики. */
@media (min-width:901px){
  body.page-repair-refit#top #systems .repair-section-intro-box{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  body.page-repair-refit#top #systems .repair-control-point:nth-child(-n/**/+2){
    padding-top:0 !important;
    padding-bottom:24px !important;
  }

  body.page-repair-refit#top #systems .repair-control-point:nth-child(3),
  body.page-repair-refit#top #systems .repair-control-point:nth-child(4){
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  body.page-repair-refit#top #systems .repair-control-point:nth-child(n/**/+5){
    padding-top:24px !important;
    padding-bottom:0 !important;
  }
}

@media (max-width:900px){
  body.page-repair-refit#top #systems .repair-section-intro-box{
    padding:20px 20px !important;
  }

  body.page-repair-refit#top #systems .repair-control-point{
    padding:20px 0 !important;
  }

  body.page-repair-refit#top #systems .repair-control-point:first-child{
    padding-top:0 !important;
  }

  body.page-repair-refit#top #systems .repair-control-point:last-child{
    padding-bottom:0 !important;
  }
}


/* === repair-v24-visible-breadcrumbs-v49 ===
   Owner: remont-pod-klyuch-samara.html / #home-intro .hi-page-breadcrumbs.
   Задача: добавить видимые хлебные крошки без сдвига hero-связки H1/lead/CTA;
   Schema BreadcrumbList уже есть в HTML, SEO-структуру не меняем. */
body.page-repair-refit#top #home-intro.hi-service-intro-breadcrumbs{
  padding-top:24px !important;
}
body.page-repair-refit#top #home-intro .hi-page-breadcrumbs{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  margin:0 0 10px !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:13px !important;
  line-height:16px !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  color:rgba(216,204,173,.64) !important;
}
body.page-repair-refit#top #home-intro .hi-page-breadcrumbs a{
  color:rgba(216,204,173,.74) !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(191,169,122,.18) !important;
  transition:color .18s ease, border-color .18s ease !important;
}
body.page-repair-refit#top #home-intro .hi-page-breadcrumbs a:hover,
body.page-repair-refit#top #home-intro .hi-page-breadcrumbs a:focus-visible{
  color:#E8E3D4 !important;
  border-color:rgba(191,169,122,.46) !important;
}
body.page-repair-refit#top #home-intro .hi-page-breadcrumbs span[aria-hidden="true"]{
  color:rgba(191,169,122,.38) !important;
}
body.page-repair-refit#top #home-intro .hi-page-breadcrumbs span[aria-current="page"]{
  color:rgba(216,204,173,.58) !important;
}
@media (max-width:900px){
  body.page-repair-refit#top #home-intro.hi-service-intro-breadcrumbs{
    padding-top:14px !important;
  }
  body.page-repair-refit#top #home-intro .hi-page-breadcrumbs{
    gap:7px !important;
    margin-bottom:8px !important;
    font-size:12px !important;
    line-height:15px !important;
  }
}


/* === repair-v25-hero-lead-cta-gap-and-mobile-burger-v50 ===
   Owner: remont-pod-klyuch-samara.html / #home-intro hero lead + mobile burger.
   Задача: привести расстояние hero lead -> CTA к главной странице и вернуть бургер поверх шапки на мобильной.
   Scope: только страница ремонта; JS, SEO, Schema, глобальная шапка и соседние страницы не меняются. */
body.page-repair-refit#top #home-intro .home-lead{
  margin-bottom:22px !important;
}
body.page-repair-refit#top #home-intro .cta{
  margin-top:14px !important;
}
@media (max-width:390px){
  body.page-repair-refit#top #home-intro .home-lead{
    margin-bottom:18px !important;
  }
  body.page-repair-refit#top #home-intro .cta{
    margin-top:10px !important;
  }
}
@media (min-width:391px) and (max-width:560px){
  body.page-repair-refit#top #home-intro .home-lead{
    margin-bottom:20px !important;
  }
  body.page-repair-refit#top #home-intro .cta{
    margin-top:10px !important;
  }
}
@media (min-width:561px) and (max-width:900px){
  body.page-repair-refit#top #home-intro .home-lead{
    margin-bottom:20px !important;
  }
  body.page-repair-refit#top #home-intro .cta{
    margin-top:10px !important;
  }
}



/* === repair-v26-process-main-steps-clone-v51 ===
   Owner: remont-pod-klyuch-samara.html / #process «Как проходит проект».
   Задача: привести раздел к дизайну главной секции «Как мы работаем»: сетка grid cols-3,
   анимируемые цифры через ::before, тонкие разделители и тот же ритм карточек.
   Scope: только #process; тексты, заголовок, SEO, Schema, порядок секций, соседние блоки и глобальная типографика не меняются. */
body.page-repair-refit#top #process.repair-main-steps-clone .wrap{
  max-width:1500px !important;
}
body.page-repair-refit#top #process.repair-main-steps-clone .grid.repair-steps{
  counter-reset:hi-step !important;
  display:grid !important;
  gap:28px !important;
  row-gap:44px !important;
  margin-top:0 !important;
  padding-top:10px !important;
}
@media (min-width:920px){
  body.page-repair-refit#top #process.repair-main-steps-clone .grid.repair-steps.cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}
body.page-repair-refit#top #process.repair-main-steps-clone .grid > .repair-step{
  position:relative !important;
  min-width:0 !important;
  padding:0 0 30px 52px !important;
  background:transparent !important;
  border:0 !important;
  border-top:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.page-repair-refit#top #process.repair-main-steps-clone .grid > .repair-step:nth-child(-n/**/+3){
  border-bottom:1px solid rgba(191,169,122,.16) !important;
}
body.page-repair-refit#top #process.repair-main-steps-clone .grid > .repair-step::before{
  counter-increment:hi-step !important;
  content:counter(hi-step) !important;
  position:absolute !important;
  top:-0.38em !important;
  left:0 !important;
  width:36px !important;
  height:36px !important;
  border-radius:50% !important;
  border:1px solid rgba(191,169,122,.48) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:650 !important;
  font-size:19px !important;
  line-height:1 !important;
  color:rgba(255,250,236,.96) !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.page-repair-refit#top #process.repair-main-steps-clone .grid > .repair-step.hi-step-active::before{
  background:rgba(191,169,122,.88) !important;
  border-color:rgba(191,169,122,.58) !important;
  color:#050505 !important;
  box-shadow:0 0 10px rgba(191,169,122,.35), 0 0 20px rgba(191,169,122,.18) !important;
}
body.page-repair-refit#top #process.repair-main-steps-clone .grid > .repair-step h3{
  margin:0 0 10px !important;
}
body.page-repair-refit#top #process.repair-main-steps-clone .grid > .repair-step p{
  margin:0 !important;
}
@media (max-width:900px){
  body.page-repair-refit#top #process.repair-main-steps-clone .grid.repair-steps{
    gap:34px !important;
    row-gap:34px !important;
  }
  body.page-repair-refit#top #process.repair-main-steps-clone .grid > .repair-step{
    padding:0 0 26px 44px !important;
  }
  body.page-repair-refit#top #process.repair-main-steps-clone .grid > .repair-step:nth-child(-n/**/+3){
    border-bottom:0 !important;
  }
  body.page-repair-refit#top #process.repair-main-steps-clone .grid > .repair-step:not(:last-child){
    border-bottom:1px solid rgba(191,169,122,.16) !important;
  }
  body.page-repair-refit#top #process.repair-main-steps-clone .grid > .repair-step::before{
    top:-5px !important;
    width:30px !important;
    height:30px !important;
    font-size:19px !important;
    line-height:1 !important;
  }
  body.page-repair-refit#top #process.repair-main-steps-clone .grid > .repair-step h3{
    margin-bottom:6px !important;
  }
}

/* === repair-v27-proof-cards-match-systems-grid-v53 ===
   Owner: remont-pod-klyuch-samara.html / #proof .repair-section-intro-box.
   Задача: довести «Как организован ремонт» до реальной сетки блока «Что входит в ремонт»:
   тот же контейнер, горизонтальные отступы, карточки без min-height, разделители и H3/copy-типографика.
   Scope: только #proof; тексты, порядок блоков, фото, JS, SEO и глобальная типографика не меняются. */
body.page-repair-refit#top #proof .repair-section-intro-box{
  margin:0 !important;
}

body.page-repair-refit#top #proof .repair-control-point h3{
  margin:0 0 14px !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:var(--hi-type-h3) !important;
  line-height:var(--hi-type-h3-line) !important;
  font-weight:800 !important;
  letter-spacing:var(--hi-type-track-h3, -0.018em) !important;
  color:var(--hi-text,#E8E3D4) !important;
}

body.page-repair-refit#top #proof .repair-control-point p{
  margin:0 !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:var(--hi-type-copy) !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  letter-spacing:-0.01em !important;
  color:rgba(255,255,255,.78) !important;
}

@media (min-width:901px){
  body.page-repair-refit#top #proof .repair-section-intro-box{
    padding:24px 28px !important;
  }

  body.page-repair-refit#top #proof .repair-control-points{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 !important;
  }

  body.page-repair-refit#top #proof .repair-control-point{
    min-height:0 !important;
    padding:30px 34px !important;
  }

  body.page-repair-refit#top #proof .repair-control-point:nth-child(-n/**/+2){
    border-bottom:1px solid var(--repair-divider) !important;
    padding-top:0 !important;
    padding-bottom:24px !important;
  }

  body.page-repair-refit#top #proof .repair-control-point:nth-child(n/**/+3){
    border-bottom:0 !important;
    padding-top:24px !important;
    padding-bottom:0 !important;
  }

  body.page-repair-refit#top #proof .repair-control-point:nth-child(2n){
    border-left:1px solid var(--repair-divider) !important;
  }
}

@media (max-width:900px){
  body.page-repair-refit#top #proof .repair-section-intro-box{
    padding:20px 20px !important;
  }

  body.page-repair-refit#top #proof .repair-control-points{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  body.page-repair-refit#top #proof .repair-control-point{
    min-height:0 !important;
    padding:20px 0 !important;
  }

  body.page-repair-refit#top #proof .repair-control-point:first-child{
    padding-top:0 !important;
  }

  body.page-repair-refit#top #proof .repair-control-point:last-child{
    padding-bottom:0 !important;
  }
}

/* === repair-v31-video-proof-gap-only-v58 ===
   Owner: remont-pod-klyuch-samara.html / стык #hi-video-reviews -> #proof.
   Задача: исправить только расстояние от подписи последней видео-карточки
   «2020 Самара, 150 м²» до H2 «Как организован ремонт».
   Нижний стык #proof -> #prices возвращён к прежнему ритму: #prices здесь не трогаем.
   Scope: только верхний отступ #proof; видео, карточки, #prices, тексты, JS, SEO и глобальная типографика не меняются. */
@media (min-width:901px){
  body.page-repair-refit#top #proof.repair-section{
    padding-top:30px !important;
  }
}

@media (max-width:900px){
  body.page-repair-refit#top #proof.repair-section{
    padding-top:34px !important;
  }
}

@media (max-width:380px){
  body.page-repair-refit#top #proof.repair-section{
    padding-top:30px !important;
  }
}

/* === repair-v35-budget-estimate-v62 ===
   Owner: remont-pod-klyuch-samara.html / #prices.
   Scope: price estimate and its explanatory note; existing cards and CTA are unchanged. */
body.page-repair-refit#top #prices h2.hi-repair-h2{
  margin-bottom:var(--hi-section-title-gap, 22px) !important;
}

body.page-repair-refit#top #prices .repair-budget-estimate{
  width:min(100%, 1120px);
  margin:0 auto 24px;
  padding:22px 26px;
  border:1px solid rgba(191,169,122,.34);
  border-radius:22px;
  background:rgba(191,169,122,.055);
  text-align:center;
}

body.page-repair-refit#top #prices .repair-budget-estimate-value{
  margin:0 0 10px;
  color:var(--hi-text);
  font-size:clamp(20px,1.8vw,28px);
  font-weight:750;
  line-height:1.3;
}

body.page-repair-refit#top #prices .repair-budget-estimate-note{
  max-width:980px;
  margin:0 auto;
  color:var(--hi-text-dim);
  line-height:1.55;
}

@media (max-width:900px){
  body.page-repair-refit#top #prices h2.hi-repair-h2{
    margin-bottom:var(--hi-section-title-gap, 16px) !important;
  }

  body.page-repair-refit#top #prices .repair-budget-estimate{
    width:100%;
    max-width:760px;
    margin-bottom:22px;
    padding:20px 22px;
  }
}

@media (max-width:560px){
  body.page-repair-refit#top #prices .repair-budget-estimate{
    padding:18px;
    border-radius:20px;
    text-align:left;
  }

  body.page-repair-refit#top #prices .repair-budget-estimate-value{
    font-size:20px;
  }
}


/* === repair-v34-prices-main-card-channel-v61 ===
   Owner: remont-pod-klyuch-samara.html / #prices.
   Задача: привести блок «Точная смета — только после проекта» к эталону главной:
   одна широкая рамочная карточка, 3 внутренние колонки, нижняя линия и раскрывающаяся кнопка
   Telegram / MAX / Оставить заявку.
   Scope: только #prices; #proof, #team, тексты, SEO и глобальная типографика не меняются. */
body.page-repair-refit#top #prices .repair-budget-shell{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:28px 34px 26px !important;
  display:block !important;
  text-align:left !important;
  color:rgba(255,255,255,.68) !important;
  border:1px solid rgba(191,169,122,.24) !important;
  border-radius:28px !important;
  background:#070708 !important;
  background-image:none !important;
  box-shadow:none !important;
}

body.page-repair-refit#top #prices .repair-budget-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:0 !important;
  width:100% !important;
  margin:0 !important;
}

body.page-repair-refit#top #prices .repair-budget-card{
  margin:0 !important;
  padding:0 30px !important;
  min-width:0 !important;
  background:transparent !important;
  border:0 !important;
  border-top:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.page-repair-refit#top #prices .repair-budget-card:first-child{
  padding-left:0 !important;
}

body.page-repair-refit#top #prices .repair-budget-card:last-child{
  padding-right:0 !important;
}

body.page-repair-refit#top #prices .repair-budget-card + .repair-budget-card{
  border-left:1px solid rgba(191,169,122,.16) !important;
}

body.page-repair-refit#top #prices .repair-budget-card h3{
  margin:0 0 10px !important;
  text-align:left !important;
}

body.page-repair-refit#top #prices .repair-budget-card p{
  width:auto !important;
  margin:0 !important;
  color:rgba(255,255,255,.70) !important;
  font-size:16px !important;
  line-height:1.56 !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  text-align:left !important;
  text-align-last:auto !important;
}

body.page-repair-refit#top #prices .repair-budget-actions,
body.page-repair-refit#top #prices .repair-budget-channel-actions{
  display:flex !important;
  position:relative !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin-top:26px !important;
  padding-top:24px !important;
  border-top:1px solid rgba(191,169,122,.15) !important;
}

body.page-repair-refit#top #prices .repair-budget-channel-toggle,
body.page-repair-refit#top #prices .repair-budget-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:310px !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;
  color:#fff !important;
  appearance:none !important;
  cursor:pointer !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;
}

body.page-repair-refit#top #prices .repair-budget-channel-menu{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  width:100% !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-repair-refit#top #prices .repair-budget-channel-menu[hidden]{
  display:none !important;
}

body.page-repair-refit#top #prices .repair-budget-channel-menu a,
body.page-repair-refit#top #prices .repair-budget-channel-menu button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  padding:12px 16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:13px !important;
  color:#fff !important;
  background:rgba(255,255,255,.035) !important;
  text-decoration:none !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  appearance:none !important;
}

body.page-repair-refit#top #prices .repair-budget-channel-toggle:hover,
body.page-repair-refit#top #prices .repair-budget-channel-toggle:focus-visible,
body.page-repair-refit#top #prices .repair-budget-channel-actions.is-open .repair-budget-channel-toggle,
body.page-repair-refit#top #prices .repair-budget-channel-menu a:hover,
body.page-repair-refit#top #prices .repair-budget-channel-menu a:focus-visible,
body.page-repair-refit#top #prices .repair-budget-channel-menu a:active,
body.page-repair-refit#top #prices .repair-budget-channel-menu button:hover,
body.page-repair-refit#top #prices .repair-budget-channel-menu button:focus-visible,
body.page-repair-refit#top #prices .repair-budget-channel-menu button: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:none !important;
  opacity:1 !important;
  outline:none !important;
}

@media (max-width:1100px){
  body.page-repair-refit#top #prices .repair-budget-shell{
    padding:26px 26px 24px !important;
    border-radius:24px !important;
  }

  body.page-repair-refit#top #prices .repair-budget-grid{
    grid-template-columns:1fr !important;
  }

  body.page-repair-refit#top #prices .repair-budget-card{
    padding:18px 0 !important;
  }

  body.page-repair-refit#top #prices .repair-budget-card:first-child{
    padding-top:0 !important;
  }

  body.page-repair-refit#top #prices .repair-budget-card:last-child{
    padding-bottom:0 !important;
  }

  body.page-repair-refit#top #prices .repair-budget-card + .repair-budget-card{
    border-left:0 !important;
    border-top:1px solid rgba(191,169,122,.16) !important;
  }
}

@media (max-width:900px){
  body.page-repair-refit#top #prices .repair-budget-shell{
    width:min(92vw, 820px) !important;
    margin:0 auto !important;
    padding:24px 22px 22px !important;
  }

  body.page-repair-refit#top #prices .repair-budget-actions,
  body.page-repair-refit#top #prices .repair-budget-channel-actions{
    align-items:stretch !important;
    margin-top:22px !important;
    padding-top:22px !important;
  }

  body.page-repair-refit#top #prices .repair-budget-channel-toggle,
  body.page-repair-refit#top #prices .repair-budget-cta{
    max-width:none !important;
    min-height:50px !important;
    font-size:16px !important;
  }

  body.page-repair-refit#top #prices .repair-budget-channel-menu{
    grid-template-columns:1fr !important;
    max-width:none !important;
    gap:8px !important;
    margin-top:10px !important;
  }
}

@media (max-width:560px){
  body.page-repair-refit#top #prices .repair-budget-shell{
    width:calc(100vw - 32px) !important;
    padding:22px 18px 20px !important;
    border-radius:20px !important;
  }

  body.page-repair-refit#top #prices .repair-budget-card{
    padding:16px 0 !important;
  }

  body.page-repair-refit#top #prices .repair-budget-card p{
    line-height:1.55 !important;
  }
}

/* Mobile live-view icons and channel order: MAX → Telegram → request. Desktop untouched. */
@media (max-width:900px){
  body.page-repair-refit#top #view-object.index-live-view .live-view-option-heading{display:flex !important;align-items:center !important;gap:18px !important;margin:0 0 18px !important;}
  body.page-repair-refit#top #view-object.index-live-view .live-view-option-heading h3{margin:0 !important;}
  body.page-repair-refit#top #view-object.index-live-view .live-view-option-icon{display:flex !important;flex:0 0 32px !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;margin:0 !important;color:#D7BB85 !important;}
  body.page-repair-refit#top #view-object.index-live-view .live-view-option-icon svg{display:block !important;width:32px !important;height:32px !important;fill:none !important;stroke:currentColor !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}
  body.page-repair-refit#top #view-object.index-live-view .live-view-option-icon img{display:block !important;width:32px !important;height:32px !important;object-fit:contain !important;}
  body.page-repair-refit#top #view-object.index-live-view .live-view-channel-menu a[href*="max.ru"]{order:1 !important;}
  body.page-repair-refit#top #view-object.index-live-view .live-view-channel-menu a[href*="t.me"]{order:2 !important;}
  body.page-repair-refit#top #view-object.index-live-view .live-view-channel-menu button{order:3 !important;}
}

/* Preserve the accepted desktop layout after adding mobile-only heading icons. */
body.page-repair-refit#top #view-object.index-live-view .live-view-option-heading{display:contents;}
body.page-repair-refit#top #view-object.index-live-view .live-view-option-icon{display:none;}
@media (max-width:900px){
  body.page-repair-refit#top #view-object.index-live-view .live-view-option-heading{display:flex !important;}
}


/* Mobile optical correction: trowel icon only; desktop unchanged. */
@media (max-width:900px){
  body.page-repair-refit#top #view-object.index-live-view .live-view-option:nth-child(2) .live-view-option-icon img{
    width:35px !important;
    height:35px !important;
    max-width:none !important;
  }
}